@charset "utf-8";

/***********************************************
- MAIN CSS -
Last Update : 2008/07/29
Last Author : Mikito Hayashi
************************************************/


/* RESET ****************************************************************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; font-size:12px; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; margin:0; padding:0; }
caption,th { text-align:left; }
hr { display:none; }


/* DEFAULT ****************************************************************/
body {
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", sans-serif;
	font-size:12px;
	color:#666666;
	text-align:left;
}

a:link { text-decoration:none; color:#FF0000; }
a:visited { text-decoration:none; color:#FF0000 }
a:hover, a:active { text-decoration:underline; color:#993399}


h1{
 font-size: 12px;
 font-weight: normal;
 margin: 10px 0 0 0;
 background: url(../img/bg_h1.gif) 0 0 repeat-y;
 background-color: fff;
 width: 890px;
 height: 20px;
}

/* HEADER ****************************************************************/
div#header {
	position:relative;
	left:-10px;
	width:890px; height:75px;
	background:url(/img/bg_head.gif) top center no-repeat;
}

div#header p.logo {
	display:block;
	float:left;
	position:relative;
	top:10px; left:20px;
	width:355px; height:55px;
}

div#header p.contact {
	display:block;
	float:right;
	position:relative;
	top:7px; right:18px;
	width:265px; height:61px;
}
div#header a:hover.contact  { background-position:0px -61px; }


/* MAIN ****************************************************************/
div#main {
	width:880px;
	margin:auto;
	margin-top:0;
	background:url(/img/bg_main.gif) repeat-y;
}


/* LEFT ****************************************************************/
div#left {
	float:left;
	width:210px;
	background:url(/img/bg_left.jpg) no-repeat;
	text-align:center;
}

/*div#left ul { margin:-6px 0px 0px 0px; }
div#left ul a { display:block; margin-left:6px; _margin-left:0px; }
*+html div#left ul a { margin-left:0px; }

div#left ul li { _margin:0px 0px -3px 0px; }
*+html div#left ul li { margin:0px 0px -3px 0px; }*/

a.tosample { width:197px; height:184px; background:url(/img/btn_mnt.jpg) no-repeat; display:block; }
a.tosample { margin:10px 0px 8px 5px;_margin:10px 0px 8px 0px; }
*+html a.tosample { margin-left:2px; }
a.tosample:hover  { background-position:0px -184px; }

/*a.nv01 { width:197px; height:40px; background:url(/img/nv_gallery.gif) no-repeat; }
a.nv02 { width:197px; height:30px; background:url(/img/nv_toyota.gif) no-repeat; }
a.nv03 { width:197px; height:41px; background:url(/img/nv_engin.gif) no-repeat; }
a.nv04 { width:197px; height:39px; background:url(/img/nv_parts.gif) no-repeat; }
a.nv05 { width:197px; height:29px; background:url(/img/nv_chose.gif) no-repeat; }
a.nv06 { width:197px; height:41px; background:url(/img/nv_body.gif) no-repeat; }
a.nv07 { width:197px; height:39px; background:url(/img/nv_bdparts.gif) no-repeat; }
a.nv08 { width:197px; height:29px; background:url(/img/nv_chose2.gif) no-repeat; }
a.nv09 { width:197px; height:43px; background:url(/img/nv_merit.gif) no-repeat; }
a.nv10 { width:197px; height:43px; background:url(/img/nv_setsu.gif) no-repeat; }
a.nv11 { width:197px; height:44px; background:url(/img/nv_nagare.gif) no-repeat; }
a.nv12 { width:197px; height:44px; background:url(/img/nv_qa.gif) no-repeat; }
a.nv13 { width:197px; height:44px; background:url(/img/nv_kai.gif) no-repeat; }
a.nv14 { width:197px; height:44px; background:url(/img/nv_sample.gif) no-repeat; }
a.nv15 { width:197px; height:44px; background:url(/img/nv_kansyu.gif) no-repeat; }
a.nv16 { width:197px; height:44px; background:url(/img/nv_smap.gif) no-repeat; }

a:hover.nv01  { background-position:0px -40px; }
a:hover.nv02  { background-position:0px -30px; }
a:hover.nv03  { background-position:0px -41px; }
a:hover.nv04  { background-position:0px -39px; }
a:hover.nv05  { background-position:0px -29px; }
a:hover.nv06  { background-position:0px -41px; }
a:hover.nv07  { background-position:0px -39px; }
a:hover.nv08  { background-position:0px -29px; }
a:hover.nv09  { background-position:0px -43px; }
a:hover.nv10  { background-position:0px -43px; }
a:hover.nv11  { background-position:0px -44px; }
a:hover.nv12  { background-position:0px -44px; }
a:hover.nv13  { background-position:0px -44px; }
a:hover.nv14  { background-position:0px -44px; }
a:hover.nv15  { background-position:0px -44px; }
a:hover.nv16  { background-position:0px -44px; }*/

