@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++

全体コンテナ              #container (body要素の直下)
グループヘッダー　　　　　#groupHeader
ガイドネットヘッダー      #mastHeader
ガイドネットフッター      #mastFooter
情報テキストフッター      #infoFooter
パンくず　　　　　　　　　#pankuzu

++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   container
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#container {
	width: 100%;
	margin: 0 auto;
	text-align:left;
	color: #000000;
	}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   #groupHeader
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#groupHeader {
	width: 100%;
	overflow: hidden;
	padding-top: 2px;
	background-color: #CDEAF1;
	border-bottom: 3px solid #0099CC;
	}
#groupHeader.hanami {
	background-color: #FFE6ED;
	border-bottom: 3px solid #FF0066;
	}
#groupHeader.taipon {
	background-color: #FFECB0;
	border-bottom: 3px solid #FF6600;
	}
#groupHeader.museum {
	background-color: #DCF1BE;
	border-bottom: 3px solid #78C10B;
	}


#groupNavi {
	width:950px;
	margin: 0 auto;
	}
#groupNavi h1 {
	float: left;
	width: 580px;
	padding-top: 2px;
	font-size: 12px;
	color: #008DC4;
	}
.hanami #groupNavi h1 {
	color: #FF0066;
	}
.taipon #groupNavi h1 {
	color: #310906;
	}
.museum #groupNavi h1 {
	color: #339900;
	line-height: 140%;
	padding-top: 3px;
	}


#groupNavi ul {
	float: right;
	width: 365px;
	height: 23px;
	}
#groupNavi li {
	float:left;
	}
#grHnavi01 a,
#grHnavi02 a {
	display:block;
	width:121px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	}
#grHnavi03 a,
#grHnavi04 a,
#grHnavi05 a {
	display:block;
	width:123px;
	height:23px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	}

#grHnavi01 a{ background:url(/gn_images/grheadnavi.jpg) 0 0 no-repeat;}
#grHnavi02 a{ background:url(/gn_images/grheadnavi.jpg) -121px -46px no-repeat;}
#grHnavi03 a{ background:url(/gn_images/grheadnavi.jpg) -242px -46px no-repeat;}

#grHnavi01 a:hover{ background:url(/gn_images/grheadnavi.jpg) 0 -23px no-repeat;}
#grHnavi02 a:hover{ background:url(/gn_images/grheadnavi.jpg) -121px -23px no-repeat;}
#grHnavi03 a:hover{ background:url(/gn_images/grheadnavi.jpg) -242px -23px no-repeat;}

.museum #grHnavi01 a{ background:url(/gn_images/grheadnavi_museum.jpg) 0 -46px no-repeat;}
.museum #grHnavi02 a{ background:url(/gn_images/grheadnavi_museum.jpg) -121px 0 no-repeat;}
.museum #grHnavi03 a{ background:url(/gn_images/grheadnavi_museum.jpg) -242px -46px no-repeat;}

.museum #grHnavi01 a:hover{ background:url(/gn_images/grheadnavi_museum.jpg) 0 -23px no-repeat;}
.museum #grHnavi02 a:hover{ background:url(/gn_images/grheadnavi_museum.jpg) -121px -23px no-repeat;}
.museum #grHnavi03 a:hover{ background:url(/gn_images/grheadnavi_museum.jpg) -242px -23px no-repeat;}

.hanami #grHnavi01 a{ background:url(/gn_images/grheadnavi_hanami.jpg) 0 -46px no-repeat;}
.hanami #grHnavi02 a{ background:url(/gn_images/grheadnavi_hanami.jpg) -121px -46px no-repeat;}
.hanami #grHnavi03 a{ background:url(/gn_images/grheadnavi_hanami.jpg) -242px 0 no-repeat;}

.hanami #grHnavi01 a:hover{ background:url(/gn_images/grheadnavi_hanami.jpg) 0 -23px no-repeat;}
.hanami #grHnavi02 a:hover{ background:url(/gn_images/grheadnavi_hanami.jpg) -121px -23px no-repeat;}
.hanami #grHnavi03 a:hover{ background:url(/gn_images/grheadnavi_hanami.jpg) -242px -23px no-repeat;}

.taipon #grHnavi01 a{ background:url(/gn_images/grheadnavi_taipon.jpg) 0 -46px no-repeat;}
.taipon #grHnavi02 a{ background:url(/gn_images/grheadnavi_taipon.jpg) -121px -46px no-repeat;}
.taipon #grHnavi03 a{ background:url(/gn_images/grheadnavi_taipon.jpg) -242px 0 no-repeat;}

.taipon #grHnavi01 a:hover{ background:url(/gn_images/grheadnavi_taipon.jpg) 0 -23px no-repeat;}
.taipon #grHnavi02 a:hover{ background:url(/gn_images/grheadnavi_taipon.jpg) -121px -23px no-repeat;}
.taipon #grHnavi03 a:hover{ background:url(/gn_images/grheadnavi_taipon.jpg) -242px -23px no-repeat;}

