@charset "utf-8";
/* ----------------------------------------------------------------------------
	@ Style Name    : /common/css/index.css
	----------------------------------------------------------------------------
	@ Style Information
		00. Reset		
		01. Body, Link, font,wrap
		02. Navigation[#headNav/#footerNav]
		03. Contents[copy/banner/sub_catalog/sub_maker/sub_showroom/sub_knowledge]
		@@. Clearfix
---------------------------------------------------------------------------- */
/* =============================================================================
	00. Reset
==============================================================================*/
html {
	overflow-y: scroll;
    height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,embed {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
ul,ol {
	list-style-type: none;
}
input,img {
    vertical-align: middle;
}

/* =============================================================================
	01. Body, Link, font,wrap
==============================================================================*/
body {
	background: #FFF;
	color: #000;
	font-size: 13px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.4;
  *font-size: 82%; /*for IE*/
}
a:link {color: #FF6600;text-decoration: underline;}
a:visited {color: #999999;text-decoration: underline;}
a:hover {color: #FF9900;text-decoration: underline;}
a:active {color: #FF9900;text-decoration: underline;}
/*a.footerlink:link { color:#666; text-decoration:none;font-weight: bold;}
a.footerlink:visited { color: #666;text-decoration:none;font-weight: bold; }
a.footerlink:active { color: #FF9900;text-decoration:none; font-weight: bold;}
a.footerlink:hover { color: #FF9900;text-decoration: underline; font-weight: bold;}
#wrap { 
	width: 1050px;
	margin: 10px auto -150px
}*/
.push {
	height: 15px;
}
/* =============================================================================
	02. Navigation
==============================================================================*/
/*------------------------------------------------------------------------
	#headNav
---------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
	footerNav
---------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
	footer text 田端追記
---------------------------------------------------------------------------*/
div#footer_text {
	margin: 15px 0 0 0;
	width: 1050px;
}

#footer_copy.p {
	font-size:12px;
	text-align:center;
}

/* =============================================================================
	03. Contents
==============================================================================*/
/*------------------------------------------------------------------------
	copy
---------------------------------------------------------------------------*/
div#copy {
	margin: 25px 0 0 0;
	width: 1050px;
	height: 47px;
	background:url(../images/index/copy2.jpg) no-repeat 0 0;
  border-radius: 8px;
}

#site_expalin_txt {
	float:left;
	/*width:490px;*/
	margin:15px 10px;
	padding-left:15px;
	font-weight:normal;
	font-size:14px;
	/*color:#666666;*/
	background:url(../images/index/site_explain_icon.jpg) no-repeat 0 0;
	vertical-align:bottom;
}

div#copy p {
	float: right;
	margin:8px 0;
}

/*------------------------------------------------------------------------
	banner
---------------------------------------------------------------------------*/
div#bn {
	margin: 10px 0 0 0;
	width: 1050px;
	font-size:0;
}
div#bn .bnleft {
margin: 0;
float: left;
	width: 730px;
	height: 345px;
}

.bnleft a:hover {
	opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

div#bn .bnright {
margin-top: 0px;
float: right;
	width: 300px;
	height: 330px;
	font-size: 0;
}
/*------------------------------------------------------------------------
	sub_catalog
---------------------------------------------------------------------------*/
div#sub {
	margin: 25px 0 0 0;
	width: 1050px;
}
div#sub.clearfix.extra_margin_top {
	margin: 150px 0 0 0;
	width: 1050px;
}
div#sub h2 {
	margin: 0 0 25px 0;
	float: left;
	width: 1050px;
	height: 43px;
}
div.catalog1 {
	float: left;
	width: 498px;
	height: 120px;
	padding: 0 10px 10px 15px;
	margin: 0 0 10px 0;
}
div.catalogArticle1 {
	float: right;
	width: 400px;
}
div.catalogArticle1 h3 {
	margin: 0 0 10px 0;
}
p.catalogImg1 {
	float: left;
	width: 85px;
	height: 76px;
	position: relative;
}
p.catalogImg1 a {
	display: block;
	float: left;
	width: 498px;
	height: 120px;
	_width: 85px;/*for IE6*/
	_height: 76px;/*for IE6*/
}
p.catalogImg1 a:hover { background:url(../images/index/cat_hover.png) 0px 0px;}

