@charset "UTF-8";
*,body {
margin:0;
padding:0;
border:0;
line-height: 1.4;
font-size: small;
font-family:"ＭＳ Ｐゴシック",Osaka;
}

ul,ol,dl{
margin:0;
padding:0;
border:0;
list-style:none;
}

.textout{
display: block;
text-indent: -9999px;
line-height: 0;
height:1px;
}

/*************************************************
COMMON
**************************************************/

body {
background: #f0f0f0 url(../img/common/body_back.png) top left repeat-x;
padding: 20px 0 0 0;
}

#container {
margin: 0 auto 10px auto;
width: 800px;
position: relative;
}

/*************************************************
HEADER
**************************************************/
#header {
padding-bottom: 0;
}

#header #header-top {
padding:0 0 10px 20px;
position: relative;
}

#header h1 {
background: transparent url(../img/common/site_title.gif) 60px 5px no-repeat;
}

#header h2 {
background: transparent url(../img/common/description.gif) 0 0 no-repeat;
width: 660px;
height: 12px;
position: absolute;
left: 85px;
top: 35px;
}

/*************************************************
HEADER IMG
**************************************************/
#header-image{
position:relative;
width: 800px;
height: 180px;

}

#header-image p{
position: absolute;
}


/*************************************************
MENU
**************************************************/

#menu {
background: transparent url(../img/common/menu.png) 0 0 no-repeat;
height: 30px;
width: 800px;
}
#menu li {
float: left;
height: 30px;
}

li#menu-toppage{ width:106px;}
li#menu-products{ width:110px;}
li#menu-dealer{ width:90px;}
li#menu-company{ width:105px;}
li#menu-link{ width:68px;}
li#menu-contact{ width:102px;}

#menu a{
display: block;
height: 30px;
}


/*************************************************
FOOTER
**************************************************/

#footer{
clear: both;
}
#toppage #footer{
padding:0;
	margin:0;
	padding-top:50px;
	background: transparent url(../img/top/content_footer.png) top right no-repeat;
}

#footer-inner {
background: transparent url(../img/common/footer.png) 0 0 no-repeat;
height:27px;
}


/*************************************************
CONTENT BODY
**************************************************/

#toppage #content-body{
	padding: 0 0 30px 0;
	background: url(../img/top/content_body.gif) 0 0 repeat-y;
	position: relative;
	width:800px;
	clear: both;
	float: left;
}


/*************************************************
FOCUS
**************************************************/


#focus{
	width: 220px;
	float: right;
	position: relative;
	top:0;
	right:0;
	/*background-color: #CBDAF3;*/
}
#focus-inner{
	padding: 0 10px;
	width: 200px;
	position: relative;
/*	border-right: #4e5d78 solid 1px;
	border-left: #baccec solid 1px;
*/}
#focus p{
line-height:1.4;
}
#focus h2{
height: 30px;
background: transparent url(../img/top/title_focus.png) 0 0 no-repeat;
}
#focus .focus-data {
	padding: 0;
	clear: both;
	position: relative;
	width: 200px;
	margin: 10px 0;
}
#focus .focus-data h2{
height: 20px;
clear: both;
}
#focus .focus-data img{
float: left;
border: 1px solid #f30;
margin: 0 10px 0 0;
}
#focus .focus-data h3{
margin: 0.5em 0;
}
#focus span.btn{
height: 16px;
background: transparent url(../img/top/btn_moreinfo.png) 0 0 no-repeat;
width: 82px;
float: right;
display: block;
margin: 10px 4px 0 0;
}
#focus .btn-moreinfo{
display: block;
height: 16px;
}
#focus .btn-moreinfo a,#focus .btn-moreinfo a:link{
display: block;
height: 16px;
background-color: #fc0;
font-size: medium;
}

#focus #ranking-no1 h2{
background: transparent url(../img/top/focus_no1.gif) 0 0 no-repeat;
height: 20px;
}
#focus #ranking-no2 h2{
background: transparent url(../img/top/focus_no2.gif) 0 0 no-repeat;
height: 20px;
}
#focus #ranking-no3 h2{
background: transparent url(../img/top/focus_no3.gif) 0 0 no-repeat;
height: 20px;
}



/*************************************************
NEWS RELEASE
**************************************************/

