@charset "Shift_JIS";
/*___________ 基本設定 ___________ */
BODY {
	margin:0;
	padding:0;
	text-align:center;
	color:  #FFFFFF;
	background: #FFFFFF url(../img/wrap_bg.jpg) repeat-x top;
	background-color : #e7e7e7;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-size:12px;
	line-height:150%;
}


#WRAP {
	width:882px;
	margin:0 auto;
	color:  #666666;
	height: auto;
}

#MAINWRAP {
	background: url(../img/mainwrap_bg.jpg) repeat;
	margin:0 0px 0 0px;
	padding:0px;
	text-align:left;
	height: auto;
}

div {
	text-align:center;
}
p,pre {
	margin:0;
}

ol, ul {
	margin: 0;
	padding:0;
}

h1,h2,h3,h4,h5 {margin:0;}


/*___________ レイアウト設計【HEADER】 ___________ */


#HEADER {
	height: 118px;
	position: relative;
}
#HEADER h1{
	font-size: 10px;
	font-weight: normal;
	background-color:#008F7B;
	color: #FFF;
	text-align:right;
	margin: 0 1px -4px 1px;
}

#NAVT {
	width:882px;
}

#TOPFLA {
    width:882px;
	background: url(../img/topfla_boder.jpg) no-repeat;
    border-bottom: url(../img/topfla_bg.jpg) no-repeat;
	margin-bottom:6px;
}


/*___________ レイアウト設計【MAIN】 ___________ */

#CONTENTSTOP {background: repeat-y; }

#TOPLEFT {width:289px; float:left; margin-left:12px;}

#TOPRIGHT {
	width:548px;
	float:right;
	margin-right:5px;
	height: auto;
}

.topbukkenbig {
text-align:center; width:185px; float:left; font-size:12px; line-height:15px; margin-bottom:20px; margin-top:20px;
}

.topbukken_jpg {
text-align:center; width:120px; float:left; font-size:12px; line-height:14px; margin-top:12px;
}

.topbukken_jpg_left {
text-align:center; width:120px; float:left; font-size:12px; line-height:14px; margin-top:12px; margin-left:10px;
}

.topbukken_text {
text-align:left; width:140px; height:80px; float:left; font-size:12px; line-height:14px; margin-top:12px; margin-right:20px;
}

.toptopics1 {border-right:solid 1px #999999; padding-right:5px;}

.toptopics2 {padding-left:5px; vertical-align:top;}

.toptopics3 {text-align:left; padding-right:3px; vertical-align:left;}

.flash {font-size:10px; line-height:12px; border: solid 1px #999999; margin:20px; padding:5px;}


/*___________ レイアウト設計【TITLE】 ___________ */

.contenttitle {width:854px;}

.contenttitle2 {width:882px; height:111px;}

.contenttitle2 p{ padding:10px 5px 0 340px;}

#TITLE01 { background: url(../img/concept/bgconcept.jpg) no-repeat; }
#TITLE02 { background: url(../img/town/bgtown.jpg) no-repeat; }
#TITLE03 { background: url(../img/gallery/bggallery.jpg) no-repeat; }
#TITLE04 { background: url(../img/shunko/bgshunko.jpg) no-repeat; }

/*___________ レイアウト設計【CONTENTS】 ___________ */

#CONTENTS {
	width:882px;
}

#CONTENTS-MAR {
	margin: 20px;
}

/*___________ レイアウト設計【CONCEPT】 ___________ */

#CONCEPTINDEX {width : 882px; height:440px; background : url(../img/concept/bg_justfit.gif) no-repeat center center; position:relative; }

#CONCEPTINDEX p {width:103px; float:left; }
#CONCEPT01 { position:relative; top:255px; left : 235px;}
#CONCEPT02 { position:relative; top:255px; left : 235px;}
#CONCEPT03 { position:relative; top:255px; left : 235px;}
#CONCEPT04 { position:relative; top:255px; left : 235px;}

