/* 初期CSS default.css  */
/* 0 */
/* reset all tags */
html{overflow-y:scroll;}body,div,pre,p,blockquote,form,fieldset,input,textarea,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,embed,object{ margin:0; padding:0; vertical-align:baseline;}table{ border-collapse:collapse; border-spacing:0;}fieldset{ border:0;}img{ border:0; vertical-align:bottom;}address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}ol,ul { list-style:none;}caption,th { text-align:left;}q:before,q:after{content:'';}abbr,acronym { border:0;}hr { display:none;}label { cursor:pointer;}/* reset font */select, input, textarea { font:99% arial,helvetica,clean,sans-serif;}pre, code { font:115% monospace; *font-size:100%;} a { overflow:hidden;}.APkg:after {content: " ";display:block;visibility:hidden;clear:both;height:0.1px;font-size:0.1em;line-height:0;}/* no ie mac \*/.APkg { display: block; }/* */

/* 基本CSS base.css  */

/* Layout */
/* base.css */

/* **************************************
*Since: 2008-09-29
*Modified: 2008-10-02
************************************** */


/* Reset & Restyle
---------------------------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em{
font-size:100%;
font-style:normal;
font-weight:normal;
font-family:Verdana,sans-serif;
text-decoration:none;
line-height:1.5;
color:#464646;
margin:0;
padding:0;
}

body{
font-size:75%;
text-align:center;
background:url(../img/base/bg_set.gif) repeat-x #F2F3E6;
}

/* ModernBrowsersOnly(notIE7) */
html>/**/body{
font-size:12px;
}

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

ul, ol{
list-style-type: none;
}

table {
border: none;
}

th, td {
padding: 0px;
}

hr{
visibility:hidden;
}

/* link color
---------------------------------------------------------------------------------------- */
a {
text-decoration: none;
color:#36c;
}

a:hover {
color:#f00;
text-decoration: underline;
}


/* clearFix
---------------------------------------------------------------------------------------- */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFix{
display:inline-block;
}

/*\*/ * html .clearFix{
height:1%;
} /**/

/*\*/ .clearFix{
display:block;
} /**/


/* wrapper
---------------------------------------------------------------------------------------- */
#wrapper{
background:url(../img/base/bg_set.gif) repeat-x center 116px;
width:780px;
margin:0px auto;
}


/* header
---------------------------------------------------------------------------------------- */
#header{
height:115px;
border-bottom:1px solid #FFFFFF;
padding:0px 20px;
}

#header .head{
width:740px;
height:60px !important;
height:80px;
margin:0px auto;
padding:20px 0px 0px 0px;
text-align:left;
}

#header .head h1{
float:left;
}

#header .head span{
float:right;
text-align:right;
display:block;
width:230px;
}

#header .head span img{
margin:0px 0px 5px 0px;
}

#header ul{

}

#header ul li{
display:block;
float:left;
}

#header ul li a{
display:block;
}

#header ul li a:hover{
background-color:transparent;
display:block;
}

#header ul li a:hover img{
visibility:hidden;
}

#header ul li.m01{background:url(../img/base/m01hover.gif) no-repeat;}
#header ul li.m02{background:url(../img/base/m02hover.gif) no-repeat;}
#header ul li.m03{background:url(../img/base/m03hover.gif) no-repeat;}
#header ul li.m04{background:url(../img/base/m04hover.gif) no-repeat;}
#header ul li.m05{background:url(../img/base/m05hover.gif) no-repeat;}
#header ul li.m06{background:url(../img/base/m06hover.gif) no-repeat;}
#header ul li.m07{background:url(../img/base/m07hover.gif) no-repeat;}

/* Drop Down Menu
---------------------------------------------------------------------------------------- */
#header #ddmenu{
position:relative;
width:740px;
z-index:10;
}

/* リフォームメニュー
----------------------------------------------- */
ol#menuReform{
visibility:hidden;
position:absolute;
top:0px;
left:199px;
}

ol#menuReform li{
height:35px;
width:122px;
}

ol#menuReform li a{
background:#0066CC;
color:#FFFFFF;
display:block;
padding:0px;
margin:0px;
height:35px;
width:122px;
}

