@charset "utf-8";

/****************************************************************************/
/* 蜈ｱ騾夊ｨｭ螳・                                                                */
/****************************************************************************/
* {
	margin:0px;
	padding:0px;
}
body {
	margin:0;
	padding:0;
    font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background:  url(../images/bg02.jpg) repeat-x;
	height:100%;
}
#header{
	margin:0px auto;
	padding:0;
	width:1120px;
}

.headertop{
	width:1120px;
	margin:50px 0 20px 0;
	padding:0;
	overflow:hidden;
}
#headerimg{
	clear:both;
	margin:1px auto 0;
}
#header2 {
}
#main {
	width:1054px;
	margin:35px auto;
	text-align:left;
	overflow:hidden;
}
a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
.imga a:hover img{
	opacity:0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
#gnavi{
	clear:both;
	width:1120px;
	margin:0 0 0 0;
	padding:0;
	overflow:hidden;
	height:51px;
}
#gnavi ul{
	margin:0;
	padding:0;
}
#gnavi ul li{
	float:left;
	display:block;
	padding:0;
	margin:0;
	height:51px;
}
#gnavi ul li a img{
	opacity:0.5;
	filter:alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}
#gnavi ul li a:hover img{
	opacity:0;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.link01{
	background:  url(../images/gnavi01.jpg);
}
.link02{
	background:  url(../images/gnavi02.jpg);
}
.link03{
	background:  url(../images/gnavi03.jpg);
}
.link04{
	background:  url(../images/gnavi04.jpg);
}
.link05{
	background:  url(../images/gnavi05.jpg);
}
.link06{
	background:  url(../images/gnavi06.jpg);
}

.mt10 {margin-top:10px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt20 {margin-top:20px;}
.pt20 {padding-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt300 {margin-top:300px;}

/* 荳倶ｽ咏區 */
.mb05  {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}
.mb30  {margin-bottom:30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom:50px;}
.mb60  {margin-bottom:60px;}
.mb80  {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}
.mb200 {margin-bottom:200px;}

/* 蟾ｦ菴咏區 */
.ml05 {margin-left:5px;}
.ml07 {margin-left:7px;}
.ml08 {margin-left:8px;}
.ml10 {margin-left:10px;}
.ml14 {margin-left:14px;}
.ml18 {margin-left:18px;}
.ml20 {margin-left:20px;}
.ml24 {margin-left:24px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

/* 蜿ｳ菴咏區 */
.mr05 {margin-right:5px;}
.mr07 {margin-right:7px;}
.mr08 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}

.mtb60 {margin-top:60px;margin-bottom:60px;}

/* 菴咲ｽｮ */
.center {text-align:center;}
.right  {text-align:right;}



/****************************************************************************/
/* 譁・ｭ苓｣・｣ｾ (豎守畑)                                                          */
/****************************************************************************/
/* 譁・ｭ暦ｼ壹さ繝｡繝ｳ繝医・蠑ｷ隱ｿ遲・*/
#main p,#main dt,#main dl,#main li{
	line-height:2em;
}

#main p ,dt,dd,td,ul li,ol li{
	color:color:#3f3f3f;
	font-size:14px;
}
ol li{
	margin-left:25px;
}
ul li{
	list-style:none;
}
img a{
	border:none;
}

