@charset "utf-8";

body{
	margin:0;
	padding:0;
	background:#eeeef4;
	line-height:1.5;
	font-size:90%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}

*{margin:0; padding:0;}
ul{list-style:none; vertical-align:top;}
ol{ margin:0 0 0 1em; padding:0 0 0 1em; }
hr{display:none;}

.clear{clear:both;}
.clearfix,#navi {zoom:1;}

.clearfix:after,#navi:after{
	content:"."; 
	display:block; 
	height:0; 
	font-size:0; 
	clear:both; 
	visibility:hidden;
}

a{text-decoration:none; color:#0303c8;}

a:hover{color:#FF6666;}

/*******************************************************
 ヘッダ
*********************************************************/

header{background:#7070ff; color:#fff;}		/* 76C7C1 */
nav{text-align:center; letter-spacing:-.40em;}
#navi li{display:inline-block; letter-spacing:normal;}
#navi a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:6px 20px;
	border-bottom:solid 5px #0303ff;
	font-size:110%;
}
#navi a:hover,#navi .on{border-bottom:solid 5px #FFF;}
#navi .on{font-weight:bold;}


/*******************************************************
 フッタ
*********************************************************/

footer{clear:both; background:#8a89ff; color:#fff;}
footer a{color:#fff; text-decoration:none;}
footer p{margin:0;}
footer li{display:inline-block; background:url(../images/icon03.png) no-repeat 0 50%; padding-left:15px; margin-right:10px;}
footer .inner{padding:25px 0;}

#Copyright{background:#7070ff; font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",sans-serif;}
#Copyright .inner{padding:1em 0; text-align:right;}




/*******************************************************
 サイド
*********************************************************/

#close, #jokyo, #link, #link2, #address{margin-bottom:1em;}

#close h2,#jokyo h2, #link h2, #link2 h2{
	background:#7070ff;
	color:#fff;
	padding:3px 10px;
	font-size:105%;
	margin-bottom:0.5em;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}
/* 空き状況 ----------------------------------------- */
#close li,
#jokyo li{
	background:url(../images/icon04.png) no-repeat 0 0.3em;
	padding-left:18px;
	margin-left:5px;
}

/* リンク ------------------------------------------- */
#link li, .link li{
	background:url(../images/icon01.png) no-repeat 0 0.3em!important;
	padding-left:18px;
	margin-left:5px;
	margin-bottom:3px;
}

.banner p{ margin-bottom:5px;}

#link2 li, .link2 li{
	background:url(../images/icon01.png) no-repeat 0 0.3em!important;
	padding-left:18px;
	margin-left:5px;
	margin-bottom:3px;
}
#link2 a{text-decoration:none; color:#FFF;}
#link2 a:hover{color:#FF6666;}


/* 住所 --------------------------------------------- */
#address{
	background:#ECECEC;
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
	padding:15px;
	color:#6C7572;
}
#address p{font-size:90%;}


/*******************************************************
 メイン
*********************************************************/

#content, .inner{width:970px; margin:0 auto;}
#main{float:left; width:710px;}
#side{float:right; width:235px;}

.column1{ float:none !important; width:100% !important;}


#content{margin-top:20px}
#main h2{font-size:130%;}

#info, #new, #boshu, #month{margin-bottom:20px;}

#new li a, #month li a, #boshu li a, #boshu li a{display:block;}
#boshu li a p, #month a p, #month a p, #month a dd{color:#6C7572;}

/* login ---------------------------------------------*/

div#login a.btn01 {
	display: block;
	width: 172px;
	background: url(../images/login.png) no-repeat top;
	height: 0 !important;
	height /**/: 62px;
	padding-top: 62px;
	padding-left: 60px;
	overflow: hidden;
	/*position: absolute;*/
	top: 0px;
}
	/*ロールオーバー*/
div#login a.btn01:hover {
	background-position: 30px -62px;
}


/* トップページスライドショー ----------------------- */
#topimg{position:relative;}
.flexslider{height:283px;}
#txt{
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
	padding:10px;
	background-color:rgba(255, 255, 255, 0.6);
}

/* メイン記事部分 ------------------------------ */