/*** 現在の位置を表すロールオーバー ***/
/*.museum #grHnavi02 a { background:url(/gn_images/grheadnavi.jpg) -121px 0px no-repeat; cursor:default;}*/

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   #mastHeader
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mastHeader {
	width:950px;
	height: 93px;
	margin: 0 auto;
	overflow: hidden;
	background: url(/gn_images/mhead_bg.jpg) no-repeat;
	}

#mastHeader .inner_l {
	float: left;
	width: 620px;
	}
#mastHeader .inner_r {
	float: right;
	width: 330px;
	}


#mastHeader .logo {
	height: 57px;
	}
#mastHeader .logo h2 {
	padding: 10px 0 0 0;
	}

/* -----------------------------------------
   mastHnavi
-------------------------------------------- */
#mastHnavi ul {
	float: right;
	width: 620px;
	height: 33px;
	}
#mastHnavi li {
	float:left;
	}

#mHnavi09 a {
	display: block;
	width: 122px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	}
#mHnavi12 a {
	display: block;
	width: 108px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	}
#mHnavi21 a {
	display: block;
	width: 108px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	}
#mHnavi22 a {
	display: block;
	width: 140px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	}

#mHnavi13 a {
	display: block;
	width: 140px;
	height: 33px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	}

#index #mHnavi09 a{ background:url(/gn_images/mheadnavi.jpg) 0 0 no-repeat;}
#index #mHnavi12 a{ background:url(/gn_images/mheadnavi.jpg) -122px 0 no-repeat;}
#index #mHnavi21 a{ background:url(/gn_images/mheadnavi.jpg) -230px 0 no-repeat;}
#index #mHnavi22 a{ background:url(/gn_images/mheadnavi.jpg) -338px 0 no-repeat;}
#index #mHnavi13 a{ background:url(/gn_images/mheadnavi.jpg) -478px 0 no-repeat;}

#index #mHnavi09 a:hover{ background:url(/gn_images/mheadnavi.jpg) 0 -33px no-repeat;}
#index #mHnavi12 a:hover{ background:url(/gn_images/mheadnavi.jpg) -122px -33px no-repeat;}
#index #mHnavi21 a:hover{ background:url(/gn_images/mheadnavi.jpg) -230px -33px no-repeat;}
#index #mHnavi22 a:hover{ background:url(/gn_images/mheadnavi.jpg) -338px -33px no-repeat;}
#index #mHnavi13 a:hover{ background:url(/gn_images/mheadnavi.jpg) -478px -33px no-repeat;}

#normal #mHnavi09 a{ background:url(/gn_images/mheadnavi.jpg) 0 0 no-repeat;}
#normal #mHnavi12 a{ background:url(/gn_images/mheadnavi.jpg) -122px 0 no-repeat;}
#normal #mHnavi21 a{ background:url(/gn_images/mheadnavi.jpg) -230px 0 no-repeat;}
#normal #mHnavi22 a{ background:url(/gn_images/mheadnavi.jpg) -338px 0 no-repeat;}
#normal #mHnavi13 a{ background:url(/gn_images/mheadnavi.jpg) -478px 0 no-repeat;}

#normal #mHnavi09 a:hover{ background:url(/gn_images/mheadnavi.jpg) 0 -33px no-repeat;}
#normal #mHnavi12 a:hover{ background:url(/gn_images/mheadnavi.jpg) -122px -33px no-repeat;}
#normal #mHnavi21 a:hover{ background:url(/gn_images/mheadnavi.jpg) -230px -33px no-repeat;}
#normal #mHnavi22 a:hover{ background:url(/gn_images/mheadnavi.jpg) -338px -33px no-repeat;}
#normal #mHnavi13 a:hover{ background:url(/gn_images/mheadnavi.jpg) -478px -33px no-repeat;}

#category #mHnavi09 a{ background:url(/gn_images/mheadnavi.jpg) 0 -66px no-repeat;}
#category #mHnavi12 a{ background:url(/gn_images/mheadnavi.jpg) -122px -66px no-repeat;}
#category #mHnavi21 a{ background:url(/gn_images/mheadnavi.jpg) -230px -66px no-repeat;}
#category #mHnavi22 a{ background:url(/gn_images/mheadnavi.jpg) -338px -66px no-repeat;}
#category #mHnavi13 a{ background:url(/gn_images/mheadnavi.jpg) -478px -66px no-repeat;}

#category #mHnavi09 a:hover{ background:url(/gn_images/mheadnavi.jpg) 0 -33px no-repeat;}
#category #mHnavi12 a:hover{ background:url(/gn_images/mheadnavi.jpg) -122px -33px no-repeat;}
#category #mHnavi21 a:hover{ background:url(/gn_images/mheadnavi.jpg) -230px -33px no-repeat;}
#category #mHnavi22 a:hover{ background:url(/gn_images/mheadnavi.jpg) -338px -33px no-repeat;}
#category #mHnavi13 a:hover{ background:url(/gn_images/mheadnavi.jpg) -478px -33px no-repeat;}

