@charset "UTF-8";

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

 Common style of okeihan

================================================================================= */
ul#topicpath{
	padding-bottom: 26px;
}
div#main{
	width:700px;
}
div#main a{
	font-weight:normal;
}

a.arrow01{
	display:block;
	color:#333333;
	padding-left:18px;
	padding-bottom: 3px;
	background:transparent url(img/icon/arrow01.png) no-repeat left 1px;
}

ul.arrow02{
	margin-top:-10px;
}
ul.arrow02 li{
	background-position: left 0.5em;
	margin-top:10px;
}
ul.disc01 li{
	margin-top:10px;
	padding-left:15px;
	background:transparent url(img/icon/disc01.gif) no-repeat left 4px;
}

div#notice{
	margin-bottom:10px;
	padding:7px 14px 6px 14px;
	border:1px solid #eba399;
	background-color:#f8d9d9;
	color:#cc1800;
	font-weight:bold;
}

ul#emergency{
	margin-bottom:10px;
	padding:7px 14px 6px 14px;
	border:1px solid #eba399;
	background-color:#f8d9d9;
}
	ul#emergency li{
		color:#cc1800;
		font-weight:bold;
	}

.err{
	color:#cc1800;
	font-weight:bold;
}
.em{
	font-weight:bold;
}

div.box{
	border:1px solid #e4e4e4;
	padding:29px 19px 19px 19px;
}


div.btmBox{
	border:1px solid #e4e4e4;
	border-top:none;
	padding:19px 19px 19px 19px;
}


ul.boxList li{
	padding-bottom:27px;
}
	ul.boxList li img{
		margin-bottom:10px;
	}

ul.boxList p{
	margin-top:0;
	margin-bottom:0;
}

div.titleArea{
	margin-bottom:20px;
}

div.titleArea h1,
div.titleArea h2{
	float:left;
  line-height: 1.2;
}
div.titleArea ul,
div.titleArea p{
	float:right;
}

/* 画像とテキストの配置 */

div.itemLtr,
div.itemRtl{
	width:100%;
	display:table;
}

	div.itemRtl{
		direction:rtl;
		text-align:right;
	}

div.itemLtr .itemImage,
div.itemRtl .itemImage{
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left;
}

	div.itemRtl .itemImage{
		/float:right;
	}

div.itemLtr .itemText,
div.itemRtl .itemText{
	padding-left:10px;
	display:table-cell;
	vertical-align:top;
	/zoom:1;
}

	div.itemRtl .itemText,
	div.itemRtl img{
		padding-left:0;
		padding-right:10px;
		direction:ltr;
		text-align:left;
	}

div.itemLtr .itemText h3 a,
div.itemRtl .itemText h3 a{
	color:#ff8400;
	font-weight:bold !important;
}

ul#exhibitionList li,
ul#eventList li,
ul#hikingList li{
	margin-top:20px;
}

ul#exhibitionList li.first,
ul#eventList li.first,
ul#hikingList li.first{
	margin-top:0;
}

ul#exhibitionList li p.itemImage,
ul#eventList li p.itemImage,
ul#hikingList li p.itemImage{
	width:88px;
	height:66px;
	border: 1px solid #e4e4e4;
	text-align:center;
}

/* ///////////////////////////////////////////////////////////////// バックナンバー/関連リンク */

#lnkBtm{
	border:1px solid #e4e4e4;
	border-top:none;
	padding:19px 19px 19px 19px;
}

	dl#lnkBtm dt{
		margin-bottom:12px;
	}

	#lnkBtm a{
		padding-left:11px;
		background:url(/common/css/img/icon/arrow02.gif) no-repeat left 0.5em;
		/*font-weight:bold;*/
	}


/* ///////////////////////////////////////////////////////////////// チェック履歴 */

ul#checkList{
	margin-top:20px;
}

	ul#checkList li{
		background:url(img/dot.gif) repeat-x left bottom;
		padding-bottom:13px;
		margin-bottom:12px;
		zoom:1;
	}

	ul#checkList li a{
		padding-left:11px;
		background:url(/common/css/img/icon/arrow02.gif) no-repeat left 0.5em;
	}


/* ///////////////////////////////////////////////////////////////// 大枠2nd */

