/*//////////////////////////////////////////////////////////////////////////////

baseLayout.css

--------------------------------------------------------------------------------

	 1. font-size
	 2. common
	 3. header
	 4. container
	 5. footer

//////////////////////////////////////////////////////////////////////////////*/

/*=======================================================
	1. font-size
=======================================================*/
html>/**/body {
	font-size: small;
}

table {
	font-size: inherit;
	font: 100%;
}

th,
td {
	font-size: 93%;
}

/* 54px */
#container #main_content .attention_unit .box p .num,
.wrank_country .info .rank  {
	font-size: 54px !important;
}


/* 30px */
h2,
.txt_model,
.record_block .btn_record li a .number,
#container #main_content .info_box .box p, 
#container #main_content .electricdata_block .box p .num,
.rank_score ul .score_num,
.rank_champscore p,
.rank_champscore ul .score_num,
#first_area .tab_block .right_box .inner_right .num {
	font-size: 30px !important;
}


/* 26px */
.btn_pagenation .txt,
.rank_score p {
	font-size: 26px !important;
}


/* 24px */
/*{
	font-size: 24px;
}
*/


/* 23px */
#container #main_content .level_box ul li span {
	font-size: 23px !important;
}


/* 22px */
.record_block .level_box li span,
.ttl_battery_status .txt_date,
#first_area .tab_block .number,
.block_left .time {
	font-size: 22px !important;
}


/* 20px */
/*
{
	20px !important;
}
*/

/* 18px */
.snav_slide_block .menu_box dt,
.snav_slide_block .pick_box .txt dd,
#main_content #statusdata_area .box .num,
.wrank_country .title,
.wrank_country .info .distance,
.route_inner span {
	font-size: 18px !important;
}

/* 17px */
.yourfav .num,
.yourfav .num_nodrag,
.fset .num,
.intfeed_block .finfo .num,
.fset02_block_left .finfo .num,
.fset02_block_right .finfo .num,
.route_inner .putfeed_box .inner .right_box .num {
	font-size: 17px !important;
}

/* 16px */
h3,
.record_block .btn_record li a .unit, 
#container #main_content .box .unit,
.yourfav .name,
.fset .name,
#container .pages li,
.currentfav_block_right p {
	font-size: 16px !important;
}

/* 15px */
h4,
.btn_prime_next a,
.btn_prime a,
.btn_sec a,
.bnr_area li .txt,
#calendar .month .iceSelInpDateMonthYear .iceOutTxt,
#second_area #inner .info_area ul li .num,
#main_content #calendar table.month,
.panel_box .txt span,
.btn_pagenation_s .txt,
#first_area .tab_block .txt_status,
.wrank_country .info .user,
.wrank_country .info .text {
	font-size: 15px !important;
}

/* 14px */
.list_ttl,
.ttl_battery_status,
.wrank_country .info .totall {
	font-size: 14px !important;
}

/* 13px */
h5,
h6,
p,
li,
dt,
dd,
.record_block .rank_box .btn_record .unit{
	font-size: 13px !important;
}

/* 12px */
h1,
#gnav_area li,
#snav li,
.snav_slide_block .pick_box .txt dt,
.btn_third a,
.btn_fourth a,
.btn_prime a.list_head,
a.btn_prime_refresh,
.txt_main,
.footer_block dl dd,
.wrank_country .info .unit {
	font-size: 12px !important;
}

/* 11px */
.snav_slide_block .menu_box dd,
.snav_slide_block .pick_box .txt p,
.txt_sub,
#topic_path_area,
#main_content #statusdata_area .block01 .box .name,
#main_content #statusdata_area .block02 .box .name,
#copyright,
.block_left .timeinfo {
	font-size: 11px !important;
}

/* 10px */
/*{
  font-size: 10px;
}
*/

/*=======================================================
	2. common
=======================================================*/
.display_s {
	display: none;
}

section {
	margin-bottom: 30px;
}