#news-release {
	width: 430px;
	right:230px;
	line-height: 1.4;
	float: right;
	margin: 0 10px 0 0;
}
#news-release h2 {
background: transparent url(../img/top/title_news.png) top left no-repeat;
height: 30px;
}
#news-body{
	padding: 15px 10px;
	clear: both;
}
#news-body h2.date-header{
height: 1.4em;
background: transparent url(../img/top/date_border.gif) bottom left no-repeat;
margin-bottom: 5px;
padding-bottom: 1px;
}
#news-release #news-body .news-entry{
	margin-bottom: 10px;
	clear: both;
}
#news-release #news-body .news-entry .entry-header{
padding: 5px 0;
}
#news-release #news-body .news-entry .entry-content .entry-footer {
background: url(../img/top/btn_readmore.png) top right no-repeat;
clear:both;
height: 16px;
}
#news-release #news-body .news-entry .entry-content .entry-footer a{
width:82px;
height: 16px;
display: block;
float:right;
}

/*************************************************
BANNERS
**************************************************/

#banners{
	padding: 0 0 0 10px;
	width: 120px;
	float: left;
	clear: left;
}
#banners img {
margin-bottom: 10px;
}


/*************************************************
PRODUCTS
**************************************************/
#products #content-body{
position:relative;
float:left;
clear:both;
padding-top:10px;
width:800px;
}
#products-category{
position:relative;
float:left;
clear:both;
padding-bottom: 50px;
background: transparent url(../img/common/second_content_footer.png) left bottom no-repeat;
}
#products-category #content-inner{
position:relative;
float:left;
clear:both;
padding: 10px 0;
/*padding-left: 30px;*/
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
background: #fff;
width: 798px;
}
#products-category h2{
height:30px;
margin: 0;
width: 800px;
background: transparent url(../img/products/title_products.png) 0 0 no-repeat;
}
#products-category h3{
margin: 0 0 10px 10px;
padding: 3px 5px;
width: 768px;
background: #f2f2f2 url(../img/common/second_title_back.gif) left center repeat-x;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
}
#products-category #content-inner ul{
padding-left: 30px;
}
#products #container #content-body #products-category .products {
display: block;
float: left;
width: 330px;
height: 110px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 120%;
font-weight: bold;
padding: 10px 10px 20px 10px;
}
#products-category #content-inner .cate_no1,
#products-category #content-inner .cate_no3,
#products-category #content-inner .cate_no5,
#products-category #content-inner .cate_no7,
#products-category #content-inner .cate_no9,
#products-category #content-inner .cate_no11,
#products-category #content-inner .cate_no13,
#products-category #content-inner .cate_no15,
#products-category #content-inner .cate_no17,
#products-category #content-inner .cate_no19,
#products-category #content-inner .cate_no21,
#products-category #content-inner .cate_no23,
#products-category #content-inner .cate_no25,
#products-category #content-inner .cate_no27,
#products-category #content-inner .cate_no29
{
clear:both;
margin: 0 0 10px 0;
position: relative;
/*left: 10px;*/
}

#products-category #content-inner .cate_no2,
#products-category #content-inner .cate_no4,
#products-category #content-inner .cate_no6,
#products-category #content-inner .cate_no8,
#products-category #content-inner .cate_no10,
#products-category #content-inner .cate_no12,
#products-category #content-inner .cate_no14,
#products-category #content-inner .cate_no16,
#products-category #content-inner .cate_no18,
#products-category #content-inner .cate_no20,
#products-category #content-inner .cate_no22,
#products-category #content-inner .cate_no24,
#products-category #content-inner .cate_no26,
#products-category #content-inner .cate_no28,
#products-category #content-inner .cate_no30
{
margin: 0 0 10px 0;
position: relative;
left:40px;
}

#products #container #content-body #products-category .products .brands {
margin-left: 50%;
font-size: 100%;
font-weight: normal;
}
li.products img{
display: block;
position: absolute;
top: 30px;
left: 20px;
/*border: 1px dotted #f30;*/
clear: both;
}


/*************************************************
PRODUCTS	brand-products <<category_archive>>
**************************************************/

