@charset "UTF-8";

/* =====================================================================
*    0.デフォルト設定
* =================================================================== */

/* - - - -   1. Reset - - - - - - */
html,body {
	width:100%;
	height:100%;
	text-align: center;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, p, blockquote, th, td {
	margin:0px;
	padding:0px;
	border:none;
	font-size: 12px;
	line-height: 1.5em
}

img			{ border:none; }
table		{ font-size:inherit; font:100%; border-collapse:collapse; border-spacing:0; }
ul{ list-style: none; }
ul li{ margin-bottom: 0px; }

/* - - - -  2.font - - - - - - */

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	color:#333333;
	margin:0px;
	padding:0px;
	text-align: left;
}

/* - - - -  3.link - - - - - - */

a:link		{ text-decoration:none; color:#333333; }
a:visited	{ text-decoration:none; color:#333333; }
a:hover,
a:focus		{ text-decoration:underline; color:#007A4B; }


/* - - - -  4.幅指定 - - - - - - */
.flL { float:left; }
.flR { float:right; }
.mgB5 { margin-bottom: 5px; }
.mgB10 { margin-bottom: 10px; }
.alR{ text-align: right; }
.valM{ vertical-align: middle; }
.textRed{ color: #BF272D; }
.textNew{ color: #CC005C; }
.container {  width: 960px; margin: 0px auto; }



/* =====================================================================
*   2012ニューイヤーのみ
* =================================================================== */

#BtnLive{
	position: absolute;
	margin-top: 290px;
}
#BtnShow{
	position: absolute;
	margin-top: 402px;
}



/* =====================================================================
*   全ページ共通
* =================================================================== */
/* - - - -  Head共通 - - - - - - */
body div#Head {
	width: 100%;
	background: url(../images/common/head/bg-head.gif) repeat-x left top;
}
	body div#Head div#GrovalNavi {
		width: 970px;
		margin: 0px auto;
	}
	body div#Head div#GrovalNavi h2 {
		width:215px;
		float: left;
	}
	body div#Head div#GrovalNavi ul {
		width:730px;
		float: right;
	}
		body div#Head div#GrovalNavi ul li{
			float: left;
			width:144px;
			height: 65px;
		}
		body div#Head div#GrovalNavi ul li#Navi-shop,
		body div#Head div#GrovalNavi ul li#Navi-harbor{
			width:149px;
		}
body div#Visual {
	margin-top: 23px;
	margin-bottom: 23px;
	text-align: center;
}
	body div#Visual a#BtnFloor{
		width: 180px;
		height: 30px;
		position: absolute;
		margin-left:-195px; 
		margin-top:315px; 
	}

/* - - - -  contents設定 - - - - - - */
div#Wrapper { width:100%; }
body div#Container {  width: 960px; margin: 0px auto; }
body div#Container div#Main { width: 720px; float: right; }
body div#Container div#SubContent { width: 210px; float: left; text-align: left; }
	body div#Container div#SubContent ul.listLine {
		margin-bottom: 10px;
		width: 210px;
	}
		body div#Container div#SubContent ul.listLine li {
			background: url(../images/common/bg-listline.gif) repeat-x left bottom;
		}
			body div#Container div#SubContent ul.listLine li.listArrow a {
				background: url(../images/common/icon-arrow03.gif) no-repeat left center;
				padding: 5px 0px 5px 15px;
				display: block;
			}
			body div#Container div#SubContent ul.listLine li.listArrow a:hover {
				text-decoration:underline;
				color:#007A4B;
			}
			body div#Container div#SubContent ul.listLine li.listArrow a.selected {
				background: url(../images/common/icon-arrow01.gif) no-repeat left center;
				color:#007A4B;
				text-decoration:none;
				font-weight: bold;
			}

