@charset "utf-8";

/*
	* Name: top.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	body.top {
	}


	/* ========================================
	   * 領域設定 - Contents -
	======================================== */

	body.top #contents > #topimage {
		margin: 0 0 28px 0;
		position: relative;
	}

	body.top #contents > #topimage > div.container {
		margin: 0 auto 0 auto;
		width: 620px;
	}

	body.top #contents > #topimage > div.container > div.slider {
		margin: 0;
	}

	body.top #contents > #topimage > div.container > div.slider > div.sliderContents {
		top: 0;
		width: 100%;
	}

	body.top #contents > #topimage > div.container > div.slider > div.sliderContents > ul {
		list-style-type: none;
		margin-left: 0;
		position: relative;
	}

	body.top #contents > #topimage > div.container > div.slider > div.sliderContents > ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #contents > #topimage > div.container > div.slider > div.sliderContents > ul > li {
		float: left;
		margin-left: 12px;
		margin-right: 12px;
		max-width: 620px;
		width: 100%;
	}

	body.top #contents > #topimage > div.container > div.slider > div.sliderContents > ul > li > a,
		body.top #contents > #topimage > div.container > div.slider > div.sliderContents > ul > li > a > img {
			display: block;
	}

	body.top #contents > #topimage > div.container > div.slider > div.sliderContents > ul > li > a {
		border-radius: 4px;
	}

	body.top #contents > #topimage > div.container > div.slider > div.sliderContents > ul > li > a > img {
		height: auto;
		width: 100%;
	}

	body.top #contents > #topimage > div.container > div.slider > div.sliderContents > a.navi {
		background-color: #ed8b14;
		border: 4px solid #ffffff;
		border-radius: 50%;
		color: #ffffff;
		cursor: pointer;
		font-size: 120%;
		display: block;
		padding: 6px;
		position: absolute;
		text-decoration: none;
	}

	body.top #contents > div.news,
		body.top #contents > div.news > div.news,
			body.top #contents > div.news > div.news > h4,
				body.top #contents > div.news > div.news > dl.newslist,
					body.top #contents > div.news > a.button {
						position: relative;
	}

	body.top #contents > div.news {
		border-bottom: 1px dotted #d0cdc2;
		border-top: 1px dotted #d0cdc2;
		margin: 0 auto 24px auto;
		padding: 12px 0 12px 0;
		max-width: 980px;
		text-align: left;
		width: 100%;
	}

	body.top #contents > div.news:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #contents > div.news > div.news {
		float: left;
	}

	body.top #contents > div.news > div.news:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #contents > div.news > div.news > h4,
		body.top #contents > div.news > div.news > dl.newslist {
			float: left;
	}

	body.top #contents > div.news > div.news > h4 {
		font-size: 120%;
		margin-bottom: 0;
		padding-left: 14px;
		padding-right: 34px;
	}

	body.top #contents > div.news > div.news > dl.newslist {
		margin-bottom: 0;
		position: relative;
	}

	body.top #contents > div.news > div.news > dl.newslist:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #contents > div.news > div.news > dl.newslist dt,
		body.top #contents > div.news > div.news > dl.newslist dd {
			text-align: left;
	}

	body.top #contents > div.news > div.news > dl.newslist dt {
		float: left;
		margin-right: 14px;
		padding-left: 12px;
		position: relative;
	}

	body.top #contents > div.news > div.news > dl.newslist dd {
		padding-right: 12px;
	}

	body.top #contents > div.news > div.news > dl.newslist dd a:hover {
		text-decoration: none;
	}

	body.top #contents > div.news > div.news > dl.newslist dd > span.label {
		background-color: #fefefc;
		border: 1px solid #c8c3b2;
		border-radius: 4px;
		display: inline-block; 
		font-size: 80%;
		margin-right: 14px;
		padding: 6px 18px 6px 18px;
		text-align: center;
	}

	body.top #contents > div.news > a.button {
		background: #201813 url("../../img/img_arrow_white_big.png") 14px center no-repeat;
		background-size: auto 10px;
		border-radius: 4px;
		color: #ffffff;
		display: block;
		float: right;
		margin: 0 0 0 14px;
		padding: 10px 14px 10px 28px;
		text-decoration: none;
		right: 14px;
	}


	/* ========================================
	   * 領域設定 - Main -
	======================================== */

	body.top #main {
		background-color: inherit;
		border: none;
		width: 740px;
	}

	body.top #main div.information {
		clear: both;
	}

	body.top #main div.information:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #main div.information div#leftside,
		body.top #main div.information div#rightside {
			float: left;
	}

	body.top #main div.information div#leftside {
		margin: 0 10px 0 0;
		width: 230px;
	}

	body.top #main div.information div#leftside a {
		color: #D33241;
	}

	body.top #main div.information div#leftside div.news {
		margin: 0 0 10px 0;
	}

	body.top #main div.information div#leftside div.news h4 {
		margin-bottom: 0;
	}

	body.top #main div.information div#leftside div.news h4 img,
		body.top #main div.information div#leftside div.news div.container div.white div.ippin {
			border-radius: 4px 4px 0 0;
	}

	body.top #main div.information div#leftside div.news div.container {
		background-color: #990000;
		border-radius: 0 0 4px 4px;
		padding: 0 4px 4px 4px;
	}

	body.top #main div.information div#leftside div.news div.container div.white {
		background-color: #FFFFFF;
		border-radius: 2px;
		padding: 12px 1px 1px 1px;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.ippin,
		body.top #main div.information div#leftside div.news div.container div.white div.best10 {
			padding: 0 8px 0 8px;
	}


	body.top #main div.information div#leftside div.news div.container div.white div.ippin {
		background: url("../../../top/img/bg_ippin.png") right top no-repeat;
		min-height: 41px;
		padding-top: 16px;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.ippin div.information {
		margin-left: 8px;
		margin-right: 8px;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.ippin div.information div.photo {
		margin-bottom: 12px;
		text-align: center;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.ippin div.information div.photo > img {
		display: block;
		height: auto;
		margin: 0 auto 0 auto;
		max-height: 160px;
		max-width: 100%;
		width: auto;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.ippin div.information h5 {
		border-bottom: 1px dotted #D7D5CE;
		font-size: 120%;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.ippin div.information div.comment {
		margin-bottom: 14px;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 h5 {
		margin-bottom: 10px;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 h6 {
		margin-bottom: 0;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.white {
		display: none;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information h6 {
		margin-bottom: 0;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information h6 img {
		display: block;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.photo {
		border: 2px solid #C5B87C;
		margin-bottom: 12px;
		padding: 14px 18px 14px 18px;
		text-align: center;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.information span.number,
		body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.information br {
			display: none;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.information h6,
		body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.memo {
			text-align: center;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.information h6 {
		font-size: 120%;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.information h6 a {
		color: #59534B;
		text-decoration: none;
	}
		
	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.memo {
		border-bottom: 1px dotted #DFDDD8;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 ul.linklist {
		list-style-type: none;
		margin-bottom: 12px;
		margin-left: 0;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 ul.linklist li {
		background: url("../../img/img_arrow_red_dot.png") left 6px no-repeat;
		padding-left: 14px;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 ul.linklist li a {
		color: #C14A0B;
	}

	body.top #main div.information div#leftside div.news div.container div.white div.best10 div.information div.photo img {
		height: auto;
		width: 160px;
	}

	body.top #main div.information div#rightside {
		width: 500px;
	}

	body.top #main div.information div#rightside div.frame {
		background-color: #FFFFFF;
		box-sizing: border-box;
		border: 1px solid #D7D5CE;
		margin: 0 0 10px 0;
		padding: 12px;
		width: 100%;
	}

	body.top #main div.information div#rightside div.frame h3 {
		background-color: #433529;
		border: none;
		margin-bottom: 0;
		padding: 0;
		position: relative;
	}

	body.top #main div.information div#rightside div.frame h3 > span,
		body.top #main div.information div#rightside div.frame h3 > a,
			body.top #main div.information div#rightside div.frame h3 img {
				display: block;
				position: relative;
	}

	body.top #main div.information div#rightside div.frame h3 > span,
		body.top #main div.information div#rightside div.frame h3 > a {
			height: 100%;
			padding: 10px 0 10px 0;
	}

	body.top #main div.information div#rightside div.frame h3 > span {
		padding-left: 12px;
	}

	body.top #main div.information div#rightside div.frame h3 > span > img {
		height: auto;
		max-height: 34px;
		max-width: 90%;
		width: auto;
	}

	body.top #main div.information div#rightside div.frame h3 > span + br {
		display: none;
	}

	body.top #main div.information div#rightside div.frame h3 > a {
		background-color: #201813;
		box-sizing: border-box;
		padding-left: 18px;
		padding-right: 18px;
		position: absolute;
		right: 0;
		top: 0;
	}

	body.top #main div.information div#rightside div.frame h3 > a > img {
		height: auto;
		width: 48px;
	}

	body.top #main div.information div#rightside div.frame.news dl.newslist dt {
		clear: both;
		margin-bottom: 4px;
	}

	body.top #main div.information div#rightside div.frame.event div.month {
		border-bottom: 1px solid #E2E1DC;
		display: none;
		padding-bottom: 8px;
		padding-top: 8px;
	}

	body.top #main div.information div#rightside div.frame.event div.month ul {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 10px;
		margin-right: 10px;
	}

	body.top #main div.information div#rightside div.frame.event div.month ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #main div.information div#rightside div.frame.event div.month ul li {
		float: left;
		width: 33%;
	}

	body.top #main div.information div#rightside div.frame.event div.month ul li.left {
		text-align: left;
	}

	body.top #main div.information div#rightside div.frame.event div.month ul li.center {
		text-align: center;
		width: 34%;
	}

	body.top #main div.information div#rightside div.frame.event div.month ul li.right {
		text-align: right;
	}

	body.top #main div.information div#rightside div.frame.event div.month ul li.current {
		font-weight: bold;
	}

	body.top #main div.information div#rightside div.frame.event div.month ul li span,
		body.top #main div.information div#rightside div.frame.event div.month ul li a,
			body.top #main div.information div#rightside div.frame.event div.month ul li.current a:hover {
				color: #CA2452;
				text-decoration: none;
	}

	body.top #main div.information div#rightside div.frame.event div.month ul li a:hover {
		text-decoration: underline;
	}

	body.top #main div.information div#rightside ul.banner {
		clear: both;
		list-style-type: none;
		margin-left: -5px;
		margin-right: -5px;
		position: relative;
		width: 510px;
	}

	body.top #main div.information div#rightside ul.banner:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.top #main div.information div#rightside ul.banner li {
		float: left !important;
		height: 56px;
		margin-bottom: 10px;
		margin-left: 5px;
		margin-right: 5px;
		width: 160px;
	}

	body.top #main div.information div#rightside ul.banner li a
		body.top #main div.information div#rightside ul.banner li a img {
			display: inlin-block;
	}

	body.top #main div.information div#rightside ul.banner li a img {
		height: auto;
		width: 100%;
	}

	body.top #main div.frame dl.newslist {
		margin-bottom: 0;
		margin-top: 0;
	}

	body.top #main div.frame dl.newslist dt { 
		float: none;
		font-size: 80%;
		padding-bottom: 0;
		padding-top: 12px;
	}

	body.top #main div.frame dl.newslist dd {
		background: none;
		padding-bottom: 12px;
		padding-top: 0;
	}

	body.top #main div.frame dl.newslist dd span.icon {
		border-radius: 2px;
		color: #FFFFFF;
		display: block;
		float: left;
		font-size: 80%;
		margin: 0 8px 0 0;
		padding: 4px 6px 4px 6px;
		text-align: center;
	}

	body.top #main div.frame dl.newslist dd.event span.icon {
		background-color: #008C8C;
	}

	body.top #main div.frame dl.newslist dd.landman span.icon {
		background-color: #990000;
	}

	body.top #main div.frame dl.newslist dd.news span.icon {
		background-color: #663300;
	}

	body.top #main div.frame dl.newslist dd.mail span.icon {
		background-color: #E74D91;
	}


	/* ========================================
	   * 領域設定 - Top Image -
	======================================== */

	body.top #main div#topimage {
		background: url("../../../top/img/bg_topimage.png") left top no-repeat;
		height: 364px;
		margin: -4px -4px 10px -4px;
		padding: 7px;
		width: 734px;
	}

	body.top #main div#topimage div.container {
		background-color: #E1D8B9;
		height: 344px;
		padding: 10px;
	}

	body.top #main div#topimage div.container div.slider ul {
		list-style-type: none;
		margin-left: 0;
	}

	body.top #main div#topimage div.container div.slider div.image,
		body.top #main div#topimage div.container div.slider div.navigation div.banner {
			position: relative;
			overflow: hidden;
	}

	body.top #main div#topimage div.container div.slider div.image ul,
		body.top #main div#topimage div.container div.slider div.navigation div.banner ul {
			position: relative;
	}

	body.top #main div#topimage div.container div.slider div.image ul li,
		body.top #main div#topimage div.container div.slider div.navigation div.banner ul li {
			float: left;
	}

	body.top #main div#topimage div.container div.slider div.image,
		body.top #main div#topimage div.container div.slider div.image ul,
			body.top #main div#topimage div.container div.slider div.image ul li {
				height: 274px;
	}

	body.top #main div#topimage div.container div.slider div.navigation div.banner ul li a {
		display: block;
	}

	body.top #main div#topimage div.container div.slider div.image {
		margin: 0 0 10px 0;
	}

	body.top #main div#topimage div.container div.slider div.image ul li a img {
		height: auto;
		width: 100%;
	}

	body.top #main div#topimage div.container div.slider div.navigation {
		position: relative;
	}

	body.top #main div#topimage div.container div.slider div.navigation img#img_current_topimage {
		display: none;
		left: 22px;
		position: absolute;
		top: -8px;
		z-index: 2;
	}

	body.top #main div#topimage div.container div.slider div.navigation div.banner {
		margin: 0 0 0 21px;
	}

	body.top #main div#topimage div.container div.slider div.navigation div.banner,
		body.top #main div#topimage div.container div.slider div.navigation div.banner ul,
			body.top #main div#topimage div.container div.slider div.navigation div.banner ul li {
				height: 60px;
	}

	body.top #main div#topimage div.container div.slider div.navigation div.banner ul {
		margin-left: auto;
		margin-right: auto;
	}

	body.top #main div#topimage div.container div.slider div.navigation div.banner ul li {
		margin-left: 1px;
		margin-right: 1px;
		width: 166px;
	}

	body.top #main div#topimage div.container div.slider div.navigation div.banner ul li > img {
		height: auto;
		width: 166px;
	}

	body.top #main div#topimage div.container div.slider div.navigation ul.arrow,
		body.top #main div#topimage div.container div.slider div.navigation ul.arrow li {
			position: absolute;
			top: 0;
	}

	body.top #main div#topimage div.container div.slider div.navigation ul.arrow li.btn_next_topimage {
		left: 694px;
	}


	/* ========================================
	   * 領域設定 - Side Bar -
	======================================== */

	body.top #sidebar div.calendarArea {
		background-color: #FFFFFF;
		border: 1px solid #D7D5CE;
		margin: 0 0 10px 0;
		padding: 6px;
	}

	body.top #sidebar div.calendarArea table.calendarTable {
		border: none;
		border-collapse: separate;
		margin-bottom: 0;
		width: 100%;
	}

	body.top #sidebar div.calendarArea table.calendarTable tr th,
		body.top #sidebar div.calendarArea table.calendarTable tr td {
			border-bottom: none;
			border-left: none;
			padding: 6px 2px 6px 2px;
			text-align: center;
	}

	body.top #sidebar div.calendarArea table.calendarTable tr.month th {
		background-color: #4B4B47;
		color: #FFFFFF;
		text-align: center;
	}

	body.top #sidebar div.calendarArea table.calendarTable tr td {
		font-size: 80%;
	}

	body.top #sidebar div.calendarArea table.calendarTable tr.week td {
		background-color: #EBEBEA;
	}

	body.top #sidebar div.calendarArea table.calendarTable tr.days td {
		border-bottom: 1px dotted #D7D5CE;
		border-left: 1px dotted #D7D5CE;
	}

	body.top #sidebar ul.banner.double {
		display: none;
	}

}