#brand-products{
/*float:left;
clear:both;
background-color: #fff;
padding-bottom: 10px;
*/
position:relative;
float:left;
clear:both;
padding-bottom: 50px;
background: transparent url(../img/common/second_content_footer.png) left bottom no-repeat;
}
#brand-products h2{
height:30px;
margin: 0;
width: 800px;
background: transparent url(../img/products/title_products.png) 0 0 no-repeat;
}
#brand-products h3{
margin: 0 0 10px 10px;
padding: 3px 5px;
width: 768px;
background: #f2f2f2 url(../img/common/second_title_back.gif) left center repeat-x;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
}
#brand-products dl#breadcrumbs{
margin: 0 0 5px 10px;
}

#brand-products #content-inner{
position:relative;
float:left;
clear:both;
padding: 10px 0;
/*padding-left: 30px;*/
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
background: #fff;
width: 798px;

/*position: relative;
padding: 0 0 0 25px;
margin-bottom: 10px;*/
}
#brand-products .item-list{
	width: 210px;
	margin-right: 25px;
	border: 1px solid #eee;
	float: left;
	padding: 10px;
	text-align: center;
	position: relative;
	left: 25px;
}
#brand-products .item-list p{
text-align: left;
}

#category-link {
	clear:both;
	padding: 10px;
	border-top: 1px solid #ccc;
}

#category-link ul li.products{
padding: 2px;
font-size: x-small;
display: block;
float:left;
margin: 0 5px 5px 0;
border-left: 1px solid #ccc;
}
#category-link ul.brands{
margin-top: 2px;
margin-left: 10px;
border-left: 1px solid #ccc;
}
#category-link ul.brands li{
display: inline;
margin-left: 5px;
padding: 0 5px 0 0;
border-right: 1px solid #ccc;
white-space: nowrap;
font-size: x-small;
}
#category-link ul.brands li a{
font-size: x-small;
}
/*
#category-link .cate_no1,
#category-link .cate_no3,
#category-link .cate_no5,
#category-link .cate_no7,
#category-link .cate_no9,
#category-link .cate_no11,
#category-link .cate_no13,
#category-link .cate_no15,
#category-link .cate_no17,
#category-link .cate_no19,
#category-link .cate_no21,
#category-link .cate_no23,
#category-link .cate_no25,
#category-link .cate_no27,
#category-link .cate_no29
{
clear:both;
}

#category-link .cate_no2,
#category-link .cate_no4,
#category-link .cate_no6,
#category-link .cate_no8,
#category-link .cate_no10,
#category-link .cate_no12,
#category-link .cate_no14,
#category-link .cate_no16,
#category-link .cate_no18,
#category-link .cate_no20,
#category-link .cate_no22,
#category-link .cate_no24,
#category-link .cate_no26,
#category-link .cate_no28,
#category-link .cate_no30
{
margin: 0 0 10px 0;
position: relative;
left:40px;
}*/

/*************************************************
PRODUCTS	product-detail <<entry_archive>>
**************************************************/
#product-detail{
position:relative;
float:left;
clear:both;
padding-bottom: 50px;
background: transparent url(../img/common/second_content_footer.png) left bottom no-repeat;
}
#product-detail h2{
height:30px;
margin: 0;
width: 800px;
background: transparent url(../img/products/title_products.png) 0 0 no-repeat;
}
#product-detail dl#breadcrumbs{
margin: 0 0 5px 10px;
}

#product-detail .detail{
position:relative;
float:left;
clear:both;
padding: 10px 0 0 0;
/*padding-left: 30px;*/
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
background: #fff;
width: 798px;
}

#product-detail .content-inner{
position:relative;
float:left;
clear:both;
padding: 10px 0;
/*padding-left: 30px;*/
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
background: #fff;
width: 798px;
}

#product-detail .detail h3{
margin: 0 0 10px 10px;
padding: 3px 5px;
width: 768px;
background: #f2f2f2 url(../img/common/second_title_back.gif) left center repeat-x;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
}
#product-detail #item-text{
	width: 788px;
	padding-left: 10px;
	/*position: relative;
	float: left;*/
	padding-bottom: 10px;
}
#product-detail #item-text img{
float: left;
display: block;
margin: 0 10px 10px 0;
}

#product-detail #item-text #tags{
padding: 5px;
background: #f4f4f4;
border: 1px dashed #C1C1C1;
width: 250px;
float: left;
margin: 20px　auto;
}
#product-detail #entry-body,#product-detail #more{
padding:10px;
}


/*************************************************
DEALER	dealer-list
**************************************************/

#dealer #content-body{
position:relative;
float:left;
clear:both;
padding-top:10px;
width:800px;
}