/* =====================================================================
*    1.Top
* =================================================================== */
body#Top div#Visual{
/* 	width: 960px; */
	margin: 0px auto;
	padding-bottom: 23px;
}
body#Top div#Visual div#Navi {width: 960px; margin: 0px auto;}
body#Top div#Visual div#Navi ul{
	width: 297px;
}
	body#Top div#Visual div#Navi ul li#Navi-walking {
		width: 155px;
		float: left;
	}
		body#Top div#Visual div#Navi ul li#Navi-walking a {
			display: block;
			width: 155px;
			height: 80px;
			background: url(/images/top/navi-walking.gif) no-repeat left top;
		}
		body#Top div#Visual div#Navi ul li#Navi-walking a:hover {
			background: url(/images/top/navi-walking-over.gif) no-repeat left top;
		}
	body#Top div#Visual div#Navi ul li#Navi-bus {
		width: 142px;
		float: left;
		background: url(../images/top/navi-bus.gif) no-repeat left top;
	}
		body#Top div#Visual div#Navi ul li#Navi-bus a {
			display: block;
			width: 142px;
			height: 80px;
			background: url(../images/top/navi-bus.gif) no-repeat left top;
		}
		body#Top div#Visual div#Navi ul li#Navi-bus a:hover {
			background: url(../images/top/navi-bus-over.gif) no-repeat left top;
		}
		
/*- - - - - Head - - - - - -*/
body#Top div#Head{
	width: 100%;
	background: url(/images/top/bg-head.gif) repeat-x left top;
}

	body#Top div#Head div#GrovalNavi{
		width: 970px;
		margin: 0px auto;
	}
		body#Top div#Head div#GrovalNavi ul{
			width: 970px;
			float:none;
		}
			body#Top div#Head div#GrovalNavi ul li{
				float: left;
				width: 192px;
				height: 80px;
			}
			body#Top div#Head div#GrovalNavi ul li#Navi-shop,
			body#Top div#Head div#GrovalNavi ul li#Navi-harbor{
				width: 197px;
			}
	
/*- - - - - Main - - - - - -*/
body#Top div#Container div#Main { width: 960px; float: none; }

body#Top div#Container div#Main div{
	width: 960px;
	padding-top: 25px;
}
	body#Top div#Container div#Main div h2{
		width: 192px;
		display: inline;
	}


/*- - - - - News - - - - - -*/
	body#Top div iframe {
		overflow-y: scroll;
	}
	body#News div ul#NewsList {
		width: 768px;
		height: 81px;
		text-align: left;
		float: left;
		display: inline;
	}
		body#News div ul#NewsList li{
			background: url(../images/common/bg-listline.gif) repeat-x left bottom;
			padding: 5px 0px 4px 0px;
		}
			body#News div ul#NewsList li a.linkArrow{
				background: url(../images/common/icon-arrow01.gif) no-repeat left 4px;
				padding-left: 15px;
				display: block;
			}
			body#News div ul#NewsList li a span {
				color: #A4D087;
			}
			body#News div ul#NewsList li a:hover span {
				text-decoration: none;
			}
			body#News div ul#NewsList li a:focus span {
				text-decoration: none;
			}
/*- - - - - NewsDetail - - - - - -*/
	body#NewsDetail div#Wrapper{
		text-align: left;
	}
	body#NewsDetail  div#Wrapper div#Head{
		margin-bottom: 10px;
	}
	body#NewsDetail div#Wrapper div.spec{
		padding-left: 8px;
		padding-bottom: 15px;
	}
	body#NewsDetail div#Wrapper div.spec div{
		margin-bottom: 3px;
	}
	body#NewsDetail div#Head{
		background: url(../images/news/bg-green.gif) repeat-x left top;
	}
	body#NewsDetail div#Head div#Navi {
		background: url(../images/common/bg-listline.gif) repeat-x left bottom;
		padding-bottom: 2px;
	}
	body#NewsDetail div#Head div#Navi div.flL{
		float: left;
		width: 230px;
	}
	body#NewsDetail div#Head div#Navi div.flR{
		float: right;
		width: 155px;
	}