.red       {color:#CC0000;}
.bg_yellow {background-color:#FFFF00;}
.bg_brown  {background-color:#FFFF99;}
.bg_green   {background-color:#CCFEA7;}
.bg_1   {background-color:#ccc;}

/* 譁・ｭ暦ｼ壹Μ繝ｳ繧ｯ */
a.link, a.link:link         {color:#3366CC;border-bottom:1px dotted #3366CC;text-decoration:none;}
a.link:visited              {color:#663366;border-bottom:1px dotted #663366;text-decoration:none;}
a.link:hover, a.link:active {color:#3366CC;border-bottom:1px solid #3366CC;text-decoration:none;}

a img {border:none;}

.txt12 {color:#666;
	font-size:12px;
}
.txt16 {
	font-size:16px;
}
.txt18 {color:#333;
	font-size:18px;
}

.txt15u {color:#58524e;
	font-size:15px;
	text-decoration:underline;
}
.txt21 {color:#333;
	font-size:21px;
}
.txt24 {color:#333;
	font-size:24px;
	line-height:1.4em;
}
.txt30 {color:#333;
	font-size:30px;
}
.red18 {color:#ff5353;
	font-size:18px;
}
.red21 {color:#ff5353;
	font-size:21px;
}
.red30 {color:#ff5353;
	font-size:30px;
}
.blue21 {
	color:#6ba1ce;
	font-size:21px;
}
.blue30 {
	color:#3366FF;
	font-size:30px;
}
.w14{
	color:#fff;
	font-size:14px;
    font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.w21{
	color:#fff;
	font-size:24px;
    font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.notxt {
	color:#58524e;
	font-size:16px;
	text-decoration:line-through;
}
.style1 {
	font-weight: bold;
}

/****************************************************************************/
/* 縺昴・莉・(豎守畑)                                                            */
/****************************************************************************/
/* 蝗槭ｊ霎ｼ縺ｿ */
.floatL {float:left;}
.floatR {float:right;}

/* 蝗槭ｊ霎ｼ縺ｿ縺ｮ繧ｯ繝ｪ繧｢ */
.clear {clear:both;font-size:0px;}

/* 諠・?ｱ繧ｰ繝ｫ繝ｼ繝斐Φ繧ｰ逕ｨ縺ｮ蛹ｺ蛻・ｊ邱・*/
hr {display:none;}

/* 逕ｻ蜒乗棧邱・*/
img {border:none;}

.dlstyle{
	margin:20px 0;
}

.dlstyle dt{
	background-color:#dedede;
	padding:5px 20px;
	margin:20px 0 0;
	font-weight:bold;
}
.dlstyle dd{
	padding:10px 0 0 20px;
}
.bline{	
	border-bottom:1px dotted #333;
	padding:5px 0 20px;
	margin:0 0;
}
.bline2{
	border-bottom:1px dotted #fff;
}
.yenline{	
	border-bottom:1px dotted #333;
	background:  url(../images/img48.jpg) no-repeat left;
	padding:15px 0 0 63px;
	height:43px;
}
	
/****************************************************************************/
/* 繝倥ャ繝€繝ｼ・医・繝ｼ繧ｸ繧ｿ繧､繝医Ν縲√げ繝ｭ繝ｼ繝舌Ν繝｡繝九Η繝ｼ・・                          */
/****************************************************************************/
h1{
	font-size:12px;
	visibility:hidden;
	position:absolute; top:1px; left:1px;
}
h2 {
	clear:both;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	border-bottom:1px solid #333;
	margin-bottom:20px;
	padding:0 0 8px 0;
	font-size:21px;
	font-weight: bold;
	line-height: 120%;
	color:#3f3f3f;
	clear:both;
}
h3{
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	clear:both;
	background-color:#6ba1ce;
	padding:3px 10px;
	color:#fff;
	margin:30px 0 20px;
	font-size:16px;
	font-weight:normal;
}

h4 {

}

h5{	
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	clear:both;
	margin-top:40px;
	padding:0 0 3px 10px;
	font-size:18px;
	border-left:5px solid #00350c;
	border-bottom:1px dotted #00350c;
	color:#333;
}

h6 {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	clear:both;
	margin:20px 0 20px;
	padding:0 0 0 0;
	border-bottom:1px dotted #ccc;
	background-repeat:no-repeat;
	line-height: 180%;
	font-size:24px;
	color:#3f3f3f;
}
/****************************************************************************/
/* 蟾ｦ繧ｫ繝ｩ繝?                                                                 */
/****************************************************************************/
#leftcolumn {
	float:left;
	width:339px;
	margin:0;
	display:block;
}
/****************************************************************************/
/* 蜿ｳ繧ｫ繝ｩ繝?                                                                 */
/****************************************************************************/
/* 蜿ｳ繧ｫ繝ｩ繝?豎守畑 */
#rightcolumn {
	margin:0 0 0 0;
	width:685px;
	float:right;
	display:block;
}
.clink{
	text-align:right;
	margin:50px 20px 0 0;
}
.clink img{
	margin-left:20px;
}
.bbox{
	float:left;
	display:block;
	margin-top:30px;
}
.ulbox{
	width:730px;
	clear:both;
	overflow:hidden;
}
.ulbox li{
	float:left;
	display:block;
	width:234px;
}
.sitemapttl {
	width:730px;
	margin:20px 0 0;
	border-bottom:1px dotted #666;
}
.sitemapul ul li {
	list-style:none;
	color:#666666;
	font-size:14px;
}

.sitemapul ul li a,.sitemapttl a {
	color:#666666;
	text-decoration:none;
}
.sitemapul ul li a:hover {
	color: #cc9900;
}
.sitemapul ul{
	width:365px;
	margin:20px 0 0 0 ;
	float:left;
	display:block;
}
/****************************************************************************/
/* フッター                                                                 */
/****************************************************************************/
#footer {
	clear:both;
	background-color:#6ba1ce;
	background-repeat:repeat-x;
}
#footercontents {
	width:1120px;
	margin:0px auto;
	line-height:1.8em;
}
.footerL{
	margin:40px 0 20px;
	float:left;
	display:block;
}
.footerR{
	width:894px;
	margin:40px 0 20px;
	float:right;
	display:block;
}
#footer ul{
	width:190px;
	margin:0;
	padding:0;
	float:left;
	display:block;
}
#footer ul li {
	width:190px;
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px dotted #fff;
	color:#ffffff;
	font-size:14px;
}
#footer ul li a {
	color:#ffffff;
	text-decoration:none;
}
#footer ul li a:hover {
	color: #000;
}
address {
	clear:both;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color:#ffffff;
	padding:0 0 20px 0;
	text-align:center;
}

/* ::: 螳夂ｾｩ繝ｪ繧ｹ繝茨ｼ壹ｈ縺上≠繧玖ｳｪ蝠冗畑繧ｹ繧ｿ繧､繝ｫ ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.dl_qa {
	clear:both;
	width:685px;
	margin:0 0 10px 0;
	padding:0;
}

dl.dl_rec dt{
	float:left;
	display:block;
	font-weight: bold;
	border-bottom: dotted 1px #ccc;
	width:480px;
	margin:0;
}

dl.dl_rec dd {
	float:right;
	display:block;
	margin:0;
	border-bottom: dotted 1px #ccc;
	color:#666;
	width:200px;
}


/* ::: 螳夂ｾｩ繝ｪ繧ｹ繝茨ｼ壹Ξ繝・せ繝ｳ逕ｨ繧ｹ繧ｿ繧､繝ｫ ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.dl_le {
	margin: 10px 0 10px 0x;
}

dl.dl_le dt{
	height:50px;
	margin:0 0 20px;
	padding:20px 0 0 130px;
	font-weight: bold;
	line-height: 50px;
	border-top: solid 1px #E7E7E7;
	border-bottom: dotted 1px #E7E7E7;
	border-right: solid 1px #E7E7E7;
	border-left: solid 1px #E7E7E7;
	font-weight:bold;
	font-size:18px;
	color:#58524e;
}
dl.dl_le .photo1{
	background:  url(../images/img33.jpg) no-repeat left;
}
dl.dl_le .photo2{
	background:  url(../images/img34.jpg) no-repeat left;
}
dl.dl_le .photo3{
	background:  url(../images/img35.jpg) no-repeat left;
}

dl.dl_les dd {
	margin-bottom: 30px;
	padding: 20px 25px 20px 30px;
	border-bottom: solid 1px #E7E7E7;
	border-right: solid 1px #E7E7E7;
	border-left: solid 1px #E7E7E7;
	color:#58524e;
}

.dl_les {
	margin: 10px 0 10px 0x;
}

dl.dl_les dt{
	padding:0 0 0 120px;
	font-weight: bold;
	line-height: 50px;
	border-top: solid 1px #E7E7E7;
	border-bottom: dotted 1px #E7E7E7;
	border-right: solid 1px #E7E7E7;
	border-left: solid 1px #E7E7E7;
	font-weight:bold;
	font-size:18px;
	color:#333;
}
.about{
	width:1054px;
	clear:both;
	overflow:hidden;
	padding:0;
	margin-top:20px;
	margin-bottom:30px;

}
.about .left{
	float:left;
	display:block;
	width:874px;
}

.about .right{
	float:right;
	display:block;
	width:140px;
	margin:0 0 0 40px;
	text-align:left;
}
.topbox{
	margin:20px 0 30px;
}
.topbox li{
	float:left;
	display:block;
	padding:0 0 20px;
}
.about2{
	clear:both;
	padding:0 0 20px 0;
	width:730px;
	overflow:hidden;
	padding:0;
}
.about2 .left{
	float:left;
	display:block;
	width:430px;
	padding:10px 20px 20px 0;
	margin:0;
}

.about2 .right{
	float:right;
	display:block;
	width:280px;
	padding:10px 0 0;
	margin:0;
}
.about3{
	clear:both;
	padding:0 0 20px 0;
	width:730px;
	overflow:hidden;
	padding:0;
}
.about3 .left{
	float:left;
	display:block;
	width:230px;
	padding:10px 20px 20px 0;
	text-align:left;
	margin-top:20px;
}

.about3 .right{
	float:right;
	display:block;
	width:480px;
	padding:10px 0 0;
	margin:0;
	text-align:left;
}


.about3 .fleft li{
	float:left;
	display:block;
	margin-top:20px;
}

.pricetxt li{
	list-style:none;
	font-size:14px;
	color:333;
}
.pricetxt{
	float:left;
	display:block;
	width:380px;
	margin:0 20px 0 0;
}

.text2{
	border-left:5px solid #ccc;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	border-bottom:1px dotted #ccc;
}

.text3{
	clear:both;
	margin:0;
	text-align:left;
	background-color:#fff;
	padding:20px;
	border:1px solid #cccccc;
	float:left;
	display:block;
	width:485px;
}
.text4{
	clear:both;
	margin:10px 0 30px 0;
	text-align:center;
	background-color:#fff;
	padding:10px 20px;
	border:1px solid #cccccc;
	display:block;
	width:688px;
}
.text5{
	clear:both;
	margin:50px 0 0 0;
	background-color:#dbdbdb;
	padding:15px 20px;
	display:block;
	width:690px;
	text-align:center;
}
.text6{
	clear:both;
	margin:10px 0 30px 0;
	text-align:left;
	background-color:#fff;
	padding:10px 20px;
	border:1px solid #cccccc;
	display:block;
	width:688px;
}

.ctext{
	display:block;
	width:805px;
	margin:0 20px 0 0;
}
.ctext2{
	float:left;
	display:block;
	width:380px;
	margin:0 20px 0 0;
}
.ctext dt{
	height:50px;
	padding:20px 0 0 60px;
	font-weight: bold;
	line-height: 50px;
	font-weight:bold;
	font-size:16px;
	color:#58524e;
	background:  url(../images/img36.jpg) no-repeat left;
}
.ctext2 dt{
	margin:20px 0 0;
	font-size:16px;
}
.ctext dd,.ctext2 dd{
	margin:20px 0 60px;
	background-color:#eeeeee;
	padding:10px 20px;
	line-height:2em;
}
.vtext{
	width:805px;
	overflow:hidden;
}
.vtext .left{
	float:left;
	display:block;
	width:150px;
	margin:20px 0 0;
}
.vtext .right{
	float:right;
	display:block;
	width:625px;
	margin:0;
	text-align:left;
	padding:0;
}
.about4{
	clear:both;
	padding:0;
}

.about4 .right{
	float:right;
	display:block;
	width:404px;
	padding:40px 0 0;
}

.flow{
	clear:both;
	margin:40px 0 60px;
	width:805px;
	overflow:hidden;
}


.table1{
	clear:both;
	overflow:hidden;
	padding:0 0 0 0;
}
.table1 table{
	border:1px dotted #ccc;
}

.table1 th{
	background-color:#ececec;
	color:#333;
	padding:8px 20px;
	font-size:14px;
	text-align:left;
	border-bottom:1px dotted #ccc;
	font-weight:normal;
}
.table1 td{
	padding:8px 20px;
	border-bottom:1px dotted #ccc;
}

.table2{
	clear:both;
	overflow:hidden;
	padding:0 0 0 0;
}

.table2 th{
	width:443px;
	color:#333;
	padding:8px 20px;
	font-size:14px;
	text-align:left;
	border-bottom:1px dotted #ccc;
	font-weight:normal;
	border-left:2px solid #ccc;
}
.table2 td{
	width:160px;
	padding:8px 20px;
	border-bottom:1px dotted #ccc;
	text-align:right;
}

/* ::: カラーシュミレーション ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#color_tab {
	text-align: center;
}

#color_tab img {
	vertical-align: bottom;
}

#color_img {
	position:relative;
	margin-bottom: 20px;
	margin-left: 60px;         /* set to centering position */
}

#color_img .inner{
	position: relative;
	width: 600px;              /* base.png width  */
	height: 400px;             /* base.png height */
	border: 5px solid #13a7ef;
	overflow: hidden;
}

