@charset "UTF-8";

/* CSS Document */

/* =========================================================
 主要コンテンツエリア基本
========================================================= */

/* コンテンツエリア(共通)
--------------------------------------------------------- */
div#main div.wrapper div.content {
	margin: 0;
	padding: 12px 0 0;
	background: url(../../images/content_headBorder_or.gif) repeat-x left top;
}

/* カテゴリー毎の色分け */
div#main div.wrapper div.content.sightseeing {/* 花巻を観る */
	background: url(../../images/bg_content_detailed_sightseeing.gif) repeat-x left top;
}
div#main div.wrapper div.content.eat {/* 花巻で食べる・買う */
	background: url(../../images/bg_content_detailed_eat.gif) repeat-x left top;
}
div#main div.wrapper div.content.play {/* 花巻で遊ぶ・泊まる */
	background: url(../../images/bg_content_detailed_play.gif) repeat-x left top;
}
div#main div.wrapper div.content.history {/* 花巻の文化・歴史 */
	background: url(../../images/bg_content_detailed_history.gif) repeat-x left top;
}


/* コンテンツエリア(ローカルナビなし)
--------------------------------------------------------- */
div#main div.wrapper.oneColumn {/* common.cssを上書き*/
	padding: 25px 29px;
	width: 900px;
}

div#main div.wrapper.oneColumn div.content {
	width: 900px;
}

div#main div.wrapper.oneColumn div.content h2 {
	margin: 0;
	padding: 0 0 15px;
	clear: both;
}

/* コンテンツエリア(photogallery)
--------------------------------------------------------- */
div#main div.wrapper.photogallery {/* common.cssを上書き*/
	padding: 25px -5px;
	width: 970px;
}

div#main div.wrapper.photogallery div.content {
	width: 900px;
}



/* コンテンツエリア(ローカルナビあり)
--------------------------------------------------------- */
div#main div.wrapper.twoColumn {/* common.cssを上書き*/
	padding: 25px 24px 25px 29px;
	width: 905px;
}

div#main div.wrapper.twoColumn div.content {
	float: left;
	width: 680px;
}

div#main div.wrapper.twoColumn div.content h2 {
	margin: 0;
	padding: 0 0 25px;
	clear: both;
}


/* =========================================================
 カテゴリ一覧・コンテンツ一覧
========================================================= */


/* 第2階層・第3階層共通
--------------------------------------------------------- */

p.indexSummary {
	margin: -25px 0 25px;
	padding: 10px;
	clear: both;
	line-height: 1.5;
	color: #333;
	background: #F6F6F6;
	border-bottom: 1px solid #CCC;
}

div.categoryIndex h3,
div.contentIndex h3 {
	margin: 0;
	padding: 0 0 15px;
	clear: both;
}

div.categoryIndex div.sectionBox,
div.contentIndex div.sectionBox {
	margin: 0 -20px 0 0;
	padding: 0 0 20px;
	width: 920px;
	clear: both;
}

div.categoryIndex div.section,
div.contentIndex div.section {
	padding: 10px 10px 5px;
	border-top: 2px solid #999;
	border-right: 1px solid #D9D1C6;
	border-bottom: 1px solid #D9D1C6;
	border-left: 1px solid #D9D1C6;
	background: #F5F4F1;
}


/* カテゴリー毎の色分け（ボーダーカラー） */
div.sightseeing div.categoryIndex div.section,
div.sightseeing div.contentIndex div.section {/* 花巻を観る */
	border-top: 2px solid #476829;
}
div.eat div.categoryIndex div.section,
div.eat div.contentIndex div.section {/* 花巻で食べる・買う */
	border-top: 2px solid #C74E31;
}
div.play div.categoryIndex div.section,
div.play div.contentIndex div.section {/* 花巻で遊ぶ・泊まる */
	border-top: 2px solid #BF446D;
}
div.history div.categoryIndex div.section,
div.history div.contentIndex div.section {/* 花巻の文化・歴史 */
	border-top: 2px solid #335B9A;
}


div.categoryIndex div.section h4,
div.contentIndex div.section h3 {
	margin: -10px -10px 10px -10px;
	padding: 0;
	background: #EEECE8 url(../../images/bg_h4_contentindex.jpg) repeat-x left bottom;
	font-size: 114%;
	line-height: 1.4;
}


div.categoryIndex div.section h4:hover,
div.contentIndex div.section h3:hover {
	background: #EAE4D9 url(../../images/bg_h4_contentindex.jpg) repeat-x left bottom;
}

div.categoryIndex div.section h4 a,
div.contentIndex div.section h3 a {
	margin: 0;
	padding: 11px 10px 9px;
	display: block;
	text-decoration: none;
}