/* リフォームの進め方
----------------------------------------------- */
ol#menuNagare{
visibility:hidden;
position:absolute;
top:0px;
right:99px;
}

ol#menuNagare li{
height:35px;
width:122px;
}

ol#menuNagare li a{
background:#0066CC;
color:#FFFFFF;
display:block;
padding:0px;
margin:0px;
height:35px;
width:122px;
}

/* サブメニューオーバー
----------------------------------------------- */
#header #ddmenu li{
display:block;
}

#header #ddmenu li a{
display:block;
}

#header #ddmenu ol li a:hover{
background-color:transparent;
display:block;
}

#header #ddmenu ol li a:hover img{
visibility:hidden;
}

#header #ddmenu ol li.parent a:hover img{
visibility:visible;
}

#header #ddmenu ol li.m03m01{background:url(../img/base/m03m01hover.gif) no-repeat;}
#header #ddmenu ol li.m03m02{background:url(../img/base/m03m02hover.gif) no-repeat;}
#header #ddmenu ol li.m03m03{background:url(../img/base/m03m03hover.gif) no-repeat;}
#header #ddmenu ol li.m03m04{background:url(../img/base/m03m04hover.gif) no-repeat; }
#header #ddmenu ol li.m06m01{background:url(../img/base/m06m01hover.gif) no-repeat;}
#header #ddmenu ol li.m06m02{background:url(../img/base/m06m02hover.gif) no-repeat;}



/* mainContent
---------------------------------------------------------------------------------------- */
#mainContent{
background:url(../img/base/mainContent_bg.gif) repeat-y center top;
}

/* container
---------------------------------------------------------------------------------------- */
#container{
background:url(../img/base/container_bg.gif) no-repeat center top;
margin:0px auto;
padding:15px 55px 20px 55px;
text-align:left;
}

#container h1{
border-bottom:1px solid #3C5D81;
margin:0px 0px 20px 0px;
}

#container h1 img{
border-bottom:1px solid #3C5D81;
}

#container .top{
text-align:right;
clear:both;
padding:20px 0px 20px 0px !important;
padding:5px 0px 20px 0px;
}

#container .link{
font-size:85%;
text-align:center;
color:#666666;
}

#container .link a{
color:#666666;
padding:0px 2px 0px 5px;
border-left:1px solid #999999;
}
#container .link a:hover{
color:#333333;
text-decoration: underline;
}



/* footer
---------------------------------------------------------------------------------------- */
#footer{
background:url(../img/base/footer_bg.gif) repeat-x;
height:55px;
font-size:85%;
}

#footer div{
width:720px !important;
width:740px;
margin:0px auto;
padding:10px 10px 0px 10px;
text-align:left;
}

#footer div address{
float:left;
color:#FFFFFF;
line-height:1;
}

#footer div address img{
display:block;
margin:0px 0px 5px 0px;
}

#footer div span{
float:right;
color:#FFFFFF;
}

#footer div span a{
color:#FFFFFF;
}


/* print
---------------------------------------------------------------------------------------- */
@media print{

#container .link{
font-size:75%;
}

/* mainContent clearFix
------------------------------ */
#mainContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#mainContent{
display:inline-block;
}

/*\*/ * html #mainContent{
height:1%;
} /**/

/*\*/ #mainContent{
display:block;
} /**/

}


/* menu
---------------------------------------------------------------------------------------- */
#container #menu{
text-align:left;
width:102px;
position:relative;
z-index:1;
float:left;
}

#container #menu h2{
margin:0px 0px 5px 0px;
width:102px;
}

#container #menu h2 img{
vertical-align:top;
}

#container #menu li{
margin:0px 0px 1px 0px;
}

#container #menu li,
#container #menu li a{
display:block;
width:102px;
height:29px;
}

#container #menu ul{
margin:0px 0px 14px 0px;
width:102px;
}

#container #menu li.a1000{
background:url(../img/base/a1000hover.gif) no-repeat;
}

#container #menu li.a2000{
background:url(../img/base/a2000hover.gif) no-repeat;
}

#container #menu li.a3000{
background:url(../img/base/a3000hover.gif) no-repeat;
}

#container #menu li.a4000{
background:url(../img/base/a4000hover.gif) no-repeat;
}

