@charset "utf-8";

*{
margin:0;
padding:0;
}

html{
overflow-y:scroll;
}

body{
text-align:center;
font-size:62.5%;
letter-spacing:0.1em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#333333;
background-color:#ffffff;
}

a:link    {color:#0066ff;}
a:visited {color:#0066ff;}
a:hover   {color:#ff0000;}
a:active  {color:#ff0000;}
a:focus   {outline:none;}

img{
border:0;
vertical-align:bottom;
}

p{margin-bottom:1em;}

.clear{clear:both;}

/*------------------------------------------------------------------------------base*/
div#wrapper
{
text-align:left;
width:950px;
height:auto;
margin:0 auto;
font-size:1.4em;
line-height:1.4em;
}

div#header{
width:950px;
height:90px;
}

div#headerL{
width:240px;
height:90px;
float:left;
}

div#headerL img{
margin:16px 0;
}

div#headerR{
width:710px;
height:90px;
float:right;
text-align:right;
}

div#headerR h1{
font-size:12px;
line-height:100%;
font-weight:normal;
margin:5px 0 7px 0;
}

#nav{
clear:both;
width:950px;
height:280px;
margin-bottom:15px;
}

#nav ul{
width:950px;
height:40px;
}

#nav ul li{
list-style:none;
float:left;
}

#nav ul li span{
display:none;
}

#nav ul li.menu1{
width:190px;
height:40px;
background-image:url(../images/common/menu1_off.jpg);
background-repeat:no-repeat;
}

#nav ul li.menu1 a{
display:block;
width:190px;
height:40px;
}

#nav ul li.menu1 a:hover{
width:190px;
height:40px;
background-image:url(../images/common/menu1_on.jpg);
background-repeat:no-repeat;
}

#nav ul li.menu2{
width:190px;
height:40px;
background-image:url(../images/common/menu2_off.jpg);
background-repeat:no-repeat;
}

#nav ul li.menu2 a{
display:block;
width:190px;
height:40px;
}

#nav ul li.menu2 a:hover{
width:190px;
height:40px;
background-image:url(../images/common/menu2_on.jpg);
background-repeat:no-repeat;
}

#nav ul li.menu3{
width:190px;
height:40px;
background-image:url(../images/common/menu3_off.jpg);
background-repeat:no-repeat;
}

#nav ul li.menu3 a{
display:block;
width:190px;
height:40px;
}

#nav ul li.menu3 a:hover{
width:190px;
height:40px;
background-image:url(../images/common/menu3_on.jpg);
background-repeat:no-repeat;
}

#nav ul li.menu4{
width:190px;
height:40px;
background-image:url(../images/common/menu4_off.jpg);
background-repeat:no-repeat;
}

#nav ul li.menu4 a{
display:block;
width:190px;
height:40px;
}

#nav ul li.menu4 a:hover{
width:190px;
height:40px;
background-image:url(../images/common/menu4_on.jpg);
background-repeat:no-repeat;
}

#nav ul li.menu5{
width:189px;
height:40px;
background-image:url(../images/common/menu5_off.jpg);
background-repeat:no-repeat;
}

#nav ul li.menu5 a{
display:block;
width:189px;
height:40px;
}

#nav ul li.menu5 a:hover{
width:189px;
height:40px;
background-image:url(../images/common/menu5_on.jpg);
background-repeat:no-repeat;
}

ol#topicPath{
clear:both;
margin:0 0 15px 0;
}

ol#topicPath li{
list-style-type:none;
display:inline;
background-image:url(../images/common/arrow.gif);
background-repeat:no-repeat;
background-position:left center;
padding:0 2px 0 10px;
font-size:12px;
line-height:100%;
letter-spacing:1px;
}

ol#topicPath li.firstChild{
background-image:none;
margin-left:-10px;
}

div#pageBody{
clear:both;
width:950px;
height:auto;
margin-bottom:20px;
overflow:hidden;
}

ul#footerBanner{
width:950px;
height:auto;
list-style:none;
margin-bottom:15px;
overflow:hidden;
clear:both;
}

ul#footerBanner li{
float:left;
margin:0 10px 0 0;
}

ul#footerBanner li.end{
margin-right:0;
}

div#footer{
clear:both;
width:950px;
height:auto;
background-image:url(../images/common/dot_line.gif);
background-repeat:repeat-x;
background-position:left top;
overflow:hidden;
padding:15px 0 10px 0;
}

