@charset "UTF-8";
body {
    font-family:'Lucida Grande', Meiryo, メイリオ, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; 
	background-color: #FFFFCC;
	background-image:url(../img/all/back.jpg);
	background-position:center;
	background-position:top;}

h1 {color:#343434; font-size:14px; margin:0; padding:0px;}

h2 {font-weight:normal; color:#343434; font-size:12px; margin:0; padding:0px;}

#header h1{float:left; display: inline; color:#FFFFFF; margin: 3px 0 0 4px ; font-size:10px;}

#contents2 h1 {font-size:14px; margin:0; padding:0 0 8px 0; margin-left:5px;}

#contents2 h2 {font-weight:normal; font-size:12px; margin:0; padding:0; margin-left:7px; line-height:16px;}

#contents2 h3 {font-weight:normal; font-size:14px; color:#FF6600; margin:0; padding:0; margin-left:5px;}  

#recentworks h3 {
font-weight:normal;
font-size:12px;
line-height:15px;
color:#333333;
margin:0;
padding:0 0 0 5px;}

#products2 h2 {
font-weight:normal;
font-size:12px;
margin:0;
padding:0;
margin-left:7px;
line-height:14px;}

#products2 h3 {
font-weight:normal;
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;}

.areabtntext h1 {
font-size:50px;
color:#3C1D10;
margin:10px 0 0 20px;
padding:0px;
font-weight:bold;}

.areabtntext h2 {
font-weight:normal;
font-size:13px;
color:#232323;
margin:0px;
padding:0px;
display:block;}

.ques h3 {margin:0; padding:0 0 0 50px; font-size:50px;}


img {
border-top-width:0;
border-left-width:0;
border-right-width:0;
border-bottom-width:0;}

p {
margin:0 ;
padding:0 ;}

