/* CSS Document */

/* ===================== Page Elements ========================*/
body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	margin: 0;
	color: #333333;
	text-align: center;
	line-height: 120%;
	font-size: 12px;
	background: #FFF;
	}
	
a {
	color: blue;
	}

a:hover {
	color: red;
	}
	
a:visited   
	{
	color: #blue;
	}
	
em {
	font-size: 11px;
	}

	
h1,h2,h3,i,b,strong {
	font-size: 12px;
	font-style:normal;
	color: #00A8E7;
	margin: 0;
	padding: 3px 0;
	line-height: 14px;
	font-weight: normal;
	}
	
table,td,tr {
	text-align: left;
	}
	
/*-----add by PENCIL------*/
H1.h1-14{font-size:14px;}
H2.h2Gray{color:#444444;}
H3.h3Gray{color:#444444; margin:0px;}
H3.h3Bk{color:#000000; margin:0px;}
table#siteMap a:link{color:#0033FF;}
table#siteMap a:visited{color:#blue;}
table#siteMap a:hover{color: #CC0000;}
h1.h1Margin{margin-top:15px;}
div.profNone{display:none;}



/* ===================== Layout ========================*/

#header {
	width: 800px;
	margin: 0 auto;
	height: 70px;
	color: #FFF;
	text-align: left;
	background-image: url(../img/07top/head_logo.gif);
	background-repeat: no-repeat;
	background-color: #00A8E7;
	}
	

#menubar {
	width: 800px;
	margin: 0 auto;
	color: #00A8E7;
	padding: 5px 0;
	text-align: center;
	background-image: url(../img/07top/cont_bg_border.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #00A8E7;
	}
	
#content {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border-top: 1px solid #00A8E7;
	border-bottom: 1px solid #00A8E7;
	background-image: url(../img/07top/cont_bg.gif);
	background-repeat: repeat-y;
	}
	
#content_white {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border-top: 1px solid #00A8E7;
	border-bottom: 1px solid #00A8E7;
	background-image: url(../img/07top/cont_bg_wht.gif);
	background-repeat: repeat-y;
	}
	
#content_INNER {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	border-top: 1px solid #00A8E7;
	border-bottom: 1px solid #00A8E7;
	background-image: url(../img/07top/cont_bg_border.gif);
	background-repeat: repeat-y;
	}
	
#body {
	width: 620px;
	float: left;
	margin: 15px auto;
	}
	
#body_INNER {
	width: 780px;
	margin: 0 auto;
	padding: 15px 0;
	}
	
#side_navi {
	width: 170px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: center;
	border-left: 1px solid #00A8E7;
	}
	
#footer {
	width: 800px;
	margin: 15px auto 0;
	border-top: 1px solid #00A8E7;
	}
	
/* ===================== TEXT DECORATION ========================*/

.borderbox {
	width: 590px;
	text-align: center;
	border: 1px solid #00A8E7;
	padding: 5px 0;
	margin: 10px 0 ;
	}
	
.head_search {
	width: 590px;
	height: 40px;
	text-align: center;
	background-image: url(/img/07top/head_search.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 10px 0;
	}
	

	
.head_search02 {
	width: 590px;
	height: 30px;
	text-align: center;
	background-image: url(/img/07top/head_search02.gif);
	background-repeat: no-repeat;
	background-color: #00A8E7;
	padding: 0;
	margin: 10px 0 0;
	}
	
.head_search03 {
	width: 590px;
	height: 30px;
	text-align: center;
	background-image: url(/img/07top/head_search03.gif);
	background-repeat: no-repeat;
	background-color: #00A8E7;
	padding: 0;
	margin: 20px 0 0;
	}
	
.head_search h1 {
	display: none;
	}
	
.head_search02 h1 {
	display: none;
	}
	
.head_search02 h2 {		/*---add by pencil---*/
	display: none;
	}
	
.head_search03 h2 {		/*---add by pencil---*/
	display: none;
	}
	
.head_mag {
	width: 590px;
	height: 30px;
	text-align: center;
	background-image: url(/img/07top/head_webmag.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 15px 0 5px ;
	}
	
.head_mag h2 {
	display: none;
	}
	
.head_blog {
	width: 590px;
	height: 30px;
	text-align: center;
	border: 1px solid #00A8E7;
	background-image: url(/img/07top/head_blog.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 10px 0 ;
	}
	
.head_blog h2 {
	display: none;
	}
	
.head_BN {
	width: 590px;
	height: 30px;
	text-align: center;
	border: 1px solid #00A8E7;
	background-image: url(/img/07top/head_backnumber.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 10px 0 ;
	}
	
.head_BN h2 {
	display: none;
	}

	
/* ===================== Header ========================*/

.head_title {
	float: left;
	width: 612px;
	padding: 0 0;
	font-size: 11px;
	}
	
#header h1 {
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 25px 0 0 300px;
	}
	
#header strong {
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 25px 0 0 300px;
	}
	
#header_pad {
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 20px 0 0 300px;
	}
	
	
#header_pad_new {
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 20px 0 0 10px;
	}
	
