@charset "utf-8";

#homeInside #contentsWrap {
	background:#FFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-top:25px;
	padding:27px 0;
}


/********************************************
Bukai
********************************************/

#bukaiTitleWrap {
	margin:0 39px 30px;
	border:1px solid #39F;
	background:url(images/bukaiTitlePattern.gif);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#bukaiTitle {
	background:url(images/bukaiTitleBack.gif) no-repeat right bottom #FFF;
	margin:9px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#bukaiTitle h1 {
	padding:35px;
	float:left;
}

#bukaiComment {
	float:right;
	width:405px;
	padding-right:35px;
	margin-top:27px;
	color:#333;
	font-size:80%;
}

#homeInside #localNavi {
	margin-left:39px;
}

#homeInsideTopics {
	background:url(images/topicsBack.png) no-repeat top left #E4F1FF;
	padding-bottom:10px;
	margin-bottom:45px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
}

#homeInsideTopics #topicsPhoto {
	text-align:center;
}

#homeInsideTopics #topicsPhoto img {
	border:5px solid #FFF;
	-webkit-box-shadow:  0px 0px 10px 0px #CCC;
	box-shadow:  0px 0px 10px 0px #CCC;
}

#homeInsideTopics #topicsComment {
	margin:10px;
	padding:10px;
	background:#FFF;
	font-size:80%;
}

#homeInside #localNaviArea {
	border:1px solid #86C3FF;
	border-top:none;
	background:#FFF;
	padding-top:8px;
	padding-bottom:8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
}

#localNaviArea ul li {
	font-size:90%;
	padding:2px;
	margin:0 3px;
	border-bottom:1px dotted #CCC;
}

#localNaviArea ul li ul {
	margin-left:10px;
}

#localNaviArea a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:5px 10px 5px 20px;
	background:url(images/liLocalNavi2a.gif) no-repeat 10px center;
}

#localNaviArea a:hover,
#localNaviArea a.active {
	background:url(images/liLocalNavi2a.gif) no-repeat 10px center #E7F3FF;
}

#localNaviArea a span {
	color:#666;
	font-size:75%;
	line-height:1.2em;
}

.localNaviMenu strong {
	color:#333;
}

#localNaviArea ul li.listEnd {
	border:none;
}

#homeInside #homeInsideContents {
	float:right;
	width:615px;
	margin-right:35px;
}

#homeInside #contentsInside {
	width:615px;
	margin:0 0 12px;
}

#information {
	margin-bottom:55px;
}

#information table {
	width:100%;
	font-size:90%;
	margin-bottom:15px;
}

#information th,
#information td {
	padding:5px 10px 5px 0;
	border-bottom:2px dotted #CCC;
	vertical-align:top;
}

#information th {
	font-weight:normal;
	white-space:nowrap;
}

#mainMenu .heightLine {
	width:198px;
	border:1px solid #D3E9FF;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow:  0px 0px 6px 0px #CCC;
	box-shadow:  0px 0px 6px 0px #CCC;
	float:left;
	margin:0 7px 15px 0;
}

#mainMenu .heightLine h3 {
	margin:5px;
}

#mainMenu .heightLine ul {
	margin:10px;
}

#mainMenu .heightLine ul li {
	font-size:90%;
	border-bottom:2px dotted #999;
}

#mainMenu a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:10px 10px 10px 20px;
	background:url(images/liMainMenu.gif) no-repeat left center;
}

#mainMenu a:hover,
#mainMenu a.active {
	background:url(images/liMainMenu.gif) no-repeat left center #E7F3FF;
}

#mainMenu ul li.listEnd {
	border:none;
}

#mainMenu .boxEnd {
	margin-right:0;
}


#activeFukushiLeft {
    float: left;
    width: 460px;
}

#activeFukushiRight {
	width:160px;
	float:right;
	margin-top:0;
	padding-top:0;
}



/********************************************
Jinzai
********************************************/

#jinzaiTitle {
	margin:0 24px 18px;
	position:relative;
}

#jinzaiTitle #menu1 {
	position: absolute;
	top: 22px;
	right: 22px;
}

#jinzaiTitle #menu2 {
	position: absolute;
	top: 75px;
	right: 22px;
}