div.categoryIndex div.section h4 a:hover,
div.contentIndex div.section h3 a:hover {
	text-decoration: underline;
}


/* カテゴリー毎の色分け（リンクカラー） */
div.sightseeing div.categoryIndex div.section h4 a,
div.sightseeing div.contentIndex div.section h3 a {/* 花巻を観る */
	color: #3E5526;
}
div.eat div.categoryIndex div.section h4 a,
div.eat div.contentIndex div.section h3 a {/* 花巻で食べる・買う */
	color: #B14528;
}
div.play div.categoryIndex div.section h4 a,
div.play div.contentIndex div.section h3 a {/* 花巻で遊ぶ・泊まる */
	color: #B13E64;
}
div.history div.categoryIndex div.section h4 a,
div.history div.contentIndex div.section h3 a {/* 花巻の文化・歴史 */
	color: #335B9A;
}


div.categoryIndex div.section h4 a span.categoryLink {
	padding-left: 228px;
	display: block;
}

div.contentIndex div.section h3 a span.categoryLink {
	padding-left: 192px;
	display: block;
}


/* カテゴリー毎の色分け（リンクアイコン） */
div.sightseeing div.categoryIndex div.section h4 a span.categoryLink {/* 花巻を観る */
	background: url(../../images/bg_h4_contentindexlink_sightseeing.gif) no-repeat 210px 0.25em;
}
div.sightseeing div.contentIndex div.section h3 a span.categoryLink {/* 花巻を観る */
	background: url(../../images/bg_h4_contentindexlink_sightseeing.gif) no-repeat 175px 0.25em;
}


div.eat div.categoryIndex div.section h4 a span.categoryLink {/* 花巻で食べる・買う */
	background: url(../../images/bg_h4_contentindexlink_eat.gif) no-repeat 210px 0.25em;
}
div.eat div.contentIndex div.section h3 a span.categoryLink {/* 花巻で食べる・買う */
	background: url(../../images/bg_h4_contentindexlink_eat.gif) no-repeat 175px 0.25em;
}


div.play div.categoryIndex div.section h4 a span.categoryLink {/* 花巻で遊ぶ・泊まる */
	background: url(../../images/bg_h4_contentindexlink_play.gif) no-repeat 210px 0.25em;
}
div.play div.contentIndex div.section h3 a span.categoryLink {/* 花巻で遊ぶ・泊まる */
	background: url(../../images/bg_h4_contentindexlink_play.gif) no-repeat 175px 0.25em;
}


div.history div.categoryIndex div.section h4 a span.categoryLink {/* 花巻の文化・歴史 */
	background: url(../../images/bg_h4_contentindexlink_history.gif) no-repeat 210px 0.25em;
}
div.history div.contentIndex div.section h3 a span.categoryLink {/* 花巻の文化・歴史 */
	background: url(../../images/bg_h4_contentindexlink_history.gif) no-repeat 175px 0.25em;
}


div.categoryIndex div.section h4 img.photo,
div.contentIndex div.section h3 img.photo {
	margin: -5px 10px 0 0;
	padding: 4px;
	border: 1px solid #D8D7D7;
	float: left;
	background: #FFF;
}

div.categoryIndex div.section p.sumary,
div.contentIndex div.section p.sumary {
	line-height: 1.4;
	color: #414141;
	font-size: 100%;
}

/* 花巻の文化・歴史のみ */
div.categoryIndex div.section p.sumary {
	line-height: 1.4;
	color: #414141;
	font-size: 100%;
	margin-left: 210px;
}

div.categoryIndex div.section p.subTitle,
div.contentIndex div.section p.subTitle {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px;
	line-height: 1.5;
}


/* 賢治リンク無し */
div.contentIndex div.section h3.nolink {/* リンク無し */
	padding: 11px 10px 9px;
}
div.contentIndex div.section h3.nolink span.categoryLink {
	padding-left: 192px;
	display: block;
	background: url(../../images/bg_h4_contentindexlink_sightseeing.gif) no-repeat 175px 0.25em;
}

/* 温泉リンク無し */
div.contentIndex div.section h3.nolink.onsen {/* リンク無し */
	padding: 11px 10px 9px;
}
div.contentIndex div.section h3.nolink.onsen span.categoryLink {
	padding-left: 192px;
	display: block;
	background: url(../../images/bg_h4_contentindexlink_play.gif) no-repeat 175px 0.25em;
}


/* 食事リンク無し */
div.eat div.categoryIndex div.section h4.nolink {/* 第2階層 */
	padding: 11px 10px 9px;
}
div.eat div.categoryIndex div.section h4.nolink span.categoryLink {/* 第2階層 */
	padding-left: 228px;
	display: block;
	background: url(../../images/bg_h4_contentindexlink_eat.gif) no-repeat 210px 0.25em;
}