a.nv_rcr { background:url(/img/nv_rcr.gif) no-repeat; }
a.nv_cnt { background:url(/img/nv_cnt.gif) no-repeat; }

a.bnr1 { margin:10px 0px 8px 4px; width:198px; height:71px; background:url(/img/bnr_01.jpg) no-repeat; display:block; }
a.bnr2 { margin:0px 0px 8px 4px; width:198px; height:71px; background:url(/img/bnr_02.jpg) no-repeat; display:block; }

/** add **/

/* トップレベルカテゴリー*/

div#menu_bg{
	margin:0 auto;
}

div#menu ul li a:link,
div#menu ul li a:visited,
div#menu ul li span{
	display:block;
	width:162px;
	min-height:19px;
	background: url(../img/menu_bg01.jpg) 0 0 no-repeat;
	padding:15px 10px 5px 25px;
	text-decoration:none;
	line-height:1;
	text-align:left;
	color:#000;
	border-bottom:1px solid #ccc;
	margin:0 auto;
}

html>/**/body div#menu ul li a:link,
html>/**/body div#menu ul li a:visited{
	margin-bottom:1px;
}/*ff用ハック*/

div#menu ul li a:hover{	background-position:-197px 0;	}

div#menu ul li span{			background:url(../img/menu_bg01.jpg) 0 0 no-repeat;}

div#menu ul li ul{}

div#menu ul li ul li a:link,
div#menu ul li ul li a:visited{
	display:block;
	width:157px;
	min-height:20px;
	background: url(../img/menu_bg02.jpg) 0 0 no-repeat;
	color:#000;
	padding:15px 5px 5px 35px;
	text-decoration:none;
}

html>/**/body div#menu ul li ul li a:link,
html>/**/body div#menu ul li ul li a:visited{
	margin-bottom:1px;
}

div#menu ul li ul li a:hover{
	color:#000;
	background-position:-198px 0;
}


/* RIGHT ****************************************************************/

div#right {
	float:left;
	width:662px;
	margin:0px;
	text-align:left;
	overflow:hidden;
}

/* Global Navi */
ul#gnavi { width:662px; height:27px; }
ul#gnavi li { float:left; }
ul#gnavi a { display:block; height:27px; }
ul#gnavi a:hover { background-position:0px -27px; }

a.gn01 { width:79px; background:url(/img/gn_home.gif) no-repeat; }
a.gn02 { width:131px; background:url(/img/gn_gallery.gif) no-repeat; }
a.gn03 { width:175px; background:url(/img/gn_merit.gif) no-repeat; }
a.gn04 { width:135px; background:url(/img/gn_qa.gif) no-repeat; }
a.gn05 { width:142px; background:url(/img/gn_kai.gif) no-repeat; }


/* VISUAL */
div#visual { width:662px; clear:both; }
div#visual a { float:left; height:165px; display:block; }
div#visual a:hover { background-position:0px -165px; }
a.vs1 { width:333px; background:url(/img/vs1.jpg) no-repeat; }
a.vs2 { width:329px; background:url(/img/vs2.jpg) no-repeat; }


/* CONTETNS */
div#contents {
	width:640px;
	margin:5px 0px 0px 10px; padding:0px;
}

div.text {}
div.text p {
	margin:0px 5px 10px 8px;
	line-height:1.5;
}