.pict {
	border: 1px solid #e4e4e4;
}

.pict img{
	padding: 30px 0;
}

.dummy {
	width: 100%;
	height: 500px;
	margin-bottom: 0;
	background: #ccc;
}

.sp{
  display: none;
}

/*-------------------------------------------------------
	title
-------------------------------------------------------*/
h2 {
	margin: 15px 0 15px 0;
	padding-bottom: 25px;
	color: #343434;
	background: url(../images/dot_line.png) repeat-x left bottom;
}

h3 {
	margin: 0 0 15px 0;
	padding: 10px;
	color: #fff;
	background: #666;
}

h4 {
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

h5 {
	margin: 0 0 10px 0;
}

/*-------------------------------------------------------
	input
-------------------------------------------------------*/
input[type='text'],
input[type='password'] {
	width: 97.5%;
	height: 30px;
	height: auto\9; /* for ie8 */
	margin-bottom: 10px;
	padding-left: 10px;
	padding: 5px 5px 5px 3px\9; /* for ie8 */
	line-height: 100%;
	vertical-align: top;
	border: 1px solid #cccccc;
}


/*-------------------------------------------------------
	custom_select_area
-------------------------------------------------------*/
.custom_select_area{
	position: relative;
}
.custom_select_area select{
	position: absolute;
	top: -5px;
	left:0;
}
span.customSelect {
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff url(../images/i_select.png) no-repeat right center;
}
span.customSelect.changed {
	background-color: #f0dea4;
}
.customSelectInner {
	padding-right: 13px;
}

/*select{
	padding: 3px 8px 3px 3px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-indent: .01px;
	text-overflow: "";
	border: 1px solid #ccc;
	background: #fff url(../images/i_select.png) no-repeat right center;
}

*/
/* ---------------------------
	checkbox
------------------------------ */
.checkbox {
}

.checkbox label {
	padding-left: 5px;
}

input[type='checkbox'] {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	position: absolute;
}

.i_checkbox {
	height: 13px;
	padding: 0 0 2px 0;
	line-height: 100%;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/i_checkbox.png) no-repeat left top;
}

.i_checkbox span {
	padding: 0 0 0 15px;
}

.i_checked {
	background-position: left -26px;
}


/*-------------------------------------------------------
	label
-------------------------------------------------------*/
.label_require {
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 2px 4px;
	border: 1px solid #C3002F;
	color: #C3002F;
}


/*-------------------------------------------------------
	attention_unit
-------------------------------------------------------*/
.attention_unit {
	margin-bottom: 30px;
	padding: 15px;
	background: #ebebeb;
}

.attention_unit p {
	margin-bottom: 0;
}


/*-------------------------------------------------------
	btn
-------------------------------------------------------*/
/* i_next_s */
.i_next_s {
	margin-top: 10px;
	line-height: 100%;
}

.i_next_s a {
	padding: 0 15px 3px 0;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	background-position: right center;
	background-repeat: no-repeat;
}

.i_next_s a:link,
.i_next_s a:visited {
	text-decoration: none;
	background-image: url(../images/i_next_gray_s.png);
}

.i_next_s a:hover,
.i_next_s a:active {
	text-decoration: none;
	color: #C3002F;
	background-image: url(../images/i_next_red_s.png);
}

/* i_prev_s */
.i_prev_s {
	margin-top: 10px;
	line-height: 100%;
}

.i_prev_s a {
	padding: 0 0 3px 15px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	background-position: left center;
	background-repeat: no-repeat;
}

.i_prev_s a:link,
.i_prev_s a:visited {
	text-decoration: none;
	background-image: url(../images/i_prev_gray_s.png);
}

.i_prev_s a:hover,
.i_prev_s a:active {
	text-decoration: none;
	color: #C3002F;
	background-image: url(../images/i_prev_red_s.png);
}

/* i_btm_s */
.i_btm_s {
	margin-top: 10px;
	line-height: 100%;
}