#header p {
	float: right;
	}
	
#header_logo {
	float: left;
	width: 0px;
	}

	
.date {
	font-size: 12px;
	font-weight: bold;
	float: right;
	width: 120px;
	text-align: right;
	padding: 45px 0 0;
	}
	
.date p {
	padding: 0 10px 0 0;
	margin: 0;
	}
	
/* ******************** menubar ********************** */

#menubar a {
	font-size: 11px;
	color: #00A8E7;
	margin: 0;
	padding: 5px 5px;
	border-left: 1px solid #67CFE9;
	border-right: 1px solid #67CFE9;
	text-decoration: none;
	}
	
#menubar a:hover {
	color:#FFF;
	background-color: #00A8E7;
	text-decoration: none;
	}
	
#menubar a#top {
	text-decoration: none;
	background-color: #ECECEC;
	background-image: url(../img/07top/btn_menu_bg.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}
	
#menubar a#top:hover {
	color: #CC0000;
	background-image: url(../img/07top/btn_menu_bg_over.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	}
	
#menubar a#search {
	color: #FFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-color: #5ED711;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	}
	
#menubar a#search:hover {
	color: #00A8E7;
	background-color:#FFFF00;
	background-repeat: no-repeat;
	}


/* ===================== Body ========================*/

#body_pad {
	padding: 0 10px 0 20px;
	}

#body h2 {
	color: #00A8E7;
	}
	
#body h3 {
	color: #00A8E7;
	}

	
/* ===================== Search ========================*/

.ucar_search {
	width: 590px;
	margin: 0;
	padding: 0;
	background-image: url(../img/07top/search_bg.gif);
	background-repeat: repeat-y;
	}
	
.ucar_stock {
	width: 590px;
	margin: 0 0 20px;
	padding: 0;
	background-image: url(../img/07top/search_BGborder.gif);
	background-repeat: repeat-y;
	}
	
.ucar_stock_pad {
	padding: 10px 0;
	border-top: 5px solid #00A8E7;
	border-bottom: 5px solid #00A8E7;
	text-align: center;
	}
	
.ucar_search h2 {
	margin: 0;
	padding: 8px 0 20px;
	font-weight: bold;
	}
	
.ucar_search h3 {		/*---add by pencil---*/
	margin: 0;
	padding: 8px 0 20px;
	font-weight: bold;
	}
	
.ucar_search_bottom {
	font-size: 2px
	margin: 0;
	border-bottom: 5px solid #00A8E7;
	}
	
.search_btns {
	width: 590px;
	margin: 15px 0;
	padding: 5px 0;
	border-top: 5px solid #00A8E7;
	border-bottom: 5px solid #00A8E7;
	text-align: center;
	}
	
.search_btns a {
	font-size: 11px;
	width: 120px;
	color: #00A8E7;
	font-weight: bold;
	padding: 5px 15px;
	text-decoration: none;
	}
	
.search_btns a:hover {
	color:#FFF;
	background-color: #00A8E7;
	}
	
.search_newcar {
	width: 590px;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 5px solid #00A8E7;
	text-align: center;
	}
	
.search_newcar a {
	font-size: 11px;
	width: 120px;
	color: #00A8E7;
	font-weight: bold;
	padding: 5px 15px;
	text-decoration: none;
	}
	
.search_newcar a:hover {
	color:#FFF;
	background-color: #00A8E7;
	}


.search_maker {
	float: left;
	width: 220px;
	text-align: center;
	}
	
.search_type {
	float: left;
	text-align: center;
	width: 208px;
	}
	
.search_budget {
	float: right;
	text-align: center;
	width: 162px;
	}
	
/* ===================== Webmag  ========================*/