h3 {
	width:631px;
	height:40px;
	background:url(/img/h3.gif) no-repeat;
	font-size:130%;
	clear:both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
h4 {
	width:630px; height:40px;
	margin:5px 0px 0px 5px;
	padding:4px 0px 0px 7px;
	background:url(/img/h4.gif) no-repeat;
	color:#fff;
	font-size:120%;
	clear:both;
}

h5 {
	width:610px; height:30px;
	margin:15px 0px 0px 5px;
	padding:2px 0px 0px 20px;
	background:url(/img/h5.jpg) no-repeat;
	color:#CC6600;
	font-size:14px;
	clear:both;
}

h6 {
	margin:15px 0px 15px 25px;
	padding:0px 0px 0px 5px;
	border-left:5px solid #333;
	color:#333;
	font-size:12px;
}

p.h3 {
	width:631px;
	height:40px;
	background:url(/img/h3.gif) no-repeat;
	font-size:130%;
	clear:both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
p.h4 {
	width:630px; height:40px;
	margin:5px 0px 0px 5px;
	padding:4px 0px 0px 7px;
	background:url(/img/h4.gif) no-repeat;
	color:#fff;
	font-size:120%;
	clear:both;
}

p.h5 {
	width:610px; height:30px;
	margin:15px 0px 0px 5px;
	padding:2px 0px 0px 20px;
	background:url(/img/h5.jpg) no-repeat;
	color:#CC6600;
	font-size:14px;
	clear:both;
}

p.h6 {
	margin:30px 0px 5px 5px;
	padding:0px 0px 0px 5px;
	border-left:5px solid #333;
	color:#333;
	font-size:12px;
}
/* SETSU */
table.setsu {
	width:640px;
	margin:5px 0px 10px 5px;
	border-top:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	font-size:100%;
}
table.setsu th {
	padding:7px;
	background:#eee;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	font-weight:bold;
}
table.setsu td {
	padding:7px;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
}
table.setsu th.stext { width:132px; }


/* QA */
table.qa {
	width:640px;
	margin:5px 0px 20px 5px;
	border-top:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	font-size:100%;
}
table.qa th {
	padding:7px;
	background:#eee;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	font-weight:bold;
}
table.qa td {
	padding:7px;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
}

/*　SITEMAP */
dl#sitemap { position:relative; top:10px; left:10px; }
dl#sitemap dd { padding-bottom:20px; }
dl#sitemap a { font-size:120%; font-weight:bold; }

/* MAP */
div#map { width:550px; height:500px; margin:10px; }

/* GALLERY */
div.gallery {
	width:650px;
	margin:0px 0px 20px 0px; padding:0px;
	background:url(/img/bg_gallery.gif) repeat-y;
}
div#gallerybtm {
	line-height:7px;
	background:url(/img/grlbtm2.gif) no-repeat;
}

div#grltop {
	position:relative;
	top:-5px;
	line-height:11px;
	background:url(/img/grltop.gif) no-repeat;
}
div#grlbtm {
	line-height:11px;
	background:url(/img/grlbtm.gif) no-repeat;
}

table.gallerytbl {
	margin:15px 0px 0px 25px;
	width:355px;
	border-top:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	font-size:110%;
}
table.gallerytbl th {
	width:128px; height:36px;
	padding-left:10px;
	background:url(/img/bg_galleryth.gif) repeat;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	font-weight:bold;
}
table.gallerytbl td {
	height:36px;
	padding-left:10px;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
}

div.gallery a { margin:15px 0px 10px 20px; }
div.gallery img.gphoto { float:right; margin:10px 25px 0px 0px; }

/* CONTACT */
table.scatch {
	width:640px;
	margin-left:10px;
	padding:10px;
	border:1px solid #c2c2c2;
}

table.contact { width:640px; 	margin-left:10px; }
table.contact th {
 width:150px;
 padding:10px;
 border-bottom:1px dotted #ccc;
 vertical-align:top;
 line-height:150%;
}
table.contact td {
 padding:10px;
 border-bottom:1px dotted #ccc;
}

table.contact span { color:#ff0000; }


/* TOP NEWS */
h2.top {
	background:url(../img/h2t_gallery.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:651px;
	height:40px;
	margin:15px 0px 5px 0px;
	padding:7px 0px 0px 20px;
	font-size:130%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
p.news {
	padding:0px;
	_margin-bottom:-1px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: -7px;
	margin-left: 0px;
}
*+html p.news { margin-bottom:-1px; }

table#tnews {
	width:646px;
	margin:0px 0px 0px 3px; padding:0px;
	border:1px solid #e8e8e8;
	font-size:110%;
}
table#tnews th {
	padding:5px 10px 5px 10px;
	color:#FF0000;
	text-align:center;
	vertical-align:top;
	border-bottom:1px solid #e8e8e8;
}
table#tnews td {
	padding:5px 10px 5px 10px;
	vertical-align:top;
	border-bottom:1px solid #e8e8e8;
}