div.boxSubcontents{
	border:1px solid #e4e4e4;
	padding:29px 19px 19px 19px;
	margin-top:20px;
}


/* ****************************************************************************

　サイド

------------------------------------------------------------------------------- */
div#side{
	width:220px;
}

/* 沿達ナビ */

div#side #navOkeihanBox{
	background:#fff;
	border:1px solid #006aa7;
	padding:0;
}

div#side #navOkeihanBox p{
	border-bottom:#fff 1px dotted;
}


div#side #navOkeihanBox p,
div#side #navOkeihanBox{
	border-color:#009660; /* 枠線の色はここを変える */
}


	div#side #navOkeihanBox #navOkeihanSide{
		padding: 5px 10px;
	}
		div#side #navOkeihanBox #navOkeihanSide li{
			margin: 0;
		}
			div#side #navOkeihanBox #navOkeihanSide li a img {
				padding: 13px 15px;
				display: block;
			}
			div#side #navOkeihanBox #navOkeihanSide.img_l li img {
				padding: 13px 0px;
				display: block;
			}
		div#side #navOkeihanBox #navOkeihanSide li + li {
			border-top: 1px solid #e4e4e4;
		}


	div#side ul#okeihanNav{
		margin-top:-10px;
		padding-top:20px;
	}

	div#side ul#okeihanNav li{
		margin-top:10px;
	}

	div#side ul#okeihanUNav li{
		margin-top:20px;
	}

	div#side div.okeihanSideNav,
	div#side div.sideBox{
		margin-top:30px;
		border:1px solid #e4e4e4;
		padding:9px;
	}

	div#side div.sideBox h2{
		margin-bottom:15px;
	}

	div#side div.okeihanSideNav h2{
		margin-top:10px;
		padding-bottom:10px;
		border-bottom:1px solid #e4e4e4;
	}

		div#side div.okeihanSideNav ul.okeihanLNav{
			margin-top:10px;
		}

		div#side div.okeihanSideNav ul.okeihanLNav li{
			margin-top:0;
		}

		div#side div.okeihanSideNav ul.okeihanLNav ul.okeihanLNavIn{
		}

		div#side div.okeihanSideNav ul.okeihanLNav ul.okeihanLNavIn li{
			padding:4px 2px 5px 28px;
			background:transparent url(img/icon/arrow01.png) no-repeat 10px 0.45em;
		}
		div#side div.okeihanSideNav ul.okeihanLNav ul.okeihanLNavIn li.activeParent,
		div#side div.okeihanSideNav ul.okeihanLNav ul.okeihanLNavIn li.active{
			background-color:#eeeeee;
		}

	div#side p#tvcm{
		margin-bottom:10px;
	}

	div#side #sideTwitter{
		/*padding-top:30px;*/
		padding-top:15px;
	}

	div#side .sideBanner{
		padding-top:10px;
	}

	div#side div#okeihan{
		margin-top:30px;
	}
		div#side div#okeihan div#sideSlideArea{
			background:#fcf1ca;
			border:1px solid #e4e4e4;
		}
		div#side div#okeihan .sideSlideshow li{
			margin-top:0;
			text-align:center;
			width:200px;
		}

	div#side div#kpress{
		padding:19px;
	}

/* レスポンシブ化に伴う修正 */

div#side .side-okeihan-bnr li{
  margin-top: 15px;
}

div#side .side-okeihan-bnr li:first-child {
  margin-top: 0;
}

/* ****************************************************************************

　フッタメニュー

------------------------------------------------------------------------------- */
div#fbannerWrapIn h2{
	float:left;
	margin:20px 0;
}

div#okeihanFnav{
	float:right;
}

	div#okeihanFnav ul{
		margin-top:60px;
	}
	div#okeihanFnav ul li{
		margin-left:15px;
		line-height:1em;
	}
	div#okeihanFnav ul li img{
		vertical-align:top;
	}

/* ****************************************************************************

　ページャー

------------------------------------------------------------------------------- */
.pager{
	padding-top:9px;
	padding-bottom:1px;
	text-align:right;
}
	.pager span.result{
		margin-right:13px;
	}
	.pager span.pagination span.num{
		padding:2px 14px 3px 11px;
		border-right:1px solid #c2c2c2;
	}
	.pager span.pagination span.last span.num{
		border-right:none;
	}

