@import url(car.css);
@import url(access.css);
@import url(about.css);
@import url(ready.css);
@import url(info.css);


/* Stylesheet */

/* ---------------------------
 0.Reset
 1.Rayout Elements
 2.Basic Elements
 3.Common Classes
--------------------------- */


/* -----------------------------
 0.Reset
----------------------------- */
/* Font */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,img,form {
	margin:0;
	padding:0;
	font-size:100%;
	text-decoration:none;
	list-style:none;
	line-height:100%;
	border:none;
}


/* -----------------------------
 1.Rayout Elements
----------------------------- */
body {
	text-align:center; /* IEセンタリング */
	background:url(../img/checker_red.gif) no-repeat 0 0;
}
#wrapper {
	width:980px;
	height:100%;
	padding-bottom:30px;
	background:url(../img/bg_btm.gif) no-repeat bottom;
	margin:0 auto;
}
#bg_left {
	padding-left:400px;
	margin-left:-372px;
	background:url(../img/bg_left.gif) no-repeat 0 0;
}
#bg_right {
	padding-right:30px;
	margin:0 auto;
	background:url(../img/bg_right.gif) repeat-y right;
}
#container {
	width:922px;
	margin:0 auto;
	color:#FFF;
	background-color:#000;
}
#head {
	height:122px;
	text-align:left;
	background:url(../img/head.gif) no-repeat;
	position:relative;
}
h1 {
	width:170px;
	height:106px;
	margin-left:28px;
	background:url(../img/siteid.gif) no-repeat;
	text-indent:-9999px;
}
#navi {
	width:922px;
	height:77px;
	background:url(../img/navi_bg.png) no-repeat bottom;
	margin-top:-61px;
}
#content {
	text-align:left;
	padding:10px;
	width:902px;
	position:relative;
	display:inline-block; /* IE7フロート解除 */
}
#contentt:after { /* clerafix */
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}
#sidemenu {
	float:left;
	display:inline;
	margin-left:-10px;
	padding:7px;
	background-color:#1a1a1a;
}
#main {
	width:659px;
	float:right;
}
#bnr_area {
	margin-top:10px;
}
#foot {
	height:63px;
	clear:both;
	text-align:center;
	color:#ff0014;
	font-size:11px;
	background:url(../img/foot_line.gif) no-repeat;
	margin-top:8px;
}


/* -----------------------------
 1.Basic Elements
----------------------------- */
/* Link */
a {
	text-decoration:none;
	color:#FFF;
}
a:active {
	color:#ff0000;
}
a:visited {
	color:#CCC;
}
a:hover {
	color:#ff0000;
}

body {
	background-color:#e60012;
	font-size:13px;
}
#wrapper {
	background-color:#e60012;
}
h1 a {
	width:170px;
	height:106px;
	display:block;
	position:absolute;
	*position:static;
}

/* Navigation */
#navi li {
	height:76px;
	text-indent:-9999px;
	float:left;
	display:inline;
}
#navi li a {
	margin-top:50px;
	display:block;
	height:26px;
}
#navi li a:hover {
	margin-top:0;
	height:76px;
}
#navi li.navi1 {
	width:106px;
	background:url(../img/navi1_0.jpg) no-repeat bottom;
	margin-left:228px;
}
#navi li.navi1r {
	width:106px;
	height:76px;
	background:url(../img/navi1_1.jpg) no-repeat bottom;
	margin-left:228px;
}
#navi li.navi1 a {
	width:106px;
	background:url(../img/navi1_0.jpg) no-repeat bottom;
}
#navi li.navi2 {
	width:181px;
	background:url(../img/navi2_0.jpg) no-repeat bottom;
}
#navi li.navi2 a {
	display:block;
	width:181px;
	background:url(../img/navi2_0.jpg) no-repeat;
}
#navi li.navi2r {
	width:181px;
	height:76px;
	background:url(../img/navi2_1.jpg) no-repeat bottom;
}
#navi li.navi3 {
	width:265px;
	background:url(../img/navi3_0.jpg) no-repeat bottom;
}
#navi li.navi3 a {
	width:265px;
	background:url(../img/navi3_0.jpg) no-repeat;
}
#navi li.navi3r {
	width:265px;
	height:76px;
	background:url(../img/navi3_1.jpg) no-repeat bottom;
}
#navi li.navi4 {
	width:119px;
	background:url(../img/navi4_0.jpg) no-repeat bottom;
}
#navi li.navi4 a {
	width:119px;
	background:url(../img/navi4_0.jpg) no-repeat;
}
#navi li.navi4r {
	width:119px;
	height:76px;
	background:url(../img/navi4_1.jpg) no-repeat bottom;
}
#navi li.navi1 a:hover {background:url(../img/navi1_1.jpg) no-repeat;}
#navi li.navi2 a:hover {background:url(../img/navi2_1.jpg) no-repeat;}
#navi li.navi3 a:hover {background:url(../img/navi3_1.jpg) no-repeat;}
#navi li.navi4 a:hover {background:url(../img/navi4_1.jpg) no-repeat;}