/* TOP BTNS */
div#btns { width:660px; margin:10px 0px 0px 0px; }
div#btns a { display:block; width:316px; height:87px; margin:10px 0px 0px 5px; }
div#btns a:hover { background-position:0px -87px; }

a.btn_eng { background:url(/img/btn_engine.jpg) no-repeat; float:left; }
a.btn_bod { background:url(/img/btn_body.jpg) no-repeat; float:left; }

a.btn_detail { display:block; width:160px; height:33px; background:url(/img/btn_detail.gif) no-repeat; }
a.btn_detail:hover { background-position:0px -33px; }


/* TOP MONITOR */
div#monitor {
	width:650px;
	height:125px;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(/img/bg_monitor_02.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
}
div#monitor p { width:400px; }

div#monitor p strong{font-weight:bold; color:#000;}


/* FOOTER ****************************************************************/
div#footer {
	clear:both;
	padding:10px 0px 5px 0px;
	border-top:2px solid #000;
	background:#f3f3f3;
	color:#8c8c8c;
	text-align:center;
}
div#footer a { color:#8c8c8c; }
div#footer a:hover {
	color:#FF0000;
	text-decoration:underline;
}

div#footer ul#f_ul{
	width:650px;
	margin:15px auto;
}
div#footer ul#f_ul li{
	display:inline;
}

div#footer p{
	clear:both;
}

div#copy {
	height:30px;
	border:1px solid #fff;
	background:url(/img/bg_copy.gif) repeat;
	color:#8c8c8c;
	font-size:12px;
	text-align:center;
}


/* FREE ****************************************************************/
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

.clear { clear:both; }
.fleft { float:left; }
.fright { float:right; }

.none { display:none; }

.strong { font-weight:bold;  }
.big { font-size:150%; }


/* add */

ul#buy{
	width:651px;
	margin:0 auto;
}

ul#buy li{
	float:left;
}

ul#buy li a{
	display:block;
	width:320px;
	height:70px;
	background:url(../img/banner_buy.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

ul#buy li.buy01 a{
padding-right:10px;
	background-position:0 0;
}

ul#buy li.buy02 a{
	background-position:-332px 0;
}

div.reason{
	width:651px;
	height:355px;
	position:relative;
	background:url(../img/reason.jpg) 0 0 no-repeat;
}

div.reason p.r01{
	position:absolute;
	top:155px;
	left:60px;
	width:150px;
	height:30px;
}


div.reason p.r02{
	position:absolute;
	top:230px;
	left:60px;
		width:150px;
	height:30px;
}

div.reason p a{
	text-decoration:underline;
}


div.entry_photo{
	width:520px;
	margin:15px auto;
}

div.entry_photo_inner{
	width:500px;
	padding:10px;
	border:1px solid #ccc;
	margin:15px auto;
	overflow:hidden;
}

div.flow{
	width:651px;
}

div.flow p.flow_p{
width:500px;
height:40px;
line-height:40px;
text-align:center;
margin:0 auto;
background:url(../img/nagare1.gif) 0 0 no-repeat;
}

p.mark{
	text-align:center;
}

span.require{ color:red; }


/*********090127追加***************/


div.btn_top {
	width:660px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.btn_top a { display:block; width:316px; height:87px; margin:10px 0px 0px 5px; }
div.btn_top a:hover { background-position:0px -87px; }

a.btn_01 { background:url(/img/n_01.jpg) no-repeat; float:left; }
a.btn_02 { background:url(/img/n_02.jpg) no-repeat; float:left; }



div.btn_btm {
	width:660px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.btn_btm a { display:block; width:316px; height:87px; margin:10px 0px 0px 5px; }
div.btn_btm a:hover { background-position:0px -87px; }

a.btn_03 { background:url(/img/n_03.jpg) no-repeat; float:left; }
a.btn_04 { background:url(/img/n_04.jpg) no-repeat; float:left; }