a:link      { color : #663300;}
a:active    { color : #663300;}
a:visited   { color : #663300;}
a:hover     { color : #010101;}

.smaller {
font-size:9px;
color:#666666;}

.smallerlittle {
font-size:11px;
color:#232323;}

.bigger {
font-size:17px;
color:#990000;}
.biggerari {
font-size:17px; color:#111; line-height:24px;}

.clear {clear:left;}

.red { color:#CC3300;}
.red1 { font-size:15px; line-height:17px; color:#FF0000; font-weight:bold;}
.red3 { font-size:14px; line-height:17px; color:#FF0000; font-weight:bold;}
.cha {color:#663300;}

.menuiro {color:#481508;font-weight:bold;}

.floatright {float:right;}
.floatleft {float:left;}
.floatleft-i {float:left; margin:0; padding:0;}
.floatleft1 {float:left; margin:0 5px 0 0; padding:0;}
.picsleft {float:left; margin:0 8px 8px 0;}
.padd5 {margin:0 0 0 5px;}
.padd8 {margin:0 0 0 8px;}
.padd88 {margin:0 4px 10px 4px;}
.padding8 {margin:8px 8px 8px 0;}
.padding10 {margin:10px 0 10px 0;}

.otoiawasee {
position:absolute;
top:5px;
left:610px;}

.genchie {
position:absolute;
top:90px;
left:460px;}

.plane {
position:absolute;
top:300px;
left:520px;}

.kojie {
position:absolute;
top:620px;
left:610px;}

.saigoe {
position:absolute;
top:900px;
left:20px;}


/* 基本部分 */

#container {
	width: 950px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background-color:#FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */}

#header {
	position:relative;
	width:950px;
	height:160px;
	margin:0 auto 10px auto;
	padding: 0 0 0 0;
	background-image:url(../img/all/header.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;}
	
.header-navi{
	float:right;
	display: inline;
	padding: 100px 0px 0px 0;
	width:200px;
	height:40px;}

.header-navi img{
margin:2px;}

#navi {
margin:0;
padding:0;
	width:950px;
	height:30px;
	background-color:#FFFFFF;}

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

.menu1 {
width:530px;
height:24px;
background-image:url(../img/all/nuno1.jpg);
margin:8px 0 5px 0;
padding:6px 0 0 16px;}

.menu2 {
width:344px;
height:24px;
background-image:url(../img/all/nuno2.jpg);
margin:8px 0 5px 0;
padding:6px 0 0 16px;}

.menulong {
width:890px;
height:33px;
background-image:url(../img/all/nuno1.jpg);
margin:25px 0 5px 0;
padding:0px 0 0 16px;}

.menulong h1 {margin:0; padding:0;}

.area1 {
width:504px;
height:auto;
margin:13px 5px 15px 5px;
padding:15px 15px 20px 15px;
background-color:#FFFFFF;
border:1px solid #ABABAB;}

.area2 {
width:320px;
height:auto;
margin:13px 5px 15px 5px;
padding:15px 15px 20px 15px;
background-color:#FFFFFF;
border:1px solid #ABABAB;}


/* トップページ */

.areabtn {
width:348px;
height:57px;
margin:3px 0px 2px 5px;
padding:0px;
border:1px solid #ABABAB;
text-decoration:none;}

.areabtn:hover {
width:346px;
height:55px;
margin:2px -2px 1px 3px;
padding:0px;
border:3px solid #232323;}

.areabtn-voice {
width:348px;
height:30px;
margin:3px 0px 2px 5px;
padding:15px 0 0 0;
border:1px solid #ABABAB;}

.areabtn-voice:hover {
width:346px;
height:30px;
margin:2px -2px 1px 3px;
padding:15px 0 0 0;
border:3px solid #232323;}


.areabtnpic {
width:75px;
height:45px;
margin:0;
padding:5px 0 5px 5px;
float:left;}

.areabtntext {
width:265px;
height:45px;
margin:0;
padding:4px 0 0 0;
float:left;}

.areabtnbig {
width:536px;
height:186px;
margin:3px 0px 2px 5px;
padding:0px;
border:1px solid #ABABAB;}

.areabtnbigpic {
width:536px;
height:auto;
margin:3px 0px 2px 5px;
padding:0 0 10px 0;
border:1px solid #ABABAB;}

.areabtnbigpic:hover {
width:536px;
height:auto;
margin:2px -2px 1px 3px;
padding:0 0 10px 0;
border:3px solid #232323;}

.areabtnbigpic h1 {
font-size:14px;
margin:0;
padding:0 0 2px 0;
margin-left:5px;
color:#3C1D10;}

.areabtnbigpic h2 {
font-size:12px;
margin:0;
padding:0;
margin-left:7px;
line-height:14px;}

.areabtnbig:hover {
width:534px;
height:184px;
margin:2px -2px 1px 3px;
padding:0px;
border:3px solid #232323;}

.picareabtnbig {
margin:0;
padding:8px 0 8px 8px;}

.btnbigbox1 {
width:534px;
height:auto;}

.btnbigbox2 {
width:365px;
height:35px;
margin:0 0 0 8px;
padding:8px;
float:left;
background-color:#F1F1F1;}

.btnbigbox3 {
width:115px;
height:42px;
margin:0 0 0 8px;
padding:8px 8px 1px 8px;
float:left;
background-color:#F1F1F1;}

.areabtncustomer {
width:536px;
height:91px;
margin:3px 0px 2px 5px;
padding:0;
border:1px solid #ABABAB;}

.areabtncustomer:hover {
width:534px;
height:89px;
margin:2px -2px 1px 3px;
padding:0px;
border:3px solid #232323;}

.btncustomerbox1 {
width:97px;
height:89px;
float:left;}

.btncustomerbox2 {
width:432px;
height:89px;
margin:0px;
padding:8px 5px 0 0;
float:left;}

.ansin1 {
width:510px;
height:30px;
margin:7px 0px 2px 12px;
padding:0;}

.ansin {
width:510px;
height:30px;
margin:0px 0px 2px 12px;
padding:0;}

.ansin1 h2 {
font-size:13px;
color:#3C1D10;
margin:0;
padding:4px 0 0 0;}

.ansin h2 {
font-size:13px;
color:#3C1D10;
margin:0;
padding:4px 0 0 0;}

.oshirase {
width:510px;
height:auto;
margin:8px 0px 2px 12px;
padding:0;}

.tententen {
width:348px;
height:auto;
border:thin dotted;
margin:0 0 0 2px;
padding:5px 2px 5px 2px;}

.areabtnslide {
width:536px;
height:68px;
margin:3px 0px 2px 5px;
padding:0;
border:1px solid #ABABAB;}

.areabtnslide:hover {
width:534px;
height:66px;
margin:2px -2px 1px 3px;
padding:0px;
border:3px solid #232323;}

.btnslidebox1 {
width:118px;
height:66px;
float:left;}

.btnslidebox2 {
width:410px;
height:55px;
margin:0px;
padding:12px 5px 0 0;
float:left;}

#boxslide {
width:918px;
height:auto;
margin:0 0 0 17px;
padding:0;}

#slider1 {
width: 918px;
height:200px;
}

/* ページャー部分 */
.bx-pager{
text-align: center;
position: absolute;
top: 90%;
right:5px;
}

.bx-pager a
{
    margin-right: 10px;
    border: 1px solid #dddddd;
    padding: 3px 5px;
    color: #333333;
    text-decoration: none;
	font-size:11px;
}
.bx-pager a.pager-active
{
    color: #ffffff;
    background-color: #333;
}
 
/* 前へ、次へのボタン */
 
.bx-prev,.bx-next
{position: absolute;
    font-size: 15px;
    text-decoration: none !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #333333;}
	
.bx-prev
{left: 10px;
    top: 40%;}
	
.bx-next
{right: 10px;
    top: 40%;}

#contents1 {
margin:0px 0 15px 17px;
	width:558px;
	height:auto;
	float: left;}

#contents2 {
	width:365px;
	height:auto;
	background-color:#FFFFFF;
	float: left;
	margin:0 0 15px 0;}

#contents2 img {
padding: 0 0 0 0px;
	margin-top:3px;}


#recentworks {
padding:0 4px 5px 0;
margin:0 0 4px 0;
width:545px;
height:auto;}

#recentworks img {
margin:0;
padding:5px 5px 5px 0;}

.padbottom5 {
padding:0 0 5px 0;}

.intro {
padding:0 5px 4px 0;}



/* よくある質問

.accordion2 h2 {
font-weight:normal;
font-size:13px;
color:#5E341C;
margin:0px;
padding:8px 5px 8px 18px;
overflow:hidden;}


 */



/* 商品ページ */


#products1 {
    margin: 0 0 0 13px;
	width:374px;
	height:auto;
	background-color:#FFFFFF;
	float: left;
}

#products1 img {
    padding: 0 0 12px 5px;
	margin-top:3px;}

#products2 {
	width:530px;
	height:auto;
	background-color:#FFFFFF;
	float: left;}

#products2 img {
    padding: 0 0 0 0px;
	margin-top:3px;}


.p1 {
width:530px;
height:165px;}

.p2 {
width:530px;
height:165px;}

.p3 {
width:530px;
height:165px;}

.p4{
width:530px;
height:165px;}

.p5 {
width:530px;
height:165px;}

.p6 {
width:530px;
height:165px;}

.p7 {
width:530px;
height:165px;}

.p8 {
width:530px;
height:165px;}

.p9{
width:530px;
height:165px;}

.p10 {
width:530px;
height:165px;}

.p11 {
width:530px;
height:165px;}

.p12 {
width:530px;
height:165px;}



/* ピクチャーギャラリ */

#picg {
margin:0 auto;
width:904px;
height:auto;
}


#picg h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;
}

#picg h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;
}

#picg h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
}

.paddingpicg {
padding:10px 0;}

.slidebtn {
width:197px;
height:41px;
background-image:url(../img/pictures/slidebtn.png);
margin:10px 0 0 0;
}

.slidebtn:a {
width:197px;
height:41px;
background-image:url(../img/pictures/slidebtn_hover.png);
margin:10px 0 0 0;
}

.slidebtn h4 {
font-size:13px;
color:#FFFFFF;
margin:0;
padding:0;
margin-left:36px;
padding-top:9px;
}




/* 商品紹介
product~は productに統一していく */



#product {
margin:0 auto;
width:904px;
height:auto;
}


#product h1 {
font-size:15px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;
}

#product h2 {
font-size:13px;
line-height:16px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;
}

#product h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
}



#product-planning {
margin:0 auto;
width:904px;
height:auto;
position:relative;
}

#product-planning h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;
}

#product-planning h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;
}

#product-planning h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;}

#product-garage {
margin:0 auto;
width:904px;
height:auto;}

#product-garage h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;}

#product-garage h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;}

#product-garage h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;}

#product-lighting {
margin:0 auto;
width:904px;
height:auto;}

#product-lighting h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;}

#product-lighting h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;
}

#product-lighting h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
}



#product-wooddeck {
margin:0 auto;
width:904px;
height:auto;
}

#product-wooddeck h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;
}

#product-wooddeck h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;
}

#product-wooddeck h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
}