/* ****************************************************************************

　エラー

------------------------------------------------------------------------------- */
div#errWrap{
}

	div#errWrap p{
		color: #CC1800;
		font-weight:bold;
	}
	div#errWrap ul{
		margin: 20px 0;
	}
	div#errWrap ul li{
		list-style-type: disc;
		margin-left: 40px;
		margin-bottom: 5px;
	}

div.apology{
	color: #CC1800;
}

div.apologyS{
	font-size:80%;
	text-align:center;
	color: #CC1800;
}

/* ****************************************************************************

　フォーム

------------------------------------------------------------------------------- */
/* テーブル */

table.formTbl{
	border-top:#c7c7c7 1px solid;
	margin:20px 0 0;
	width:100%;
}

	table.formTbl th,
	table.formTbl td{
		vertical-align:top;
	}

	table.formTbl th{
		background:#f8f8f8;
		border-bottom:#c7c7c7 1px solid;
		padding:20px 20px 15px;
		font-size:108%;
		font-weight:bold;
		width:160px;
	}

	table.formTbl th span{
		color:#d04060;
/*
		display:block;
*/
	}

	table.formTbl td{
		border-bottom:#c7c7c7 1px solid;
		padding:15px 0 15px 15px;
	}

	table.formTbl td span{
		padding-left:5px;
	}

	table.formTbl p,
	table.formTbl ul li, table.formTbl dl dt, table.formTbl dl dd,
	table.formTbl input, table.formTbl select{
		font-size:100%;
	}

	table.formTbl div.inline p,
	table.formTbl div.inline ul{
		display:table-cell;
		*display:inline;
		*zoom:1;
		vertical-align: middle;
	}

	table.formTbl ul.stList li{
		padding-top:7px;
	}

	table.formTbl ul.stList div.stLeft{
		float:left;
		width:200px;
	}

	table.formTbl ul.stList div.stRight{
		float:right;
		width:220px;
	}


/* 注釈 */

table.formTbl ul.caution{
	padding-left: 1em;
	text-indent: -1.5em;
	margin-top:15px;
	margin-left:5px;
}


/* input 装飾 */

table.formTbl input.textBox{
	padding-top:5px;
	padding-bottom:5px;
}

table.formTbl ul.fBox li{
	float:left;
	padding-right:20px;
	/padding-right:0;
	/*font-size:108%;*/
}

table.formTbl ul.fBox li input{
	line-height:2;
	display:inline;
}

table.formTbl input{
	margin-right:5px;
	/margin-right:2px;
}

table.formTbl label{
	font-size:108%;
	line-height:1.8;
	/padding-right:15px;
	display:inline;
}
table.formTbl .label{
	font-size:108%;
}

table.formTbl select.w160{
	width:160px;
}

table.formTbl  div.inlineText{
	overflow: auto;
	width: 397px;
	height: 94px;
	padding: 14px;
	margin-bottom: 16px;
	border: 1px solid #E1E1E1;
}
table.formTbl  div.inlineText dl dt,
table.formTbl  div.inlineText dl dd{
	font-size: 93%;
}
table.formTbl  div.inlineText dl dt {
	padding: 0 0 3px 18px;
	background: url(img/icon/circle.gif) no-repeat 3px 4px;
	font-weight: bold;
}
table.formTbl  div.inlineText dl dd{
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	background: url(img/dot.gif) repeat-x 0 100%;
}
table.formTbl  div.inlineText dl dd ol li{
	font-size: 100%;
}
table.formTbl  div.inlineText ul li {
	font-size: 93%;
	padding: 0 0 3px 18px;
	background: url(img/icon/circle.gif) no-repeat 3px 4px;
}


/* Safari */

@media screen and (-webkit-min-device-pixel-ratio:0){
	 ul.fBox li input{margin-top:-4px;}
}

/* テキストエリア長さ */
.w50{width:36px;}
.w100{width:86px;}
.w200{width:186px;}
.w300{width:286px;}
.w425{width:411px;}

/*送信ボタン*/

ul#btnList{
	width:100%;
	text-align:center;
	margin-top:20px;
}

ul#btnList li{
	display:inline;
	padding:0 3px;
}