/* =====================================================================
*    2.Shop
* =================================================================== */
body#Shop div#Main div#FloorMap {
	margin-bottom: 50px;
}
body div#Main div.shopBox{
	width: 720px;
	text-align: left;
	margin-bottom: 70px;
}
body div#Main div.shopBox.last{
	margin-bottom: 0px;
}

body div#Main div.shopBoxOther{
	width: 660px;
	text-align: left;
	margin-bottom: 50px;
}
	body div#Main div.shopBox div.spec{
		float: left;
		width: 430px;
	}
	body div#Main div.shopBoxOther div.spec{
		float: left;
		width: 380px;
	}
		body div#Main div.shopBox div.spec p.name,
		body div#Main div.shopBoxOther div.spec p.name{
			font-weight: bold;
			font-size: 14px;
		}
			body div#Main div.shopBox div.spec p.name span,
			body div#Main div.shopBoxOther div.spec p.name span{
				font-weight: normal;
				font-size: 12px;
			}
			body div#Main div.shopBox div.spec p.name img {
				vertical-align: -3px;
			}
/*
		body div#Main div.shopBox div.spec p.name span,
		body div#Main div.shopBoxOther div.spec p.name span{
			font-size: 12px;
		}
*/
		body div#Main div.shopBox div.spec p.nameEng,
		body div#Main div.shopBoxOther div.spec p.nameEng{
			font-size: 10px;
			padding-bottom: 15px;
			letter-spacing: 1px;
		}
		body div#Main div.shopBox div.spec p.attention,
		body div#Main div.shopBoxOther div.spec p.attention{
			font-size: 11px;
			margin-bottom: 8px;
		}
			body div#Main div.shopBox div.spec p.attention span,
			body div#Main div.shopBoxOther div.spec p.attention span{
				color: #BF272D;
			}
			/*----color設定----*/
			body div#Main div.shopBox.service div.spec p.nameEng{
				color: #44828E;
				border-bottom: 3px solid #44828E;
			}
			body div#Main div.shopBox.food div.spec p.nameEng {
				color: #B09C53;
				border-bottom: 3px solid #B09C53;
			}
			body div#Main div.shopBox.shopping div.spec p.nameEng {
				color: #BB6F7A;
				border-bottom: 3px solid #BB6F7A;
			}
			body div#Main div.shopBoxOther div.spec p.nameEng {
				color: #007A4B;
				border-bottom: 3px solid #007A4B;
			}

	/*----ShopOther----*/
	body div#Main div#ShopOther{
		background: url(../images/shop/bg-shopother-top.gif) no-repeat left top;
		padding-top: 30px;
		margin-top: 100px;
	}	
		body div#Main div#ShopOther div.bottom{
			background: url(../images/shop/bg-shopother-bottom.gif) no-repeat left bottom;
			padding-bottom: 30px;
		}	
			body div#Main div#ShopOther div.bottom div.middle{
				background: url(../images/shop/bg-shopother-middle.gif) repeat-y left top;
				padding:0px 30px;
			}


	/*--------------------------------------
	table
	--------------------------------------*/
	body div#Main div.shopBox div.spec table,
	body div#Main div#ShopOther div.bottom div.middle div.shopBoxOther div.spec table{
		margin-bottom: 10px;
	}
		body div#Main div.shopBox div.spec table th,
		body div#Main div.shopBox div.spec table td {
			background: url(../images/common/bg-listline.gif) repeat-x left bottom;
			width: 320px;
		}
			body div#Main div.shopBox div.spec table tr td span {
				font-size: 11px;
				color: #808080
			}
			body div#Main div.shopBox div.spec table tr th {
				width: 80px;
				letter-spacing: 1px;
			}
			body div#Main div.shopBox div.spec table tr td,
			body div#Main div#ShopOther div.bottom div.middle div table tr td {
				letter-spacing: 1px;
				padding: 5px 0px;
			}
			body div#Main div.shopBox div.spec table tr td.attention{
				color: #BF272D;
				font-weight: bold;
			}
			body div#Main div.shopBox div.spec table tr td.logo {
				width: 110px;
				background-image: none
			}
			body div#Main div.shopBox div.spec table tr td a.official,
			body div#Main div#ShopOther div.bottom div.middle div.shopBoxOther div.spec table tr td a.official {
				background: url(../images/common/icon-arrow03.gif) no-repeat left center;
				padding-left: 12px;
				color:#007A4B;
			}
			body div#Main div.shopBox div.spec table tr td a.official:hover,
			body div#Main div#ShopOther div.bottom div.middle div.shopBoxOther div.spec table tr td a.official:hover {
				text-decoration:underline;
			}
			body div#Main div#ShopOther div.bottom div.middle div.shopBoxOther.last {
				margin-bottom: 0px;
			}
			
		/*----shopBoxOther table設定----*/
		body div#Main div#ShopOther div.bottom div.middle div.shopBoxOther div.spec table tbody tr th,
		body div#Main div#ShopOther div.bottom div.middle div.shopBoxOther div.spec table tbody tr td {
			background: url(../images/common/bg-listline.gif) repeat-x left bottom;
		}
			body div#Main div#ShopOther div.bottom div.middle div.shopBoxOther div table tbody tr td{
				width: 240px;
				padding: 5px 0px;
			}
			body div#Main div#ShopOther div.bottom div.middle div.shopBoxOther div table tbody tr th{
				letter-spacing: 1px;
				width:70px;
			}
			body div#Main div#ShopOther div.bottom div.middle div.shopBoxOther div table tbody tr td.logo {
				width: 110px;
				background-image: none
			}
			/*----color設定----*/
			body div#Main div.shopBox.service div.spec table tr td.category {
				color: #44828E;
			}
			body div#Main div.shopBox.food div.spec table tr td.category {
				color: #B09C53;
			}
			body div#Main div.shopBox.shopping div.spec table tr td.category {
				color: #BB6F7A;
			}
	/*----shopImg----*/
	body div#Main div.shopBox div.shopImg,
	body div#Main div.shopBoxOther div.shopImg{
		float: right;
		width: 260px;
		background: url(../images/shop/shop/bg-img-shop.gif) no-repeat left top;
	}
		body div#Main div.shopBox div.shopImg img,
		body div#Main div.shopBoxOther div.shopImg img{
			margin: 15px;
		}
	body div#Main div.shopBox div.shopImg2{
		float: right;
		width: 260px;
		background: url(../images/hare/shop/bg-img-shop2.gif) no-repeat left top;
	}
		body div#Main div.shopBox div.shopImg2 img{
			margin: 15px;
		}


	/*--------------------------------------
	 SubContent
	--------------------------------------*/

		body#Shop div#Container div#SubContent ul.listLine li {
			background: url(../images/common/bg-listline.gif) repeat-x left bottom;
			padding: 1px 0px;
		}
			body#Shop div#Container div#SubContent ul.listLine li.listArrow a {
				background: url(../images/common/icon-arrow03.gif) no-repeat left center;
				padding-left:15px;
			}
			body#Shop div#Container div#SubContent ul.listLine li.listArrow a:hover {
				text-decoration:underline;
				color:#007A4B;
			}
			body#Shop div#Container div#SubContent ul.listLine li.listArrow a.selected {
				color:#007A4B;
				text-decoration:none;
				font-weight: bold;
			}
	body div#Container div#SubContent div#ShopSearch{
		background: url(../images/common/bg-seach-top.gif) no-repeat left top;
		width: 210px;
		padding-top: 8px;
		margin-bottom: 10px
	}	
		body div#Container div#SubContent div#ShopSearch div.bottom{
			background: url(../images/common/bg-seach-bottom.gif) no-repeat left bottom;
			padding-bottom: 8px;
		}	
			body div#Container div#SubContent div#ShopSearch div.bottom div.middle{
				background-color: #F5F5F5;
				padding: 0px 8px;
				width: 194px;
			}	
				body div#Container div#SubContent div#ShopSearch div.bottom div.middle a{
					display: block;
					padding-bottom: 5px;
				}
				body div#Container div#SubContent div#ShopSearch div.bottom div.middle a.last{
					padding-bottom: 0px;
				}
		/* - - - - ul#LinkOther - - - - - - */
		body div#Container div#SubContent ul#LinkOther {
			width: 210px;
		}
		body div#Container div#SubContent ul#LinkOther li{
			height: 65px;
			margin-bottom: 5px;
		}
		body div#Container div#SubContent ul#LinkOther li.linkPage{
			height: 50px;
		}
		body div#Container div#SubContent ul#LinkOther li.pageTop{
			height: 30px;
			margin-bottom: 0px;
		}