#jinzaiTitle p {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow:  0px 0px 8px 0px #CCC;
	box-shadow:  0px 0px 8px 0px #CCC;
}

#jinzaiContents {
	width:650px;
	float:left;
	margin-left:25px;
}

#homeInside #jinzaiContents #contentsInside {
	width:650px;
}

#jinzaiContents #information {
	padding:14px;
	margin-bottom:25px;
	border:1px solid #CCC;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#jinzaiContents #information h2 {
	margin-bottom:10px;
}

.grayBox {
	border:1px solid #CCC;
	border-top:none;
	-webkit-border-radius:0 0  8px 8px;
	border-radius:0 0 8px 8px;
	margin-bottom:20px;
}

.blueBox {
	width:295px;
	float:left;
	margin:0 14px 20px;
}

.blueBox ul {
	margin:10px 10px 0;
	font-size:90%;
}

.blueBox a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:5px 10px 5px 20px;
	background:url(images/liMainMenu.gif) no-repeat left center;
}

.blueBox a:hover,
.blueBox a.active {
	background:url(images/liMainMenu.gif) no-repeat left center #E7F3FF;
}

.blueBox2 {
	width:600px;
	float:left;
	margin:0 14px 20px;
}

.blueBox2 ul {
	margin:10px 10px 0;
	font-size:90%;
}

.blueBox2 a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:5px 10px 5px 20px;
	background:url(images/liMainMenu.gif) no-repeat left center;
}

.blueBox2 a:hover,
.blueBox2 a.active {
	background:url(images/liMainMenu.gif) no-repeat left center #E7F3FF;
}

#minasamaLeft {
	width:450px;
	float:left;
}

#minasamaLeft .grayBox {
	width:448px;
}

.purpleBox {
	margin:0 10px 20px;
	position:relative;
}

.purpleBox ul {
	margin:0 10px;
	font-size:90%;
}

.purpleBox a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:7px 0 7px 20px;
	background:url(images/liPurple.gif) no-repeat left 10px;
}

.purpleBox a:hover,
.purpleBox a.active {
	background:url(images/liPurple.gif) no-repeat left 10px #EFEFFF;
}

.purpleBox p a {
	display:inline;
	font-size:80%;
	background:url(images/liPurpleTriangle.gif) no-repeat left 10px;
	padding:5px 10px;
}

.purpleBox p a:hover,
.purpleBox p a.active {
	background:url(images/liPurpleTriangle.gif) no-repeat left center #EFEFFF;
}

.purpleBox li.noLink {
	background:url(images/liPurple.gif) no-repeat left 10px;
	padding:7px 0 7px 20px;
}

#minasamaRight {
	width:180px;
	float:right;
}

#minasamaRight p {
	margin-bottom:20px;
}

#jinzaiRight {
	width:220px;
	float:right;
	margin-right:25px;
}

#calendar {
	border:1px solid #CCC;
	padding:0 10px;
	margin-bottom:20px;
}

#related {
	border:1px solid #CCC;
	text-align:center;
	margin-bottom:20px;
}

#related p {
	margin:10px 0;
}

.snsBox {
	margin-bottom:20px;
}

#toiawase {
	background:url(images/jinzaiToiawaseBack.gif) no-repeat left top #FFF;
	border:1px solid #CCC;
	border-top:none;
	padding:20px;
	-webkit-border-radius:0 0  8px 8px;
	border-radius:0 0 8px 8px;
	font-size:85%;
}


/********************************************
Korei
********************************************/

#koreiTitle {
	margin:0 24px 18px;
}

#toKaiin {
	background:url(images/kaiinBack.png) no-repeat left top;
	height:131px;
	margin-bottom:20px;
}

#toKaiin p {
	font-size:80%;
	color:#666;
	margin-bottom:5px;
	text-align:center;
}

#toKaiin a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
}


#activeFukushi {
	border:1px solid #CCC;
	border-top:none;
	margin-bottom:20px;
	padding-top:20px;
	position:relative;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

#activeFukushi p {
	margin:0 15px 10px;
	font-size:90%;
}

#activeFukushi #thumbnail {
	float:right;
}

