@charset "utf-8";
/* CSS Document */

/*-------------------
[discription]
page rayout style
コンテンツページ共通
2013.1.10
-------------------*/

body {
	background: #ededed;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px !important;
	*font-size: small;
	*font: x-small;
}


table {
	font-size: inherit;
	font: 100%;
}



/*-------------------
* #header
-------------------*/
#header {
	width: 100%;
	height: 93px;
	background: url(../images/head_back.png);
	background-repeat: repeat-x;
	position: relative;
}

.header_in {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.header_in_right {
	width: 300px;
	text-align: right;
	position: absolute;
	top: 5%;
	/* left: 64%; */
	right: 10%;
}

.header_in_right ul {
	width: 100%;
	text-align: right;
}

.header_in_right ul li {
	font-size: 77%;
	text-align: right;
	display: inline-block;
	padding-left: 1em;
}

@media screen {
	.header_in_right ul li {
		color: #FFF;
	}
}

.tel {
	margin-top: 20px;
}



/*-------------------
* #gnavi
-------------------*/
#gnavi {
	width: 100%;
	height: 64px;
	background: url(../images/gnavi_back.png);
	background-repeat: repeat-x;
	margin-top: 0;
	padding-top: 0;
}

#gnavi ul {
	width: 100%;
	max-width: 960px;
	height: 64px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#gnavi ul li {
	display: table-cell;
	*display: inline;
	/*IE7,6用ハック*/
	*zoom: 1;
	padding: 0;
	margin: 0;
}

.bread {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	font-size: 77%;
}

/*-------------------
* #contents_wrapper
-------------------*/
#contents_wrapper {
	width: 100%;
	max-width: 960px;
	height: auto;
	background: #FFF;
	margin-top: 1%;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 5px 50px 5px;
	overflow: hidden;
}

/*****.contents******/
.contents {
	margin-top: 3%;
	width: 904px;
	margin-left: auto;
	margin-right: auto;
}



/***.submenu***/
.submenu {
	width: 221px;
	float: left;
}

.submenu ul {
	width: 221px;
	background: #f9f6ed;
	margin-top: -7px;
	/* padding-bottom: 10px; */
}

.submenu ul li {
	margin-left: 40px;
	list-style: none;
	background-image: url(../images/submenu_icon_off.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 1.2em;
	font-size: 93%;
	line-height: 2em;
}

/*▼CSSシグネチャ▼*/
/*イベントcssシグネチャ*/
body#A.A-1 .submenu ul li a#side_a,
body#A.A-2 .submenu ul li a#side_a,
body#A.A-3 .submenu ul li a#side_b,
body#A.A-4 .submenu ul li a#side_c,
body#A.A-5 .submenu ul li a#side_d {
	color: #fb7a23;
	background: url(../images/submenu_icon_on.png) #ffe4d1 left no-repeat;
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin-left: -9%;
}

/*施設・設備cssシグネチャ*/
body#B.B-1 .submenu ul li a#side_a,
body#B.B-2 .submenu ul li a#side_a,
body#B.B-3 .submenu ul li a#side_b {
	color: #fb7a23;
	background: url(../images/submenu_icon_on.png) #ffe4d1 left no-repeat;
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin-left: -9%;
}

/*利用規約・料金cssシグネチャ*/
body#C.C-1 .submenu ul li a#side_a,
body#C.C-2 .submenu ul li a#side_b {
	color: #fb7a23;
	background: url(../images/submenu_icon_on.png) #ffe4d1 left no-repeat;
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin-left: -9%;
}

/*お問合わせcssシグネチャ*/
body#D .submenu ul li a#side_a {
	color: #fb7a23;
	background: url(../images/submenu_icon_on.png) #ffe4d1 left no-repeat;
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin-left: -9%;
}

/*お知らせcssシグネチャ*/
body#E .submenu ul li a#side_a {
	color: #fb7a23;
	background: url(../images/submenu_icon_on.png) #ffe4d1 left no-repeat;
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin-left: -9%;
}

/*交通アクセスcsｓシグネチャ*/
body#F .submenu ul li a#side_a {
	color: #fb7a23;
	background: url(../images/submenu_icon_on.png) #ffe4d1 left no-repeat;
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin-left: -9%;
}



/***.main***/
.main {
	width: 660px;
	float: right;
	padding-bottom: 50px;

}


/***contents_bottom***/
.contents_bottom {
	width: 100%;
	max-width: 960px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background: #FFF;
	padding: 0 5px 3px 5px;
}

.contents_bottom ul {
	margin-left: 30px;
}

.contents_bottom ul li {
	font-size: 77%;
	text-align: right;
	padding-left: 0.7em;
	display: inline-block;
}


/*-------------------
* #footer
-------------------*/
#footer {
	width: 100%;
	max-width: 960px;
	height: 70px;
	background: url(../images/footer_back.png);
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 5px 0px 5px;
	text-align: center;
}

@media screen {
	.footer_in h2 {
		color: #FFF;
		font-size: 77%;
	}

	.footer_in p {
		font-size: 77%;
		color: #FFF;
		font-weight: 300;
		line-height: 1.5;
	}
}


/*****.footer_bottom******/
.footer_bottom {
	text-align: center;
	font-size: 80%;
}

.footer-bottom-padding {
	padding-bottom: 5px !important;
}


/*-------------------
* link style
-------------------*/
/*ヘッダー,フッター部分*/
#header a:link,
#header a:visited {
	color: #FFF;
	text-decoration: none;
}

.contents_bottom a:link,
.contents_bottom a:visited {
	color: #94845c;
	text-decoration: none;
}

#header a:hover,
.contents_bottom a:hover {
	color: #fb7a23;
	text-decoration: underline;
}

/*パン屑リスト部分*/
.bread a:link,
.bread a:visited {
	color: #3e3111;
}

.bread a:hover {
	color: #fb7a23;
	text-decoration: underline;
}

/*サブメニュー部分*/
.submenu a:link,
.submenu a:visited {
	color: #3e3111;
	text-decoration: none;
}

.submenu a:hover {
	color: #fb7a23;
	text-decoration: none;
}


/*-------------------
* h3,h4,h5 style
-------------------*/
.main h3 {
	font-size: 153.9%;
	font-weight: bold;
	margin-bottom: 1%;
}

@media screen {
	.main h4 {
		background: url(../images/title_contents.png) no-repeat left;
		padding-left: 30px;
		color: #FFF;
		font-weight: bolder;
		line-height: 28px;
	}

	.main #rensyuu h4,
	.main #gakuya h4,
	.main #kaigi h4,
	.main #sonota h4,
	.main #gakusyuu h4 {
		background: url(../images/title_minicontents.png) no-repeat left;
		padding-left: 30px;
		color: #FFF;
		font-weight: bolder;
		line-height: 28px;
	}



	h5 {
		background: url(../images/icon_h5.png) no-repeat left;
		color: #94845c;
		font-size: 108%;
		font-weight: bold;
		padding-left: 20px;
		margin-bottom: 0.5%;
		margin-top: 3%;
	}
}