@charset "UTF-8";

html{
	height:100%;
	overflow-y:scroll;
}

body{
	margin: 0px auto;
	padding: 0px;
	line-height: 170%;
	font-size: 13px;
	color: #323232;
	font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	background-color: #ffffff;
}


/*-----------------------------------------------
 CSSハック
----------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-block; }

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


.clears{clear:both;}


/*-----------------------------------------------
  ヘッダー
----------------------------------------------- */
#header {
	margin: 0px;
	padding: 0px;
	background-color: #11b0aa;
}

#header_inner {
	width: 930px;
	height: 98px;
	margin: 0 auto;
	padding: 0;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	background-color: #11b0aa;
}


/* ロゴ
----------------------------------------------- */
#header_inner {
	position: relative;
}

#header_inner #logo a{
	width: 410px;
	height: 94px;
	text-indent: -9999px;
	background: url(../image/logo.jpg) no-repeat;
	position: absolute;
	top: 4px;
	left: 0px;
	z-index: 10;
}


/* 文字可変(可変後のフォントサイズ、ボタン指定は別CSS)
----------------------------------------------- */
#header_inner #box {
	display: block;
	width: 895px;
	height: 20px;
	margin: 15px 13px 0 0;
	_margin: 15px 6px 0 0;
	float: right;
	position: relative;
}

#box #fchange{
	display:block;
	width: 137px;
	height: 20px;
	margin : 0;
	padding: 0;
	background: url(../image/fchange.jpg) no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
}

#box #fchange a{
	display: block;
	width: 81px;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../image/letter.jpg) no-repeat;
	float: right;
	text-indent: -9999px;
}

#box #fchange #fsmall a{ width: 25px; background-position: 0px 0px; }
#box #fchange #fmiddle a{ width: 25px; background-position: -27px 0px; }
#box #fchange #flarge a{ width: 25px; background-position: -55px 0px; }

#box #fchange #fsmall a:hover{ width: 25px; background-position: 0px -20px; }
#box #fchange #fmiddle a:hover{ width: 25px; background-position: -27px -20px; }
#box #fchange #flarge a:hover{ width: 25px; background-position: -55px -20px; }


/* サイト内検索
----------------------------------------------------------------------------*/
#header_inner .searchform{
	background: url(../image/search_bg.jpg) no-repeat;
	width: 178px;
	height: 20px;
	position:absolute;
	top: 0px;
	right: 144px;
	_right: 138px
}

#header_inner .searchform #s{
	border: 0px;
	margin: 2px 0px 0px 70px;
	padding: 0;
	float: left;
	width: 75px;
}
 
#header_inner .searchform #go{
	float: right;
	margin: 0;	
}


/* 言語選択
----------------------------------------------------------------------------*/
#header_inner #translate{
	background: url(../image/element_bg.jpg) no-repeat;
	width: 106px;
	height: 20px;
	padding-left: 62px;
	position:absolute;
	top: 0px;
	right: 339px;
	_right: 316px;
}


/* リンク
----------------------------------------------- */
#header_inner ul#snavi {
	width: 895px;
	margin: 14px 13px 0 0;
	_margin: 14px 6px 0 0;
	padding: 0;
	border-top: #FFF 1px solid;
	float: right;
}

ul#snavi li.snavi {
	margin: 0px;
	padding: 14px 0 0 35px;
	background: url(../image/list.jpg) no-repeat left;
	background-position: 0px 4px;
	line-height: 100%;
	float: right;
}

ul#snavi li.snavi a {
	text-decoration: none;
}


/*-----------------------------------------------
  グローバルナビ
----------------------------------------------- */
#gnavi_inner {
	display: block;
	height: 53px;
	margin: 0 auto;
	padding: 0px;
	background: url(../image/gnavi_bg.jpg) repeat-x;
}

ul#gnavi{
	width: 932px;
	height: 53px;
	margin: 0 auto;
	padding: 0;
	list-style:none;
}

ul#gnavi li{
	display: inline;
	height: 53px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

ul#gnavi li a{
	display: block;
	height: 53px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	line-height: normal;
	background: url(../image/gnavi.jpg) no-repeat;
}

