@charset "utf-8";
/* CSS Document */

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


                                 toppage stracture


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

#cont05 #mainContents{
width:910px;
float:none;
margin:10px auto;
text-align:center;
}

#cont05 #mainContents p{
font-size:20px;
font-weight:bold;
line-height:150%;
margin:200px 0;
}

#cont05 #mainCotents p a{
font-size:20px;
font-weight:bold;
}






#cont05Box #before{
margin:0 0 5px 20px;
}

#cont05Box #construct{
margin:0 0 5px 20px;
}

#cont05Box #before img,
#cont05Box #construct img{
display:block;
}

#cont05Box #sideBox {
padding-top:3px;
padding-left:6px;
}

*html #cont05Box #sideBox {
	padding-left:0;
}

#cont05Box #sideBox img#naviSerieslink{
margin:0 0 5px 20px;
}

/* 20110804 start */

#cont05Box #sideBox p#naviPrice{
width:232px;
height:45px;
display:block;
margin:0 0 5px 20px;
}

#cont05Box #sideBox p#naviPrice a{
width:232px;
height:45px;
display:block;
background:url(../img/cont02/cont02_price.jpg) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}
/* 20110804 end */


#cont05Box #sideBox p#naviConstruct{
width:230px;
height:165px;
display:block;
margin:0 0 0 20px;
}

#cont05Box #sideBox p#naviConstruct a{
width:230px;
height:165px;
display:block;
background:url(../img/cont05/cont05_const.jpg) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}


#cont05Box #sideBox p#naviPhilosophy{
width:230px;
height:165px;
display:block;
margin:5px 0 5px 20px;
}

#cont05Box #sideBox p#naviPhilosophy a{
width:230px;
height:165px;
display:block;
background:url(../img/cont05/cont05_philo.jpg) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#cont05Box #sideBox li#beforeNavi01{
width:230px;
height:30px;
display:block;
list-style-type:none;
list-style-position:outside;
}

#cont05Box #sideBox li#beforeNavi01 a{
width:230px;
height:30px;
display:block;
background:url(../img/cont05/cont05_before_01.jpg) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}




#cont05Box #sideBox li#constNavi01{
width:230px;
height:30px;
display:block;
list-style-type:none;
list-style-position:outside;
}

#cont05Box #sideBox li#constNavi01 a{
width:230px;
height:30px;
display:block;
background:url(../img/cont05/cont05_construct_01.jpg) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#cont05Box #sideBox li#constNavi02{
width:230px;
height:30px;
display:block;
list-style-type:none;
list-style-position:outside;
}

#cont05Box #sideBox li#constNavi02 a{
width:230px;
height:30px;
display:block;
background:url(../img/cont05/cont05_construct_02.jpg) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}






#cont05Box #sideBox p#catalogNavi{
width:230px;
height:53px;
display:block;
margin:15px 0 0 20px;
}

#cont05Box #sideBox p#catalogNavi a{
width:230px;
height:53px;
display:block;
background:url(../img/cont05/cont05_catalog.jpg) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}


#cont05Box #sideBox p#faqNavi{
width:230px;
height:53px;
display:block;
margin:15px 0 0 20px;
}

#cont05Box #sideBox p#faqNavi a{
width:230px;
height:53px;
display:block;
background:url(../img/cont05/cont05_faq.jpg) left top no-repeat;
text-indent:-9999px;
overflow:hidden;
}




#cont05Box #sideBox p#naviPrice a:hover,
#cont05Box #sideBox p#naviConstruct a:hover,
#cont05Box #sideBox p#naviPhilosophy a:hover,
#cont05Box #sideBox li#beforeNavi01 a:hover,
#cont05Box #sideBox li#beforeNavi02 a:hover,
#cont05Box #sideBox li#constNavi01 a:hover,
#cont05Box #sideBox li#constNavi02 a:hover,
#cont05Box #sideBox li#constNavi03 a:hover,
#cont05Box #sideBox p#catalogNavi a:hover,
#cont05Box #sideBox p#faqNavi a:hover{
background-position:bottom;
}





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


                            cont05/index.html


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