#activeFukushi #thumbnail img {
	-webkit-box-shadow:  0px 0px 8px 0px #CCC;
	box-shadow:  0px 0px 8px 0px #CCC;
}

#activeFukushi #toDetail {
	position:absolute;
	bottom:10px;
	left:0;
}



#pamphlet table{
width: 100%;
border-collapse: collapse;
}
#pamphlet th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
#pamphlet td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

#koreiContents #homeInsideContents {
	width:640px;
	margin-right:25px;
}

#koreiContents #contentsInside {
	width:640px;
}

#koreiContents #contentsInside p {
	margin:10px 15px;
	font-size:90%;
}

#koreiContents #contentsInside ul {
	margin:10px;
}

#koreiContents #contentsInside ul li {
	background:url(images/liLocalNavi.gif) no-repeat scroll left 7px;
	margin-bottom:5px;
	padding-left:10px;
	font-size:90%;
}


#koreiMenu {
	background:url(images/koreiMenuBorder.gif);
	padding:8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size:85%;
}

#koreiMenuInside {
	background:#FFF;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#koreiMenuL {
	float:left;
	width:280px;
	margin:24px 0 24px 18px;
	padding-right:30px;
	border-right:2px dotted #CCC;
}

#koreiMenuR {
	float:right;
	width:250px;
	margin:24px 18px 24px 0;
}

#koreiMenu ul  {
	margin:10px;
}

#koreiMenu ul li {
	background:url(images/liLocalNavi.gif) no-repeat left center;
	padding-left:10px;
}

#koreiMenu p {
	margin:10px 5px;
}

#koreiMenuInside:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#koreiMenuInside {
    zoom: 1; /* for IE6/7 */
}


/********************************************
Sikuchoson
********************************************/

#contentsWrap #localNavi #toKaiinSikuchoson {
	background:url(images/kaiinSikuchosonBack.png) no-repeat left top;
	height:135px;
	margin-bottom:35px;
}

#contentsWrap #localNavi #toKaiinSikuchoson p {
	font-size:80%;
	color:#666;
	margin-bottom:5px;
	text-align:center;
}

#contentsWrap #localNavi #toKaiinSikuchoson a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
}

/********************************************
Korei Bukai 2016
********************************************/

#bottomLinks {
	margin:10px 0;
}
#koreiContents #contentsInside #bottomLinks p {
	margin:0;
}
#koreiContents #contentsInside #bottomLinks ul {
	margin:0;
	display:table;
	text-align:center;
	width:640px;
}
#koreiContents #contentsInside #bottomLinks ul li {
	display:table-cell;
	vertical-align:middle;
	background:none;
	padding:0;
}



@media screen and (max-width:479px) {
	* {
		box-sizing: border-box;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	#bukaiTitleWrap {
		margin: 0 0 30px;
	}
	#bukaiTitle h1 {
		float: none;
		padding: 35px 10px 20px;
		text-align: center;
	}
	#bukaiComment {
		float: none;
		width: 100%;
		padding: 0 20px 20px;
		margin-top: 0;
	}
	#homeInside #homeInsideContents {
		float: none;
		width: 100%;
	}
	#homeInside #contentsInside {
		width: 100%;
	}
	#contentsInside h2 {
		overflow: hidden;
	}
	#information table,
	#information th,
	#information td {
		display: block;
		border: none;
		text-align: left;
		border-collapse: collapse;
	}
	#information tr {
		border-bottom: 2px dotted #CCC;
	}
	#mainMenu .heightLine {
		width: 100%;
		height: auto !important;
	}
	#mainMenu .heightLine h3 {
		text-align: center;
		background: #BFDFFF;
	}
	#homeInside #localNavi {
		margin: auto;
	}
	#homeInsideTopics {
		background: url(images/topicsBack.png) no-repeat top center #E4F1FF;
	}
	#localNavi h2 {
		padding: 0;
	}
	#koreiTitle {
		width: 100%;
		overflow: hidden;
		margin: 0 0 20px;
	}
	#koreiTitle img {
		max-width: 100%;
		height: auto;
	}
	#koreiContents #contentsInside #bottomLinks ul {
		display: block;
		width: 100%;
	}
	#koreiContents #contentsInside #bottomLinks ul li {
		display: block;
	}
}