ul#gnavi li.gnavi1 a { width: 133px; background-position: 0px 0px; }
ul#gnavi li.gnavi2 a { width: 133px; background-position: -133px 0px; }
ul#gnavi li.gnavi3 a { width: 133px; background-position: -266px 0px; }
ul#gnavi li.gnavi4 a { width: 133px; background-position: -399px 0px; }
ul#gnavi li.gnavi5 a { width: 133px; background-position: -532px 0px; }
ul#gnavi li.gnavi6 a { width: 133px; background-position: -665px 0px; }
ul#gnavi li.gnavi7 a { width: 134px; background-position: -798px 0px; }

ul#gnavi li.gnavi1 a:hover { width: 133px; background-position: 0px -53px; }
ul#gnavi li.gnavi2 a:hover { width: 133px; background-position: -133px -53px; }
ul#gnavi li.gnavi3 a:hover { width: 133px; background-position: -266px -53px; }
ul#gnavi li.gnavi4 a:hover { width: 133px; background-position: -399px -53px; }
ul#gnavi li.gnavi5 a:hover { width: 133px; background-position: -532px -53px; }
ul#gnavi li.gnavi6 a:hover { width: 133px; background-position: -665px -53px; }
ul#gnavi li.gnavi7 a:hover { width: 134px; background-position: -798px -53px; }

body#komagane ul#gnavi li.gnavi1 a{ width: 133px; background-position: 0px -53px; }
body#signtseeing ul#gnavi li.gnavi2 a { width: 133px; background-position: -133px -53px; }
body#senjojiki ul#gnavi li.gnavi3 a { width: 133px; background-position: -266px -53px; }
body#food_shopping ul#gnavi li.gnavi4 a { width: 133px; background-position: -399px -53px; }
body#hayataro ul#gnavi li.gnavi5 a { width: 133px; background-position: -532px -53px; }
body#spesial ul#gnavi li.gnavi6 a { width: 133px; background-position: -665px -53px; }
body#suggested ul#gnavi li.gnavi7 a { width: 134px; background-position: -798px -53px; }







/* 画像ぐるぐる */
#ajax {
	display: block;
	height: 316px;
	margin: 0px;
	padding: 0px;
	background: url(../../image/top_img_bg.jpg) repeat-x;
}

/*-----------------------------------------------
 コンテンツ
----------------------------------------------- */
#contents{
	display:block;
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}


/*-----------------------------------------------
 フッター
----------------------------------------------- */
#foot {
	display: block;
	margin: 0 auto;
	padding: 0;
	background-color: #11b0aa;
}

#foot .foot_inner {
	display: block;
	width: 887px;
	margin: 0 auto;
	padding: 18px 0 18px 0;
}

#add {
	display: block;
	margin: 0 auto;
	padding: 0;
	background-color: #000;
}

.foot_add {
	display: block;
	width: 887px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	color: #FFF;
}

.foot_add #add {
	font-size: 10px;
}


/* フッターナビ */
.foot_inner .list_box{
	display: block;
	width: 142px;
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 11px;
	float: left;
}

.foot_inner .list_box ul {
	list-style: none;
	padding: 0;
}

.foot_inner .list_box ul li {
	list-style: none;
	background: url(../image/foot_list.gif) no-repeat;
	background-position: 0px 8px;
	padding-left: 10px;
	text-indent: 0px;
}

/* フッタリンク */
.list_box ul li a {
	margin:0;
	padding:0;
	color: #fff;
	text-decoration: none;
	vertical-align:baseline;
}

.list_box ul li a:link, .list_box ul li a:visited {
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}

.list_box ul li a:hover {
	color: #fff;
	text-decoration: underline;
}


/*-----------------------------------------------
  文字間・リンク色
----------------------------------------------- */
a {
	margin:0;
	padding:0;
	color: #1aa39a;
	text-decoration: none;
	vertical-align:baseline;
}

a:link, a:visited {
	color: #1aa39a;
	text-decoration: none;
	overflow: hidden;
}

a:hover {
	color: #1aa39a;
	text-decoration: underline;
}


/*-----------------------------------------------
  リンクアルファ
----------------------------------------------- */
a:hover img.alpha {
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=80);
}