#cont05 #mainContents{
width:680px;
float:right;
margin:3px 0 10px 10px;
padding-right:10px;
display:inline;
}

#cont05 #mainContents h3{
margin:0 0 15px 0;
}


#cont05 #chapLeft{
width:250px;
float:left;
}

#cont05 #chapRight{
width:400px;
float:right;
padding-bottom:60px;
background:url(../img/cont04/back_image2.jpg) 280px bottom no-repeat;
}


#cont05 p#priceNavi{
width:232px;
height:45px;
display:block;
margin:5px 0 0 50px;
}

#cont05 p#priceNavi a{
width:232px;
height:45px;
display:block;
background:url(../img/cont05/cont05_price.jpg) left top no-repeat;
text-indent:-9999px;
}

#cont04 #chapLeft p#priceNavi a:hover{
background-position:bottom;
}

#cont04 #chapRight p{
font-size:105%;
line-height:200%;
margin:10px 30px 15px 0;
padding:0 0 0 50px;
background:url(../img/cont04/back_image.jpg) left top no-repeat;
}


#cont04 #chap2{
margin:15px 20px 15px 0;
}

#cont04 #chap2 dd{
width:330px;
margin:-60px 0 25px 280px;
font-size:105%;
line-height:150%;
}

#cont04 #chap2 dt.notMentNavi{

width:242px;
height:85px;
display:block;
}

#cont04 #chap2 dt.notMentNavi a{
width:242px;
height:85px;
display:block;
background:url(../img/cont04/cont04_catch2.jpg) left top no-repeat;
text-indent:-9999px;
}

#cont04 #chap2 dd.notMentNavi{
margin:-60px 0 25px 280px;
}


#cont04 #chap2 dt.longNavi{
width:271px;
height:89px;
display:block;
}

#cont04 #chap2 dt.longNavi a{
width:271px;
height:89px;
display:block;
background:url(../img/cont04/cont04_catch3.jpg) left top no-repeat;
text-indent:-9999px;
}

#cont04 #chap2 dd.longNavi{
margin:-80px 0 25px 280px;
}

#cont04 #chap2 dt.safeNavi{
width:271px;
height:89px;
display:block;
}

#cont04 #chap2 dt.safeNavi a{
width:271px;
height:89px;
display:block;
background:url(../img/cont04/cont04_catch4.jpg) left top no-repeat;
text-indent:-9999px;
}

#cont04 #chap2 dd.safeNavi{
margin:-60px 0 25px 280px;
}




#cont05 #mainContents ul#contTopNavi li#cont0501navi a{
background:url(../img/cont05/cont05_01navi.jpg) left top no-repeat;
}

#cont05 #mainContents ul#contTopNavi li#cont0502navi a{
background:url(../img/cont05/cont05_02navi.jpg) left top no-repeat;
}

#cont05 #mainContents ul#contTopNavi li#cont0503navi a{
background:url(../img/cont05/cont05_03navi.jpg) left top no-repeat;
}

#cont05 #mainContents ul#contTopNavi li#cont0504navi a{
background:url(../img/cont05/cont05_04navi.jpg) left top no-repeat;
}

#cont05 #mainContents ul#contTopNavi li#cont0505navi a{
background:url(../img/cont05/cont05_05navi.jpg) left top no-repeat;
}

#cont05 #mainContents ul#contTopNavi li#cont0506navi a{
background:url(../img/cont05/cont05_06navi.jpg) left top no-repeat;
}


#cont05 #mainContents ul#contTopNavi li#cont0501navi a:hover,
#cont05 #mainContents ul#contTopNavi li#cont0502navi a:hover,
#cont05 #mainContents ul#contTopNavi li#cont0503navi a:hover,
#cont05 #mainContents ul#contTopNavi li#cont0504navi a:hover,
#cont05 #mainContents ul#contTopNavi li#cont0505navi a:hover,
#cont05 #mainContents ul#contTopNavi li#cont0506navi a:hover{
background-position:bottom;
}


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


                                 cont0501 stracture


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