#container #menu li.b1000{
background:url(../img/base/b1000hover.gif) no-repeat;
}

#container #menu li.b2000{
background:url(../img/base/b2000hover.gif) no-repeat;
}

#container #menu li.b3000{
background:url(../img/base/b3000hover.gif) no-repeat;
}

#container #menu li.b4000{
background:url(../img/base/b4000hover.gif) no-repeat;
}

#container #menu li.c1000{
background:url(../img/base/c1000hover.gif) no-repeat;
}

#container #menu li.c2000{
background:url(../img/base/c2000hover.gif) no-repeat;
}

#container #menu li.c3000{
background:url(../img/base/c3000hover.gif) no-repeat;
}

#container #menu li.c4000{
background:url(../img/base/c4000hover.gif) no-repeat;
}

#container #menu li.c5000{
background:url(../img/base/c5000hover.gif) no-repeat;
}

#container #menu li.d1000{
background:url(../img/base/d1000hover.gif) no-repeat;
}

#container #menu li.d2000{
background:url(../img/base/d2000hover.gif) no-repeat;
}

#container #menu li.d3000{
background:url(../img/base/d3000hover.gif) no-repeat;
}

#container #menu li.d4000{
background:url(../img/base/d4000hover.gif) no-repeat;
}

#container #menu li a:hover{
background:transparent;
display:block;
}

#container #menu li a:hover img{
visibility:hidden;
}


/* 部屋別　水廻り
------------------------------------------------------- */
#container #menu #b1000hover{
position:absolute;
left:0px;
top:193px;
z-index:2;
visibility:hidden;
width:200px;
}

/* IE7 hack */
*:first-child+html #container #menu #b1000hover{
top:194px;
}
/* IE6 hack */
* html #container #menu #b1000hover{
top:194px;
}


#container #menu #b2000hover{
position:absolute;
left:0px;
top:223px;
z-index:2;
visibility:hidden;
width:200px;
}

/* IE7 hack */
*:first-child+html #container #menu #b2000hover{
top:224px;
}
/* IE6 hack */
* html #container #menu #b2000hover{
top:224px;
}


#container #menu #b1000hover ul,
#container #menu #b2000hover ul{
display:block;
width:83px;
float:left;
}


#container #menu #b1000hover ul li,
#container #menu #b1000hover ul li a,
#container #menu #b2000hover ul li,
#container #menu #b2000hover ul li a{
display:block;
width:83px;
height:30px;
margin:0px;
}


#container #menu #b1000hover ol,
#container #menu #b2000hover ol{
display:block;
width:102px;
float:left;
}

#container #menu #b1000hover ol li,
#container #menu #b1000hover ol li a,
#container #menu #b2000hover ol li,
#container #menu #b2000hover ol li a{
display:block;
width:102px;
height:30px;
}

#container #menu #b1000hover ol li a:hover img,
#container #menu #b1000hover ul li a:hover img,
#container #menu #b2000hover ol li a:hover img,
#container #menu #b2000hover ul li a:hover img{
visibility:visible;
}




/* 実例紹介トップ
------------------------------------------*/
#container .SD1 { clear:both; margin-bottom:20px; width:540px;}
#container .SD1 .CH1 { margin-bottom:0px; padding-bottom:5px; font-size:18px; font-weight:bold; color:#38587B;}
#container .SD1 .CDLt1 { width:300px; float:left;}
#container .SD1 .CDRt1 { width:230px; float:right;}

#container .SD1 .CDRt1 .CU1 {}
#container .SD1 .CDRt1 .CU1 li { background:url(../img/base/Dot1.gif) 0 8px no-repeat; padding-left:5px; font-size:10px; margin-bottom:10px;}
#container .SD1 .CDRt1 .CU2 { margin:10px 0; padding:10px; background:#E4E4E4;}
#container .SD1 .CDRt1 .CU2 li { background:url(../img/base/Dot2.gif) 0 5px no-repeat; padding-left:9px; font-size:10px;}

/* 一覧
------------------------------------------*/
.SH1 { font-size:16px; font-weight:bold; padding-bottom:5px;}
#container .content h2.SH1 {border:none;margin:0px 0px 15px 0px;height:20px;width:530px;background: #235B98;color: #ffffff;padding: 2px 0 5px 10px;}