.i_btm_s a {
	padding: 0 15px 3px 0;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	background-position: right center;
	background-repeat: no-repeat;
}

.i_btm_s a:link,
.i_btm_s a:visited {
	text-decoration: none;
	background-image: url(../images/i_btm_dgray_s.png);
}

.i_btm_s a:hover,
.i_btm_s a:active {
	text-decoration: none;
	color: #C3002F;
	background-image: url(../images/i_btm_red_s.png);
}


/* btn_sec */
.btn_sec {
	margin: 10px 0;
}

.btn_sec a {
	width: auto;
 min-width: 100px;
	padding: 12px 20px;
	color: #fff !important;
	text-align: center;
	display: block;
	background-repeat: no-repeat;
}

.btn_sec a:link,
.btn_sec a:visited {
	text-decoration: none;
	background-color: #666;
}

.btn_sec a:hover,
.btn_sec a:active {
	text-decoration: underline;
	background-color: #4C4C4C;
}

/* btn_third */
.btn_third{
	text-align: center;
	line-height: 110%;
}

.btn_third a{
	width: auto;
 min-width: 60px;
 word-break: break-all; /*ipad 対応*/
 overflow:auto;
	padding: 8px 20px;
	display: inline-block;
  *display: inline;  
  *zoom: 1;  
	background-color:#C3002F;
	color: #FFF;
	text-decoration:none;
}
	
.btn_third a:link,
.btn_third a:visited{
	text-decoration: none;
	background-color: #C3002F;
}

.btn_third a:hover,
.btn_third a:active{
	text-decoration: underline;
	background-color: #a60028;
}

/* btn_fourth */
.btn_fourth{
	text-align: center;
	line-height: 110%;
}

.btn_fourth a{
	width: auto;
 min-width: 60px;
 word-break: break-all; /*ipad 対応*/
 overflow:auto;
	padding: 8px 20px;
	display: inline-block;
  *display: inline;  
  *zoom: 1;  
	background-color:#666;
	color: #FFF;
	text-decoration:none;
}
	
.btn_fourth a:link,
.btn_fourth a:visited{
	text-decoration: none;
	background-color: #666;
}

.btn_fourth a:hover,
.btn_fourth a:active{
	text-decoration: underline;
	background-color: #4C4C4C;
}

/* btn_prime_next */
.btn_prime_next {
	margin: 10px 0;
}

.btn_prime_next a {
	width: auto;
 min-width: 100px;
	padding: 12px 45px 12px 20px;
	color: #fff !important;
	text-align: center;
	display: block;
	background-position: 93% center;
	background-repeat: no-repeat;
}

.btn_prime_next a:link,
.btn_prime_next a:visited {
	text-decoration: none;
	background-color: #C3002F;
	background-image: url(../images/i_next_white.png);
}

.btn_prime_next a:hover,
.btn_prime_next a:active {
	text-decoration: underline;
	background-color: #a60028;
	background-image: url(../images/i_next_white.png);
}



/* btn_prime */
.btn_prime {
	margin: 10px 0;
}

.btn_prime a {
	width: auto;
 min-width: 100px;
	padding: 12px 20px;
	color: #fff !important;
	text-align: center;
	display: block;
}

.btn_prime a:link,
.btn_prime a:visited {
	text-decoration: none;
	background-color: #C3002F;
}

.btn_prime a:hover,
.btn_prime a:active {
	text-decoration: underline;
	background-color: #a60028;
}


/* btn_area_dbl_right */
.btn_area_dbl_right {
	margin: 10px 0;
}

.btn_area_dbl_right ul {
	float: right;
}

.btn_area_dbl_right li {
	float: left;
	margin-left: 15px;
}

/* btn_area_dbl_left */
.btn_area_dbl_left {
	margin: 10px 0;
}

.btn_area_dbl_left ul {
}

.btn_area_dbl_left li {
	float: left;
	margin-right: 15px;
}