#cont0501 img.mainImage{
margin:20px auto;
}

#cont0501 #descBox{
margin:5px;
padding:0 0 10px;
background-color:#996633;
}

#cont0501 h4#kouteiTitle{
margin:20px 0 0 20px;
}

#cont0501 #koutei{
background-color:#FFFFFF;
margin:0 19px 0 21px;
}

#cont0501 #koutei img.arrow{
float:left;
margin:40px 4px 0;
}

#cont0501 #koutei imgRight{
float:right;
margin:8px;
}

#cont0501 #koutei01{
width:280px;
float:left;
margin:8px;
}

#cont0501 #koutei01 img{
float:left;
margin:8px;
}

#cont0501 #koutei01 p{
margin:5px;
font-size:14px;
font-weight:normal;
color:#333333;
}

#cont0501 #koutei02{
width:230px;
float:left;
margin:8px;
}

#cont0501 #koutei02 p{
margin:5px;
font-size:14px;
font-weight:normal;
color:#333333;
}

#cont0501 #koutei03{
width:230px;
float:left;
margin:8px;
}

#cont0501 #koutei03 p{
margin:5px;
font-size:14px;
font-weight:normal;
color:#333333;
}

#cont0501 #koutei04{
width:230px;
float:left;
margin:8px;
}

#cont0501 #koutei04 p{
margin:5px;
font-size:14px;
font-weight:normal;
color:#333333;
}

#cont0501 img#kouteiFoot{
margin:0px 0 20px 20px;
}

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


                                 cont0502 stracture


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

#cont0502 #descBox{
margin:5px;
padding:0 0 10px;
background-color:#996633;
}




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


                                 cont0503 stracture


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


#cont0503 #image01{
margin:15px auto;
}

#cont0503 #image02{
margin:15px auto;
}



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


                                 cont0404 stracture


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

#cont0504 #mainContents{
text-align:left;
}

#cont0504 #mainContents img.dicImage{
margin:0 auto;
}

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


                                 cont0505 stracture


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

#cont0505 .bigBox{
width:660px;
margin:20px auto; 
}

#cont0505 .bigBox p{
text-align:right;
font-size:10px;
font-weight:normal;
color:#666666;
margin:3px;
}

#cont0505 #centerBox{
margin:0 5px;
}

#cont0505 .leftBox{
width:300px;
margin:10px 0;
float:left; 
}

#cont0505 .leftBox p{
text-align:right;
font-size:10px;
font-weight:normal;
color:#666666;
margin:3px;
}

#cont0505 .rightBox{
width:300px;
margin:10px 0;
float:right; 
}

#cont0505 .rightBox p{
text-align:right;
font-size:10px;
font-weight:normal;
color:#666666;
margin:3px;
}


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


                                 cont0506 stracture


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

#cont0506 #cont0506Body{
width:500px;
float:right;
}

#cont0506 #cont0506Body p{
margin:0 0 20px;
font-size:14px;
line-height:150%;
}

#cont0506 #cont0506Side{
width:160px;
float:left;
}

#cont0506 #cont0506Side p{
font-size:12px;
font-weight:normal;
line-height:135%;
margin:5px;
}

#cont0506 #image050601{
margin:15px auto;
}

#cont0506 #image050602{
margin:0 auto 15px;
}

#cont0506 #image050603{
margin:0;
}

#cont0506 #image050604{
margin:300px 0 0;
}





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


                                 gallery stracture