/*=====================================================================
    HARE
 =================================================================== */
body#HaRe div#Main h3 {
	margin-bottom: 45px;
	padding-top: 35px;
}
body#HaRe div#Main h3.last {
	padding-top: 0px;
}

body#HaRe div#Container div#SubContent ul.harelistLine {
	width:210px:
	padding-top: 0px;
	margin-bottom: 8px;
}
	body#HaRe div#Container div#SubContent ul.harelistLine li{
		background: none;
		padding-top: 0px;
		display: inline;
	}
	body#HaRe div#Container div#SubContent ul.harelistLine li a {
		padding: 4px 0px 5px 0px;
		display: block;
		background: url(../images/common/bg-listline.gif) repeat-x left bottom;
	}


/*=====================================================================
    ACCESS
 =================================================================== */
body#Access div#Container div#Main {
	width: 960px;
	float: none;
}
body#Access div#Main div.title{
	float: left;
	width: 210px;
}
body#Access div#Main div#MapInfo{
	margin: 23px 0px 23px 0px;
	text-align: left;
}
	body#Access div#Main div#MapInfo div.flR{
		width: 720px;
		float: right;
	}
	body#Access div#Main div#MapInfo div div h5 {
		margin-bottom: 10px;
		font-size: 14px;
	}
		body#Access div#Main div#MapInfo div#Route div{
			background: url(../images/access/bg-spec.gif) repeat-y left top;
			padding-left: 12px;
			margin: 25px 0px 25px 0px;
		}
		body#Access div#Main div#MapInfo div#Route div p.arrow{
			background:url(../images/access/icon-arrow.gif) no-repeat left 3px;
			padding-left: 12px;
			font-size: 14px;
			margin-top: 10px; 
		}
			body#Access div#Main div#MapInfo div#Route div ul{
				margin: 5px 0px 10px 0px;
			}
				body#Access div#Main div#MapInfo div#Route div ul li{
					font-size: 10px;
				}
