﻿/*
**  Mac OS X, Win Vista, Win XP, Win 2000のフォントを指定
*/
body{
font:13px "ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
text-align:center;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text16_2 { font-size:123.1%;font-weight:bold;}
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/* safari only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	.text11{
		font-size:10px;
	}
}


#middleContainerContents{width:908px;margin-left:4px;}
#middleContainerContents_two{width:908px;margin-left:4px; position:relative;}

#h1Config_1{height:22px;margin:46px 0 0 0;}
#h1Config_2{height:20px;margin-bottom:15px;}

.h2Congig_1{height:16px;margin:36px 0 0 0;}
.h2Congig_2{height:38px;margin:45px 0 0 0;}
.h2Congig_3{height:19px;}
.h2Congig_4{height:12px;margin:36px 0 0 0;}

.h3Congig_1{height:15px;margin:28px 0 0 0px;}
.h3Congig_2{height:14px;}

.h4Congig_1{padding:0 0 0 10px;background:url(../images/h4_sikaku.gif) 0 1px no-repeat;}
.h4Congig_2{width:auto;padding:0 0 0 10px;background:url(../images/h4_sikaku.gif) 0 3px no-repeat; line-height:1.2;}

.h4_left_01{font-size:93%;width:auto;float:left;}
.h4_left_02{
width:30px;
height:11px;
text-align:center;
line-height:13px;
font-size:85%;
border:1px solid #c7c7c7;
margin-right:6px;
float:left;
}
.h4_right_01{
width:15px;
height:11px;
display:inline-block;
margin-left:10px;
text-align:center;
line-height:inherit;
border:1px solid #c7c7c7;
font-size:77%;
}
.h4_right_02{
width:29px;
height:11px;
margin-right:6px;
display:inline-block;
text-align:center;
line-height:inherit;
border:1px solid #c7c7c7;
font-size:77%;
}

.kakomiSikaku{
width:30px;
height:10px;
text-align:center;
border:1px solid #c7c7c7;
padding:1px 5px 0 5px;
}

.read_1{line-height:1.6; margin-top:5px;font-size:93%;}
.read_2{line-height:1.6; margin-top:0px;font-size:93%;}
.read_3{line-height:1.6; margin-top:-3px;font-size:93%;}
.read_4{line-height:1.2;;font-size:85%; margin-top:155px;}
.read_5{line-height:1.2;;font-size:85%; margin-top:30px;}
.h2underText{width:640px;margin-top:5px;border-bottom:1px solid #c7c7c7; display:block;line-height:1.6;}
.caption_1{line-height:1.2;font-size:85%; margin-top:5px;}

/*--石井追記--*/
.caption_2{line-height:1.6; margin-top:5px;font-size:93%;}
.attention{color:#ff0000;}
.floatL{float:left;}
.floatR{float:right;}
.indent{text-indent:-1em;padding-left:1em;line-height:1.3;}
/*--ここまで--*/

.space_1{margin:0 15px 0 10px;}/**/
.space_2{margin:10px 0 0 0;}/*--h2タイトルと本文の間の空き--*/
.space_3{margin:10px 0 0 0;}/*--h4タイトルと本文の間の空き--*/
.space_4{margin:30px 0 0 0;}/*--h4タイトルと本文の間の空き--*/
.space_5{margin:0 29px 0 0;}/*-3段組の場合の空き-*/
.space_6{margin:15px 0 0 0;}/*--本文と下にくる絵との空き--*/
.space_7{margin:45px 0 0 0;}/*--本文とh2タイトとの空き--*/
.space_8{margin:5px 0 15px 0;}/*--採用事例トップでh3タイトルとその説明文との空き--*/
.space_9{margin:0 0 5px 0;}/*--採用事例詳細ページでh1タイトルとその上の説明文との空き--*/
.space_10{padding:13px 0 0 0;background:url(../../planning/planBathRoom/images/stepvect.gif) 148px 4px no-repeat;}/*--プランニングstepボタンとの空き--*/
.space_10_2{padding:13px 0 0 0;background:url(../../planning/planBathRoom/images/stepvect.gif) 75px 4px no-repeat;}/*--プランニングstep10ボタンとの空き--*/
.space_11{margin:0 0 0 15px;}
.space_12{margin:30px 0 0 15px;}
.space_13{margin:55px 0 0 0;}
.space_14{margin:0 0 0 20px;}
.space_15{margin:0 0 0 30px;}
.space_16{margin:5px 0 0 0;}
.space_17{margin:0 0 0 44px;}
.space_18{margin:15px 40px 0 0;}
.space_19{margin:45px 40px 0 0;}

.etc01{float:left;}

.table_set_1{width:640px;}
.table_set_2{width:360px; text-align:center;margin-left:auto; margin-right:auto;}
.table_set_3{width:396px;}
.table_set_4{width:310px;}


.tr_set_1{height:30px;text-align:left;}
.tr_set_2{width:640px;text-align:left;}
.td_common_1{
padding:3px 0 0 15px;
/*border-top:1px solid #CCCCCC;*/
border-top:1px solid #EAEAEA;
vertical-align:middle;
text-align:left;
}
.td_common_2{
padding:3px 0 0 15px;
border-top:1px solid #EAEAEA;
border-bottom:1px solid #EAEAEA;
vertical-align:middle;
text-align:left;
}
.td_common_3{
border-right:1px solid #EAEAEA;
vertical-align:middle;
text-align:left;
}

.td_common_4{
text-align:center;
width:108px;
}
.td_common_5{
padding:3px 0 0 35px;
border-top:1px solid #EAEAEA;
border-bottom:1px solid #EAEAEA;
vertical-align:middle;
text-align:left;
}

.td_common_6{
padding:3px 0 0 5px;
border-top:1px solid #EAEAEA;
vertical-align:middle;
text-align:left;
}
.td_common_7{
padding:3px 0 0 5px;
border-top:1px solid #EAEAEA;
border-bottom:1px solid #EAEAEA;
vertical-align:middle;
text-align:left;
}

.td_common_1Right{
text-align:right;
padding-right:15px;
}

.tdSize1{width:250px;}
.tdSize2{width:390px;}
.tdSize3{width:312px;}
.tdSize4{width:288px;padding-left:20px;}
.tdSize5{width:200px;}
.tdSize6{width:200px; font-size:11px;}
.tdSize7{width:100px; text-align:right; padding-right:15px; font-size:11px;}
.tdSize8{width:225px;}


a.detailHere1{
width:128px;
height:21px;
display:block;
text-indent:-9999px;
background:url(../images/btnImg1.gif) 0 0 no-repeat;
overflow:hidden;
}
a.detailHere1:link{background-position:0 0;}
a.detailHere1:visited{background-position:0 -42px;}
a.detailHere1:hover{background-position:0 -21px;}
a.detailHere1:active{background-position:0 -21px;}

a.detailHere2{
width:128px;
height:21px;
display:block;
text-indent:-9999px;
background:url(../images/btnImg3.gif) 0 0 no-repeat;
overflow:hidden;
}
a.detailHere2:link{background-position:0 0;}
a.detailHere2:visited{background-position:0 -42px;}
a.detailHere2:hover{background-position:0 -21px;}
a.detailHere2:active{background-position:0 -21px;}

a.detailHere3{
width:128px;
height:21px;
display:block;
text-indent:-9999px;
background:url(../images/btCatalogue_2.gif) 0 0 no-repeat;
overflow:hidden;
}
a.detailHere3:link{background-position:0 0;}
a.detailHere3:visited{background-position:0 -42px;}
a.detailHere3:hover{background-position:0 -21px;}
a.detailHere3:active{background-position:0 -21px;}

a.detailHere4{
width:145px;
height:21px;
display:block;
text-indent:-9999px;
background:url(../images/btnImg4.gif) 0 0 no-repeat;
overflow:hidden;
}
a.detailHere4:link{background-position:0 0;}
a.detailHere4:visited{background-position:0 -42px;}
a.detailHere4:hover{background-position:0 -21px;}
a.detailHere4:active{background-position:0 -21px;}


a.detailHere5{
width:184px;
height:21px;
text-indent:-9999px;
display:block;
overflow:hidden;
background:url(../images/btnImg5.gif) 0 0 no-repeat;
}
a:detailHere5{background-position:0 0;}
a:detailHere5{background-position:0 -42px;}
a:detailHere5{background-position:0 -21px;}
a:detailHere5{background-position:0 0px;}

a.detailHere6{
width:128px;
height:21px;
text-indent:-9999px;
display:block;
overflow:hidden;
background:url(../images/btDetail.gif) 0 0 no-repeat;
}
a.detailHere6:link{background-position:0 0;}
a.detailHere6:visited{background-position:0 -42px;}
a.detailHere6:hover{background-position:0 -21px;}
a.detailHere6:active{background-position:0 0px;}

a.detailHere7{
width:184px;
height:21px;
text-indent:-9999px;
display:block;
overflow:hidden;
background:url(../images/btnImg6.gif) 0 0 no-repeat;
}
a:detailHere7{background-position:0 0;}
a:detailHere7{background-position:0 -42px;}
a:detailHere7{background-position:0 -21px;}
a:detailHere7{background-position:0 0px;}



.pageTop{width:900px;text-align:right; margin:40px 0 15px 0;}
.pageTop a{padding-left:10px;text-decoration:none;color:#000000;background:url(../images/pageTopImg.gif) 0 3px no-repeat}
.pageTop a:link{text-decoration:none}
.pageTop a:visited{text-decoration:none;color:#999999;}
.pageTop a:hover{color:#000000;text-decoration:underline}
.pageTop a:active{text-decoration:underline}

.kugiri2{width:640px;height:3px;margin-top:40px;}
.kugiri2 img{vertical-align:top;}

.icon01{
background:url(../../planning/planBathRoom/step03/plan2024Bath1700_02/images/imgIcon01.gif) 15px 6px no-repeat; background-color:#0C6;}
.icon02{background:url(../../planning/planShowerRoom/step03/images/imgIcon01.gif) 15px 6px no-repeat;}
.printImg{
display:none;
}


/*一番下におくこと*/
#container{
width:908px;
margin:0 auto 0 auto;
padding:31px 0 0 0;
text-align:left;
}﻿


