@charset "utf-8";

/* =======================================================
	base.css
	*This document validates as CSS level 3

	Author: Mamico Tosa
	Last modified: [ 2013/03/06 ]
	CSS構成: 基本骨格・共有パーツ（ヘッダー・フッター）

	-----------------------------------------------------
	■基本骨格
	header				1000px
	#wrapper			1014px
	#content-header		980px + 34px
	#container			960px + 54px
		#main			701px
		#side 			223px
	footer

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

/***************************************
TOC:
=1 : 段組み
=2 : ヘッダー
=3 : ナビゲーション
=4 : フッター
=5 : 流れるバナー
=6 : 共通基本項目
***************************************/


/* -------------------------------------------------------------
	　　　　　　1: 段組み
------------------------------------------------------------- */
html {
	/* 冬 */
	background : #C2e3f5 url(../img/bg.png) center 104px no-repeat ;

	/* 春 */
	/*background : #FFD2D2 url(../img/bg-spring.png) center 104px no-repeat ;*/

	/* 夏 */
	/*background : #BEF1C2 url(../img/bg-summer.png) center 104px no-repeat ;*/

	/* 秋 */
	/*background : #F9F7E8 url(../img/bg-autumn.png) center 104px no-repeat ;*/
}


/* wrapper */
#wrapper {
	width : 1014px ;
	margin : 20px auto 0 ;
	padding : 20px 0 0 ;
	background : url(../img/wrapper.png) no-repeat ;
}
#content-header {
	width : 980px ;
	padding : 0 17px 20px ;
	background : url(../img/container.png) repeat-y ;
}
#container {
	width : 960px ;
	overflow : hidden ;
	padding : 0 27px 30px ;
	background : transparent url(../img/container.png) ;
}

	/* main */
	#main {
		width : 701px ;
		float : right ;
	}

	/* side */
	#side {
		width : 233px ;
		float : left ;
	}

/*													end:段組み
------------------------------------------------------------- */




/* -------------------------------------------------------------
	　　　　　　2: ヘッダー
------------------------------------------------------------- */
header {
	border-top : solid 4px #eeeeee ;
	background : #ffffff ;
	height : 100px ;
}
#header {
	width : 1000px ;
	overflow : hidden ;
	margin : 0 auto ;
	position : relative ;
}

/* ロゴ・バナー */
#logo-banner {
	width : 480px ;
	overflow : hidden ;
	margin : 18px 0 0 ;
	float : left ;
}
#header h1 {
	float : left ;
	margin-right : 10px ;
}

/* フォントサイズ・検索 */
#h-other {
	width : 520px ;
	float : right ;
	overflow : hidden ;
	margin : 60px 0 0 ;
}
#h-other ul { float : left ; }
#h-other li {
	display : inline ;
	margin : 0 2px 0 0 ;
}

#h-other form { float : right ; }
header input[type="text"] {
	width : 140px ;
	border : solid 1px #cccccc ;
}

/* 外国語 */
header dl { position: absolute; top: 0; right: 0; background: #EEE; width: 326px; padding-left: 10px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
header dd {
	position : absolute ;
	top : 0px ;
}
/*
header dd:nth-of-type(1) { right : 115px ; }
header dd:nth-of-type(2) { right : 80px ; }
header dd:nth-of-type(3) { right : 45px ; }
header dd:nth-of-type(4) { right : 10px ; }
header dd:nth-of-type(5) { right : 10px ; }
header dd:nth-of-type(6) { right : 10px ; }
*/

header dd:nth-of-type(1) { right: 185px; }
header dd:nth-of-type(2) { right: 150px; }
header dd:nth-of-type(3) { right: 115px; }
header dd:nth-of-type(4) { right: 80px; }
header dd:nth-of-type(5) { right: 45px; }
header dd:nth-of-type(6) { right: 10px; }


#g_search {
	float: right;
	width: 310px;
}
#___gcse_0 { margin-top:-22px;}
.gsc-control-cse { border:none !important; padding:0 !important; float: right !important; width:200px !important; }
.gsc-input-box { height:auto !important; }
.gsc-input { padding-right: 0 !important; }
form.gsc-search-box { margin-bottom: 0 !important; }
table.gsc-search-box { margin-bottom: 0 !important; }
input.gsc-search-button {
	border: none !important;
	margin: 0 0 0 3px !important;
}

.gsst_a {
	padding: 0 !important;
	vertical-align: sub !important;
	height: 18px !important ;
}
.gsib_a {
	padding:2px 5px !important;
	height: 23px;
}

/*													end:ヘッダー
------------------------------------------------------------- */




