﻿@charset "UTF-8";
/*
 * サイト固有のCSS
 */

/* **************************************************
ヘッダーブロック
************************************************** */
div#page #header h1 {
	padding: 20px 0px 0px 25px;
	background: none;
	border-bottom: none;
}




/* **************************************************
ナビゲーションブロック
************************************************** */
div#page #navigation {
	padding: 15px 25px 5px;
}
div#page #navigation #globalnavigation {
	float: left;
}
div#page #navigation #keyword-search {
	float: right;
}
div#page #navigation #keyword-search .input {
	width: 150px;
}




/* **************************************************
パンくずブロック
************************************************** */
div#page #breadcrumb {
	padding: 0px 25px 15px;
	font-size: 90%;
}


/* **************************************************
コンテンツブロック　id=maincol
************************************************** */
div#page #maincol .index {
	padding: 0px 15px 0px 25px;
}
/* タイトル */
div#page #maincol h2 {
/*	height:28px;*/
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 5px 0px 0px;
	margin: 0px 0px 5px 0px;
	border: none;
}

/* 本文 */
div#page #maincol #body h3 {
	font-weight:bold;
	font-size: 1.3em;
	margin: 0px 0px 0.5em;
	padding: 0.1em 0.1em 0.1em 5px;
	border-left: 10px solid #F90;
}

div#page #maincol #body h4 {
	font-weight:bold;
	font-size: 1.1em;
	margin: 0px 0px 0.5em 5px;
	padding: 0.1em 0.1em 0.1em 5px;
	border-left: 6px solid #F90;
}

div#page #maincol #body h5 {
	font-weight:bold;
	font-size: 1em;
	margin: 0px 0px 0.5em 0.5em;
}

div#page #maincol #body p {
	margin: 0px 1em 1em 1em;
}

/* テーブルの定義（枠線あり） */
div#page #maincol th,
div#page #maincol td {
	border: 1px solid #CCC;
	width: auto;
}
/* テーブルの定義（枠線なし） */
div#page #maincol table.noborder th,
div#page #maincol table.noborder td {
	border: none;
	background-color: #FFF;
}

/* カレンダー */
div#page #maincol .calendar {
	float: left;
	padding:5px;
	background-color:#CCC;
	width:173px;
	margin: 0px 10px 10px 0px;
}
div#page #maincol .calendar table {
	width: auto;
	margin: 0px;
}
div#page #maincol .calendar caption {
	font-weight:bold;
}
div#page #maincol .calendar th {
	font-size: 70%;
	text-align:center;
	border: medium none;
	padding: 0px;
	width:25px;
}
div#page #maincol .calendar td {
	background-color:#FFF;
	font-size: 85%;
	border: 1px solid #CCC;
	text-align:center;
	padding: 0px;
}
div#page #maincol .calendar th.sun {
	color: #C30;
}
div#page #maincol .calendar th.sat {
	color: #36C;
}
div#page #maincol .calendar td.holyday {
	color: #C30;
}
div#page #maincol .calendar td.open {
	background-color: #519323;
	color: #FFF;
}

/* リストの位置 */
div#page #maincol ul,
div#page #maincol ol {
	margin: 0px 0px 1em 2em;
}

/* 情報発信元 */
div#page #maincol #information {
	background-color:#CCC;
	padding: 10px;
	margin: 0px 0px 15px;
}
div#page #maincol #information h4 {
	font-weight:bold;
	size: 1.2em;
}
div#page #maincol #information address {
	font-style:normal;
}
/* アンケート */
div#page #maincol #questionnaire {
	background-color: #EEE;
	width:auto;
	padding: 10px;
	margin-top: 10px;
}

/* リスト見出しブロック */
div#page #maincol #midashi {
	padding: 10px;
	margin: 0px 0px 15px;
	background-color:#EEE2E9;
}
div#page #maincol #midashi .photo {
	float:left;
	width:280px;
}
div#page #maincol #midashi .text {
	float:left;
	width:290px;
}
div#page #maincol #midashi .text h3 {
	margin: 0px 0px 1em;
	border: none;
}


/* リスト繰り返しブロック */
div#page #maincol .repetition {
	margin: 0px 0px 15px;
	padding: 0px 0px 10px;
	border-bottom: 1px solid #666;
}
div#page #maincol .repetition h3 {
	/*background-color:#EEE;*/
	padding: 3px;
	border: none;
}
div#page #maincol .repetition .photo {
	float:left;
	width:135px;
}
div#page #maincol .repetition .text {
	float:left;
	width:355px;
}
div#page #maincol .repetition .button {
	float:right;
	width:100px;
	text-align: right;
}


/* **************************************************
ページ番号　id=pageindex
************************************************** */
div#page #pageindex {
	margin: 0px 0px 15px;
}
div#page #pageindex li {
	display:inline;
	padding: 2px;
}
div#page #pageindex li.now {
	font-size: 1.5em;
	font-weight: bold;
}
div#page #pageindex li.now a {
	font-weight: bold;
}

/* **************************************************
サイドバーブロック　id=maincol
************************************************** */
div#page #rightcol #sidebarmenu {
	background-image: url(/share/image/page_sb_bg.jpg);
	background-repeat: no-repeat;
	padding: 70px 0px 0px 0px;
	height:450px;
}
div#page #rightcol .index {
	margin:0px 25px 20px 35px;
}
div#page #rightcol .index h3 {
	margin:0px;
	padding: 0px 0px 0px 0.5em;
	font-size: 1em;
	font-weight: bold;
	color: #E61407;
	border: none;
}
div#page #rightcol .index ul {
	margin:0px 0px 1em 1em;
	list-style-type: none;	
}

body#page #rightcol .index ul li {
	list-style-image:none;
}

/* かんたん観光ナビ */
div#page #rightcol #easy-navi {
	border-left: solid 4px #519323;
}
div#page #rightcol #easy-navi h3 {
	color: #519323;
}

/* おすすめ観光ナビ */
div#page #rightcol #recommend-navi {
	border-left: solid 4px #6B2F6F;
}
div#page #rightcol #recommend-navi h3 {
	color: #6B2F6F;
}

/* あそびーのマガジンナビ */
div#page #rightcol #magazine-navi {
	border-left: solid 4px #E61407;
}
div#page #rightcol #magazine-navi h3 {
	color: #E61407;
}

/* サイドバーカレンダー */
div#page #rightcol #sidebarcalendar {
	padding: 10px 15px;
	margin: 0px 25px 15px 5px;
	background-color:#D8DADC;
}
div#page #rightcol #sidebarcalendar h3 {
	padding: 0px 0px 0px 10px;
	font-size: 90%;
	border: none;
}
div#page #rightcol #sidebarcalendar table {
	margin: 0px;
}
div#page #rightcol #sidebarcalendar th, 
div#page #rightcol #sidebarcalendar td {
	border: none;
	padding: 0px;
	text-align:center;
	font-size: 85%;
}
div#page #rightcol #sidebarcalendar td {
	background-color:#FFF;
	border: 1px solid #D8DADC;
}
div#page #rightcol #sidebarcalendar th.sun {
	color: #C30;
}
div#page #rightcol #sidebarcalendar th.sat {
	color: #36C;
}
div#page #rightcol #sidebarcalendar td.holyday {
	color: #C30;
}
div#page #rightcol #sidebarcalendar td.open {
	background-color: #519323;
	color: #FFF;
}