/* btn_area_dbl_center */
.btn_area_dbl_center {
	margin: 10px 0;
}

.btn_area_dbl_center ul {
	text-align: center;
}

.btn_area_dbl_center li {
	margin-right: 15px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
}

/* i_comment */
.i_comment {
	margin-top: 10px;
	line-height: 100%;
}

.i_comment a {
	padding: 0 15px 3px 0;
	text-decoration: none;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	background: url(../images/i_comment.png) no-repeat right center;
}

.i_comment a:link,
.i_comment a:visited {
}

.i_comment a:hover,
.i_comment a:active {
	color: #C3002F;
}

/* btn_prime_refresh */
a.btn_prime_refresh {
	margin: 10px 0;
}

a.btn_prime_refresh{
	width: auto;
 min-width: 100px;
	padding: 12px 20px 12px 40px;
	color: #fff !important;
	text-align: center;
	display: block;
 background-image: url(../images/i_refresh.png) !important;
 background-position: 15px center;
 background-repeat: no-repeat;
}

a.btn_prime_refresh:link,
a.btn_prime_refresh:visited {
 text-decoration: none;
}

a.btn_prime_refresh:hover,
a.btn_prime_refresh:active {
 text-decoration: underline;
}

/*-------------------------------------------------------
	i_error
-------------------------------------------------------*/
.i_error {
	margin: 5px 0 10px;
	padding: 3px 0 3px 30px;
	color: #C3002F;
	font-weight: bold;
	display: block;
	background: url(../images/i_error.png) no-repeat 0 0;
}

/*-------------------------------------------------------
	btn_pagenation
-------------------------------------------------------*/
.btn_pagenation {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.btn_pagenation .txt {
	margin: 0 50px;
	font-weight: bold;
}

.btn_pagenation img {
	margin: 0;
	padding: 0 0 3px 0;
	vertical-align: bottom;
}


/*-------------------------------------------------------
	btn_pagenation_s
-------------------------------------------------------*/
.btn_pagenation_s {
	width: 100%;
	margin: 10px auto 20px;
	text-align: center;
}

.btn_pagenation_s .txt {
	margin: 0 50px;
	font-weight: bold;
}

.btn_pagenation_s a {
	padding: 5px;
}

.btn_pagenation_s img {
 width: 9px;
 height: auto;
	vertical-align: middle;
 display: inline-block;
}

.btn_pagenation_s a:link,
.btn_pagenation_s a:visited {
	text-decoration: none;
}

.btn_pagenation_s a:hover,
.btn_pagenation_s a:active {
	text-decoration: underline;
}


/*-------------------------------------------------------
	btn_pages
-------------------------------------------------------*/
.btn_pages {
	text-align: center;
	margin: 0 auto;
}

.btn_pages ul {
	width: auto;
	margin: 0 auto;
	text-align: center;
}

.btn_pages ul li {
	margin: 0 15px;
	display: inline;
	line-height: 100%;
}

.btn_pages ul li a{
	padding: 5px;
}

.btn_pages .i_prev_s a{
	padding: 0 0 3px 15px;
}

.btn_pages .i_next_s a{
	padding: 0 15px 3px 0;
}


.btn_pages ul li a:hover {
	color: #c3002f;
	text-decoration: none;
}

.btn_pages ul li.select a {
	color: #c3002f;
	text-decoration: none;
}



/*-------------------------------------------------------
	table
-------------------------------------------------------*/
.tbl_basic_01 {
	line-height: 150%;
  display: table; 
  table-layout: fixed;
}

.tbl_basic_01 th {
	padding: 10px;
  display: table-cell; 
  word-wrap: break-word;
	border: 1px solid #bdbdbd;
	color: #4c4c4c;
	background: #d0d0d0;
}

.tbl_basic_01 td {
	padding: 10px;
  display: table-cell; 
  word-wrap: break-word;
	border: 1px solid #e4e4e4;
}

.btmline {
	border-bottom: 1px solid #cccccc;
 margin-bottom: 10px;
	padding-bottom: 15px;
}

.tbl_basic_02 {
	line-height: 150%;
  display: table; 
  table-layout: fixed;
}

.tbl_basic_02 th {
	padding: 10px;
  display: table-cell; 
  word-wrap: break-word;
	border: 1px solid #bdbdbd;
	background: #d0d0d0;
}

.tbl_basic_02 td {
	padding: 10px;
  display: table-cell; 
  word-wrap: break-word;
	border: 1px solid #e4e4e4;
}

.tbl_sp{
  display: none;
}
/*=======================================================
	3. header
=======================================================*/
header {
}

header .header_area {
	width: 1208px;
	margin: 0 auto;
	position: relative;
}

/*-------------------------------------------------------
	logo
-------------------------------------------------------*/
h1#logo {
	width: 97px;
	position: absolute;
	top: 0;
	left: 0;
 z-index: 10;
}