div#footerL{
width:750px;
height:auto;
float:left;
font-size:12px;
line-height:20px;
letter-spacing:1px;
}

div#footerL p{
margin-bottom:7px;
}

div#footerL p.name{
font-size:14px;
margin-bottom:3px;
}

div#footerR{
width:200px;
height:auto;
float:right;
text-align:right;
font-size:12px;
line-height:20px;
}

div#footerR li{
list-style:none;
letter-spacing:1px;
}

div#footerR li a{
color:#333333;
text-decoration:underline;
}

div#footerR li a:hover{
color:#ff0000;
text-decoration:underline;
}

.mb12{
margin-bottom:12px;
}

div#wrapper address{
background-image:url(../images/common/dot_line.gif);
background-repeat:repeat-x;
background-position:left top;
text-align:center;
clear:both;
padding:10px 0 20px 0;
font-style:normal;
font-size:12px;
line-height:100%;
}

h2{
margin-bottom:10px;
}

/*-------------------------------------------------------------------------------------home-*/
.homeTxt{
margin-bottom:15px;
}

div#segmentOut{
width:950px;
height:auto;
background-image:url(../images/home/segment_bg.gif);
background-repeat:repeat-y;
overflow:hidden;
margin-bottom:10px;
}

div#segmentIn{
width:950px;
height:auto;
background-image:url(../images/home/segment_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
overflow:hidden;
}

div#segmentIn dl{
width:174px;
height:auto;
float:left;
margin-right:20px;
}

div#segmentIn dl.end{
margin-right:0;
}

div#segmentIn dd{
padding:7px 12px;
}

div#segmentIn dd ul{
margin-bottom:20px;
}

div#segmentIn dd li{
list-style:none;
background-image:url(../images/home/fukidashi.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:22px;
margin-bottom:10px;
font-size:12px;
line-height:13px;
}

div#productList{
clear:both;
width:950px;
height:auto;
background-image:url(../images/home/vertical_dot_line.gif);
background-repeat:repeat-y;
margin-bottom:15px;
overflow:hidden;
}

div#productList dl{
width:174px;
height:auto;
float:left;
margin-right:20px;
}

div#productList dl.end{
margin-right:0;
}

div#productList dl p{
font-size:12px;
line-height:14px;
margin-bottom:4px;
}

div#productList dt{
width:88px;
float:left;
margin:0 5px 5px 0;
}

div#productList dd{
width:81px;
float:right;
margin-bottom:5px;
text-align:right;
}

div#productList dt img{
padding:3px;
border:1px solid #E1E1E1;
}

div#productList dd p.detail{
width:56px;
height:20px;
background-image:url(../images/home/detail_off.gif);
background-repeat:no-repeat;
margin:0 0 0 25px;
}

div#productList dd p.detail a{
display:block;
width:56px;
height:20px;
}

div#productList dd p.detail a:hover{
width:56px;
height:20px;
background-image:url(../images/home/detail_on.gif);
background-repeat:no-repeat;
}

div#productList dd p.detail span{
display:none;
}

div#news{
clear:both;
width:950px;
height:auto;
}

div#newsL{
width:745px;
height:auto;
float:left;
margin-right:20px;
}

div#newsR{
width:185px;
height:auto;
float:right;
}

div#newsR p{
margin-bottom:10px;
}

div#newsR p.end{
margin-bottom:0;
}

div#newsList{
width:735px;
height:188px;
padding-right:10px;
overflow:auto;
}

div#newsList tr{
width:735px;
height:auto;
background-image:url(../images/common/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
}

div#newsList th{
width:65px;
text-align:left;
vertical-align:top;
font-weight:normal;
padding:5px 25px 5px 0;
}

div#newsList th span{
background-image:url(../images/home/icon.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:13px;
}

div#newsList td{
width:645px;
text-align:left;
vertical-align:top;
padding:5px 0 5px 0;
}

/*-------------------------------------------------------------------------通常ページ用-*/
h2.title{
background-image:url(../images/common/title_bg.jpg);
background-repeat:no-repeat;
width:950px;
height:34px;
line-height:34px;
text-indent:20px;
font-size:16px;
letter-spacing:1px;
color:#555555;
margin-bottom:20px;
}

div.box h3{
font-size:16px;
line-height:100%;
letter-spacing:1px;
color:#5fafff;
border-left:3px solid #5fafff;
padding:2px 0 1px 4px;
margin-bottom:10px;
}