.woods {
float:left;
margin:0;
padding:0;
width:530px;
height:auto;
}

.morewoods {
float:right;
width:370px;
height:auto;
padding-bottom:12px;
}

.floatpicright {
float:right;
padding:0 0 0 10px;
}



#product-fence {
margin:0 auto;
width:904px;
height:auto;}

#product-fence h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;}

#product-fence h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;}

#product-fence h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;}


#product-balcony {
margin:0 auto;
width:904px;
height:auto;}

#product-balcony h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;}

#product-balcony h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;}

#product-balcony h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;}


#product-awning {
margin:0 auto;
width:904px;
height:auto;}

#product-awning h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;}

#product-awning h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;}

#product-awning h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;}


#product-designconcrete {
margin:0 auto;
width:904px;
height:auto;
}

#product-designconcrete h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;
}

#product-designconcrete h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;
}

#product-designconcrete h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
}

#product-sentei {
margin:0 auto;
padding-bottom:12px;
width:904px;
height:auto;
}

#product-sentei h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;
}

#product-sentei h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;
}

#product-sentei h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
}

#product-paint {
margin:0 auto;
padding-bottom:12px;
width:904px;
height:auto;
}

#product-paint  h1 {
font-size:13px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
font-weight:bold;
}

#product-paint  h2 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:5px;
}