#dealer-list{
position:relative;
float:left;
clear:both;
padding-bottom: 50px;
background: transparent url(../img/common/second_content_footer.png) left bottom no-repeat;
}

#dealer-list h2{
height:30px;
margin: 0;
width: 800px;
background: transparent url(../img/dealer/title_dealer.png) 0 0 no-repeat;
}
#dealer-list h3{
margin: 0 0 10px 10px;
padding: 3px 5px;
width: 768px;
background: #f2f2f2 url(../img/common/second_title_back.gif) left center repeat-x;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
}
#dealer-list #content-inner{
position:relative;
float:left;
clear:both;
padding: 10px 0;
/*padding-left: 30px;*/
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
background: #fff;
width: 798px;
}

#dealer-list #content-inner ul{
width: 530px;
height: 530px;
margin: 10px auto;
position: relative;
background: url(../img/dealer/map.gif) 0 0 no-repeat;
}

#dealer-list #content-inner ul li ul.sub,
#dealer-list #content-inner ul li ul.sub li,
#dealer-list #content-inner ul li ul.sub li a,
#dealer-list #content-inner ul li ul.sub li a:link{
visibility: hidden;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
background: none;
}

#dealer-list #content-inner ul li a,
#dealer-list #content-inner ul li a:link{
display: block;
position: relative;
top: 0;
left: 0;
text-indent: -9999px;
margin:0;
/*background: #eee;*/
padding:0;
width: 100%;
height: 100%;
}


#dealer-list #content-inner .north{
display: block;
position: absolute;
width: 300px;
height: 194px;
left: 220px;
top: 50px;
margin:0;
padding:0;
}

#dealer-list #content-inner .kanagawa{
display: block;
position: absolute;
width: 60px;
height: 42px;
left: 313px;
top: 291px;
text-indent: -9999px;
overflow: hidden;
margin:0;
padding:0;
}

#dealer-list #content-inner .kanto{
display: block;
position: absolute;
width: 72px;
height: 35px;
left: 299px;
top: 251px;
text-indent: -9999px;
overflow: hidden;
margin:0;
padding:0;
}

#dealer-list #content-inner .tokai{
display: block;
position: absolute;
width: 47px;
height: 45px;
left: 260px;
top: 302px;
text-indent: -9999px;
overflow: hidden;
margin:0;
padding:0;
}

#dealer-list #content-inner .kinki{
display: block;
position: absolute;
width: 50px;
height: 30px;
left: 204px;
top: 281px;
text-indent: -9999px;
overflow: hidden;
margin:0;
padding:0;
}

#dealer-list #content-inner .west{
display: block;
position: absolute;
width: 234px;
height: 193px;
left: 4px;
top: 324px;
text-indent: -9999px;
overflow: hidden;
margin:0;
padding:0;
}

/*************************************************
DEALER	dealer-table
**************************************************/


#dealer-table{
position:relative;
float:left;
clear:both;
padding-bottom: 50px;
background: transparent url(../img/common/second_content_footer.png) left bottom no-repeat;
}

#dealer-table h2{
height:30px;
margin: 0;
width: 800px;
background: transparent url(../img/dealer/title_dealer.png) 0 0 no-repeat;
}
#dealer-table h3{
margin: 0;
padding: 3px 5px;
width: 768px;
background: #f2f2f2 url(../img/common/second_title_back.gif) left center repeat-x;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
}
#dealer-table #content-inner{
position:relative;
float:left;
clear:both;
padding: 10px 0;
/*padding-left: 30px;*/
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
background: #fff;
width: 798px;
}
#dealer-table dl#breadcrumbs{
margin: 0 10px;
}
#dealer-table dt{
margin-bottom: 5px;
}
#dealer-table dd{
margin: 0 10px;
}

#dealer-table ul#pagelink{
padding: 0 10px;
}
#dealer-table ul#pagelink li{
float: left;
margin-right: 15px;
margin-top: 5px;
padding-left: 13px;
display: block;
background: transparent url(/img/common/arrow-gr_under.gif) 0 3px no-repeat;
}
#dealer-table ul#pagelink li a {
/*margin: inherit;*/
}

.dealer-area{
padding: 10px;
clear: left;
}