/* -------------------------------------------------------------
	　　　　　　3: ナビゲーション
------------------------------------------------------------- */
#content-header nav ul {
	width : 980px ;
	overflow : hidden ;
	background : url(../img/nav-bg.png) no-repeat ;
}
#content-header nav li {
	float : left ;
	/display : inline ;
	/zoom : 1 ;
}
#content-header nav li a:hover img { opacity : 0 ; }

	/* アクティブ */
	#sightseeing #content-header nav li:nth-child(2) img,
	#event #content-header nav li:nth-child(2) img,
	#hotel #content-header nav li:nth-child(3) img,
	#experience #content-header nav li:nth-child(4) img,
	#gourmet #content-header nav li:nth-child(5) img,
	#onsen #content-header nav li:nth-child(7) img,
	#spot-map #content-header nav li:nth-child(8) img,
	#camera #content-header nav li:nth-child(7) img { opacity : 0 ; }

/* 印刷 */
@media print {
	#content-header nav ul {
		/width : 983px ;
		/margin-right : -3px ;
	}
	#content-header nav li img { opacity : 1 !important ; }
}


/*													end:ナビゲーション
------------------------------------------------------------- */




/* -------------------------------------------------------------
	　　　　　　4: フッター
------------------------------------------------------------- */
/* f-nav */
#f-nav {
	background : #f1dd49 ;
	border-bottom : solid 10px #ebe2dc ;
}
#f-nav img { /vertical-align : baseline ; }
#f-nav-in {
	width : 980px ;
	margin : 0 auto ;
	padding : 15px 0 10px ;
	/padding : 15px 0 5px ;
	position : relative ;
	overflow : hidden ;
}
#f-nav-in ul {
	padding-right : 110px ;
	float : right ;
}
#f-nav-in li {
	display : inline ;
	/zoom : 1 ;
}
#f-nav-in div { float : left ; }
#f-nav-in p {
	position : absolute ;
	right : 0 ;
	bottom : 0 ;
}

/* 文章・住所 */
#f-box {
	width : 980px ;
	margin : 0 auto ;
	padding : 15px 0 ;
	overflow : hidden ;
	background : url(../img/bg-footer.png) left bottom no-repeat ;
}
#f-box p {
	color : #000000 ;
	line-height : 1.5 ;
}
#f-box p.Left {
	width : 420px ;
	float : left ;
}
#f-box div {
	width : 540px ;
	padding-left : 20px ;
	/* 冬 */
	background : url(../img/f-border.png) left top repeat-y ;
	/* 春 */
	/*background : url(../img/f-border-spring.png) left top repeat-y ;*/
	/* 夏 */
	/*background : url(../img/f-border-summer.png) left top repeat-y ;*/
	/* 秋 */
	/*background : url(../img/f-border-autumn.png) left top repeat-y ;*/
	float : right ;
}
#f-box ul {
	margin : 0 0 5px ;
	font-size : 11px ;	font-size : 1.1rem ;
	line-height : 1.1 ;
}
#f-box li {
	display : inline-block ;
	/display : inline ;
	/zoom : 1 ;
	border-right : solid 1px #000000 ;
	padding : 0 7px 0 8px ;
}
#f-box li:first-child { padding-left : 0 ; }
#f-box li:last-child { border : none ; }
#f-box a {
	color : #000000 ;
	text-decoration : none ;
}
#f-box a:hover { text-decoration : underline ; }

#f-box div p { margin : 20px 0 0 ; }

/* コピーライト */
footer small {
	display : block ;
	background : #070835 ;
	padding : 15px 0 10px ;
	text-align : center ;
}


/*													end:フッター
------------------------------------------------------------- */




/* -------------------------------------------------------------
	　　　　　　6: 流れるバナー
------------------------------------------------------------- */
/* 流れるバナー ----- */
#banner {
	width : 980px ;
	margin : 0 auto ;
	padding : 0 17px 20px ;
	background : url(../img/container.png) repeat-y ;
}
#banner .bx-window {
	width : 972px !important ;
	left : 6px ;
}
#banner ul {
	width : 972px ;
	overflow : hidden ;
}
#banner li {
	width : 243px ;
	float : left ;
	/display : inline ;
	/zoom : 1 ;
}
#banner .bx-prev,
#banner .bx-next {
	position : absolute ;
	top : 20px ;
	width : 14px ;
	height : 61px ;
	z-index : 100 ;
	text-indent : -999999px ;
	overflow : hidden ;
}
	#banner .bx-prev {
		left : -17px ;
		background : url(../img/img-banner/prev-trans.png) no-repeat ;
	}
	#banner .bx-next {
		right : -25px ;
		background : url(../img/img-banner/next-trans.png) no-repeat ;
	}


/*													end:流れるバナー
------------------------------------------------------------- */