div.lineright{
	float: left;
	border-right: dashed 1px #828282; height: 120px; 
}
hr{
	float: left;
	border:none;
	border-top:dashed 1px #828282;
	height:1px;
	color:#FFFFFF;
	width:1050px;
}
div.catalog2 {
	float: left;
	width: 322px;
	height: 120px;
	padding: 0 10px 10px 15px;
	margin: 20px 0 0 0;
}
div.catalogArticle2 {
	float: right;
	width: 240px;
}
div.catalogArticle2 h3 {
	margin: 0 0 10px 0;
}
p.catalogImg2 {
	float: left;
	width: 70px;
	height: 62px;
	position: relative;
}
p.catalogImg2 a {
	display: block;
	float: left;
	width: 322px;
	height: 120px;
	_width: 70px;/*for IE6*/
	_height: 62px;/*for IE6*/
}
p.catalogImg2 a:hover { background:url(../images/index/cat_hover.png) 0px 0px;}

/*------------------------------------------------------------------------
	sub_maker
---------------------------------------------------------------------------*/
.maker_width{
width: 1000px;
/* width: 880px; */
margin-left: 80px;
/* margin: 0 auto; */
}
.clip{
width: 116px;
height:63px;
float: left;
margin: 0;
padding: 5pt 5px;
background: #efeae6;
border: solid 1px #bbbbbb;
}
.clip:hover {
width: 116px;
height:63px;
/* width: 130px; */
background: #fff1e8;
border: solid 1px #ffcc44;
}
/*------------------------------------------------------------------------
	sub_showroom
---------------------------------------------------------------------------*/
.map_img{
float: left;
width: 260px; 
margin-left: 60px;
}
.map_link{
float: left;
width: 582px; 
height: 232px;
margin-left: 100px;
_margin-left: 50px;/*for IE*/
background:url(../images/index/bg_prefectures.jpg) no-repeat 0px 0px;
}
.map_link_left{
float: left;
width: 100px; 
height: 232px;
margin: 20px 0 0 40px;
_margin-left: 20px;/*for IE*/
font-weight: bold;
font-size: 15px;
	line-height: 1.6;
}
.map_link_right{
float: left;
width: 400px; 
height: 232px;
margin: 20px 0 0 40px;
	line-height: 1.9;
}
.region1 {color:#cc33cc;}
.region2 {color:#33ccff;}
.region3 {color:#00a0d7;}
.region4 {color:#9966ff;}
.region5 {color:#99cc33;}
.region6 {color:#ffcc33;}
.region7 {color:#ff9832;}
.region8 {color:#ff6632;}
.map_link_right span{color:#AAA;}
/*------------------------------------------------------------------------
	sub_knowledge
---------------------------------------------------------------------------*/
div.knowledge1 {
	float: left;
	width: 1030px;
	padding: 0 10px 10px 15px;
	margin: 0 0 10px 0;
}
div.knowledgeArticle1 {
	float: left;
	width: 900px;
	margin: 0 0 0 20px;
}
div.knowledgeArticle1 h3 {
	margin: 0 0 5px 0;
}
p.knowledgeImg1 {
	float: left;
	width: 83px;
	height: 74px;
	margin: 5px 0 0 0;
}

.knowledgeArticle1 a {
	font-size:14px;
}

/* =============================================================================
	@@. Clearfix
==============================================================================*/
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* =============================================================================
	MRD(1/26丸山追記)
==============================================================================*/
#mrd_txt {
	text-align:right;
	margin-top:5px;
	font-weight:bold;
}

#mrd_txt a {
	color:red;
}

#index_info {
	color:red;
	font-weight:bold;
}

/* =============================================================================
	GoogleAD＆モバイル紹介(7/27丸山追記)
==============================================================================*/
#google_ad {
	width:728px;
	height:90px;
	float:left;
}

#mobile {
	width:280px;
	height:80px;
	border:dashed 1px #999999;
	margin-left:20px;
	padding:5px;
	float:left;
}

.corner_explain_txt {
	margin:0 10px 20px 10px;
	color:#555555;
}