.lower {
	background:url(../img/star_line.gif) no-repeat 555px 0;
}

/* Sidemnu */
#sidemenu h2 {
	padding:10px;
	margin-bottom:12px;
	text-indent:-9999px;
	border:1px solid #666;
	background-color:#000;
}
#sidemenu ul {
	width:208px;
	margin:15px;
}
#sidemenu li {
	padding-left:10px;
	background:url(../img/arrow2.gif) no-repeat left 4px;
	margin-bottom:5px;
}
#sidemenu li ul {
	width:auto;
	margin:5px 15px 20px;
}
#sidemenu li li {
	padding-left:0;
	background:none;
	margin-bottom:5px;
}
#sidemenu .hr {
	width:237px;
	padding:0;
	height:1px;
	font-size:0px;
	background-color:#000;
}

#main h2 {
	text-indent:-9999px;
	width:659px;
	height:40px;
	margin:7px 0 10px;
	padding:0;
}
#main .block {
	margin-left:10px;
	padding:20px;
	background:url(../img/block_bg.gif) no-repeat 292px -31px #000;
}

#bnr_area li {
	float:left;
	display:inline;
	margin-right:10px;
}
#foot p {
	padding-top:25px;
}


/* TopPage */
.top {
	background:url(../img/top/star_line.gif) no-repeat 557px 0;
	*margin-top:-3px;
}
.top .left {
	float:left;
	width:507px;
}
.top .right {
	width:384px;
	margin-left:517px;
}
.message {
	border:1px solid #666;
	padding:10px;
	background:url(../img/checker_black.gif) repeat-y 82px;
}
.message h2 {
	width:259px;
	height:23px;
	margin-top:1px;
	margin-bottom:10px;
	text-indent:-9999px;
	margin-left:124px;
	background:url(../img/top/ttl_massage.gif) no-repeat;
}
.message img {
	float:left;
	display:inline;
}
.message p{
	margin-left:124px;
	line-height:130%;
	font-size:12px;
	text-align:justify;
}
.info {
	border:1px solid #666;
	font-size:12px;
	margin-top:10px;
	padding-bottom:15px;
}
.info h2 {
	height:33px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../img/top/ttl_info.jpg) no-repeat;
}
.info dl {
	margin:15px 10px;
	clear:left;
}
.info dt {
	padding-left:16px;
	background:url(../img/point1.gif) no-repeat;
	float:left;
}
.info dd {
	margin-left:90px;
}
.info .more {
	text-align:right;
	margin-right:10px;
}
.info .more a {
	padding-left:18px;
	background:url(../img/arrow1.gif) no-repeat left;
}
.guide {
	height:410px;
}
.guide h2 {
	padding:10px;
	margin-bottom:12px;
	text-indent:-9999px;
	background:url(../img/top/ttl_guide.gif) no-repeat 11px #000;
	border:1px solid #666;
}
.guide ul {
	position:absolute;
	right:0;
	background:url(../img/top/guide_bg.gif) no-repeat right 3px;
}
.guide li {
	width:376px;
	text-indent:-9999px;
}
.guide li#menu1 {
	height:60px;
	margin-left:0px;
	margin-top:30px;
	background:url(../img/top/menu1_0.jpg) no-repeat right;
}
.guide li#menu1 a {
	height:60px;
	background:url(../img/top/menu1_0.jpg) no-repeat right;
	display:block;
}
.guide li#menu2 {
	height:56px;
	margin-left:0px;
	margin-top:34px;
	background:url(../img/top/menu2_0.jpg) no-repeat right;
}
.guide li#menu2 a {
	height:56px;
	background:url(../img/top/menu2_0.jpg) no-repeat right;
	display:block;
}
.guide li#menu3 {
	height:57px;
	margin-left:0;
	margin-top:40px;
	background:url(../img/top/menu3_0.jpg) no-repeat right;
}
.guide li#menu3 a {
	height:57px;
	background:url(../img/top/menu3_0.jpg) no-repeat right;
	display:block;
}
.guide li#menu4 {
	height:76px;
	margin-left:0;
	margin-top:22px;
	background:url(../img/top/menu4_0.jpg) no-repeat right;
}
.guide li#menu4 a {
	height:76px;
	background:url(../img/top/menu4_0.jpg) no-repeat right;
	display:block;
}
.guide li#menu1 a:hover {background:url(../img/top/menu1_1.jpg) no-repeat right;}
.guide li#menu2 a:hover {background:url(../img/top/menu2_1.jpg) no-repeat right;}
.guide li#menu3 a:hover {background:url(../img/top/menu3_1.jpg) no-repeat right;}
.guide li#menu4 a:hover {background:url(../img/top/menu4_1.jpg) no-repeat right;}