body#Access div#Main div#MapInfo div#Route div.flL{
	float: left;
	width: 380px;
	display: inline;
}
body#Access div#Main div#MapInfo div#Route div.flR{
	float: right;
	width: 290px;
	display: inline;
}
/*=====================================================================
    Err
 =================================================================== */
body#Err div#Container div#Main {
	width: 960px;
	float: none;
	text-align: left;
}
	body#Err div#Container div#Main div#ErrInfo {
		width: 960px;
		float: none;
		margin-top: 23px;
	}
	body#Err div#Container div#Main div#ErrInfo div.flR{
		width: 720;
	}
		body#Err div#Container div#Main div#ErrInfo div.flR p{
			line-height: 2.2em;
		}
		body#Err div#Container div#Main div#ErrInfo div div.siteLink {
			margin: 70px 0px 100px 0px;
		}
			body#Err div#Container div#Main div#ErrInfo div p.flL {
				float: left;
				width: 200px;
			}
			body#Err div#Container div#Main div#ErrInfo div p.flR {
				float: left;
				width: 400px;
				padding-top: 20px;
			}

/*=====================================================================
    CONCEPT
 =================================================================== */
body#Concept div#Container div#Main{
	float: right;
	width: 720px;
}
body#Concept div#Container div#Main h3{
	margin-bottom: 15px;
}
	body#Concept div#Container div#Main div.facilityBox {
		margin-bottom:70px;
	}
	body#Concept div#Container div#Main div.facilityBox.last {
		margin-bottom:0px;
	}
		body#Concept div#Container div#Main div.facilityBox div.spec{
			float: left;
			width: 430px;
			text-align: left;
		}
			body#Concept div#Container div#Main div.facilityBox div.border{
				border-bottom: 3px solid #007A4B;
				margin-bottom: 10px;
			}
				body#Concept div#Container div#Main div.facilityBox div.spec p.name{
					font-weight: bold;
					font-size: 14px;
				}
				body#Concept div#Container div#Main div.facilityBox div.spec p.nameEng{
					font-size: 10px;
					padding-bottom: 15px;
					letter-spacing: 1px;
					color: #007A4B;
				}
		body#Concept div#Container div#Main div.facilityImg{
			float: right;
			text-align: center;
			width: 262px;
			height: 305px;
			background: url(../images/concept/top/bg-img.gif) no-repeat left top;
		}
			body#Concept div#Container div#Main div.facilityImg img{
				padding-top: 15px;
			}