#zero_logo {
	width: 132px;
	float: right;
	margin-left: 25px;
	text-align: right;
	position: relative;
}

#zero_logo img {
	position: relative;
	top: 28px;
	left: 0;
}

/*-------------------------------------------------------
	user_area
-------------------------------------------------------*/
#user_block {
	height: 34px;
	margin: 12px 0 3px 0;
	float: right;
}

#status_box {
	width: auto;
	float: left;
}

#status_box .info_unit {
 width: auto;
 float: left;
 margin-right: 15px;
 text-align: right;
}

#status_box .info_unit strong {
	padding-left: 10px;
}

#status_box .info_unit p {
	margin-bottom: 0px;
	line-height: 100%;
}

#status_box .info_unit .i_next_s {
	margin-top: 5px;
}

#status_box .btn_unit {
	float: right;
	text-align: right;
}

#status_box .btn_unit .btn_fourth {
	margin-top: 3px;
}

#status_box .btn_unit .btn_fourth a {
	width: auto;
 min-width: 80px;
}

/*-------------------------------------------------------
	gnav_area
-------------------------------------------------------*/
#gnav_area {
	border-bottom: solid 1px #E4E4E4;
}

.gnav_block{
	width: 1208px;
	margin: 0 auto;
}

#gnav_area ul{
}

#gnav_area li {
	margin-right: 18px;
	margin-right: 15px\9; /* for ie8 */
	float: left;
 line-height: 100%;
}

#gnav_area li:first-child {
	margin-left: 120px;
}

/* link */
#gnav_area li a {
 width: auto;
 min-width: 70px;
 height: 32px;
 text-decoration: none;
	padding: 10px 0 6px;
 display: table-cell;
	color: #000;
 line-height: 130%;
 letter-spacing: -0.05em;
	border-bottom: 4px solid #fff;
}


#gn_home a {
  max-width: 90px;
}

#gn_charge a {
  max-width: 80px;
}

#gn_climate a {
  max-width: 110px;
}

#gn_drive_history a {
  max-width: 90px;
}

#gn_mycar_finder a {
  max-width: 80px;
}

#gn_route_pln a {
  max-width: 85px;
}

#gn_info_channel a {
  max-width: 80px;
}

#gn_rank a {
  max-width: 80px;
}

#gn_eco_tree a {
  max-width: 80px;
}

:root #gnav li a {
	letter-spacing: -0.03em\0/; /* for ie9 */
}
 @media all and (-ms-high-contrast:none) {

#gnav_area li a {
	letter-spacing: -0.03em
} /* IE10 */
}

/* hover */
#gnav_area a:hover,
#gnav_area a:active {
	border-bottom: 4px solid #C3002F;
}

.gn_remote a {
	padding-left: 17px !important;
	background: url(../images/i_remote.png) no-repeat 0 8px;
}

