﻿@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);

/*--------------------------------------------------------------*/

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	
*/

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定  */
/* ------------------------------------------------------------ */

* html body {     
    background: url(null) fixed;     
}  

body {
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif, Osaka , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	background:#000;
}
html {
overflow-x: hidden;
} 

.img_left {
	float:left;
	margin:0 15px 15px 0;
}
.img_right {
	float:right;
	margin:0 0 15px 15px;
}
.border {
	border:solid 2px #b89b22;
}
.bottom_30 {
	margin:0 0 30px;
}
.opa img:hover {
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link {
	color:#0145A4;
	text-decoration:none;
}
a:visited {
	color:#0145A4;
	text-decoration:none;
}
a:hover {
	color:#0145A4;
	text-decoration:underline;
}
a:active {
	color:#0145A4;
	text-decoration:none;
}
/* ------------------------------------------------------------ */
/* 共通 */
/* ------------------------------------------------------------ */
#wrapper {
	width:1200px;
	margin:0 auto;
	background-color:#fff;
	background:url(../img/top.jpeg) no-repeat center top;
}

.sakura {
	background:#F3C9D3 !important; 
}
/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header {
	height:909px;
	margin:0 auto;
}
#header .box {
	width:960px;
	padding:10px 0 0;
	margin:0 auto;
	overflow:hidden;
}
h1 {
	text-align:center;
	margin:0 0 40px;
}
#header ul {
	width:328px;
	overflow:hidden;
	float:right;
	margin:0 40px 0 0 ;
}
#header ul li {
	float:right;
	margin:0 0 0 2px;
}
#header p {
	padding:30px 0 0 20px;
}

/* ------------------------------------------------------------ */
/* コンテンツ */
/* ------------------------------------------------------------ */
#content {
	margin:0 auto;
}
#prof {
	background:url(../img/bg-prof.jpg) repeat 0 0;
}
#prof .section-top {
	background: url(../img/bg-section-top.png) no-repeat center top;
	clear:both;
	padding:0 0 50px 0;
}
#prof .section-bottom {
	margin:0 auto;
	background: url(../img/bg-section-bottom.png) no-repeat center bottom;
	clear:both;
	padding:0 0 170px 0;
}
#prof p.main {
	width:960px;
	margin:0 auto 50px;
}
#sche {
	background:url(../img/bg_sche.jpg) repeat 0 0;
}
#sche .section-top {
	background: url(../img/bg-section-top.png) no-repeat center top;
	clear:both;
	padding:0 0 50px 0;
}
#sche .section-bottom {
	margin:0 auto;
	background: url(../img/bg-section-bottom.png) no-repeat center bottom;
	clear:both;
	padding:0 0 170px 0;
}
#activity {
	background:url(../img/bg-prof.jpg) repeat 0 0;
}
#activity .section-top {
	background: url(../img/bg-section-top.png) no-repeat center top;
	clear:both;
	padding:0 0 50px 0;
}
#activity .section-bottom {
	margin:0 auto;
	background: url(../img/bg-section-bottom.png) no-repeat center bottom;
	clear:both;
	padding:0 0 170px 0;
}
.section-top {
	background:#fff url(../img/bg-section-top.png) no-repeat center top;
	clear:both;
	padding:0 0 50px 0;
}

.section-top img {
	padding:0 10px 0 0;
}
.section-bottom {
	margin:0 auto;
	background:#fff url(../img/bg-section-bottom.png) no-repeat center bottom;
	clear:both;
	padding:0 0 170px 0;
}