/*
#categoryTop #mHnavi09 a{ background:url(/gn_images/mheadnavi.jpg) 0 -66px no-repeat;}
#categoryTop #mHnavi12 a{ background:url(/gn_images/mheadnavi.jpg) -114px -66px no-repeat;}
#categoryTop #mHnavi21 a{ background:url(/gn_images/mheadnavi.jpg) -224px -66px no-repeat;}
#categoryTop #mHnavi22 a{ background:url(/gn_images/mheadnavi.jpg) -331px -66px no-repeat;}
#categoryTop #mHnavi13 a{ background:url(/gn_images/mheadnavi.jpg) -475px -66px no-repeat;}

#categoryTop #mHnavi09 a:hover{ background:url(/gn_images/mheadnavi.jpg) 0 -33px no-repeat;}
#categoryTop #mHnavi12 a:hover{ background:url(/gn_images/mheadnavi.jpg) -114px -33px no-repeat;}
#categoryTop #mHnavi21 a:hover{ background:url(/gn_images/mheadnavi.jpg) -224px -33px no-repeat;}
#categoryTop #mHnavi22 a:hover{ background:url(/gn_images/mheadnavi.jpg) -331px -33px no-repeat;}
#categoryTop #mHnavi13 a:hover{ background:url(/gn_images/mheadnavi.jpg) -475px -33px no-repeat;}
*/

/*** 現在の位置を表すロールオーバー ***/

#category .categorycode_09 #mHnavi09 a { background:url(/gn_images/mheadnavi.jpg) 0 -99px no-repeat; cursor:default;}
#category .categorycode_12 #mHnavi12 a { background:url(/gn_images/mheadnavi.jpg) -122px -99px no-repeat; cursor:default;}
#category .categorycode_21 #mHnavi21 a { background:url(/gn_images/mheadnavi.jpg) -230px -99px no-repeat; cursor:default;}
#category .categorycode_22 #mHnavi22 a { background:url(/gn_images/mheadnavi.jpg) -338px -99px no-repeat; cursor:default;}
#category .categorycode_13 #mHnavi13 a { background:url(/gn_images/mheadnavi.jpg) -478px -99px no-repeat; cursor:default;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   newsBar
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.newsBar {
	width: 950px;
	margin: 0 auto;
	height: 34px;
	}
.newsBar li {
	float: left;
	margin: 1px 0 0 13px;
	padding: 2px 30px 0 10px;
	font-size: 11px;
	/*line-height: 130%;*/
	background: url(/gn_images/top_arrow03.gif) no-repeat center left;
	}

.newsBar .DateBox {
	float: right;
	width: 184px;
	height: 24px;
	margin: 3px 0 0 0;
	background: url(/gn_images/datebox_bg.gif) no-repeat;
	}
.newsBar .DateBox p {
	padding: 3px 0 0 52px;
	color: #01B4F8;
	font-size: 17px;
	font-family: "Trebuchet MS";
	}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   pankuzu
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#pankuzu {
	width: 950px;
	margin: 0 auto;
	height: 30px;
	font-size: 11px;
	}
#pankuzu li {
	float: left;
	padding: 2px 0 0 10px;
	}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   mastFooter
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mastFooter {
	clear: both;
	}
#mastFnavi {
	width: 950px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	overflow: hidden;
	}
#mastFnavi ul {
	padding: 13px 0 0 10px;
	background: url(/gn_images/mfooter_bg.gif) no-repeat;
	}
#mastFooter.museum #mastFnavi ul {
	background: url(/gn_images/mfooter_bg_museum.gif) no-repeat;
	}
	
#mastFnavi li {
	float:left;
	padding:0 10px 0 10px;
	display:block;
	font-size: 12px;
	line-height:140%;
	border-left:1px solid #C2C2C2;
	}
#mastFnavi li.last {
	border-right:1px solid #C2C2C2;
	}

#mastAdd {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px 0;
	overflow: hidden;
	background-color:#F0F9FB;
	border-top: 3px solid #0099CC;
	}
/*行こう*/
#mastFooter.museum #mastAdd {
	background-color:#F4FBEA;
	border-top: 3px solid #78C10B;
	}	
	
#mastAdd address {
	width: 950px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	font-size: 12px;
	line-height: 160%;
	}
#mastAdd address span {
	font-weight: bold;
	color: #0099CC;
	}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   infoFooter
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#infoFooter {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px 0;
	overflow: hidden;
	background-color:#F0F9FB;
	}
/*行こう*/
#infoFooter.museum {background-color:#F4FBEA;}
	
#infoNavi, 
#newNavi {
	clear: both;
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	}
#infoNavi h3 {
	float: left;
	padding: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 110%;
	color: #FF6600;
	}
#newNavi h3 {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 110%;
	color: #FF6600;
	height: 40px;
	}
#infoNavi ul, 
#newNavi ul {
	}
#infoNavi li, 
#newNavi li {
	float: left;	
	padding: 0 10px 0 10px;
	margin-bottom: 5px;
	display: block;
	font-size: 12px;
	line-height: 110%;
	border-right: 1px solid #928B7E;
	}