/*----------------------------------- 
  2016.02 改変スタイル追加
------------------------------------*/
/*言語選択プルダウン*/
#header_inner #language{
	height: 20px;
	padding-left: 62px;
	position:absolute;
	top: 0px;
	right: 329px;
	_right: 316px;
}
#header_inner #language p {
	color: #fff;
	font-size: 11px;
	float: left;
	margin-right: 10px;
}
#header_inner #language form {
float: left;	
}



/*ナビゲーション*/
#navi_inner {
	display: block;
	height: 53px;
	margin: 0 auto;
	padding: 0px;
	background: url(../image/gnavi_bg.jpg) repeat-x;
}
ul#nav{
	width: 932px;
	height: 53px;
	margin: 0 auto;
	padding: 0;
	list-style:none;
}
ul#nav li{
	display: inline;
	height: 53px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

ul#nav li a{
	display: block;
	height: 53px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	line-height: normal;
	background: url(../image/navi.jpg) no-repeat;
}

ul#nav li.nav01 a { width: 156px; background-position: 0px 0px; }
ul#nav li.nav02 a { width: 155px; background-position: -156px 0px; }
ul#nav li.nav03 a { width: 155px; background-position: -311px 0px; }
ul#nav li.nav04 a { width: 155px; background-position: -466px 0px; }
ul#nav li.nav05 a { width: 155px; background-position: -621px 0px; }
ul#nav li.nav06 a { width: 156px; background-position: -776px 0px; }


ul#nav li.nav01 a:hover { width: 156px; background-position: 0px -53px; }
ul#nav li.nav02 a:hover { width: 155px; background-position: -156px -53px; }
ul#nav li.nav03 a:hover { width: 155px; background-position: -311px -53px; }
ul#nav li.nav04 a:hover { width: 155px; background-position: -466px -53px; }
ul#nav li.nav05 a:hover { width: 155px; background-position: -621px -53px; }
ul#nav li.nav06 a:hover { width: 156px; background-position: -776px -53px; }


body#komagane ul#nav li.nav01 a{ width: 156px; background-position: 0px -53px; }
body#senjojiki ul#nav li.nav02 a { width: 155px; background-position: -156px -53px; }
body#food_shopping ul#nav li.nav03 a { width: 155px; background-position: -311px -53px; }
body#hayataro ul#nav li.nav04 a { width: 155px; background-position: -466px -53px; }
body#spesial ul#nav li.nav05 a { width: 155px; background-position: -621px -53px; }
body#kankou ul#nav li.nav06 a { width: 156px; background-position: -776px -53px; }

/*左エリア*/
#left .fbplugin {
	margin-bottom: 20px;
}
#left .twitter {
	width: 280px;
	margin-bottom: 20px;
}
#left .youtube {
	margin-bottom: 10px;
}

/*トップページ用*/
#eventCalendar {
	width: 100%;
	margin-bottom: 30px;
}
.stitle {
width: 620px;
	color: #7c7c7c;
	border-bottom: 1px solid #10b0ab;
	font-weight: bold;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 18px;
	text-align: left;
	padding-bottom: 5px;
	margin-bottom: 10px;
	position: relative;
}
.stitle .recentlyLink {
	position: absolute;
	top:0;
	right: 0;
	background: url(../image/arrow_b.jpg) no-repeat right center;
	padding: 0 18px 0 0;
	font-size: 12px;
	font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, sans-serif;
}
.stitle .recentlyLink a {
	text-decoration: none;
}

.NewsArea {
	width: 620px;
	margin-bottom: 30px;
}
.newArticles {
	overflow: hidden;
	border-bottom: dotted 1px #898989;
	margin: 0;
	padding: 5px 0;
}
.newArticles dt {
	float: left;
	width: 180px;
	font-size: 11px;
}
.newArticles dt .date {
	float: left;
	margin: 0 10px 0 0;
}
.newArticles dt .catIcon {
float: left;
	width: 80px;
	text-align: center;
	color: #fff;
	padding: 2px 0;
}
.newArticles dt .info { background-color: #4c72e0;}
.newArticles dt .event { background-color: #f9a425;}
.newArticles dt .blog { background-color: #009f57;}
.newArticles dt .media { background-color: #a641a0;}

.newArticles dd {
	float: right;
	width: 440px;
	padding: 0 0 3px 0;
}