/*- - - - -  subcontent - - - - - - - */
body#Concept div#Container div#SubContent{
	float: left;
	width: 210px;
}
		body#Concept div#Container div#SubContent ul.listLine li,
		body#Seasons div#Container div#SubContent ul.listLine li {
			background: url(../images/common/bg-listline.gif) repeat-x left bottom;
			padding: 1px 0px;
		}
			body#Concept div#Container div#SubContent ul.listLine li.listArrowSp,
			body#Concept div#Container div#SubContent ul.listLine li.listArrowSu,
			body#Concept div#Container div#SubContent ul.listLine li.listArrowAu,
			body#Concept div#Container div#SubContent ul.listLine li.listArrowWi,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowSp,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowSu,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowAu,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowWi {
				padding: 5px 0px 5px 0px;
			}
				body#Concept div#Container div#SubContent ul.listLine li.listArrow a,
				body#Concept div#Container div#SubContent ul.listLine li.listArrowSp a,
				body#Concept div#Container div#SubContent ul.listLine li.listArrowSu a,
				body#Concept div#Container div#SubContent ul.listLine li.listArrowAu a,
				body#Concept div#Container div#SubContent ul.listLine li.listArrowWi a,
				body#Seasons div#Container div#SubContent ul.listLine li.listArrow a,
				body#Seasons div#Container div#SubContent ul.listLine li.listArrowSp a,
				body#Seasons div#Container div#SubContent ul.listLine li.listArrowSu a,
				body#Seasons div#Container div#SubContent ul.listLine li.listArrowAu a,
				body#Seasons div#Container div#SubContent ul.listLine li.listArrowWi a {
					background: url(../images/common/icon-arrow03.gif) no-repeat left center;
					padding-left: 15px;
				}
			/*---施設紹介---*/
			body#Concept div#Container div#SubContent ul.listLine li.listArrow a:hover,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrow a:hover {
				text-decoration:underline;
				color:#007A4B;
			}
			body#Concept div#Container div#SubContent ul.listLine li.listArrow a.selected,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrow a.selected {
				color:#007A4B;
				text-decoration:none;
				font-weight: bold;
			}
			/*---春---*/
			body#Concept div#Container div#SubContent ul.listLine li.listArrowSp a:hover,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowSp a:hover  {
				text-decoration:underline;
				color:#DE7A7D;
			}
			body#Concept div#Container div#SubContent ul.listLine li.listArrowSp a.selected,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowSp a.selected {
				color:#DE7A7D;
				text-decoration:none;
				font-weight: bold;
			}
			/*---夏---*/
			body#Concept div#Container div#SubContent ul.listLine li.listArrowSu a:hover,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowSu a:hover {
				color:#004EA2;
				text-decoration:underline;
			}
			body#Concept div#Container div#SubContent ul.listLine li.listArrowSu a.selected,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowSu a.selected {
				color:#004EA2;
				text-decoration:none;
				font-weight: bold;
			}
			/*---秋---*/
			body#Concept div#Container div#SubContent ul.listLine li.listArrowAu a:hover,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowAu a:hover {
				color:#80442D;
				text-decoration:underline;
			}
			body#Concept div#Container div#SubContent ul.listLine li.listArrowAu a.selected,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowAu a.selected {
				color:#80442D;
				text-decoration:none;
				font-weight: bold;
			}
			/*---冬---*/
			body#Concept div#Container div#SubContent ul.listLine li.listArrowWi a:hover,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowWi a:hover {
				color:#C0AE72;
				text-decoration:underline;
			}
			body#Concept div#Container div#SubContent ul.listLine li.listArrowWi a.selected,
			body#Seasons div#Container div#SubContent ul.listLine li.listArrowWi a.selected {
				color:#C0AE72;
				text-decoration:none;
				font-weight: bold;
			}
			
