@import "DropDownMenu.css";
@import "lower_layer.css";
@charset "utf-8";

body {
   margin:0.1px;
   padding:0px;
   font-family: Arial, Helvetica, Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
   line-height: 1.5em;

	 text-align:center;
		background-image:url(../img/back01.gif);
		background-repeat:repeat-x;
}

html, h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
				font-weight:normal;
				font-size: 62.5%;
}

table {font-size: 100%;}

p { margin:0 0 1em 0; }

ul,li { 
list-style-type:none;
margin:0px;padding:0px;
}

a img { border:0; }

a:link{
color:#0033CC;
text-decoration:none;
}
a:hover{
color:#0033CC;
text-decoration:underline!important;
}
a:visited{
color:#0033CC;
text-decoration:none;
}
a:active{
color:#0033CCs;
text-decoration:none;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*header*/
#header{
width:852px;
height:88px;
position: relative;
margin:auto;
}

#header h1{
font-size:1.2em;
position:absolute;
padding:0px;
margin:0px;
top:18px;
left:129px;
}

#header .logo{
position:absolute;
top:10px;
left:20px;
}

#header .name{
position:absolute;
bottom:16px;
left:129px;
}

#header .inquiry{
position:absolute;
top:22px;
right:30px;
}

#header .mail{
position:absolute;
top:44px;
right:30px;
}

/*contents*/
#contents_wrap{
width:852px;
height:auto;
text-align:center;
background-image:url(../img/back04.jpg);
margin:auto;
overflow:hidden;
}

#contents_area{
width:800px;
height:auto;
margin:auto;
text-align:left;
}

#contents_area_top{
width:815px;
height:auto;
margin:auto;
text-align:left;
}

/*menu*/
#menu{
width:auto;
height:auto;
margin-bottom:10px;
margin:12px auto 0 auto;
background-image:url(../img/back02.gif);
background-position:bottom;
background-repeat:repeat-x;
}

#menu_area{
width:852px;
height:59px;
margin-bottom:10px;
margin:12px auto 0 auto;
background-image:url(../img/back03.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding-left:40px;
position:relative;
z-index:2;
}

#menu li{
margin:0px;
padding:0 1px 0 0;
float:left;
width:134px;
}

#contents_area01{
width:auto;
height:100%;
background-image:url(../img/back05.gif);
background-repeat:repeat-y;
position:relative;
margin:20px 0 0 0;
overflow:hidden;
padding-bottom:70px;
}

.l_bottom{
position:absolute;
bottom:0px;
left:0px;
}


/*flash*/
#flash{
width:796px;
height:196px;
border:1px solid #666;
padding:1px;
margin:15px 0 0 0;
z-index:1;
}

.title_img{
	width:796px;
	padding:1px;
	margin:15px 0 0 0;
	z-index:1;
}



/*left*/
#left{
width:202px;
text-align:center;
float:left;
margin:0px;
color:#666;
}

.left_in{
background-image:url(../img/l_back.gif);
background-color:#F9F8F2;
}

#left ul{
padding:10px 10px 4px 10px;
margin:0px;
text-align:left;
background-image:url(../img/l_line01.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#left li{
margin:0px;
list-style:none;
}

.l_li01{
padding:0 0 0 20px ;
background-image:url(../img/ar.gif);
background-repeat:no-repeat;
font-size:1.2em;
font-weight:bold;
}

.l_li02{
padding:0 0 0 20px ;
font-size:1.2em;
color:#3A751E;
line-height:2em;
}

.l_li03{
font-size:1.2em;
padding:0px;
line-height:1.5em;
}

.l_title{
margin-top:18px;
}

.l_color{
background-color:#F9F8F2;
margin:auto;
width:198px;
}

.banner{
margin-top:15px;
}


/*right*/
#right_wrap{
width:582px;
float:right;
margin:0px;
}

.r_title{
margin:30px 0px 0px 0px;
}


/*top_page*/
.top_page{
margin-top:50px;
width:auto;
height:auto;
text-align:right;
}

/*footer*/

.line{
margin:10px 0 10px 0;
}

.footer_link{
width:auto;
margin:0 0 2px 0;
font-size:1.2em;
}

.footer_link li{
display:inline;
padding:0 2px 0 0;
}

.f_link_01{
background-image:url(../img/sd.jpg);
background-repeat:no-repeat;
padding:0 20px 0 15px!important;
font-weight:bold!important;
}

#footer{
width:852px;
text-align:right;
margin-top:15px;
background-image:url(../img/footer_bk.jpg);
color:#fff;
height:31px;
padding-top:2px 10px 0 0;
font-size:1.2em;
}

#footer p{
padding:2px 10px 0 0;
margin:0 0 0 0;
}

/*blog*/
#b_right_wrap{
width:592px;
float:right;
margin:0px;
}

#b_right_wrap{
width:590px;
float:right;
margin:0px;
}


/*ショールーム 詳細ページ*/
.show{
width:450px;
pading:0 0 20px 0;
height:auto;
}

.show_title{
margin:10px auto 10px auto;
}

.show_wrap{
width:380px;
margin:auto;
text-align:left;
}


.show_photo{
width:380px;
}

.show_thm{
width:380px;
overflow:hidden;
height:100%;
margin:0 auto 10px auto;
}

.show_thm img{
float:left;
}

.show_sub{
margin:25px 0 10px 0;
}

.show_text{
width:360px;
padding:10px;
margin:auto;
background-color:#ebebeb;
font-size:1.2em;
}

.show_btn01{
width:380px;
padding:10px;
margin:10px auto 10px auto;
text-align:center;
}