@charset "utf-8";

/*------------------------------------------------
	base styles
--------------------------------------------------*/
body{
	background: #050503;
	color: #5E5C5C;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 75%;
	position:relative;
	width: 100%;
}
body,p,dl,ol,ul,h1,h2,h3,h4,h5,h6,form,table,td{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ol,ul{
	list-style-type: none;
}
ol li img,
ul li img{
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	font-size: 100%;
}
img{
	border: none;
}
select{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

a:link,
a:visited{
	color: #111111;
	text-decoration: none;
}

a:hover,
a:active{
	color: #666666;
	text-decoration: none;
}



/*------------------------------------------------
	common styles
--------------------------------------------------*/
.clearfix:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clearfix{
	display: inline-block;
}
/* no ie mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* */

.no_disp{
	display: none;
}

#main_wrap {
	width: 800px;
	text-align: left;
	margin: 0 auto 0;
	background: #ffffff;
}


/*------------------------------------------------
	header styles
--------------------------------------------------*/


#header{
	
}
#header_inner{
	width: 800px;
}
#head_logo {
	float: left;
}
#head_logo img{
	margin: 26px 0 0 24px;
}
#head_sitemap {
	float: right;
	text-indent: -9999px;
}
#head_sitemap span{
	display: block;
	margin: 37px 24px 0 0;
	text-indent: -9999px;
}
#head_sitemap a{
	display: block;
	width: 75px;
	height: 11px;
}
#head_sitemap a:link,
#head_sitemap a:visited{
	background: url(../images/head_sitemap.gif) left top no-repeat;
}
#head_sitemap a:hover,
#head_sitemap a:active{
	background: url(../images/head_sitemap.gif) left -11px no-repeat;
}

/*------------------------------------------------
	navi styles
--------------------------------------------------*/
#main_navi {
	min-width: 800px;
	width: auto !important;
	width: 800px;
	border-top: 1px solid #9b9b9b;
	margin: 20px 0 0 0;
	min-height: 43px;
	height: auto !important;
	height: 43px;
	background: #050503 url(../images/head_bg.gif) left bottom repeat-x !important;
}

#main_navi #official {
	width: 258px;
	height: 31px;
	background: url(../images/head_official.gif) left top no-repeat;
	text-indent: -9999px;
	float: left;
}

#main_navi #parts {
	float: left;
	text-indent: -9999px;
	width: 91px;
	height: 31px;
}
#main_navi #parts span{
	display: block;
	text-indent: -9999px;
}
#main_navi #parts a{
	display: block;
	width: 91px;
	height: 31px;
}
#main_navi #parts a:link,
#main_navi #parts a:visited{
	background: url(../images/head_parts.gif) left top no-repeat;
}
#main_navi #parts a:hover,
#main_navi #parts a:active{
	background: url(../images/head_parts.gif) left -31px no-repeat;
}

#main_navi #service {
	float: left;
	text-indent: -9999px;
	width: 90px;
	height: 31px;
}
#main_navi #service span{
	display: block;
	text-indent: -9999px;
}
#main_navi #service a{
	display: block;
	width: 90px;
	height: 31px;
}
#main_navi #service a:link,
#main_navi #service a:visited{
	background: url(../images/head_service.gif) left top no-repeat;
}
#main_navi #service a:hover,
#main_navi #service a:active{
	background: url(../images/head_service.gif) left -31px no-repeat;
}

#main_navi #car {
	float: left;
	text-indent: -9999px;
	width: 63px;
	height: 31px;
}
#main_navi #car span{
	display: block;
	text-indent: -9999px;
}
#main_navi #car a{
	display: block;
	width: 63px;
	height: 31px;
}
#main_navi #car a:link,
#main_navi #car a:visited{
	background: url(../images/head_carl.gif) left top no-repeat;
}
#main_navi #car a:hover,
#main_navi #car a:active{
	background: url(../images/head_carl.gif) left -31px no-repeat;
}

#main_navi #company {
	float: left;
	text-indent: -9999px;
	width: 105px;
	height: 31px;
}
#main_navi #company span{
	display: block;
	text-indent: -9999px;
}
#main_navi #company a{
	display: block;
	width: 105px;
	height: 31px;
}
#main_navi #company a:link,
#main_navi #company a:visited{
	background: url(../images/head_comp.gif) left top no-repeat;
}
#main_navi #company a:hover,
#main_navi #company a:active{
	background: url(../images/head_comp.gif) left -31px no-repeat;
}

#main_navi #blog {
	float: left;
	text-indent: -9999px;
	width: 79px;
	height: 31px;
}
#main_navi #blog span{
	display: block;
	text-indent: -9999px;
}
#main_navi #blog a{
	display: block;
	width: 79px;
	height: 31px;
}
#main_navi #blog a:link,
#main_navi #blog a:visited{
	background: url(../images/head_blog.gif) left top no-repeat;
}
#main_navi #blog a:hover,
#main_navi #blog a:active{
	background: url(../images/head_blog.gif) left -31px no-repeat;
}

#main_navi #contact {
	float: left;
	text-indent: -9999px;
	width: 112px;
	height: 31px;
}
#main_navi #contact span{
	display: block;
	text-indent: -9999px;
}
#main_navi #contact a{
	display: block;
	width: 112px;
	height: 31px;
}
#main_navi #contact a:link,
#main_navi #contact a:visited{
	background: url(../images/head_contact.gif) left top no-repeat;
}
#main_navi #contact a:hover,
#main_navi #contact a:active{
	background: url(../images/head_contact.gif) left -31px no-repeat;
}
#main_cts {
	margin: 0 25px 0 25px;
	padding: 0 0 22px 0;

}

/*------------------------------------------------
	fooder styles
--------------------------------------------------*/



#copy {
	background: url(../images/copy.gif) right 10px no-repeat;
	text-indent: -9999px;
	border-top: 1px solid #cccccc;
	padding: 0 0 30px 0;
	margin: 0 25px 0 25px;
}

















/*------------------------------------------------
	contenta area styles
--------------------------------------------------*/

#ctsarea {
	width: 800px;
	margin: 0px auto 0px auto;
	text-align: center;
	position: relative;
}