/* 展示車一覧 */
#sidemenu h2.car_list {
	background:url(../img/car/subttl_list.gif) no-repeat 11px #000;
}
#sidemenu h2.sekine {
	margin-top:15px;
	padding:0;
	text-indent:0;
	border:none;
	height:auto;
}
.car_list h2 {
	background:url(../img/car/ttl_list.jpg) no-repeat 11px #000;
}
.car_list ul {
	height:168px;
	clear:both;
	padding:0 20px;
	background:url(../img/car/carlist_bg.png) no-repeat bottom;
}
.car_list li {
	width:303px;
	float:left;
	text-align:center;
	position:relative;
	bottom:-13px;
}
.car_list li a.ro {
	display:block;
	width:303px;
	height:148px;
}
.car_list li a.ro:hover {
	background:url(../img/car/carlist_bg_1.png) no-repeat center;
}
.car_list li h3 {
	margin-top:10px;
}
.car_list li h3 a:hover {
	color:#red;
}
.specs {
	width:370px;
	margin:0 0 20px;
	padding:10px 0 6px;
	float:left;
	border-top:1px solid #ceb7b7;
	border-bottom:1px solid #ceb7b7;
}
.specs li {
	margin:0 8px 4px;
}
.car_detail h3 {
	font-size:20px;
	margin:15px 0 5px;
	padding-left:28px;
	background:url(../img/star.gif) no-repeat left;
}