/* on status */
#gn_on_home li#gn_home a,
#gn_on_charge li#gn_charge a,
#gn_on_climate li#gn_climate a,
#gn_on_drive_history li#gn_drive_history a,
#gn_on_mycar_finder li#gn_mycar_finder a,
#gn_on_route_pln li#gn_route_pln a,
#gn_on_info_channel li#gn_info_channel a,
#gn_on_rank li#gn_rank a,
#gn_on_eco_tree li#gn_eco_tree a {
	color: #C3002F;
	border-bottom: 4px solid #C3002F;
}

/*-------------------------------------------------------
	snav
-------------------------------------------------------*/
#snav {
	width: 100%;
	height: 0;
 margin-top: 15px;
}

#snav .snav_area {
	width: 1208px;
	margin: 0 auto;
}

#snav .snav_area ul {
	padding-left: 120px;
}

#snav ul li {
 max-width: 170px;
	padding: 0 20px 15px 0;
	display: inline-block;
  vertical-align: top;
 *display: inline;
 *zoom: 1;
}

/* hover */
#snav a:hover,
#snav a:active {
	text-decoration: none;
}

/* snav_slide_area */
.snav_slide_area{
  width: 100%;
  background: #f0f0f0;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#f0f0f0) );/* safari chrome */
  background: -moz-linear-gradient(top, #ffffff, #f0f0f0);/* Mozilla */
  background: -ms-linear-gradient(top, #ffffff, #f0f0f0);/* IE10〜 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#f0f0f0)";/* IE 8 */    
  box-shadow: 0 3px 5px rgba(0,0,0,0.3);
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1;
}

.snav_slide_block{
	 width: 1208px;
	 margin: 0 auto;
  padding: 50px 0 30px;
  display: none;
}

.snav_slide_block .menu_box{
  width: 596px;
  float: left;
  margin-right: 16px;
}

.snav_slide_block .menu_box dt{
  margin-bottom: 20px;
}

.snav_slide_block .menu_box dd{
  margin-bottom: 10px;
}

.snav_slide_block .menu_box dd a{
  padding: 5px 5px 5px 0;
  text-decoration: none;
}

.snav_slide_block .menu_box dd a:link,
.snav_slide_block .menu_box dd a:visited{
	 color: #666;
}

.snav_slide_block .menu_box dd a:hover,
.snav_slide_block .menu_box dd a:active{
  color: #C3002F;
}

.snav_slide_block .pick_box{
  width: 532px;
  float: right;
}

.snav_slide_block .pick_box .pht{
  width: 86px;
  float: left;
  margin-right: 16px;
  padding-left: 12px;
  border-left: 4px solid #C3002F;
}

.snav_slide_block .pick_box .pht img{
  width: 86px;
}

.snav_slide_block .pick_box .pht p{
  margin-bottom: 0;
}

.snav_slide_block .pick_box .txt{
  width: 414px;
  float: right;
}

.snav_slide_block .pick_box .txt dt{
  margin-bottom: 5px;
}

.snav_slide_block .pick_box .txt dd{
  margin-bottom: 15px;
}

.snav_slide_block .pick_box .txt dd a{
  text-decoration: none;
}

.snav_slide_block .pick_box .txt dd a:link,
.snav_slide_block .pick_box .txt dd a:visited{
	 color: #999;
}

.snav_slide_block .pick_box .txt dd a:hover,
.snav_slide_block .pick_box .txt dd a:active{
  color: #C3002F;
}

.snav_slide_block .pick_box .txt p{
	 color: #666;
  line-height: 140%;
}


/*=======================================================
	4. container
=======================================================*/
#container {
	width: 1208px;
	margin: 70px auto 20px;
}

/*-------------------------------------------------------
	main_content
-------------------------------------------------------*/
#main_content {
	width: 1208px;
	float: none;
}

/*-------------------------------------------------------
tooltip
-------------------------------------------------------*/
.jToolTip_q {
display: inline;
position: relative;
}

.jToolTip_a {
display: none;
}

