@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
		background: #f5f5ea;
	}

	/* pop */
	body.pop {
		background: #ffffff;
	}
	body.pop#photo,
	body.pop#map {
		background: #ffffff url(../../town/imgs/pop_photo/bg.gif) repeat-x left top;
	}
	body.pop#madori {
		background: #f5f5ea;
	}
	body.pop#madori_Gclass {
		background: #003f3b;
	}
	body.pop#misc_spot {
		background: #ffffff url(../../misc_freeku/misc_spot/imgs/bg.gif) repeat-x left top;
	}	
	.page {
		color: #666666;
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 50px;
	}
	.pop .page {
		padding-bottom: 20px;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		color: #5a5e00;
		text-decoration: none;
		outline: 0;
	}
	a:visited {}
	a:hover {
		color: #5a5e00;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		margin: 0 0 9px 30px;
	}
	.contentTitle {
		margin-bottom: 30px;
	}
	.title {
		margin-bottom: 30px;
	}
	.section .title {
		margin-bottom: 20px;
	}
	.section .className .title {
		/*dont use <h4> selector*/
	}

/* cap */
	.cap,
	.caption {
		background: none;
		color: #999999;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/**
 * 4. Layout
 */
 
/* header */
	body #gHeader {
		background: url(../imgs/bg-hdr.gif) repeat-x left top;
	}
	#headerInner01 {
		background: url(../imgs/bg-hdrTop.gif) no-repeat center top;
	}
	#headerInner02 {
		position: relative;
		width: 940px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 5px;
	}
	/* seo */
	#seoText {
		position: absolute;
		top: 20px;
		left: 120px;
		font-size: 10px;
		line-height: 14px;
		color: #999999;
	}
	/* nav */
	li {
		display: block;
		list-style-type: none;
	}
	li img {
		vertical-align: top;
	}
	#gNavList li {
		float: left;
	}
	/* hdr button */
	#hNavList {
		position: absolute;
		top: 10px;
		right: 20px;
	}
	#hNavList li {	
		float: left;
	}

/* container */
	body #wrap {
		background: url(../imgs/bg-wrap.gif) repeat-x left top;
	}
	body #container {
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		background: url(../imgs/bg-container.gif) repeat-y center top;
	}
	body #containerInner01 {
		background: url(../imgs/bg-top.gif) no-repeat center top;
	}
	body #containerInner02 {
		background: url(../imgs/bg-bottom.gif) no-repeat center bottom;
		padding: 0 10px 10px 10px;
	}
	#mainContent {
		width: 880px;
		margin-right: auto;
		margin-left: auto;
	}
	/*footer nav */
	#fNav {
		position: relative;
		width: 851px;
		margin: 70px 0 30px 59px;
	}
	#pageTop {
		position: absolute;
		top: -20px;
		right: 0;
	}
	#pageTop {
		position: absolute;
		top: -20px;
		right: 0;
	}
	#pageTop a {
		background: url(../imgs/bg-pagetop.gif) no-repeat left 1px;
		padding-left: 13px;
		color: #5a5e00;
	}
	#pageTop a:hover {
		padding-left: 13px;
		text-decoration: underline;
	}

/* footer */
	body #gFooter {
		position: relative;
		width: 940px;
		background: url(../imgs/bg-ftr.gif) no-repeat center top;
		height: 109px;
	}
	/* contact */
	#gFooter address#contact {
		display: none;
	}
	/* ftr logo */
	#gFooter li {
		float: left;
	}
	#fLogo01 a {
		position: absolute;
		top: 41px;
		left: 554px;
		background: url(../imgs/ftr-logo01.gif) no-repeat left top;
		width: 145px;
		height: 39px;
		text-indent: -9999px;
		margin-right: 11px;
	}
	#fLogo02 a {
		position: absolute;
		top: 41px;
		left: 710px;
		background: url(../imgs/ftr-logo02.gif) no-repeat left top;
		width: 200px;
		height: 39px;
		text-indent: -9999px;
	}
	/* copyright */
	address#copyright {
		position: absolute;
		top: 130px;
		left: 321px;
		background: url(../imgs/bg-copyright.gif) no-repeat left top;
		width: 308px;
		height: 11px;
		text-indent: -9999px;
	}

/* pop */
	body.pop #container {
		width: 600px;
		background: none;
	}
	body.pop #mainContent {
		width: 600px;
	}

/**
 * 5. EachPageStyle
 */

/* index */
	#index #mainContent {
		width: 900px;
	}
	#index .sNav {
		border-bottom: 2px #969282 solid;
	}
	#index #bnrArea {
		background: #f1f1f1;
		padding: 10px 8px 8px 10px;
	}
	.mb04 {
		margin-bottom: 4px;
	}
	/* info */
	#index #info {
		margin-bottom: 30px;
	}
	#index #info h2 {
		margin-bottom: 10px;
	}
	#index #info h3 {
		font-size: 14px;
		font-weight: bold;
	}
	#index #info li {
		background: url(../../imgs/bg-info-li.gif) no-repeat left top;
		padding-left: 10px;
		font-size: 10px;
		line-height: 15px;
	}
/* equipment */
	#equipment #fNav {
		margin-top: 58px;
	}
	h5 {
		background: url(../../equipment/imgs/bg-h5.gif) no-repeat left top;
		padding-left: 20px;
		margin: 19px 0 15px;
	}
	.eqBox {
		margin: 0 0 19px 19px;
	}