.car_detail h2.car001 {background:url(../img/car/ttl_car001.jpg) no-repeat 11px #000;}
.car_detail h2.car002 {background:url(../img/car/ttl_car002.jpg) no-repeat 11px #000;}
.car_detail h2.car003 {background:url(../img/car/ttl_car003.jpg) no-repeat 11px #000;}
.car_detail h2.car004 {background:url(../img/car/ttl_car004.jpg) no-repeat 11px #000;}
.car_detail h2.car005 {background:url(../img/car/ttl_car005.jpg) no-repeat 11px #000;}
.car_detail h2.car006 {background:url(../img/car/ttl_car006.jpg) no-repeat 11px #000;}

.car_detail .photo {
	border:1px solid #000;
}
.car_detail .movie {
	width:217px;
	height:199px;
	margin-left:386px;
	background:url(../img/car/movie_bg.jpg) no-repeat;
}
.car_detail .movie img {
	margin:19px 8px;
	border-top:1px solid #383838;
	border-left:1px solid #383838;
	border-right:1px solid #d0cfcc;
	border-bottom:1px solid #d0cfcc;
}
.car_detail .exp {
	clear:both;
}

/* 携帯公式サイト */
.mobile h2 {
	background:url(../img/ttl_mobile.jpg) no-repeat 11px #000;
}
.mobile #sidemenu {
	height:885px;
	width:236px;
}
.mobile h3 {
	margin:0px 0 15px;
	font-size:16px;
	border-bottom:1px solid #FFF;
	padding-bottom:3px;
}
.mobile h4 {
	color:#FF0000;
	font-size:14px;
	margin:20px 0 10px;
}
.mobile .access_method {
	color:#000;
	background:url(../img/mobile/access_method_bg.gif) repeat-y;
}
.mobile .access_method h4 span.gr {
	color:#FFF;
	font-size:10px;
	background-color:#009f87;
	padding:4px 6px;
	margin:0;
}
.mobile .access_method h4 span.small {
	font-size:10px;
	color:#000;
	font-weight:normal;
}
.mobile .access_method .inner {
	padding:1px 15px;
	background:url(../img/mobile/access_method_bg-tp.gif) no-repeat 0 0;
}
.mobile .access_method .bottom {
	height:13px;
	background:url(../img/mobile/access_method_bg-btm.gif) no-repeat 0 0;
	font-size:1px;
}
.mobile .access_method .i {
	margin:10px 0;
	padding:9px 0 9px 30px ;
	background:url(../img/mobile/i.gif) no-repeat left;
}
.mobile .access_method .ez {
	margin:10px 0;
	padding:9px 0 9px 32px ;
	background:url(../img/mobile/ez.gif) no-repeat left;
}
.mobile .access_method .y {
	margin:10px 0 0;
	padding:9px 0 9px 35px ;
	background:url(../img/mobile/y.gif) no-repeat left;
}


/* コレクショングッズ */
.goods h2 {
	background:url(../img/goods/ttl_goods.jpg) no-repeat 11px #000;
}
#sidemenu h2.goods {
	background:url(../img/goods/subttl_goods.gif) no-repeat 11px #000;
}
.goods h3 {
	margin:0px 0 15px;
	font-size:16px;
	border-bottom:1px solid #FFF;
	padding-bottom:3px;
	clear:left;
}
.goods h4 {
	color:#FF0000;
	font-size:14px;
	margin:20px 0 10px;
	clear:left;
}
.goods .item {
	float:left;
	margin-right:10px;
}
.goods .clear {
	clear:left;
	height:1px;
	font-size:1px;
}
.goods .text {
	line-height: 1.5;
}


/* サーキットの狼ミュージアムとは */
#sidemenu h2.about {
	background:url(../img/about/subttl_about.gif) no-repeat 11px #000;
}
.ikezawa h2 {
	background:url(../img/about/ttl_ikezawa.jpg) no-repeat 11px #000;
}
.ikezawa h3 {
	background:url(../img/about/ikezawa_img2.gif) no-repeat 0 0;
	margin-bottom:20px;
	padding-top:40px;
	padding-left:185px;
	font-size:32px;
}
.ikezawa h3 span {
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}




/* 権利表記 */
#sidemenu h2.kenri {
	background:url(../img/about/subttl_kenri.gif) no-repeat 11px #000;
}
.kenri h2 {
	background:url(../img/about/ttl_kenri.jpg) no-repeat 11px #000;
}
.kenri h3 {
	background:url(../img/about/ikezawa_kenri.gif) no-repeat 0 0;
	margin-bottom:20px;
	padding-top:40px;
	padding-left:185px;
	font-size:32px;
}
.kenri h3 {
	margin:0px 0 15px;
	font-size:16px;
	border-bottom:1px solid #FFF;
	padding-bottom:3px;
	clear:left;
}



/* -----------------------------
 3.Common Classes
----------------------------- */
.clear {
	clear:both;
	font-size:1px;
	height:1px;
}
.text {
	margin-bottom:7px;
}
.caps {
	font-size:200%;
	font-weight:bold;
	line-height:100%;
}