#jToolTip {
width: 280px;
padding: 0;
border: 1px solid #c3002f;
background: #fff;
position: absolute;
top: 0;
left: -280px;
z-index: 100;
}

.i_comment_txt #jToolTip {
border: 1px solid #ccc;
}

#jToolTip p {
margin-bottom: 10px;
padding: 8px 8px 0 8px;
line-height: 150%;
text-align: left;
font-weight: normal;
font-size: 13px !important;
}
#jToolTip h4 {
	height: auto;
 margin: 0;
 padding: 8px;
 color: #FFF;
	font-size: 14px !important;
	background: #c3002f;
}

/*-------------------------------------------------------
	news_list_block
-------------------------------------------------------*/
.news_list_block {
}

.news_list_block dl {
	line-height: 100%;
}

.news_list_block dt {
	width: 20%;
	margin-bottom: 10px;
	float: left;
	clear: both;
}

.news_list_block dd {
	width: 80%;
	margin-bottom: 10px;
	float: left;
}


/*-------------------------------------------------------
	tab_area
-------------------------------------------------------*/
.tab {
	width: 100%;
	clear: both;
	overflow: hidden;
}

.tab li {
	margin-right: 5px;
	float: left;
  display: table;
}

.tab li span {
	width: auto;
	max-width: 190px;
	min-width: 150px;
	height: auto;
	min-height: 55px;
	padding: 10px;
	float: left;
	color: #fff;
	display: table-cell;
	word-wrap:break-word;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	background: #C3002F;
}

.tab li span:hover {
	text-decoration: underline;
	background-color: #a60028;
}

.tab li.select {
	padding-top: 4px;
	background: url(../images/bg_tab.png) top left repeat-x;
}

.tab li.select span {
	color: #C3002C;
	border-collapse: inherit;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-bottom: 1px solid #fff !important;
	background: none;
}

/* ---------------------------
	panel_area
------------------------------ */
.panel_area {
}

.panel_block {
}

.panel_box {
}

.panel_link{
	width: 550px;
	float: left;
	margin: 0 0 30px 0;
	padding: 20px;
	display: block;
	background: #ebebeb url(../images/i_next_gray.png) no-repeat 550px center;
}

.panel_link.last {
	float: right;
}

.panel_box .img {
	width: 120px;
	margin-right: 20px;
	float: left;
}
.panel_box .txt {
	width: 410px;
	float: right;
}

.panel_box .txt span{
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
}

.panel_link:link,
.panel_link:visited{
}

.panel_link:hover,
.panel_link:active{
	color: #C3002F;
	background-image: url(../images/i_next_red.png);
}

/* ---------------------------
	error_area
------------------------------ */
.error_area {
	margin-bottom: 15px;
	padding: 15px;
	color: #C3002F;
	font-weight: bold;
	border: 2px solid #C3002F;
}

.error_area h4{
	color: #C3002F;
	border: none;
}

.error_area li{
	margin-top: 5px;
}

.error_box{
	color: #C3002F;
	border: 1px solid #C3002F !important; 
}
.custom_select_area.error_box{
	border: none !important;
}

.error_box span.customSelect {
	color: #C3002F;
	border: 1px solid #C3002F !important; 
}

/* ---------------------------
	caution_area
------------------------------ */
.caution_area {
	margin: 0 0 15px 0;
	padding: 15px;
	color: #C3002F;
	font-weight: bold;
	border: 2px solid #C3002F;
}

.caution_area h4{
	color: #C3002F;
	border: none;
}

.caution_area p{
	margin-bottom: 0;
}

.caution_area p img{
	padding-right: 10px;
	vertical-align: middle;
}

/*=======================================================
	5. footer
=======================================================*/
footer {
	border-top: solid 1px #E4E4E4;
	margin: 20px 0 25px;
	padding: 20px 0;
}

footer .footer_area {
	width: 1210px;
	margin: 0 auto;
}

footer .footer_area small {
	width: 200px;
	float: right;
	text-align: right;
}