/* CSS Document */

@charaset "UTF-8";

/*----------------------------------------------------
	基礎css
----------------------------------------------------*/

* {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 90%;
	color: #333333;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0.9pt;
	line-height: 1.3;
}

#area_01 {
	background-repeat: repeat;
	margin: 0px;
	background-color: #005CC5;
	padding: 5px 0px 5px 0px;
}

#area_02 {
	background-repeat: repeat;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

#area_01 .top {
	padding: 0px;
	color: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px auto;
	letter-spacing: 1.2pt;
	font-size: 75%;
}

#area_01 #mainimg {
	padding: 5px 0px 5px 0px;
	color: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px auto;
}

#area_02 #mainimg {
	padding: 5px 0px 5px 0px;
	color: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px auto;
}



/*----------------------------------------------------
	ヘッター
----------------------------------------------------*/

#hed {
	width:960px;
	padding:0px;
	letter-spacing: 0.8pt;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#hed .h_left {
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 12px;
	color: #666;
	width: 405px;
}

#hed .h_l_text {
	padding:0px;
	font-weight: bold;
	color: #f60;
}

#hed .h_right {
	width: 537px;
	padding:0px;
	float: right;
	margin: 0px;
}

#hed .h_r_text {
	padding:0px;
	margin: 0px 10px 0px 0px;
	font-size: 80%;
	color: #666666;
	text-align: right;
}

/*----------------------------------------------------
	グローバルナビ
----------------------------------------------------*/

#gl_navi {
	padding:0px;
	background-image: url(../img/navi/navi_bk.gif);
	background-repeat: repeat-x;
	height: 88px;
	margin-top: 0px auto 0px auto;
}

#gl_navi .b_navi {
	padding:0px;
	height: 53px;
	margin: 0px;
	clear: both;
}

#gl_navi .b_navi ul {
	width: 960px;
	height: 53px;
	padding:0px;
	margin: 0px auto 0px auto;
}

#gl_navi .b_navi ul li{
	padding: 0px;
	margin: 0px;
	float: left;
	height: 52px;
}

#gl_navi .s_navi {
	padding:0px;
	height: 35px;
	margin: 0px;
	clear: both;
}

#gl_navi .s_navi ul {
	width: 960px;
	height: 35px;
	padding:0px;
	margin: 0px auto 0px auto;
}

#gl_navi .s_navi ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
	height: 36px;
}

/*IE6用*/
* html #gl_navi .s_navi ul {
	width: 960px;
	height: 36px;
	padding:0px;
	margin: -3px auto 0px auto;
}


/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/
#contents {
	padding: 0px 0px 40px 0px;
	width: 960px;
	margin: 0px auto 0px auto;
	background-image: url(../img/tmp/bgimg.gif);
	background-repeat: repeat-y;
}

/*IE6用*/
* html #contents {
	padding: 0px 0px 40px 0px;
	width: 960px;
	margin: 0px auto 0px auto;
	background-image: url(../img/tmp/bgimg3.gif);
	background-repeat: repeat-y;
}

#contents #c_left {
	width: 635px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#contents #c_right {
	width: 280px;
	float: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contents #c_left h2 {
	color: #333;
	width: 626px;
	line-height: 43px;
	font-weight: bold;
	background: url(../img/tmp/h2_midashi.jpg) no-repeat;
	height: 43px;
	font-size: 120%;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 10px;
}

/*----------------------------------------------------
	右サイド
----------------------------------------------------*/

#contents #c_right .banr{
	width: 265px;
	margin: 0px;
	padding: 5px 0px 0px 15px;
}

#contents #c_right .c_line{
	width: 260px;
	border-bottom: thin solid #CCCCCC;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 8px 20px;
}

#contents #c_right .s_navi{
	width: 260px;
	margin: 0px;
	border-bottom: thin dotted #999999;
	padding: 8px 0px 8px 20px;
}

#contents #c_right #s_navi{
	width: 260px;
	margin: 0px;
}

#contents #c_right #s_navi ol li{
	width: 260px;
	margin: 0px;
	border-bottom: thin dotted #999999;
	padding: 8px 0px 8px 15px;
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/

#p_top{
	width: 960px;
	background-image: url(../img/tmp/bgimg.gif);
	background-repeat: repeat-y;
	height: 20px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

/*IE6用*/
* html #p_top{
	width: 960px;
	background-image: url(../img/tmp/bgimg2.gif);
	background-repeat: repeat-y;
	height: 20px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#area_01  .a_footer {
	width:960px;
	padding: 30px 0px 20px 0px;
	letter-spacing: 0.8pt;
	font-size: 80%;
	color: #FFFFCC;
	margin: 0px auto 0px auto;
	text-align: center;
}

#area_01  .seo {
	width:960px;
	padding: 5px 0px 5px 0px;
	margin: 0px auto 0px auto;
	text-align: center;
}

/*----------------------------------------------------
	Link
----------------------------------------------------*/

a {
	color: #cc0000;
	text-decoration: underline;
	font-weight: bold;
}

/*----------------------------------------------------
訪問後
----------------------------------------------------*/

a:visited {
	color: #cc0000;
}

/*----------------------------------------------------
のっている時
----------------------------------------------------*/

a:hover {
	color: #FF7700;
	text-decoration: underline;
}

/*----------------------------------------------------
押した時
----------------------------------------------------*/

a:active {
	color: #FF6600;
}

/*----------------------------------------------------
20代のための車塾
----------------------------------------------------*/
body#age-20 {
	background: #000;
}
body#age-20 div#hed {
	background: #fff;
}
body#age-20 div#contents {
	background: #000 url(../img/age-20/ti_ph.jpg) no-repeat 30px 0;
	color: #fff;
}
body#age-20 #gl_navi {
	background-image: url(../img/navi/navi_bk20.jpg);
}

div#age-20-real {
	width: 340px;
	float: left;
	background: url(../img/age-20/sodan_mi.gif) no-repeat 0 305px;
}
div#age-20-real h3,div#age-20-real ul {
	display: none;
}
div#age-20-real p {
	padding: 280px 40px 20px 40px;
}
div#age-20-real div {
	text-align: center;
}

div#age-20-seminar {
	float: right;
	width: 510px;
}
div#age-20-seminar dd {
	padding: 6px 10px;
	border: 1px solid #333;
	font-size: 84%;
}

h2#top_copy {
	background: url(../img/age-20/ti.png) no-repeat 130px 0;
	width: 930px;
	height: 134px;
	text-indent: -9999px;
}

h3.car_variety {/*ドイツ車の楽しみ方*/
	color: #060;
	margin: 15px 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-left: 4px solid #060;
	padding: 3px 3px 4px 12px;
}
#enjoy h3#car_point {/*ドイツ車の楽しみ方*/
	background: #630;
	padding: 3px 3px 3px 12px;
	color: #ffa;
	margin: 25px 0 5px 0;
}
#enjoy h4 {/*ドイツ車の楽しみ方*/
	border-left: 4px solid #630;
	padding: 3px 3px 3px 12px;
	color: #000;
	margin: 10px 0 5px 0;
}

table#auction_hikaku {/*オークション代行について 比較表*/
	width: 100%;
	margin-bottom: 20px;
	border-collapse : collapse;
}
table#auction_hikaku td,table#auction_hikaku th {
	border: 1px solid #aaa;
	padding: 5px;
}
table#auction_hikaku td {
	vertical-align: top;
	width: 40%;
}
.td01 {
	background: #fdd;
}
.td02 {
	background: #dff;
}

.each_car_ph {
	margin: 10px 0;
	text-align: center;
}
.each_car_ph img {
	margin: 5px;
}