#product-paint  h3 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
margin-left:0px;
padding-top:10px;
}

#product-paint  h4 {
font-size:16px;
color:#FF6600;
margin:0;
padding:0;
}


#product-paint  h5 {
font-size:12px;
color:#343434;
margin:0;
padding:0;
margin-left:0px;
padding-top:0px;
}


table#table-color {
    width: 900px;
    border: 1px #bcbcbc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:10px 0 15px 5px;
}

table#table-color td {
    padding: 5px 5px 5px 15px;
    border: 1px #bcbcbc solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	font-size:12px;
	line-height: 120%;
}


.anshin {
margin:0;
padding:12px 0 12px 0;
width:904px;
height:auto;
}

.anshin1 {
margin:0;
padding:0;
width:900px;
height:80px;
}

.anshin2 {
margin:0;
padding:0;
width:900px;
height:80px;
}

.anshin3 {
margin:0;
padding:0;
width:900px;
height:62px;
}

.picsleft-anshin {
    float:left;
	margin:0;
	}
	
.picsleft-check {
    float:left;
	margin:0 12px 0 0;
	}

.paintcheck {
margin:0px 0 0 0;
width:900px;
height:95px;
}


/* ++++ */


#item {
margin:0;
padding:0;
width:950px;
height:auto;
}

#works {
margin:0;
padding:0;
width:950px;
height:auto;
}

#works img {
margin:6px;
padding:0;
}

#work- {
margin:0;
padding:0;
width:950px;
height:auto;
}

#work- img {
margin:0px;
padding:0;
}

#post img {
margin:0;
padding:0 0 10px 5px;
}

#post h3 {
margin:0;
padding:15px;
font-size:11px;
color:#121212;
}


/* お客様の声 */