.updated {
	font-size: 11px;
	color: #CC0000;
	}

.WB_entry {
	width: 590px;
	padding: 10px 0;
	font-size: 11px;
	line-height: 100%;
	}
	
.WB_entry_nopad {
	width: 590px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	line-height: 100%;
	}
	
.WB_entry a {
	color: #00A8E7;
	text-decoration: none; 
	}
	
.WB_entry a:hover {
	color:#FFF0000;
	}
	
.WB_entry h1, h2, h3 {
	color: #00A8E7;
	font-size:12px;
	padding: 0 0 2 0;
	margin: 0;
	}
	
.WB_entry p {
	padding: 0 0 2px 0;
	margin: 0;
	}
	
.WB_entry_column {
	width: 295px;
	float: left;
	}
	
.WB_icon {
	width: 95px;
	float: left;
	}

.WB_text {
	width: 195px;
	float: left;
	}
	
.whatsnew {
	padding: 10px 0;
	}
	
.whatsnew p {
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #00A8E7;
	}
	
	
/* ===================== SideNavi ========================*/

#sidenavi_pad {
	padding: 0;
	border-right: 1px solid #00A8E7;
	}
	
.banner {
	padding: 0 0 5px;
	}
	
.banner_mag {
	padding: 0 0 15px;
	}
	
.banner_BN {
	
	padding: 15px 8px;
	}
	
#sidenavi_wht {
	background-color: #FFF;
	padding: 15px 0 5px;
	text-align: center;
	}
	
.sidenavi_old {
	background-color: #FFF;
	padding: 10px 10px;
	text-align: left;
	}
.mixi_btn {
	float: left;
	width: 85px;
}
.twitter_btn {
	float: left;
	width: 85px;
}
	
#sidenavi_wht h2 {
	font-size: 12px;
	margin: 0;
	padding: 5px 0;
	font-weight: normal;
	line-height: 14px;
	color: #00A8E7;
	}
	
	
#sidenavi_blue {
	background-color: #00A8E7;
	padding: 15px 10px;
	color: #FFF;
	border-top: solid 15px #FFF;
	}

#sidenavi_blue h1, h2, h3 {
	font-size: 12px;
	margin: 0 0 5px;
	padding: 2px;
	font-weight: normal;
	line-height: 14px;
	color: #FFF;
	}
	
#side_navi p {
	font-size: 11px;
	line-height: 130%;
	padding: 2px;
	margin: 2px;
	text-align: left;
	}
	
#sidenavi_mixtw {
	background-color: #FFF;
    padding: 15px 0 5px;
    width:170px;
    float:left;
    }
	
/* ===================== Foot Link ========================*/

.foot_link {
	color: #CCC;
	margin: 30px 0 0;
	padding: 5px 0;
	text-align: center;
	font-size: 10px;
	border-top: 1px solid #00A8E7;
	}
	
.foot_link a {
	color: #CCC;
	}
	
.foot_link a:hover {
	color: #CC0000;
	}



/* ===================== Footer ========================*/

#footer p {
	margin: 2px 0;
	padding: 5px;
	font-size: 10px;
	color: #00A8E7;
	text-align: right;
	line-height: 12px
	}
	
/* ===================== BRIDGE ========================*/

.w700 {
	width: 700px;
	margin: 10px 0;
	text-align:left;
	}
	
.w540 {
	width: 540px;
	margin: 10px 0;
	text-align:left;
	}
	
.w590 {
	width: 540px;
	margin: 10px 0;
	text-align: center;
	}


/* ===================== search  ========================*/

.search_area {
	width:590px;
	margin:0;
	padding:0;
}

.search_left {
	height:120px;
	background-image: url(/img/08top/side_search.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

.search_right {
	width:451px;
}

.head_search_img {
	width: 451px;
	height: 30px;
	text-align: center;
	background-image: url(/img/08top/title_search.jpg);
	background-repeat: no-repeat;
	background-color: #00A8E7;
	padding: 0;
	margin: 0;
	}


.search_main_navi {
	width:451px;
	margin:0;
	padding:0;
	background-image: url(/img/08top/search_bg.gif);
	background-repeat: no-repeat;
}

.search_main_navi h3 {
	padding:3px 0 0 0;
	margin:0;
	font-weight:bold;
}

.search_main_navi_left {
	float: left;
	width: 233px;
	text-align: center;
}

.search_main_navi_right {
	float: right;
	text-align: center;
	width: 218px;
}

.search_main_left {
	padding: 10px 0;
}

.search_main_right {
	padding: 15px 0 10px 0;
}

.search_bk {
	background-color: #00A8E7;
}

/* ===================== premium  ========================*/

#header_blue {
	width: 800px;
	margin: 0 auto;
	height: 70px;
	color: #FFF;
	text-align: left;
	background-image: url(../img/07top/head_logo_blue.gif);
	background-repeat: no-repeat;
	background-color: #E60212;
	}

#header_pad_text_blue {
	padding: 5px 0 0 0;
	}