/* -------------------------------------------------------------
	　　　　　　6: 基本共通項目
------------------------------------------------------------- */
/* breadcrumb */
.breadcrumb { margin : 10px 0 0 ; }
.breadcrumb a:first-child {
	background : url(../img/home-icon.gif) left center no-repeat ;
	padding-left : 15px ;
}
.breadcrumb a { text-decoration : none ; }
.breadcrumb a:hover { text-decoration : underline ; }



/* メインエリア
-------------------------------------------- */
/* タブ切替 ---------- */
#mapArea { margin-bottom : 15px ; }
#mapArea ul {
	width : 100% ;
	overflow : hidden ;
	border-bottom : solid 2px #cccccc ;
	margin-bottom : 10px ;
}
#mapArea li {
	float : left ;
	/display : inline ;
	/zoom : 1 ;
	margin-right : 4px ;
}
#mapArea li a:hover img { opacity : 0 ; }
	/* 観光・イベント */
	#sightseeing #mapArea ul,
	#event #mapArea ul { background : url(../img/sightseeing/tab-bg.gif) no-repeat ; }
	/* 湯沢スポットマップ */
	/*#spot-map #mapArea ul { background : url(../img/spot-map/tab-bg.gif) no-repeat ; }*/
	#spot-map #mapArea ul { background : url(../img/spot-map/tab-bg1404.gif) no-repeat ; }
	/* ライブカメラ */
	#camera #mapArea ul { background : url(../img/spot-map/tab-bg1404.gif) no-repeat ; }


/* タイトル ---------- */
#title-box {
	height : 43px ;
	line-height : 43px ;
	padding-left : 65px ;
	font-size : 16px ;	font-size : 1.6rem ;
	font-weight : bold ;
	color : #ffffff ;
	margin-bottom : 15px ;
}
	/* 観光 */				#sightseeing #title-box { background : url(../img/sightseeing/title-bg.gif) no-repeat ; }
	/* イベント */			#event #title-box { background : url(../img/event/title-bg.gif) no-repeat ; }
	/* 体験 */				#experience #title-box { background : url(../img/experience/title-bg.gif) no-repeat ; }
	/* グルメ */			#gourmet #title-box { background : url(../img/gourmet/title-bg.gif) no-repeat ; }
	/* スポットマップ */	#spot-map #title-box { background : url(../img/spot-map/title-bg.gif) no-repeat ; }
	/* ライブカメラ */		#camera #title-box { background : url(../img/spot-map/title-bg.gif) no-repeat ; }





/* サイドエリア
-------------------------------------------- */
/* カテゴリー等リスト */
.side-list { margin-bottom : 10px ; }


/* カレンダー */
#calender { margin-bottom : 10px ; }
#calender table {
	width : 100% ;
	border-left : solid 1px #dbdbdb ;
	border-bottom : solid 1px #dbdbdb ;
	border-collapse : collapse ;
}
#calender caption {
	padding : 7px 0 ;
	font-weight : bold ;
}
#calender th,
#calender td {
	border-right : solid 1px #dbdbdb ;
	border-top : solid 1px #dbdbdb ;
	text-align : center ;
	width : 14% ;
	padding : 6px 5px ;
}
#calender th { background : #efefef ; }
#calender th:nth-child(6),
#calender td:nth-child(6) { background : #e6f3f9 ; }
#calender th:nth-child(7),
#calender td:nth-child(7) { background : #ffe1eb ; }
#calender a {
	text-decoration : none ;
	font-weight : bold ;
}
#calender a:hover { text-decoration : underline ; }
#month th {
	background : #ffffff ;
	border-right : none ;
}
#month td:first-of-type {
	text-align : left ;
	border-right : none ;
}
#month td:last-of-type { text-align : right ; }



/* 天気 */
#weather { margin : 0 0 15px ; }
#weather div {
	border : solid 5px #e3ded0 ;
	border-top : none ;
	padding : 0 0 10px ;
	text-align : center ;
}
#weather div ul { margin:0 6px 0 0; overflow:hidden;}
#weather div ul li {
	display:block;
	float:left;
	width:67px;
	/*background:#FF0;*/
	margin-left:4px;
	}
#weather div .max { color:#FF2828;}
#weather div .min { color:#2131FC;}



/* youtube */

/* アクセスマップ */
#side-map { margin : 15px 0 ; }

/* ソーシャル */
#side #sns {
	width : 100% ;
	overflow : hidden ;
	margin : 15px 0 ;
}
#side #sns li:nth-child(odd) { float : left ; }
#side #sns li:nth-child(even) { float : right ; }

/* バナー */
#side-banner {}
#side-banner li { margin-bottom : 7px ; }



/*													end:基本共通項目
------------------------------------------------------------- */