div.box{
clear:both;
width:950px;
height:auto;
margin-bottom:20px;
padding-bottom:20px;
background-image:url(../images/common/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
overflow:hidden;
}

div.boxL{
width:615px;
height:auto;
margin-right:25px;
float:left;
}

div.boxR{
width:310px;
height:auto;
float:right;
clear:right;
}

div.boxR img{
padding:4px;
border:1px solid #E1E1E1;
margin-bottom:5px;
}

div.boxR img.noframe{
padding:0px;
border:none;
margin-bottom:5px;
}

div.boxR p.caption{
font-size:12px;
line-height:16px;
margin-bottom:0;
}

table.table{
width:949px;
height:auto;
border-right:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
margin-bottom:20px;
}

table.table th{
width:200px;
background-color:#f5f5f5;
padding:5px 10px;
border-top:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
font-weight:normal;
text-align:left;
vertical-align:top;
}

table.table td{
border-top:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
padding:5px 10px;
border-bottom:1px solid #ffffff;
text-align:left;
vertical-align:top;
}

/*-------------------------------------------------------------------商品ページ用-*/
.productListLink{
clear:both;
text-align:center;
margin-bottom:5px;
}

ul.images{
width:950px;
height:auto;
margin-bottom:20px;
padding-bottom:20px;
background-image:url(../images/common/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
overflow:hidden;
}

ul.images li{
list-style:none;
width:200px;
height:auto;
margin-right:9px;
float:left;
}

ul.images li.start{
width:310px;
}

ul.images li img{
padding:4px;
border:1px solid #E1E1E1;
margin-bottom:5px;
}

ul.images li img.noframe{
padding:0px;
border:none;
margin-bottom:15px;
}

ul.images li p.caption{
font-size:12px;
line-height:16px;
margin-bottom:0;
}

/*----------------------------------------------------------------施工例ページ用-*/
.category{
font-size:16px;
line-height:100%;
letter-spacing:1px;
color:#5fafff;
border-left:3px solid #5fafff;
padding:2px 0 1px 4px;
margin-bottom:10px;
}

ul.results{
clear:both;
width:950px;
height:auto;
list-style:none;
margin-bottom:20px;
padding-bottom:20px;
background-image:url(../images/common/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
overflow:hidden;
}

ul.results li{
width:230px;
float:left;
margin:0 10px 10px 0;
}

ul.results li.end{
margin:0 0 10px 0;
}

ul.results li img{
padding:4px;
border:1px solid #E1E1E1;
margin-bottom:5px;
}

ul.results li p.resultTitle{
font-size:12px;
line-height:100%;
margin:0 0 3px 5px;
}

ul.results li p.resultDate{
font-size:12px;
line-height:100%;
margin:0 0 0 5px;
}

div.beforeAfter{
width:950px;
height:auto;
margin-bottom:20px;
overflow:hidden;
}

div.beforeAfterL{
width:470px;
height:auto;
margin-right:10px;
float:left;
}

div.beforeAfterR{
width:470px;
height:auto;
float:right;
}

div.beforeAfter h3{
font-size:16px;
line-height:100%;
letter-spacing:1px;
color:#5fafff;
border-left:3px solid #5fafff;
padding:2px 0 1px 4px;
margin-bottom:10px;
}

div.beforeAfter img{
padding:4px;
border:1px solid #E1E1E1;
margin-bottom:5px;
}

/*--------------------------------------------------------お問い合わせページ用-*/
table#contact{
font-size:12px;
line-height:15px;
width:950px;
height:auto;
}

table#contact th{
width:250px;
background-color:#5fafff;
padding:7px 15px;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
font-weight:normal;
color:#ffffff;
text-align:left;
vertical-align:middle;
}

table#contact td{
background-color:#EEF7FF;
padding:7px 15px;
border-bottom:1px solid #ffffff;
}

#privacy{
font-size:12px;
line-height:15px;
padding:12px 12px 7px 12px;
background-color:#f5f5f5;
border:1px solid #ebebeb;
margin-bottom:15px;
}

#privacy p{
color:#ff0000;
margin-bottom:7px;
}

#privacy ul{
margin-left:15px;
}

#privacy li{
margin-bottom:5px;
}

#submit{
padding-bottom:10px;
text-align:center;
}

.pt{
padding-top:5px;
margin:0;
}

.inputSize{
width:630px;
}

/*------------------------------------------------------------------------------*/