div.contentIndex div.section h3.nolink.eat {/* 第3階層 */
	padding: 11px 10px 9px;
}
div.contentIndex div.section h3.nolink.eat span.categoryLink {/* 第3階層 */
	padding-left: 192px;
	display: block;
	background: url(../../images/bg_h4_contentindexlink_eat.gif) no-repeat 175px 0.25em;
}

/* 文化リンク無し */
div.contentIndex div.section h3.nolink.ijin {/* リンク無し */
	padding: 11px 10px 9px;
}
div.contentIndex div.section h3.nolink.ijin span.categoryLink {
	padding-left: 192px;
	display: block;
	background: url(../../images/bg_h4_contentindexlink_history.gif) no-repeat 175px 0.25em;
}



/* カテゴリインデックス（第2階層）
--------------------------------------------------------- */


div.categoryIndex {
	margin: 0 -20px 0 0;
	padding: 0;
	width: 920px;
}

div.categoryIndex div.section {
	margin: 0 20px 0 0;
	float: left;
	width: 418px;
	height: auto !important;
	height: 155px;
	min-height: 155px;
}

/* コンテンツインデックス（第3階層）
--------------------------------------------------------- */

div.contentIndex {
	margin: 0;
	padding: 0;
	width: 680px;
}

div.contentIndex div.section {
	margin: 0 0 18px 0;
	width: 658px;
}
div.contentIndex div.section p.date {
	color: #333;
	font-size: 93%;
	font-weight: bold;
	margin: 0;
	padding: 5px 0px 7px;
}

/* コンテンツインデックス（料理）
--------------------------------------------------------- */

div.contentIndex ul.categoryList {
	margin: 0;
	padding: 9px 0 0 9px;
	background: #EEECE8;
	border: 1px solid #E6E3E0;	
}

div.contentIndex ul.categoryList li {
	margin: 0;
	padding: 0 15px 15px 0;
	float: left;
	list-style: none;
}
div.contentIndex ul.categoryList li.right {
	margin: 0;
	padding: 0 0 15px 0;
	float: left;
	list-style: none;
}


/* インデックス内分類見出し */
div.contentIndex h3.meetCategory {
	margin: 0;
	padding: 20px 0 20px;
}



/* =========================================================
 コンテンツ詳細
========================================================= */

/* 基本フォーマット
--------------------------------------------------------- */
div#main div.wrapper.twoColumn div.content.detailed {
	margin: 0;
	padding: 12px 0;
	float: left;
	width: 680px;
	background: url(../../images/content_headBorder_or.gif) repeat-x left top;
}

/* カテゴリー毎の色分け */
div#main div.wrapper.twoColumn div.content.detailed.sightseeing {/* 花巻を観る */
	background: url(../../images/bg_content_detailed_sightseeing.gif) repeat-x left top;
}
div#main div.wrapper.twoColumn div.content.detailed.eat {/* 花巻で食べる・買う */
	background: url(../../images/bg_content_detailed_eat.gif) repeat-x left top;
}
div#main div.wrapper.twoColumn div.content.detailed.play {/* 花巻で遊ぶ・泊まる */
	background: url(../../images/bg_content_detailed_play.gif) repeat-x left top;
}
div#main div.wrapper.twoColumn div.content.detailed.history {/* 花巻の文化・歴史 */
	background: url(../../images/bg_content_detailed_history.gif) repeat-x left top;
}


/* コンテンツタイトル
--------------------------------------------------------- */
div#main div.wrapper.twoColumn div.content.detailed div#contentTitle {
	margin: 0;
	padding: 0 0 20px;
	clear: both;
	position: relative;
}

div#main div.wrapper.twoColumn div.content.detailed div#contentTitle h2 {
	margin: 0;
	padding: 0;
	clear: both;
	z-index: 98;
}

div#main div.wrapper.twoColumn div.content.detailed div#contentTitle p.pageBack {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 99;
}

div#main div.wrapper.twoColumn div.content.detailed div#contentTitle p.pageBack a {
	margin: 0;
	padding: 0 0 0 9px;
	display: block;
	background: url(../../images/arrow_orange.gif) no-repeat left center;
	text-decoration: none;
}

div#main div.wrapper.twoColumn div.content.detailed div#contentTitle p.pageBack a:hover {
	text-decoration: underline;
}

/* コンテンツボディー
--------------------------------------------------------- */

div.content.detailed div#contentBody {
	margin: 0;
	padding: 0 0 30px;
	clear: both;
	position: relative;
}

