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

#MAINWRAP {
	margin:0 14px 0 14px;
	padding:0px;
	text-align:left;
}

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

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

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


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


#HEADER {
	height: 71px;
	position: relative;
}

#NAVT {
	width:722px;
}

#TOPFLA {
    border-bottom:8px #68c1ad solid;
	margin-bottom:6px;
}


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

#CONTENTSTOP {background: url(../img/bg_topcontent.jpg) repeat-y; }

#TOPLEFT {width:347px; float:left;}

#TOPRIGHT {width:375px; float:right;}

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

.topbukkensmall {
text-align:center; width:125px; float:left; font-size:10px; line-height:12px; margin-top:20px;
}

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

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

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


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

.contenttitle {width:722px;}

.contenttitle2 {width:722px; 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:722px;
}

#CONTENTS-MAR {
	margin: 20px;
}

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

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

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

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

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

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

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

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

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

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

.townbutton {width:320px; 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;}
.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:682px; 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;}

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

#BUKKEN-MAR {margin: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 {
	width:722px;
	text-align: center;
	padding-top: 20px;
}
#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 top left; height:34px; line-height:24px; text-align:center; color:#FFFFFF;}

#COPYRIGHT a {color:#FFFFFF;}

#ACC {
	color:  #333333;
	background-color: #FFFFFF;
}
/* ____ フロートボックス解除用。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;}


/* ____ その他 ____ */

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

.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;}