/* = = = = = = = = = = = = = = = = = = = = 
	Seasons
= = = = = = = = = = = = = = = = = = = = */

body#Seasons div#Head {
	margin-bottom: 23px;
}
	body#Seasons div#Container div#Main h3 {
		margin-bottom: 20px;
	}

		/*- - - - - - - - - - - - - - - - - - - -  
			Seasons角丸　共通設定
		- - - - - - - - - - - - - - - - - - - - */
		body#Seasons div#Container div#Main div.top {
			padding-top: 10px;
		}
			body#Seasons div#Container div#Main div.top div.bottom {
				padding-bottom: 10px;
			}
				body#Seasons div#Container div#Main div.top div.bottom div.middle {
					padding: 0px 10px;
				}
					body#Seasons div#Container div#Main div.top div.bottom div.middle p {
						text-align: left;
						margin-top: 15px;
						line-height: 1.8em;
					}

		/*- - - - -  spring 背景設定- - - - - - */	
		body#Seasons div#Container div#Main div.top {
			background: url(../images/concept/spring/bg-top.gif) no-repeat left top;
		}
			body#Seasons div#Container div#Main div.top div.bottom {
				background: url(../images/concept/spring/bg-bottom.gif) no-repeat left bottom;
			}
				body#Seasons div#Container div#Main div.top div.bottom div.middle {
					background: url(../images/concept/spring/bg-middle.gif) repeat-y left top;
				}
					body#Seasons div#Container div#Main div.top div.bottom div.middle p {
						color: #DE7A7D;
					}
		/*- - - - -  summer 背景設定 - - - - - - */	
		body#Seasons div#Container div#Main div#Summer.top {
			background: url(../images/concept/summer/bg-top.gif) no-repeat left top;
		}
			body#Seasons div#Container div#Main div#Summer.top div.bottom {
				background: url(../images/concept/summer/bg-bottom.gif) no-repeat left bottom;
			}
				body#Seasons div#Container div#Main div#Summer.top div.bottom div.middle {
					background: url(../images/concept/summer/bg-middle.gif) repeat-y left top;
				}
					body#Seasons div#Container div#Main div#Summer.top div.bottom div.middle p {
						color: #004EA2;
					}
						body#Seasons div#Container div#Main div#Summer.top div.bottom div.middle p span {
							font-size: 85%;
						}
						/*- - - - - IE hack - - - - - */
						*:first-child+html body#Seasons div#Container div#Main div#Summer.top div.bottom div.middle p span {
							font-size: 90%;
							letter-spacing: 0.1em;
						}
						/*- - - - - IE6 hack - - - - - */
						* html body#Seasons div#Container div#Main div#Summer.top div.bottom div.middle p span {
							font-size: 90%;
							letter-spacing: 0.1em;
						}
						/*- - - - - IE6 hack - - - - - */
						html>/**/body#Seasons div#Container div#Main div#Summer.top div.bottom div.middle p span {
							font-size: 90%;
							letter-spacing: 0.1em;
						}


		/*- - - - -  autumn 背景設定 - - - - - - */	
		body#Seasons div#Container div#Main div#Autumn.top {
			background: url(../images/concept/autumn/bg-top.gif) no-repeat left top;
		}
			body#Seasons div#Container div#Main div#Autumn.top div.bottom {
				background: url(../images/concept/autumn/bg-bottom.gif) no-repeat left bottom;
			}
				body#Seasons div#Container div#Main div#Autumn.top div.bottom div.middle {
					background: url(../images/concept/autumn/bg-middle.gif) repeat-y left top;
				}
					body#Seasons div#Container div#Main div#Autumn.top div.bottom div.middle p {
						color: #80442D;
					}
		/*- - - - -  winter 背景設定 - - - - - - */	
		body#Seasons div#Container div#Main div#Winter.top {
			background: url(../images/concept/winter/bg-top.gif) no-repeat left top;
		}
			body#Seasons div#Container div#Main div#Winter.top div.bottom {
				background: url(../images/concept/winter/bg-bottom.gif) no-repeat left bottom;
			}
				body#Seasons div#Container div#Main div#Winter.top div.bottom div.middle {
					background: url(../images/concept/winter/bg-middle.gif) repeat-y left top;
				}
					body#Seasons div#Container div#Main div#Winter.top div.bottom div.middle p {
						color: #A69662;
					}