h3#title_01 {
	width:350px;
	position:relative;
	top:50px;
	left:100px;
	margin:0 0 50px;
}
h3#title_02 {
	width:350px;
	position:relative;
	top:40px;
	left:100px;
	margin:0 0 50px;
}
h3#title_03 {
	width:950px;
	margin:0 auto 20px;
	padding:50px 0 0 10px;
}
h3#title_04 {
	width:950px;
	margin:0 auto 20px;
	padding:50px 0 0 10px;
}
h3#title_05 {
	width:950px;
	margin:0 auto 20px;
	padding:0;
}
#content .box {
	width:960px;
	margin:0 auto 70px;
	overflow:hidden;
}
#content .box .left {
	float:left;
	width:450px;
}
.section-top h4 {
	font-size:174%;
	font-family:"Times New Roman", Times, serif;
	padding:90px 0 0 15px;
	float:left;
}
h4.title_02 {
	font-size:174%;
	padding:0 0 5px 5px;
	margin:0 0 20px;
	background:url(../img/icon-border_01.png) no-repeat left bottom;
}
h4.title_03 {
	font-size:174%;
	padding:20px 0 10px 5px;
	margin:0 0 35px;
	background:url(../img/icon-border.png) no-repeat left bottom;
}
h4.title_03 span {
	color:#a00e15;
	font-size:182%;
	padding:0 5px 0 0;
}
h5 {
	font-size:100%;
	font-weight:normal;
	width:950px;
	margin:0 auto;
}
h5 span {
	color:#f00;
	font-size:122%;
}
h6 {
	width:960px;
	margin:50px auto 80px;
}
h6.span {
	width:890px;
	margin:50px auto 80px;
	padding:20px 0 20px 80px;
	font-size:20px;
	text-align:left;
	line-height:1.8em;
	background:url(../img/icon-h6.png) no-repeat 0 20px;
	border-top:dotted 3px #a00e15;
	border-bottom:dotted 3px #a00e15;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

dl.time {
	width:418px;
	margin:0 0 20px;
	font-size:136%;
	background:url(../img/bg-dl.png) left bottom no-repeat;
	padding:0 0 5px 0;
}
dl.time dt {
	width:130px;
	float:left;
	padding:0 0 0 10px;
}
dl.time02 {
	width:418px;
	margin:0 0 20px;
	font-size:136%;
	background:url(../img/bg-dl.png) left bottom no-repeat;
	padding:0 0 5px 0;
}

dl.time02 dt {
	width:250px;
	float:left;
	padding:0 0 0 10px;
}
dl.time02 dd a.icon {
	background:url(../img/icon-link.png) no-repeat right 35%;
	background-size:13px 13px;
	padding:0 20px 0 0;
}
dl.time03 {
	width:418px;
	margin:0 0 20px;
	font-size:136%;
	background:url(../img/bg-dl.png) left bottom no-repeat;
	padding:0 0 5px 0;
}

dl.time03 dt {
	width:90px;
	float:left;
	padding:0 0 0 10px;
}
dl.time04 {
	width:418px;
	margin:0 0 20px;
	font-size:136%;
	background:url(../img/bg-dl.png) left bottom no-repeat;
	padding:0 0 5px 0;
}

dl.time04 dt {
	width:90px;
	float:left;
	padding:0 0 0 10px;
}
dl.time04 dd {
	padding:0 0 0 140px;
}

/*出陣表*/
table.calendar {
	width:100%;
	margin:0 0 80px;
	border:solid 1px #999;
}
table.calendar img {
	padding:0;
	margin:0;
}
table.calendar th {
	background:#fff url(../img/bg-table-th.jpg);
	color:#000;
	padding:15px 10px;
	text-align:center;
	border-bottom:1px solid #999;
	vertical-align:middle;
	font-size:167%;
	width:30px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}
table.calendar th.day {
	font-size:100%;
	border-right:solid 1px #999;
}
table.calendar th.name {
	background:#ccc;
	color:#000;
}
table.calendar td {
	background:#fff;
	text-align:left;
	border-bottom:1px solid #999;
	vertical-align: middle;
	padding:10px;
}
table.calendar td.rest {
	background:url(../img/bg-table-th.jpg);
	font-size:136%;
	text-align:center;
}
table.calendar td.event {
	font-size:107%;
	text-align:left;
	color:#C03;
}

table.calendar td img {
	margin:0 0 0 10px;
	width:90px;
}
table.calendar td img.taku {
	margin:0;
	width:70px;
}

table.calendar th.sun {
	color:#F00;
}
table.calendar th.sat {
	color:#36F;
}
table.calendar_01 {
	width:100%;
	margin:0 0 80px;
	border:solid 1px #999;
}
table.calendar_01 img {
	padding:0;
	margin:0;
}
table.calendar_01 th {
	background:#fff url(../img/bg-table-th.jpg);
	color:#000;
	padding:15px 10px;
	text-align:center;
	border-bottom:1px solid #999;
	vertical-align:middle;
	font-size:136%;
	width:100px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	border-right:solid 1px #999;
}
table.calendar_01 td {
	background:#fff;
	text-align:left;
	font-size:122%;
	padding:10px;
	border-bottom:1px solid #999;
	vertical-align: middle;
}
table.calendar_01 td span {
	font-size:12px;
	color:#666;
	padding:0 0 0 20px;
	text-align:right;
}
table.calendar_01 td img {
	margin:10px 0 10px 20px;
}
p.infoText {
	text-align:left;
	margin:0 0 50px 10px;
}
table.calendar p.other {
	margin:10px 0 0;
	padding:5px 10px;
	background:url(../img/bg-p-other.jpg) left top repeat;
	color:#fff;
}
table.calendar p.event {
	margin:10px 0 0;
	padding:5px 10px;
	background:#F90;
	color:#fff;
}

/* ------------------------------------------------------------ */
/* お問い合わせ */
/* ------------------------------------------------------------ */
div.formbox {
	width:900px;
	margin:0 auto;
}
.formTable {
	width:100%;
	padding:20px auto 0;
	overflow:hidden;
}
.formTable td {
	padding:0 0 30px;
}
.formTable_02 {
	width:100%;
	margin:20px auto 30px;
	overflow:hidden;
}
.formTable_02 td {
	padding:0 0 10px;
}
/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
div.section {
	width:960px;
	margin:0 auto 50px;
	overflow:hidden;
}

ul.day {
	width:972px;
	margin:0px auto ;
}
ul.day li {
	margin:0 14px 0 0 ;
	float:left;
}
#footer {
	background:url(../img/bg-footer-top.jpg) repeat-x center top;
	padding:0 0 50px 0;
}
#footer .box {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
#footer p {
	text-align:left;
	padding:40px 0 0 10px;
	color:#fff;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	color: #fff;
	width: 60px;
	height:60px;
}
#page-top a:hover {
}


#wpNews {
	background:url(../img/bg-newsArea.jpg) no-repeat 0 0;
	height:340px;
	width:950px;
	margin:25px auto 60px;
	overflow:hidden;
	padding:50px 0 0 0;
	clear:both;
}
#wpNews .scroll {
	position: relative;
	height:290px;
	width:840px;
	overflow:hidden;
	margin:0 auto;
	color:#333;
}
#wpNews ul li.text {
	margin:0 0 35px;
	padding:0 25px 0 0;
	line-height:1.8em;
	font-size:107%;
}
#wpNews ul li.title {
	margin:0 0 10px;
	font-size:122%;
	font-weight:bold;
}
#wpNews ul li.title span {
	font-weight:normal;
}