#color_img img {
	position: absolute;
	top: 0px;
	width: 600px;              /* base.png width  (safe code) */
	height: 400px;             /* base.png height (safe code) */
}

/* 2トーンの家画像用に一時作成（家画像の縦横サイズを統一し、あとで削除する） */
#color_img {
	position:relative;
	margin-bottom: 20px;
	margin-left: 60px;         /* set to centering position */
}

#color_img .inner2{
	position: relative;
	width: 600px;              /* base.png width  */
	height: 400px;             /* base.png height */
	border: 5px solid #13a7ef;
	overflow: hidden;
}

#color_img img {
	position: absolute;
	top: 0px;
	width: 600px;              /* base.png width  (safe code) */
	height: 400px;             /* base.png height */
}


#selector li img {
	margin: 1px;
	cursor: pointer;
	border: 2px solid #666;
}
#selector img.active {
	border: 2px solid #C66;
	margin: 1px;
}

.ul_color_button {
	clear: both;
}

.ul_color_button li{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.ul_color_button a img {
	display: block;
	width: 135px;
	height: 40px;
	border: solid 2px #000;
}

.ul_color_button a:active img {
	border: solid 2px red;
}

.color_button_default a img {
	width: 606px;
	height: 30px;
	border: solid 2px #000;
}

.color_button_default a:active img {
	border: solid 2px red;
}

/* 折りたたみ表示機能向けの定義 */
UL LI.pallet{
	float: none;
	display:block;
	cursor: pointer;
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	clear:both;
	background-color:#999;
	padding:3px 10px;
	color:#fff;
}