@charset "shift-jis";
@media screen and (max-width:800px){
font-size:1.2em;
/*８００ｐｘ以下のデバイスで表示するCSSをここに記入*/
}
@media screen and (min-width: 900px) {

/*メンテナンス用*/

#wrapper{
width:320px;
margin:auto;
}

#mainImages {
height:100px;
overflow:hidden;
}

}
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;	background: transparent;border: 0;outline: 0;font-size: 1em;}
body,table,input, textarea, select, option {font-size: 1em;}
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary {display: block;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

a{color:#593E35;}
/*a:visited {color:#F9BD8C;}*/

img{vertical-align:bottom;}
*{vertical-align:bottom;}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }

.minchou{font-family:'Hiragino Mincho ProN', serif;}

.red{color:#B10002;}
.blue{color:#3B7FCE;}
.pink{color:#FF6666;font-weight:bold;}

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.mr10{margin-right:10px;}
.mt20{margin-top:20px;}


/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/

.clearfix:before,.clearfix:after {content:""; display:table; overflow:hidden;}
.clearfix:after {clear:both; overflow:hidden;}
.clearfix {zoom:1; overflow:hidden;}

.fLeft{float:left;}
.fRight{float:right;}

.img100 img{
	width:100%;
}
.img50 img{
	width:50%;
	text-align:center;
	margin-bottom:10px;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	/*text-align: center;*/
	line-height: 1.5em;
	-webkit-text-size-adjust: none;
	font-family: 'ヒラギノ角ゴ Pro W3',HiraKakuProN-W3,'Hiragino Kaku Gothic Pro';
	background:#fff;   /*#F9F1EC;*/
	}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	position:relative;
}
.h_tel{
	position:absolute;
	top:10%;
	right:10%;
}
.h_form{
	position:absolute;
	top:10%;
	right:30%;
}
nav ul{
	border-top:1px solid #B4B4B4;
	border-bottom:5px solid #000;
	text-align:center;
	margin-bottom:20px;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #593E35 50%, #e0e0e0 50%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#593E35), color-stop(50%,#e0e0e0), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#593E35 50%,#e0e0e0 50%,#cccccc 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#593E35 50%,#e0e0e0 50%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#593E35 50%,#e0e0e0 50%,#cccccc 100%);
	background: linear-gradient(top,  #ffffff 0%,#593E35 50%,#e0e0e0 50%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
	}
nav li{display:inline-block;}
nav li a{
	border-right:1px solid #B4B4B4;
	border-left:1px solid #fff;

	/*color:#A08D69;*/
	color:#000;
	display:block;
	font-size:75%;
	font-weight:bold;
	padding:5px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 1px #fff;
	width:68px;
	line-height:100%;
}
nav li a span{
	color:#666666;
	border-top:1px solid #fff;
	display:block;
	font-size:6px;
	font-weight:normal;
	padding:2px 0 0 0;
	margin:5px 0 0 0;
}
.title {
	width:100%;
	position:relative;
	margin-bottom:10px;
}
.title h2{
	position:absolute;
	top:5px;
	left:0;
	margin:0;
	padding:8px 5%;
	font-size:90%;
}
.title p{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:11px 3%;
	font-size:70%;
	text-align:right;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/

#content {margin:0 4% 10px 4%;}

.half_table{width:100%; margin-bottom:10px;}
.half_table td{width:50%;border-bottom:1px dotted #ccc;}
.half_table td:vnth-child(2n){margin-left:10px solid #ccc;}

#content h1{
	font-size:80%;
	background:#630233;
	padding:1px 5%;
	margin: 10px -4%;
	color:#FFFFFF;
}
#content h1 span{
	display:block;
	font-size:80%;
	font-weight:normal;
}
#content .tit01{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	line-height:1.5em;
	color:#593E35;
	margin:10px 0;
}
#content .tit02{
	font-size:0.9em;
	line-height:1.5em;
	margin: 5px 4px 10px 0;
	color:#C60;
	padding:5px;
	border-top:solid 1px #721D47;
	border-right:solid 1px #721D47;
	border-bottom:solid 1px #721D47;
	border-left:solid 5px #721D47;
}
#content .tit03{
	font-size:0.9em;
	line-height:1.5em;
	padding: 5px;
	width:93%;
	background:#F5F5DD;
	color:#333;
	font-weight:bold;
	text-align:center;
}

#content dd p{
	font-size:0.9em;
	line-height:1.8em;
	margin: 0 0 5px 5px;
	color:#333;
}
/*#content dd p:first-letter{
    font-size: 1.5em;
}


#content dl.comp2 dd p:first-letter{
    font-size:0.9em;
}

*/
#content p{
	font-size:0.9em;
	line-height:1.8em;
	margin-bottom: 15px;
	color:#333;
}
#content ul{
	margin-bottom: 2px;
}