#header_pad_new_blue {
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 0 10px;
	}	


.pre_left {
	height:135px;
	background-image: url(/img/08top/side_premium.jpg);
	background-repeat: no-repeat;
}

.search_right {
	width:451px;
	float:right;
}

.head_pre_img {
	width: 451px;
	height: 30px;
	text-align: center;
	background-image: url(/img/08top/title_premium.jpg);
	background-repeat: no-repeat;
	background-color: #0F1B8B;
	padding: 0;
	margin: 0;
	}

.pre_img {
	padding: 5px;
	background:#0F1B8B;
}

.pre_bk {
	background-color: #0F1B8B;
}

.pre_side_lnk {
	padding: 75px 2px 5px 10px;
}

/* ===================== kaitori  ========================*/

#header_red {
	width: 800px;
	margin: 0 auto;
	height: 70px;
	color: #FFF;
	text-align: left;
	background-image: url(../img/07top/head_logo_red.gif);
	background-repeat: no-repeat;
	background-color: #EC1603;
	}


#header_red p {
	float: right;
	}
	
.kaitori_red {
	color:#E60212;
	font-weight:bold;
	font-size:12px;
	line-height: 160%;
	padding-bottom: 10px;
}

.kaitori_cp {
	padding: 0 0 5px 0; 
}

.kaitori_shop_search {
	width:340px;
	height:408px;
	background-image: url(/kaitori/img/photo_shop_search.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}

.kaitori_shop_lnk {
	padding: 10px 0;
	text-align:center;
}


.kaitori_left {
	height:145px;
	background-image: url(/img/08top/side_kaitori.jpg);
	background-repeat: no-repeat;
	/*background:#E60213;*/
}


.head_kaitori_img {
	width: 451px;
	height: 31px;
	text-align: center;
	background-image: url(/img/08top/title_kaitori.jpg);
	background-repeat: no-repeat;
	background-color: #E60213;
	padding: 0;
	margin: 0;
	}
	
.kaitori_main {
	width: 451px;
	padding: 0;
	margin: 0;
}


.kaitori_main_left {
	width:181px;
	height:114px;
	float:left;
	background-image: url(/img/08top/kaitori_left.jpg);
	background-repeat: no-repeat;
}

.kaitori_main_right {
	width:270px;
	height:114px;	
	float:right;
	background-image: url(/img/08top/kaitori_right.jpg);
	background-repeat: no-repeat;
}

.kaitori_bk {
	background-color: #E60213;
}



.area_link {
	padding:5px;
	text-align:left;
	line-height:140%;
}

.area_link a{
	color: #ffffff;
	}

.area_link a:hover{
	color: #0000ff;
	}

/* ===================== ecodrive ========================*/

p.border {
	border-bottom-style: dotted;
	border-bottom-color: #666;
	border-bottom-width: 1px;
	}
	
.eco_style1 {
	font-size: 14px;
	font-weight: bolder;
	color: #5DD712;
	line-height: 20px;
	font-style: normal;
	font-variant: normal;
}



/* ===================== aioi ========================*/

p.aioi_txt {
	color: #00A8E7;
}

table#aioi_table {
    width: 588px;
    /*border: 1px #E3E3E3 solid;*/
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#aioi_table th {
    padding: 5px 0px;
    border: #ccc solid;
    border-width: 1px 1px 1px 1px;
    background: #FC0;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#aioi_table td {
    padding: 5px 0px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table#aioi_table th.bordernoth {
    border:none;
	background:#FFF;
}

table#aioi_table td.bordernotd {
    border-top:none;
    border-bottom:none;
}

table#aioi_table td p {
	padding-left:7px;
	padding-right:7px;
	margin:0;
}

table#aioi_table td.cnt {
    text-align: center;
}