/* カラム分け */
div.content.detailed div#contentBody div.primary {
	margin: 0;
	padding: 0;
	width: 320px;
	float: right;
}
div.content.detailed div#contentBody div.secondary {
	margin: 0;
	padding: 0;
	width: 340px;
	float: left;
}

/* テキスト関係 */
div.content.detailed div#contentBody div.mainText {
	margin: 0;
	padding: 0 0 15px;
}
div.content.detailed div#contentBody div.mainText p {
	margin: 0;
	padding: 0 0 0.5em;
	font-size: 100%;
	line-height: 1.6;
	color: #333;
}

/* データ関係 */
div.content.detailed div#contentBody table.datatable {
	margin: 0;
	padding: 0 0 15px;
	width: 320px;
	font-size: 93%;
	line-height: 1.5;
	color: #333;
}
div.content.detailed div#contentBody table.datatable th,
div.content.detailed div#contentBody table.datatable td {
	border: 1px solid #B7B7B7;
	padding: 8px 7px 6px;
}
div.content.detailed div#contentBody table.datatable th {
	background: #F4F2EC;
	text-align: left;
	vertical-align: top;
	width: 7em;
}

/* 写真関係 */
div.content.detailed div#contentBody p.photo {
	margin: 0;
	padding: 0 0 10px;
}
div.content.detailed div#contentBody p.photo img {
	margin: 0;
	padding: 5px;
	border: 1px solid #BCBCBC;	
}


/* ネットショップ */
div.content.detailed div#contentBody div.netshop {
	margin: 15px 0;
	padding: 10px;
	border: solid 1px #999;
	background: #FFFCDF;
}
div.content.detailed div#contentBody div.netshop h4 {
	margin: 0;
	padding: 0 0 4px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6;
	color: #000;
}

div.content.detailed div#contentBody div.netshop p {
	margin: 0;
	padding: 0;
	font-size: 93%;
	line-height: 1.6;
	color: #333;
}
div.content.detailed div#contentBody div.netshop p.shopLink {
	margin: 5px 0 0; 
	padding: 0;
}

div.content.detailed div#contentBody div.netshop p.shopLink a {
	margin: 0;
	padding: 0 0 0 9px;
	display: block;
	background: url(../../images/arrow_orange.gif) no-repeat left center;
	text-decoration: none;
}


/* 周辺マップ
--------------------------------------------------------- */

div.content.detailed div#contentMap {
	margin: 0;
	padding: 0 0 25px;
	clear: both;
	position: relative;
}
div.content.detailed div#contentMap h3 {
	margin: 0;
	padding: 0 0 5px;
}

div.content.detailed div#contentMap div.mapBox {
	margin: 0;
	padding: 0;
	border: 1px solid #CCC;
}


/* 前のページに戻る
--------------------------------------------------------- */
div.content.detailed div.pageBack {
	margin: 0;
	padding: 8px 0 6px;
	text-align: center;
	background: #E9E2DB;
}

div.content.detailed div.pageBack p {
	margin: 0;
	padding: 0;
}
div.content.detailed div.pageBack p a {
	margin: 0;
	padding: 0 7px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}


/* 温泉アイコン用
--------------------------------------------------------- */
div.icon {
	margin:0;
	padding:0 0 5px 0 ;
	border-top:1px solid  #999999;
}

div.icon img {
	margin:0;
	padding: 10px 0 0 0 ;
}

/* 食べる工事中
--------------------------------------------------------- */
span.construction {
	background: #F30;
	display: block;
	padding: 3px 3px 2px;
	color: #FFF;
}


p.zakkoku_map a {
	background: url(../../images/icon_pdf.gif) no-repeat center left;
	padding: 5px 0 5px 20px;
}

div.eat div.contentIndex div.section div.linkBox {
	clear: both;
	padding: 13px 13px 10px;
	margin: 5px 0 10px;
	background: #FFF;
	border: 1px solid #CCC;
}

div.eat div.contentIndex div.section div.linkBox h4 {
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
}


div.eat div.contentIndex div.section div.linkBox ul {
	clear: both;
	margin: 0;
	padding: 0;
}

div.eat div.contentIndex div.section div.linkBox ul li {
	float: left;
	margin: 0 0 0 5px;
	padding: 0 10px 0 10px;
	display: inline-block;
	list-style: none;
	background: url(../../images/arrow_orange.gif) no-repeat left center;
}

/* 食べるオンラインショップバナー
--------------------------------------------------------- */
div.categoryIndex div.sectionBox.onlineshop {
	padding: 0;
}

div.categoryIndex div.sectionBox.onlineshop p {
	margin: 30px 0 0;
	padding: 0;
}