------------------------------------------------------------------------------ */
/*
#gallery .galleryBox{
width:210px;
float:left;
margin:15px 5px;
text-align:center;
}

#gallery .galleryBox img{
margin:0 auto;
}
*?

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


                        philoWall stracture


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

#philoWall img#philoTitle{
float:left;
margin-right:15px;
}

#philoWall img.philoSubtitle{
margin:10px 0;
}

#philoWall img#philoImage02{
float:right;
margin-left:15px;
}

#philoWall img#philoImage03{
float:left;
margin-right:15px;
}


#philoWall p.contDic{
font-size:110%;
line-height:180%;
color:#666666;
margin:0 30px 30px;
}




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


                        beforeWall stracture


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


#beforeWall #mainContents img.catch{
margin:15px 5px;
}

#beforeWall #mainContents h4.caseTitle{
margin:15px 5px;
}

#beforeWall #mainContents dl.mente{
margin:0 50px 0 30px;
}

#beforeWall #mainContents dl.mente dt{
font-size:15px;
font-weight:bold;
color:#006666;
margin:15px 0 0;
}

#beforeWall #mainContents dl.mente dd{
font-size:14px;
font-weight:normal;
color:#666666;
margin:0 0 8px;
padding:0 0 10px 20px;
}

#beforeWall #mainContents p.contDic{
font-size:15px;
font-weight:normal;
color:#666666;
line-height:150%;
margin:15px 50px 20px 30px;
}


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


                        constructWoodlong stracture


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

#constructWoodlong p#catalogButten{
text-align:right;
margin:5px 50px;
}

#constructWoodlong table#howtoTable{
margin:30px 10px;
background-color:#999999;
}

#constructWoodlong table#howtoTable th{
width:15%;
background-color:#D8D6C9;
padding:5px;
vertical-align:top;
}

#constructWoodlong table#howtoTable th#howto01{
xbackground:url(../img/cont02/construct/back01.jpg) 35px 20px no-repeat;
background-color:#D8D6C9;
}

#constructWoodlong table#howtoTable th#howto02{
xbackground:url(../img/cont02/construct/back02.jpg) 35px 20px no-repeat;
background-color:#D8D6C9;
}

#constructWoodlong table#howtoTable td{
width:84%;
padding:8px;
background-color:#FFFFFF;
}

#constructWoodlong table#howtoTable td p{
font-size:14px;
margin:0 0 8px;
}

.caution{
font-size:12px;
color:#333333;
}



#constructWoodlong p#changeDic{
font-size:15px;
font-weight:bold;
color:#333333;
line-height:150%;
margin:10px 15px 20px;
}

#constructWoodlong #change01{
width:273px;
background:url(../img/cont02/construct/change_01.jpg) left top no-repeat;
float:left;
}

#constructWoodlong #change01 p{
font-size:12px;
font-weight:normal;
color:#333333;
padding:164px 65px 15px 20px;
}


#constructWoodlong #change02{
width:175px;
background:url(../img/cont02/construct/change_02.jpg) left top no-repeat;
float:left;
}

#constructWoodlong #change02 p{
font-size:12px;
font-weight:normal;
color:#333333;
padding:164px 0 15px 0;
}

#constructWoodlong img#change03{
margin:0 0 15px 15px;
float:left;
}

#constructWoodlong #change04{
width:361px;
height:259px;
background:url(../img/cont02/construct/change_04.jpg) left top no-repeat;
float:left;
}

#constructWoodlong #change04 p{
font-size:12px;
font-weight:normal;
color:#333333;
padding:30px 180px 0 20px;
}

#constructWoodlong #change05{
width:293px;
float:left;
}

#constructWoodlong #change05 p{
font-size:12px;
font-weight:normal;
color:#333333;
margin:10px 0 15px 20px;
}

#constructWoodlong #changeGallery{
margin:8px;
background-color:#325A47;
}

#constructWoodlong img.changeLeft{
float:left;
margin:10px;
}

#constructWoodlong img.changeRight{
float:right;
margin:10px;
}



#constructWoodlong table#painting{
margin:10px 0;
background-color:#999999;
}

#constructWoodlong table#painting th{
font-size:14px;
font-weight:bold;
background-color:#E3E1DD;
}

#constructWoodlong table#painting td{
font-size:14px;
font-weight:normal;
}

#constructWoodlong table#painting li{
list-style-type:none;
list-style-position:outside;
}

#constructWoodlong table#painting dt{
color:#863E3E;
}

#constructWoodlong table#painting dd{
font-size:12px;
margin:0 5px 10px 15px;
color:#666666;
}


#constructCont04 table#adviceTable{
margin:30px 10px;
background-color:#999999;
}

#constructCont04 table#adviceTable th{
width:20%;
background-color:#557555;
padding:5px;
vertical-align:top;
color:#FFFFFF;
font-size:15px;
text-align:left;
}

#constructCont04 table#adviceTable td{
width:79%;
padding:8px;
background-color:#FFFFFF;
}

#constructCont04 table#adviceTable td li{
list-style-type:none;
list-style-position:outside;
padding-left:15px;
background:url(../img/cont04/construct/advice_head.jpg) left top no-repeat;
margin:0 0 8px;
}




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


                        priceWall stracture


------------------------------------------------------------------------------ */
#priceWall #image01 {
	padding:0 0 30px 0;
}