/* outline */
	#outline h4 {
		margin-bottom: 10px;
		font-weight: bold;
	}
	#outline .section table {
		background: #d7d4bd;
	}
	#outline .section th {
		background: #f5f5ea;
		width: 23%;
		text-align: left;
	}
	#outline .section td {
		background: #ffffff;
	}

/* pop */
/* pop common */
	body.pop#common #container {
		width: 560px;
		text-align: center;
		background: none;
	}
/* pop madori */
	body.pop#madori #container {
		background: url(../../plan/imgs/pop/bg-container.gif) repeat-y center top;
		margin-bottom: 20px;
	}
	body.pop#madori #containerInner01 {
		background: url(../../plan/imgs/pop/bg-bottom.gif) no-repeat center bottom;
		padding-bottom: 10px;
	}
	body.pop#madori #mainContent,
	body.pop#madori_Gclass #mainContent {
		width: 560px;
	}
	body.pop#madori .section,
	body.pop#madori_Gclass .section {
		padding: 30px 0;
		text-align: center;
	}
	
	/* pop_furniture */
	body.pop#furniture {
		background: #f5f5ea;
	}
	body.pop#furniture #container {
		width: 820px;
	}
	body.pop#furniture #mainContent {
		width: 820px;
	}
	
	/* G class */
	body.pop#madori_Gclass #container {
		background: url(../../plan/imgs/pop/bg-Gclass-container.gif) repeat-y center top;
		margin-bottom: 20px;
	}
	body.pop#madori_Gclass #containerInner01 {
		background: url(../../plan/imgs/pop/bg-Gclass-bottom.gif) no-repeat center bottom;
		padding-bottom: 10px;
	}
/* pop photo */
	.mr18 {
		margin-right: 18px;
	}
	.mb18 {
		margin-bottom: 18px;
	}
/* pop questionnaire */
	body.pop#questionnaire #container {
		width: 650px;
		text-align: center;
		background: none;
		border-top: 18px #0290BF solid;
	}
/* pop map */
	body.pop#map #container {
		width: 650px;
		text-align: center;
		padding-top: 30px;
	}
/* pop movie */
	body.pop#movie #container {
		width: 550px;
		text-align: center;
		background: none;
		border-top: 18px #0290BF solid;
	}
	body.pop#movie .section {
		width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
/* pop freeku */
	body.pop#freeku #container {
		width: 695px;
		background: url(../../misc_freeku/imgs/bg-container.gif) repeat-y center top;
	}
	body.pop#freeku #containerInner01 {
		background: url(../../misc_freeku/imgs/bg-bottom.gif) no-repeat center bottom;
		padding: 0 10px 30px 10px;
	}
	body.pop#freeku #mainContent {
		width: 625px;
		margin-bottom: 50px;
	}
	body.pop#freeku h1 {
		margin-bottom: 40px;
	}
	/* 01 */
	body.pop#freeku #pdfAera a {
		color: #ff6600;
		text-decoration: none;
		font-weight: bold;
	}
	body.pop#freeku #pdfAera a:hover {
		color: #ff6600;
		text-decoration: underline;
	}
	
/* pop freeku spot  */
	body.pop#misc_spot #container {
		width: 550px;
		padding: 50px 0 0;
	}
	body.pop#misc_spot #mainContent {
		width: 550px;
	}
	body.pop#misc_spot .title {
		margin-bottom : 20px;
	}
	body.pop#misc_spot .lead {
		margin-bottom: 10px;
	}
	body.pop#misc_spot .spot_info {
		width: 290px;
		border: 1px solid #000;
		padding: 14px;
	}
	body.pop#misc_spot .spot_info a {
		color: #0290bf;
	}
	body.pop#misc_spot .spot_info a:hover {
		color: #0290bf;
	}
	
/* pop freeku season  */
	body.pop#misc_season #container,
	body.pop#misc_garden #container {
		width: 560px;
	}
	body.pop#misc_season #container {
		padding-top: 20px;
	}
	body.pop#misc_season #mainContent,
	body.pop#misc_garden #mainContent {
		width: 560px;
		background-position: right top;
		background-repeat: no-repeat;
	}
	body.pop#misc_season h2 {
		margin-bottom: 20px;
	}
	body.pop#misc_garden h2 {
		margin-bottom: 10px;
	}	
	body.pop#misc_season #season_spring #mainContent {
		background-image: url(../../misc_freeku/misc_season/imgs/spring/bg.gif);
	}
	body.pop#misc_season #season_summer #mainContent {
		background-image: url(../../misc_freeku/misc_season/imgs/summer/bg.gif);
	}
	body.pop#misc_season #season_autumn #mainContent {
		background-image: url(../../misc_freeku/misc_season/imgs/autumn/bg.gif);
	}
	body.pop#misc_season #season_winter #mainContent {
		background-image: url(../../misc_freeku/misc_season/imgs/winter/bg.gif);
	}
	
	body.pop#misc_season .sectionTitle,
	body.pop#misc_garden .sectionTitle {
		margin-bottom: 10px;
		font-weight: bold;
	}
	body.pop#misc_season .sectionTitle {
		color: #49c182;
	}
	body.pop#misc_garden .sectionTitle {
		color: #e6508c;
	}

/* misc_style */
	body.pop#misc_style #container {
		width: 1000px;
	}