.box{margin-bottom:20px;}

ul.breadcrumbs{
	background:#D9D9D9;
	border-top:1px solid #ccc;
	border-bottom:3px solid #000;
	line-height:normal;
	margin:0 0 20px 0;
}

ul.breadcrumbs li{
	float:left;
}

ul.breadcrumbs li a{
	background:url(../img/bread_bg.png) right 0 no-repeat #F2F2F2;
	background-size:contain;
	display:block;
	text-decoration:none;
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:70%;
	padding:5px 15px 5px 5px;
}

ul.breadcrumbs li:last-child a{
	background:url(../img/bread_bg02.gif) right 0 no-repeat #F2F2F2;
}

form p{
	font-size:0.8em;
	line-height:1.5em;
	margin-bottom: 10px;
	color:#333;
}
form small{
	font-size:0.8em;
	line-height:1.3em;
	margin-bottom: 10px;
	color:#333;
}
form dt{
	font-size:0.9em;
	line-height:1.5em;
	padding: 2px 5px;
	color:#333;
	background:#ECD39F;
}
form dt span{
	font-size:0.8em;
	line-height:1.5em;
	margin-bottom: 5px;
	color:#333;
}
form dd{
	font-size:0.8em;
	line-height:1.5em;
	margin-bottom: 5px;
	padding: 5px 5px;
	color:#333;
}
input.handred,
select
{width:100%; font-size:120%; padding:5px;}
input.sixth
{width:60%; font-size:120%; padding:5px;}
input:focus,input:hover
{/*background:#acf3ff;*/}
textarea
{width:100%; font-size:120%; padding:5px; height:100px;}
textarea:focus,textarea:hover
{/*height: 200px;background:#acf3ff;*/}
.focus
{/*background:#acf3ff;*/}

.book01{
	float:left;
	margin:0 10px;
	border:solid 1px #000;
}
.blue_box{
	font-size:0.9em;
	background:#3B7FCE;
	color:#fff;
	padding:2px 6px;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.bottom {
	font-size:80%;
	text-align:right;
	padding-right:3px;
}
#footer {
	background:#D7A98A;
	text-align:center;
}
#footer ul{
	background:#593E35;
}
#footer li{
	float:left;
	width:33%;
	border-left:1px solid #fff;
	}