#priceWall p#lineLink {
width:310px;
float:left;
height:90px;
display:block;
margin:40px 0 20px 20px;
}

#priceWall p#lineLink a{
width:310px;
height:90px;
display:block;
text-indent:-9999px;
background:url(../img/cont05/price/butten.jpg) left top no-repeat;
overflow:hidden;
}

#priceWall p#lineLink2 {
width:250px;
float:left;
height:86px;
display:block;
margin:40px 0 20px 30px;
}

#priceWall p#lineLink2 a{
width:250px;
height:86px;
display:block;
text-indent:-9999px;
background:url(../img/cont05/price/button2.jpg) left top no-repeat;
overflow:hidden;
}

#priceWall #priceTable {
	width:643px;
	padding:10px;
/*	margin:30px 0 10px 0;*/
	margin:10px 0 10px 0;
	background: #DED6BE;
	border: 1px solid #BCA276;
}

#priceWall #priceTable table {
	width:643px;
	padding:0 0 10px 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #BCA276;
	line-height:1.5;
	text-align:left;
}

#priceWall #priceTable table  tr th {
	padding:10px;
	margin:0;
	border: 1px solid #BCA276;
	background-color:	#FFFFFF;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	white-space:nowrap;
}

#priceWall #priceTable table  tr td {
	padding:8px;
	margin:0;
	border: 1px solid #BCA276;
	background-color:	#FFFFFF;
	white-space:nowrap;
}

#priceWall p#lineLink3 {
padding:40px 0 0 160px;
}

#priceWall #img12 {
	width: 665px;
	height:745px;
	background-image: url(../img/cont05/price/image12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#priceWall #img12 img {
	margin:197px 0 0 30px;
}

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


                        formatCont05 stracture


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



#formatCont05 table#formatTable2{
background-color:#333333;
border:1px solid #333333;
margin:0 0 5px 15px;
}

#formatCont05 table#formatTable2 th{
width:32%;
background-color:#E6ECE6;
padding:5px;
color:#333333;
text-align:left;
font-weight:bold;
font-size:14px;
}

#formatCont05 table#formatTable2 td{
padding:5px;
background-color:#FFFFFF;
text-align:left;
font-weight:normal;
font-size:14px;
}

#formatCont05 table#formatTable2 tr.header th{
width:32%;
background-color:#9DD099;
padding:5px;
color:#333333;
text-align:center;
font-weight:bold;
font-size:14px;
}

#formatCont05 table#formatTable2 tr.header td.size {
	width:38%;
	padding:5px;
	background-color:#9DD099;
	text-align:center;
	font-weight:normal;
	font-size:14px;
}

#formatCont05 table#formatTable2 tr.header td.unit {
width:10%;
padding:5px;
background-color:#9DD099;
text-align:center;
font-weight:normal;
font-size:14px;
}