/* 角丸 */
#month,#new, #boshu, .contents{
	border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;
}
/* 影 */
#new, #boshu, #month, .contents{
	box-shadow:0 4px 1px 1px #E5E6E6; -webkit-box-shadow:0 4px 1px 1px #E5E6E6;
}
#new, #boshu{background:#fff; padding:15px; position:relative;}


#new h2, #boshu h2, .contents h2{
	border-left:solid 3px #0303c8;
	margin-left:-15px;
	margin-bottom:6px;
	padding-left:15px;
	color:#6C7572;
}
#new .list ,#boshu .list {position:absolute; right:15px; top:15px;}
.list a{
	display:inline-block;
	background:#7070f6;
	color:#fff;
	padding:3px 10px;
	font-weight:bold;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
}
.list a:hover{background:#aae0dc;}


/* 下層用 ------------------------------ */
.kaso h1{
	background:url(../images/titbg.png) repeat-x;
	border-bottom:dotted 1px #ccc;
	padding:10px 5px;
	margin-bottom:20px;
	color:#6C7572;
	font-weight:100;
}

.contents{background:#fff; padding:15px; margin-bottom:1em;}

.contents hr{
	display:block!important;
	border-bottom:dotted 1px #ccc;
	border-left:none; border-right:none; border-top:none;
	margin:2em -15px;
}
/* テーブル */
.t_col{border-top:solid 1px #ccc; border-left:solid 1px #ccc;}
.t_col td, .t_col th{border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:10px;}
.t_col th{ background:#7070f6; color:#fff;}
.t_col .rol{background:#ECECEC;}

.pdf {margin:0 5px;}

/* 新着情報 -------------------------------------------- */
.icon_new{
	background:url(../images/new.png);
	display:inline-block;
	overflow:hidden;
	width:44px;
	height:0;
	padding-top:18px;
	vertical-align:middle;
	margin-left:5px;
}

.newslist{margin:0 -15px;}
.newslist dt,.newslist dd{padding:0.8em 0;}
.newslist dt{width:7.5em; float:left; padding-left:1em;}
.newslist dd {padding-left:9.5em; border-bottom:dotted 1px #D6D6D6;}
.newslist a dt{color:#333;}
.newslist a:hover dt,.newslist a:hover dd{background:#ECECEC;}
.newslist a:hover dd{color:}

/* 募集のお知らせ -------------------------------------- */
#boshu{}

img.outlnS {
	padding: 4px 8px;
	border:  solid 1px #ddd;
	width:  128px;
	height:	 96px;
}

img.outLine {
	padding: 4px 8px;
	border:  solid 1px #ddd;
}

/* 毎月おこなっている行事 ----------------------------- */
#month{
	background:#ECECEC;
	padding:2.3em 5px 15px 15px;
	margin-top:30px;
	position:relative;
}
#month h2{
	background:#7070f6;
	color:#fff;
	display:inline-block;
	padding:0.3em 1em;
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
	position:absolute;
	left:0;
	top:-1em;
}

#month{margin-top:40px;}
#month ul{display:table;}
#month li{display:table-cell; background:#F8F8F8; border-right:solid 10px #ECECEC; padding:1em;}
#month li:hover{background:#fff;}
#month .list{text-align:right;}


/* リンク用 ----------------------------- */

.list01 a,.list02 a,.list03 a{ text-decoration:underline;}
.list01 li,.list02 li,.list03 li{padding-left:15px; padding-bottom:3px;}
.list01 li{
	background:url(../images/icon05.png) no-repeat 0 0.3em;
}
.list02 li{
	background:url(../images/icon06.png) no-repeat 0 0.3em;
	margin-top:3px;
}
.list03 li{
	background:url(../images/icon07.png) no-repeat 0 0.3em;
	margin-top:3px;
}

span.photo-right {
	display:block;
	float:right;
	width:180px;
	padding:0px 28px 8px 12px;
}

.section{
	padding:1em;
	line-height:1.5;
	margin-bottom:0.5em;
	border-bottom:dotted 1px #333;
}

.Block {width:100%;display:table;}

.Block .b_col {
	display:table-cell;
	letter-spacing:normal;
	vertical-align:top;
	padding-right:0.5em;
}

.col_L {width:60%; padding-right:1em; float:left;}
.col_R {width:40%; float:right;}