#voice {
width:950px;
height:auto;
}

#voice h3 {
font-size:11px;
color:#232323;
}

.padding10 {
margin:0;
padding:10px 0 5px 10px;
}

.padding101 {
margin:0;
padding:10px 0 2px 10px;
}

.customergood {
width:950px;
height:auto;
padding:0 0 15px 0;}

.customergood h2 {
margin:0;
padding:0 10px 0 15px;
font-size:13px;
color:#121212;}

.voicetext {
clear:both;
width:920px;
height:auto;
margin:0;
padding:6px 0 0 0;}


.customerhyoka {
width:950px;
height:auto;
background-color:#FFFFFF;
}

.boxhyoka {
width:295px;
height:200px;
background-color:#FFFFFF;
float:left;
padding:0 0 0 17px;
}

.boxhyoka1 {
width:275px;
height:200px;
background-color:#FFFFFF;
float:left;
padding:0 0 0 17px;
}

.boxhyokalong {
width:530px;
height:183px;
background-color:#FFFFFF;
float:left;
padding:0 0 0 17px;
}

boxhyoka200 {
width:295px;
height:210px;
background-color:#FFFFFF;
float:left;
padding:0;
}



.starhyoka {
margin:0;
width:225px;
height:80px;
background-color:#FFFFFF;
float:left;
padding:8px 0 0 12px;
font-size:12px;
}

.starhyoka h2 {
margin:0;
padding:0 0 0 15px;
font-size:13px;
color:#121212;
}

.starhyoka h3 {
margin:0;
font-size:12px;
line-height:25px;
color:#232323;
padding:2px 0 0 16px;
}


.spaceleft {
padding:0 12px 7px 0 ;
}

.spacestar {
margin:0;
padding:5px 0 0 0;}




/* 会社概要 */


table#table-1 {
    width: 534px;
    border-collapse:collapse;
    border-spacing: 0;
	margin:15px 0 20px 5px;
}

table#table-1 td {
    padding: 5px 5px 5px 15px;
	border-bottom:1px dotted #ABABAB;
    border-width: 0 0 1px 0px;
    text-align: left;
	font-size:12px;
	line-height: 210%;
}



/* form */


#form {
width:900px;
height:auto;
}

#form h3 {
margin:0;
font-size:11px;
color:#333333;
padding:0 0 0 15px;
}

.space1 {
padding:10px 0 ;
}

table#table-form {
    width: 860px;
    border: 0px #bcbcbc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:0 0 12px 35px;
}

table#table-form td {
    padding: 20px 0 0 0;
    border: 0px #bcbcbc solid;
    text-align: left;
	font-size:12px;
	line-height:15px;
	color:#121212;
}

table#table-form2 {
    width: 860px;
    border: 0px #bcbcbc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin:0 0 12px 35px;
}

table#table-form2 td {
    padding: 2px;
    border: 0px #bcbcbc solid;
    text-align: left;
	font-size:12px;
	line-height: 15px;
	color:#121212;
}



/* footer */


#footer1 {
background-image:url(../img/all/footer1.jpg);
	width:950px;
	height:95px;
	margin:0 0 0 0;
	clear: left;
	}

#footer2 {
background-image:url(../img/all/footer2.jpg);
	width:950px;
	height:60px;
	margin:0;
	background-color:#3a2214;
	}
	
#footer1 h5 {
text-align:left;
margin:0;
	padding: 20px 0 0 20px;
	font-size:11px;
	color:#FFFFFF;
	}

#footer2 h5 {
text-align:left;
margin:0;
	padding: 17px 0 0 20px;
	font-size:10px;
	color:#CCCCCC;
	line-height:120%;
	}

#footer2 a:link      { color : #FFFFFF;
text-decoration:none;}
#footer2 a:active    { color : #FFFFFF;
text-decoration:none;}
#footer2 a:visited   { color : #FFFFFF;
text-decoration:none;}
#footer2 a:hover     { color : #FFFFFF;
background-color:#663300;}



/*.underconstructionposition {
margin:0;
padding:0 0 10px 16px;
}*/