#formatCont05 table#formatTable2 tr.header td.maisu {
width:18%;
padding:5px;
background-color:#9DD099;
text-align:center;
font-weight:normal;
font-size:14px;
}

#formatCont05 table#formatTable2 td input {
width:30px;
}


#formatCont05 table#formatTable3{
background-color:#FFFFFF;
border:none;
}

#formatCont05 table#formatTable3 td{
background-color:#FFFFFF;
padding:5px;
color:#333333;
text-align:left;
font-weight:normal;
font-size:14px;
}

#formatCont05 table#formatTable3 td.size,
#formatCont05 table#formatTable3 td.maisu{
width:49%;
padding:5px;
}

#formatCont05 table#formatTable3 td.size{
text-align:left;
}

#formatCont05 table#formatTable3 td.maisu{
text-align:right;
}



#formatCont05 table#formatTable4{
background-color:#FFFFFF;
border:none;
}

#formatCont05 table#formatTable4 td{
background-color:#FFFFFF;
padding:5px;
color:#333333;
text-align:left;
font-weight:normal;
font-size:14px;
}

#formatCont05 table#formatTable4 td.size,
#formatDeck table#formatTable4 td.maisu{
width:49%;
padding:5px;
}

#formatCont05 table#formatTable4 td.size{
text-align:left;
}

#formatCont05 table#formatTable4 td.maisu{
text-align:right;
}



#formatCont05 table#formatTable5{
background-color:#FFFFFF;
border:none;
}

#formatCont05 table#formatTable5 td{
background-color:#FFFFFF;
padding:5px;
color:#333333;
text-align:left;
font-weight:normal;
font-size:14px;
}

#formatCont05 table#formatTable5 td.size,
#formatCont05 table#formatTable5 td.maisu{
width:49%;
padding:5px;
}

#formatCont05 table#formatTable5 td.size{
text-align:left;
}

#formatCont05 table#formatTable5 td.maisu{
text-align:right;
}



#formatCont05 table#formatTable6,
#formatCont05 table#formatTable8{
background-color:#333333;
border:1px solid #333333;
margin:20px 0 20px 15px;
}

#formatCont05 table#formatTable6 th,
#formatCont05 table#formatTable8 th{
width:200px;
background-color:#E6ECE6;
padding:5px;
color:#333333;
text-align:left;
font-weight:bold;
font-size:14px;
}

#formatCont05 table#formatTable6 td,
#formatCont05 table#formatTable8 td{
background-color:#FFFFFF;
color:#333333;
text-align:left;
}

#formatCont05 table#formatTable7 td,
#formatCont05 table#formatTable9 td{
font-weight:normal;
font-size:14px;
padding:5px;
width:49%;
}



#formatCont05 table#formatTable10{
background-color:#333333;
border:1px solid #333333;
margin:20px 0 20px 15px;
}

#formatCont05 table#formatTable10 th{
width:200px;
background-color:#E6ECE6;
padding:5px;
color:#333333;
text-align:left;
font-weight:bold;
font-size:14px;
}

#formatCont05 table#formatTable10 td{
background-color:#FFFFFF;
color:#333333;
text-align:left;
font-weight:normal;
font-size:14px;
padding:5px;
}

#formatCont05 .note {
	color:#CC0000;
}

#formatCont05 .note2 {
	color:#CC0000;
	text-align:right;
	padding:0 30px 0 0;
}

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


                                 gallery stracture


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

#cont05gallery #cont05Box .galleryBox{
width:205px;
float:left;
margin:15px 5px;
text-align:center;
display:inline;
}

*html #cont05gallery #cont05Box .galleryBox{
width:100px;
float:left;
padding:15px 0;
text-align:center;
display:inline;
}

#cont05gallery #cont05Box .galleryBox img{
margin:0 auto;
}


#cont05Box #sideBox p#bnrPoint1 {
	margin:0;
	padding:0 0 15px 45px;
}

#priceWall p#bnrPoint2 {
	margin:0;
	padding:20px 0 0 470px;
}