.list-block table{
width: 100%;
margin: 10px 0;
padding: 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.list-block th,
.list-block td{
padding: 5px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
.list-block th{
background: #f1f1f1;
text-align: left;
}
.list-block td{
vertical-align: top;
}
.list-block .dealer-name{
width:20%;
}
.list-block .dealer-address{
width:50%;
}
.list-block .dealer-tel{
width:10%;
white-space: nowrap;
}
.list-block .dealer-note{
width:20%;
}

/*************************************************
COMPANY	conpany-index
**************************************************/

#company #content-body{
position:relative;
float:left;
clear:both;
padding-top:10px;
width:800px;
}

#company-data{
position:relative;
float:left;
clear:both;
padding-bottom: 50px;
background: transparent url(../img/common/second_content_footer.png) left bottom no-repeat;
}

#company-data h2{
height:30px;
margin: 0;
width: 800px;
background: transparent url(../img/company/title_company.png) 0 0 no-repeat;
}
#company-data h3{
margin-left: 10px;
margin-bottom: 10px;
padding: 3px 5px;
width: 768px;
background: #f2f2f2 url(../img/common/second_title_back.gif) left center repeat-x;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
}
#company-data #content-inner{
position:relative;
float:left;
clear:both;
padding: 10px 0;
/*padding-left: 30px;*/
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
background: #fff;
width: 798px;
}

#company table{
width: 500px;
margin: 10px auto;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#company th{
font-weight: bold;
padding: 3px;
background: #e1e1e1;
width: 80px;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#company td{
padding: 3px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

/*************************************************
LINK	link-list
**************************************************/

#link #content-body{
position:relative;
float:left;
clear:both;
padding-top:10px;
width:800px;
}

#link-list{
position:relative;
float:left;
clear:both;
padding-bottom: 50px;
background: transparent url(../img/common/second_content_footer.png) left bottom no-repeat;
}

#link-list h2{
height:30px;
margin: 0;
width: 800px;
background: transparent url(../img/link/title_link.png) 0 0 no-repeat;
}

#link-list #content-inner{
position:relative;
float:left;
clear:both;
padding: 10px 0;
padding-left: 40px;
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
background: #fff;
width: 758px;
}

#link-list h3{
font-size:120%;
}
#link-list #link-inner{
padding: 10px;
}
#link-list .list-block{
margin: 0 30px 0 0;
padding: 20px;
width: 300px;
border-bottom: 1px solid #ccc;
float: left;
}
#link-list .list-block img{
display: block;
float: left;
clear:left;
margin-right: 10px;
}
#link-list .list-block div{
padding: 10px;

}


/*************************************************
CONTACT	contact-form
**************************************************/

#contact #content-body{
position:relative;
float:left;
clear:both;
padding-top:10px;
width:800px;
}

#contact-form{
position:relative;
float:left;
clear:both;
padding-bottom: 50px;
background: transparent url(../img/common/second_content_footer.png) left bottom no-repeat;
}

#contact-form h2{
height:30px;
margin: 0;
width: 800px;
background: transparent url(../img/contact/title_contact.png) 0 0 no-repeat;
}
#contact-form h3{
margin-bottom: 10px;
padding: 3px 5px;
width: 768px;
background: #f2f2f2 url(../img/common/second_title_back.gif) left center repeat-x;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
}

#contact-form #content-inner{
position:relative;
float:left;
clear:both;
padding: 10px 0 0 10px;
/*padding-left: 30px;*/
border-left: 1px solid #adadad;
border-right: 1px solid #adadad;
background: #fff;
width: 788px;
}

#mail-form,#error-text{
width: 600px;
margin: 0 auto;
}
#error-text h4{
margin-bottom: 5px;
}
#error-text p{
padding-left:30px;
line-height: 2;
margin: 20px 0;
}
#mail-form table{
width: 100%;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-bottom: 10px;
}
#mail-form th{
font-weight: bold;
padding: 3px;
background: #e1e1e1;
width: 30%;
text-align: left;
vertical-align: top;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
white-space: nowrap;
}
#mail-form td{
padding: 3px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#mail-form input{
border: 1px solid #999;
}
#mail-form textarea{
border: 1px solid #999;
}
#mail-form input#mail_preview{
margin-right: 20px;
}
#mail-form input#mail_preview:hover{
border: 1px solid #FFCC33;
}
#contact #content-inner ul {
color: #FF0033;
font-weight: bold;
}
#contact #content-inner li {
	margin-bottom: 10px;
}