.SU1 { margin-bottom:20px;}
.SU1 li { width:142px; float:left; overflow:hidden; border-bottom:1px dotted #ccc; margin-right:44px; margin-bottom:10px;padding-bottom:10px;}
.SU1 li .CP1 { font-weight:bold; margin-bottom:6px;}
.SU1 li .CP2 { margin-bottom:10px;}
.SU1 li .CP3 {left:0px; font-size:10px; line-height:1.2; margin-bottom:6px;}
.SU1 li .CP4 {}

.RPaging1 { clear:both; text-align:center; margin-bottom:15px; width:520px;}
.RPaging1 li { display:inline; margin-right:6px; vertical-align:top;}
.RPaging1 li a, .RPaging1 li .current_page { display:inline-block; padding:0px 7px 0px; background:#fff; border:1px solid #2C5079; color:#2C5079; text-decoration:none;}
.RPaging1 li a:hover, .RPaging1 li .current_page { padding:0px 7px 0px; background:#2C5079; color:#fff; text-decoration:none;}
.RPaging1 li a.link_before { background:none; border:none; color:#2C5079; text-decoration:none;}
.RPaging1 li a.link_before:hover { background:none; border:none; color:#2C5079; text-decoration:underline; font-weight:normal;}
.RPaging1 li a.link_next { margin-right:0px;}
.RPaging1 li a.link_next { background:none; border:none; color:#2C5079; text-decoration:none;}
.RPaging1 li a.link_next:hover { background:none; border:none; color:#2C5079; text-decoration:underline; font-weight:normal;}
.RPaging1 li .current_page{ }

/* 詳細
------------------------------------------*/
#BPopup1 { background:#FFFFFF;}
#BPopup1 #wrapper { background:none; width:690px; text-align:left; overflow:hidden; padding-top:15px;}

#BPopup1 h1 { margin-bottom:20px;}
#BPopup1 h1 .CS1 { font-size:12px; display:block;}
#BPopup1 h1 .CS2 { font-size:22px; font-weight:bold; color:#2C5079;letter-spacing: -1px;}

.STPopup1 { margin-bottom:20px; clear:both;}
.STPopup1 .CTd1 { vertical-align:top;}
.STPopup1 .CTd2 { background:#E4E4E4; vertical-align:top;}
.STPopup1 .CTd2 .CU1 { background:#E4E4E4; padding:20px 20px;}
.STPopup1 .CTd2 .CU1 li { background:url(../img/base/Dot2.gif) 0 5px no-repeat; padding-left:9px;}
.STPopup1 .CTd3 { vertical-align:bottom; text-align:right; background:url(../img/base/mark01.gif) 0 50% no-repeat;}
.STPopup1 .CTd3 img { margin-top: 15px;}
.STPopup1 .CTd4 .CP1 { font-weight:bold; color:#2C5079;}
.STPopup1 .CTd5 .CP1 { font-weight:bold; color:#2C5079;margin-left: 85px;}

.SDPopup1 {background: #FAFAFA;border:1px solid #DCDCDC;padding:10px 15px;margin: 20px 0;}
.STPopup2 .CTd1 { vertical-align: top;}
.STPopup2 .CTd1 strong { color:#2C5079 ;font-weight: bold;font-size:108%;}

.CPPopup1 { font-weight:bold; margin-bottom:5px;}
.CPPopup2 { margin-bottom:20px;}


.SUPopup1 { margin-bottom:20px; width:720px;overflow:hidden;}
.SUPopup1 li { width:220px; margin:0 20px 10px 0; float:left;padding-bottom: 10px; overflow:hidden;}
.SUPopup1 li .CP1 { text-align:center; margin-bottom:5px;}
.SUPopup1 li .CP2 { font-size:10px; font-weight:bold; color:#2C5079; line-height:1.2; margin-bottom:5px;}
.SUPopup1 li .CP3 { font-size:10px; line-height:1.2;margin-bottom:5px; width:210px;}

.CPPopup3 { clear:both; margin-bottom:20px;}
.CPPopup4 { text-align:center; margin-bottom:20px;}