#CONCEPT {margin:20px; text-align:center;}

#CONCEPT30 {margin : 30px 50px 30px 50px; text-align:center;}

.conceptbutton img {margin: 0 10px 0 10px;}

.halfleft {width : 380px; float:left;}
.halfright{width : 380px; float:right;}

.halfleft h3, .halfright h3 {background:#F8D099; font-size:14px; padding:2px; margin-bottom:5px;}

/*___________ レイアウト設計【TOWN】 ___________ */

#TOWNTOP {margin : 0px 50px 0px 50px; }

.townbutton {width : 380px; height:123px; background: url(../img/town/bgbutton.gif) no-repeat; margin-bottom:20px;}
.townmidashi1 {margin:10px 10px 0 0; font-size:14px; color:#5FC1C7; font-weight:bold;
  padding-top : 10px;
}
.townmidashi2 a {margin:0 10px 0 0; font-size:18px; color:#009E96; font-weight:bold;}

.townbutton img {margin:10px 10px 0 12px; float:left;}

#TOWNWRAP {margin:0 20px;}

#TOWNTITLE {width:682px; height:40px; background : url(../img/town/bgfileno.jpg) no-repeat center bottom;}

#TOWNTITLE p {color:#FFFFFF; font-weight:bold; margin:10px;}

#TOWNCONTENT {background: url(../img/town/bgfile2.gif) repeat-y; padding:30px;}

#TOWNCONTENTTOP {paddin:20px; text-align:center; background: url(../img/town/bgfilebar.gif) no-repeat bottom;}

#TOWNCONTENTTOP h2 {font-size:18px; line-height:27px; color:#009E96;}

#TOWNINFO h3 {font-size:14px; color:#009E96; margin-bottom:5px;}

#TOWNFOOT {width:814px; height:70px; background:url(../img/town/bgfile3.gif) no-repeat;}

#TOWNFOOT p {margin: 22px 0 0 40px; }

.gototown {text-align:right;}

.bgdot1 {width:22px; background:url(../img/town/bgdot1.gif) repeat-y center;}

.bgdot2 {height:22px; background:url(../img/town/bgdot2.gif) repeat-x; }

.townmidashi {margin:30px 0 20px 0; padding-left:10px; color:#FFFFFF; font-size:14px; background:url(../img/town/bgmidashi.gif) no-repeat; font-weight:bold;}

.townleft {width:300px; float:left;}
.townright {width:300px; float:right;}

/*___________ レイアウト設計【SHUNKO】 ___________ */

#SHUNKOWRAP {margin:10px 30px 0 30px;}

#SHUNKOWRAP img {margin:10px;}

.shunkomtable td {border-bottom: dotted 1px #666666; }

.shunkomidashi {font-size:18px; font-weight:bold; padding-right:14px; background:url(../img/shunko/ya.gif) no-repeat right;}

#BUKKEN-BACK {background-color:#FFFFFF; }

#BUKKENWRAP {width : 722px; border:solid 2px #DCDDDD; margin:5px 20px 20px 20px auto;}

#BUKKEN-BANNER {width : 722px; margin:20px 20px 5px 20px; text-align:left;}

#BUKKEN-MAR {margin:10px 30px 30px 30px; text-align:center;}


#BUKKENWRAP h2 {font-size:18px;}

.shukodate {background: url(../img/shunko/bg_shunkodate.gif) no-repeat center; color:#FFFFFF; font-weight:bold; margin:10px;}

.bukkentokucho td {width:170px; text-align:center; background:#DAE4E5; color:#000000;}



/*___________ レイアウト設計【FORM】 ___________ */

#FORMWRAP {margin:30px;}

/*___________ レイアウト設計【FOOTER】 ___________ */
#FOOTER {
	background: url(../img/footer_bg.jpg) no-repeat;
	width:882px;
	text-align: center;
	padding-top: 5px;
	height: auto;
}
#FOOTER p {
	font-size: 12px;
	line-height: 16px;
	padding-right: 10px;
}
#FOOTER a {
	color: #333333;
	text-decoration: none;
}
#FOOTER a:hover,
#FOOTER a:active, 		/* for IE (Keyboard) */
#FOOTER a:focus {		/* for Netscape (Keyboard) */
	text-decoration: underline;
}

p#COPYRIGHT {background:url(../img/footerbg.jpg) no-repeat left; height:34px; line-height:24px; text-align:center; color:#FFFFFF;}

#COPYRIGHT a {color:#FFFFFF;}

#ACC {
	color:  #333333;
	background-color: #FFFFFF;
	height: auto;
}
/* ____ フロートボックス解除用。htmlでは<br class="clear" />で使用 ____ */
.clear {
	clear:both;
}
/* ____ テキスト用 ____ */
em {
	font-weight: bold;
	font-style: normal;
}
.b {
	font-weight: bold;
}
.s {
	text-decoration: line-through;
}
.u {
	text-decoration: underline;
}
.f10 {
	font-size: 10px;
	line-height:12px;
}
.f11 {
	font-size: 11px;
	line-height:12px;
}
.f12 {
	font-size: 12px;
	line-height:14px;
}
.f14 {
	font-size: 14px;
	line-height:18px;
}
.f18 {
	font-size: 18px;
	line-height:22px;
}
.f20 {
	font-size: 20px;
	line-height:26px;
}
.f24 {
	font-size: 24px;
	line-height:30px;
}
.text_right {
	text-align: right;
}
.center {
	text-align: center;
}
.ind20 {
	text-indent: 20px;
}
.ind40 {
	text-indent: 40px;
}
.red {
	color: #DD0000;
	background-color: #FFE6E6;
	font-weight: bold;
}
.blue {
	color: #4B87C8;
	background-color: #FFFFFF;
	font-weight: bold;
}

.cred {color:#FF0000;}
.cnavy {color:#000066;}
.cgreen {color:#009E96;}

.center {text-align:center;}

/* ____ 画像用 ____ */
img {
	border:0;
}
.float_left {
	float: left;
	margin-right: 8px;
}
.float_right {
	float: right;
}


/* ____ ボックス高さ用 ____ */
.clearfix:after{
    content:".";
	display:block;
	height:0;
	c;ear:both;
	visibility:hidden;
}

.clearfix{display:inline-block;}


/* ____ ボックス高さ用（TOP頁　Mainwrapのみ　2013.11.12追加） ____ */
.clearfixTop:after{
    content:".";
	display:block;
	height:0;
	c;ear:both;
	visibility:hidden;
}
.clearfixTop{display:inline-block;}
.clearfixTop{display:block;\9;} /* IE8ハック */
.clearfixTop:not(:target){display:block;\9;} /* IE9ハック */

/* ____ その他 ____ */

.marginb1 {margin-bottom:10px;}
.marginb2 {margin-bottom:20px;}
.marginb3 {margin-bottom:30px;}
.marginb4 {margin-bottom:40px;}
.marginb5 {margin-bottom:50px;}

.margin5 {margin:5px;}
.margin10 {margin:10px;}
.margin20 {margin:20px;}
.margin30 {margin:30px;}

.paddingb1 {padding-bottom:10px;}
.paddingb2 {padding-bottom:20px;}
.paddingb3 {padding-bottom:30px;}
.paddingb4 {padding-bottom:40px;}
.paddingb5 {padding-bottom:50px;}


/* ____ その他 ____ */

#MAPWRAP {width:100%; background:url(../img/map/bg_top.gif) repeat-x; text-align:center;}

#MAP {width:450px; margin:0 auto 0 auto; text-align:left;}

.mapshosai {margin:20px 70px 0px 70px; padding-bottom:20px; border-bottom:dotted 2px #999999;}

#MAPFOOTER {background:url(../img/map/mapfooter.gif) repeat-x; height:34px; text-align:center;}