#footer ul li:first-child{border-left:0;}
#footer li a{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	text-align:center;
}
.mailform, .tel{ color:#fff;}
.address{
	color:#FFFFFF;
	padding:10px 4% 10px 10px;
	line-height:16px;
}
.copyright{
	text-align:center;
	font-size:70%;
	color:#FFF;
	border-top:1px solid #fff;
	background:#000;
}
.footer_contact p{
	display:inline-block;
	width:48%;
	}

/*------------------------------------------------------------
	アコーディオン
------------------------------------------------------------*/

dl.comp { width:100%; padding:5px 0;}

dl.comp dt {
    background:url(../img/open.png) 97% center no-repeat,-moz-linear-gradient(top, #F5F5DD, #F5F5DD);
    background:url(../img/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#F5F5DD), to(#F5F5DD));
    color:#333;
    font-weight:bold;
    cursor:pointer;
    margin-top: 2px;
    /*border-bottom:solid 2px #fff;*/
}

dl.comp dt.open {
	background:url(../img/close.png) 97% center no-repeat,-moz-linear-gradient(top, #F5F5DD, #F5F5DD);
	background:url(../img/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#F5F5DD), to(#F5F5DD));
}
dl.comp dd {
	background:#FFF;
	display:none;
	font-size:0.9em;
	line-height:1.5em;
	border: 2px solid #F5F5DD;
	padding:5px;
	color:#333;
	border-top: none;
}
.comp dd span{
	display: block;
	font-size:0.85em;
	line-height:1.5em;
	color:#fff;
	display: block;
	background: #F1A371;
	padding: 3px 5px;
	border-radius: 3px;
 }

.comp dt{
	font-size:0.9em;
	line-height:1.8em;
	padding: 2px 5px;
}

dl.accordion { width:100%; padding:5px 0;}
dl.accordion dt {
    background:url(../img/open.png) 97% center no-repeat;
    color:#333; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
    background:url(../img/close.png) 97% center no-repeat;}
dl.accordion dd { background:#FFF; display:none;}

/*------------------------------------------------------------
	メニュー共通
------------------------------------------------------------*/

.menu{
	width:100%;
}

.menu li img{
	float:left;
	margin: 0 0 7px 2%;
	position:relative;
}
.menu01 li a{
	text-decoration:none;
	display:block;
	font-size:75%;
	font-weight:bold;
	background:url(../img/icon01.png) 96% center no-repeat;
	background-size:12px;
	border:1px solid #ccc;
	padding:0 12% 0 50px;
	margin:0 -1px -1px 0;
}
.menu01 li a span{
	display:block;
	color:#999999;
	border-top:1px solid #ccc;
	font-size:8px;
	font-weight:normal;
}
.menu01 li a img{
	position:absolute;
	top:5px;
	left:5px;
}

.menu02{
	width:100%;
	font-size:12px;
	padding-bottom:5px;
}
.menu02 li{
	height:25px;
	padding:5px;
	color:#630233;
	font-weight:bold;
}
.menu02 li a:link{
	text-decoration:none;
	display:block;
	height:25px;
	width:100%;
	color:#630233;
	background:url(../img/icon04.png) no-repeat left center;
	padding-left:25px;
}


ul.menu03{display:none;visibility:hidden;}

/*デザインの設定*/
.menu02 li{
	border-bottom:1px #630233 solid;
	background:-moz-linear-gradient(top, #FcFcFc, #F1F1F1);
	background:-webkit-gradient(linear, left top, left bottom, from(#FcFcFc), to(#F1F1F1));
}
.menu02 li:first-child{
	border-top:1px #630233 solid;
}








/*------------------------------------------------------------
	ボタン共通
------------------------------------------------------------*/
.btn01,.btn_contact{
	position:relative;
	border:1px solid #8F655A;
	display:block;
	border-radius:5px;
	margin-bottom:10px;
	background: #ffffff;
	background-image:-ms-linear-gradient(-90deg,rgb(252,250,251) 0%,rgb(243,243,235) 48%,rgb(227,224,205) 49%,rgb(235,233,220) 79%,rgb(235,233,220) 99%);
	background-image:linear-gradient(-90deg,rgb(252,250,251) 0%,rgb(243,243,235) 48%,rgb(227,224,205) 49%,rgb(235,233,220) 79%,rgb(235,233,220) 99%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffcfafb,endColorstr=#ffebe9dc,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffcfafb,endColorstr=#ffebe9dc,GradientType=0);
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(252,250,251) 0%,rgb(243,243,235) 48%,rgb(227,224,205) 49%,rgb(235,233,220) 79%,rgb(235,233,220) 99%);
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(252,250,251)),color-stop(0.48, rgb(243,243,235)),color-stop(0.49, rgb(227,224,205)),color-stop(0.79, rgb(235,233,220)),color-stop(0.99, rgb(235,233,220)));
	background-image:-webkit-linear-gradient(-90deg,rgb(252,250,251) 0%,rgb(243,243,235) 48%,rgb(227,224,205) 49%,rgb(235,233,220) 79%,rgb(235,233,220) 99%);
	background-image:-o-linear-gradient(-90deg,rgb(252,250,251) 0%,rgb(243,243,235) 48%,rgb(227,224,205) 49%,rgb(235,233,220) 79%,rgb(235,233,220) 99%);
}

.btn01 img{
	position:absolute;
	top:9px;
	left:20px;
}
.btn_contact img{
	position:absolute;
	top:9px;
	left:20px;
}

.btn_contact span:first-child{
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
}


.btn_contact span:nth-child(2){
	font-size:200%;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
}

.btn01 a{
	display:block;
	color:#333333;
	background-size:14px;
	padding:20px 2% 20px 70px;
	text-decoration:none;
}
.btn_contact a{
	display:block;
	padding:5px 10px 5px 70px;
	text-decoration:none;
	line-height:normal;
	color:#333333;
}

.btn02{
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(202,202,202) 0%,rgb(202,202,202) 3%,rgb(160,160,160) 3%,rgb(124,124,124) 32%,rgb(81,81,81) 50%,rgb(51,51,51) 50%,rgb(52,52,52) 54%,rgb(67,67,67) 80%,rgb(76,76,76) 80%,rgb(96,96,96) 94%,rgb(67,67,67) 94%,rgb(67,67,67) 99%);
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(202,202,202)),color-stop(0.03, rgb(202,202,202)),color-stop(0.03, rgb(160,160,160)),color-stop(0.32, rgb(124,124,124)),color-stop(0.5, rgb(81,81,81)),color-stop(0.5, rgb(51,51,51)),color-stop(0.54, rgb(52,52,52)),color-stop(0.8, rgb(67,67,67)),color-stop(0.8, rgb(76,76,76)),color-stop(0.94, rgb(96,96,96)),color-stop(0.94, rgb(67,67,67)),color-stop(0.99, rgb(67,67,67)));
background-image:-webkit-linear-gradient(-90deg,rgb(202,202,202) 0%,rgb(202,202,202) 3%,rgb(160,160,160) 3%,rgb(124,124,124) 32%,rgb(81,81,81) 50%,rgb(51,51,51) 50%,rgb(52,52,52) 54%,rgb(67,67,67) 80%,rgb(76,76,76) 80%,rgb(96,96,96) 94%,rgb(67,67,67) 94%,rgb(67,67,67) 99%);
background-image:-o-linear-gradient(-90deg,rgb(202,202,202) 0%,rgb(202,202,202) 3%,rgb(160,160,160) 3%,rgb(124,124,124) 32%,rgb(81,81,81) 50%,rgb(51,51,51) 50%,rgb(52,52,52) 54%,rgb(67,67,67) 80%,rgb(76,76,76) 80%,rgb(96,96,96) 94%,rgb(67,67,67) 94%,rgb(67,67,67) 99%);
background-image:-ms-linear-gradient(-90deg,rgb(202,202,202) 0%,rgb(202,202,202) 3%,rgb(160,160,160) 3%,rgb(124,124,124) 32%,rgb(81,81,81) 50%,rgb(51,51,51) 50%,rgb(52,52,52) 54%,rgb(67,67,67) 80%,rgb(76,76,76) 80%,rgb(96,96,96) 94%,rgb(67,67,67) 94%,rgb(67,67,67) 99%);
background-image:linear-gradient(-90deg,rgb(202,202,202) 0%,rgb(202,202,202) 3%,rgb(160,160,160) 3%,rgb(124,124,124) 32%,rgb(81,81,81) 50%,rgb(51,51,51) 50%,rgb(52,52,52) 54%,rgb(67,67,67) 80%,rgb(76,76,76) 80%,rgb(96,96,96) 94%,rgb(67,67,67) 94%,rgb(67,67,67) 99%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcacaca,endColorstr=#ff434343,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcacaca,endColorstr=#ff434343,GradientType=0);
	display:block;
	float:right;
	color:#333;
	padding:3px;
	text-decoration:none;
	border-radius:5px;
	font-size:80%;
}

span.tel,
span.mailform{
	color:#593E35;
}

.gl_ph{
	margin:10px auto;
	text-align:center;
}

dl.comp2 { width:100%; padding:5px 0;}
dl.comp2 dt {
    color:#333;
	font-size:0.9em;
	line-height:1.8em;
	padding: 2px 5px;
	font-weight:bold;
	border-bottom:solid 2px #fff;
	background:#F5F5DD;
}
dl.comp2 dd { background:#FFF;
	font-size:0.9em;
	line-height:1.5em;
	border-bottom:solid 10px #fff;
	padding:0;
	color:#333;
}
.comp2 dd span{
	font-size:0.85em;
	line-height:1.5em;
	color:#333;
}


/********************
家づくり
**********************/

.iedukuriMenu li{
	background: url(../img/icon04.png) 97% center no-repeat;
}
.iedukuriMenu li a{
	display:block;
	width:100%;
}
.iedukuriMenu li a:link{
	color:#C60;
	text-decoration:none;
}

/********************
アイロン
**********************/
.toi{
	font-size:0.9em;
	line-height:1.5em;
	margin: 0 auto 5px auto;
	color:#333;
	background-color:#ccc;
	width:70%;
	padding:0 10px;
}
/********************
受賞歴
**********************/
.prizeList li{
	font-size:0.9em;
	line-height:1.7em;
	color:#333;
	margin: 0 0 5px 5px;
	background:url(../img/icon05.jpg) no-repeat left top;
	padding-left:10%;
}


/*-------- LINE@ ---------*/
.line img{width: 100%;}

.line_qr{
	background: url("../img/line/line_img3.jpg");
	width: 100%;
	background-size: 100%;
	text-align: right;
 }

 .line_qr img{
 	width: 20%;
	padding: 4%;
 }

 .line_btn{
	background: url("../img/line/line_img5.jpg");
	width: 100%;
	background-size: 100%;
	text-align: right;
 }

 .line_btn img{
 	width: 33%;
	padding: 8%;
	height: auto;
 }



 /*----- 見学会・イベント情報 -----*/

 .event_list li{
	border-bottom: 1px dotted #666;
 	padding: 2% 6% 3% 1%;
 	background: url("../img/icon02.png") no-repeat center right;
 }

 .event_list li a{
 	display: block;
 	color: #593E35;
	text-decoration: none;
	font-size: 0.8em;
}

.event_list li a span{
	font-size: 0.8em;
	font-weight: bold;
}

.back_number{
	text-align: center;
	width: 70%;
	margin: 15px auto;
}

.back_number a{
	color: #630233;
	display: block;
	text-decoration: none;
	border: 1px solid #630233;
	border-radius: 3px;
	padding: 2% 0;
}