/* =====================================================================
*    99.Foot
* =================================================================== */
div#Foot {
	width: 100%;
	background: url(../images/common/foot/bg.gif) repeat-x left top;
	padding-top: 83px;
	text-align: center;
}
	div#Foot div#FootNavi {
		width: 960px;
		margin: 0px auto;
		background: url(../images/common/foot/bg-top.gif) no-repeat left top;
		padding-top: 25px;
	}
		div#Foot div#FootNavi div.bottom {
			background: url(../images/common/foot/bg-bottom.gif) no-repeat left bottom;
			padding-bottom: 25px;	
		}
			div#Foot div#FootNavi div.bottom div.middle {
				background-color: #ffffff;
				padding: 0px 25px;
				
			}
				div#Foot div#FootNavi div.bottom div.middle div{
					width: 162px;
					float: left;
					margin-right: 25px;
					text-align: left;
					display: inline;
				}
				div#Foot div#FootNavi div.bottom div.middle div.last{
					margin-right: 0px;
				}
					div#Foot div#FootNavi div.bottom div.middle div img {
						margin-bottom: 10px;
					}
					div#Foot div#FootNavi div.bottom div.middle div ul li {
						background: url(../images/common/icon-arrow03.gif) no-repeat left 2px;
						padding-left: 12px;
						font-size: 11px;
					}
					
/*
=====================================================================
*
*    画像置換
*
* =================================================================== 
*/
/*------------for MacIE------------------------*/
body#Top div#Visual div#Navi ul li a span{
	text-indent:-9999px;
}

/*------------Hides from IE-mac----------------\*/
body#Top div#Visual div#Navi ul li a span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}

/* ==========================================================================================================

	99. clearFix (pkg)

============================================================================================================*/

.clearfix:after {
    content		: " ";
    display		: block;
    visibility	: hidden;
    clear		: both;
    height		: 0.1px;
    font-size	: 0.1em;
    line-height	: 0;
}

/* for IE7 */
*:first-child+html .clearfix  {
	min-height: 1%;
	/*zoom	: 1;*/
}

/* for Mac IE */
* html .clearfix {
	display	: inline-table;
}

/* no Mac IE \*/
* html .clearfix {
	height	: 1%;
}
.clearfix {
	display	: block;
}
/* End hide from IE-mac */

/* for safari・IE7・IE8 */
*+html .clearfix {
    min-height: 0;
    display: inline-block;
}



* =================================================================== */