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


body{
	background:#ffffff;
	width:100%;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#195b8e;
	line-height:1.5;
	min-width: 1024px;
}
a{
	color:#195b8e;
	text-decoration:none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#Main a{
	text-decoration:underline;
}
a:hover{}

.wrap{
	clear:both;
	width:auto;
	}
.wrap:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/* -- header -- */

header{
	width:100%;
	margin:0;
}
header #HeaderBox01{
	background:#195b8e;
	padding:10px 34px;
	color:#ffffff;
}
header #HeaderBox01 a{color:#ffffff;}
header #HeaderBox01 p{
	float:left;
	font-size:11px;
}
header #HeaderBox01 p a{
	border:1px solid #ffffff;
	display:block;
	padding:5px 35px;
	line-height: 1;
}
header #HeaderBox01 p a:hover{
	border:1px solid #fff;
	background: #fff;
	color: #195b8e;
}
header #HeaderBox01 nav{
	float:right;
	margin:5px 0 0 0;	
}
header #HeaderBox01 nav ul li{
	font-size:12px;
	float:left;
	margin:0 33px 0 0;
}
header #HeaderBox01 nav ul li:last-child{ margin:0;}
header #HeaderBox01 nav ul > *:first-child + * + * + * + * + * + *{ margin:0;}
header #HeaderBox01 nav ul li a{
	background:url(../img/ico_arrow_header.png) left center no-repeat;
	padding:0 0 0 16px;
}

header #HeaderBox01 nav ul li a:hover{
	color:#ffffff;
	opacity:0.5;
}
header #HeaderBox01 nav ul li a:hover:after{
	border-bottom: 1px solid #fff;
}

header #HeaderBox01 nav ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/* -- HeaderBox02 -- */

header #HeaderBox02{
	position:relative;
}
header #HeaderBox02 h1{
	float:left;
	margin:32px 0 0 32px;
}

header #HeaderBox02 nav{
	float:right;
	margin:0;
}
header #HeaderBox02 h1 img{
	height:55px;
	width:auto;
}
header #HeaderBox02 nav ul{
	display: table;
}
header #HeaderBox02 nav ul li{
	display:table-cell;
	vertical-align:middle;
	border-left:1px solid #d5d9df;
	margin:0;
	width:110px;
	height:70px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
header #HeaderBox02 nav ul li a{
	position: relative;
	display:block;
	width:110px;
	height:70px;
	padding:45px 5px 0;
	color:#064b7b;
	behavior: url("js/PIE.htc");
}
header #HeaderBox02 nav ul li a.t2{
	padding:34px 5px 0;
	height:78px;
}
header #HeaderBox02 nav ul li a span.on {
	background: #0a3f67;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	z-index: -100;
	opacity: 0;
	-webkit-transition: 0.3s cubic-bezier(.54,0,.18,1);
	-moz-transition: 0.3s cubic-bezier(.54,0,.18,1);
	-o-transition: 0.3s cubic-bezier(.54,0,.18,1);
	-ms-transition: 0.3s cubic-bezier(.54,0,.18,1);
	transition: 0.3s cubic-bezier(.54,0,.18,1);
}
header #HeaderBox02 nav ul li a:hover span.on {
	opacity: 1;
	height: 100%;
}
header #HeaderBox02 nav ul li.current a span.on {
	opacity: 1;
	height: 100%;
}

header #HeaderBox02 nav ul li.current a,
header #HeaderBox02 nav ul li a:hover{
	color:#ffffff;
}
header #HeaderBox02 nav ul:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
header #HeaderBox02 nav ul li ul{
	position:absolute;
	top:110px;
	left:0;
	width:100%;
	margin:0 0 0 0;
	border-top: 1px solid #d5d9df;
	overflow:hidden;
	z-index:9999;
	display: none;
}
header #HeaderBox02 nav ul li:hover ul.subMenu {
	display: none;
}
header #HeaderBox02 nav ul li ul li{
	display:inline-block;
	float:left;
	border:0;
	width:50%;
	height:66px;
	margin:0 0 0 0;
	border-right: 1px solid #d5d9df;
	border-bottom: 1px solid #d5d9df;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	behavior: url("js/PIE.htc");
	}
header #HeaderBox02 nav ul li ul li:nth-child(even){
	margin:0 -2px 0 0;
	behavior: url("js/PIE.htc");
	}
header #HeaderBox02 nav ul li ul > *:first-child + *,
header #HeaderBox02 nav ul li ul > *:first-child + * + * + *,
header #HeaderBox02 nav ul li ul > *:first-child + * + * + * + * + *,
header #HeaderBox02 nav ul li ul > *:first-child + * + * + * + * + * + * + *,
header #HeaderBox02 nav ul li ul > *:first-child + * + * + * + * + * + * + * + * + *,
header #HeaderBox02 nav ul li ul > *:first-child + * + * + * + * + * + * + * + * + * + * + *{
	margin:0 -2px 0 0;
	behavior: url("js/PIE.htc");
	}

header #HeaderBox02 nav ul li ul li a{
	display:block;
	background: rgba(255,255,255,0.95) /*url(../img/bg_nav.png)*/;
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff); /* IE 8以上用 */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff); /* IE 7以下用 */
	width:100%;
	height:10px;
	padding:28px 0;
	color:#195b8e;
	line-height: 1;
}
header #HeaderBox02 nav ul li.current ul li a{
	color:#195b8e;
}
header #HeaderBox02 nav ul li ul li a:hover{
	background: #0a3f67;
}
#TopicPath{
	border-top:1px solid #d5d9df;
	background:#e9ecf0;
	padding:15px 30px;
}
#TopicPath ol li{
	float:left;
	margin:0 10px 0 0;
	color:#222222;
}
#TopicPath ol li a{
	color:#0a3f67;
	text-decoration:underline;
}
#TopicPath ol li:before{
	content:">";
	color:#222222;
	padding-right:10px;
}
#TopicPath ol li:first-child:before{content:"";}
#TopicPath ol:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.title{
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:cover;
	clear:both;
	width:100%;
	height:260px;
	overflow:hidden;
	position:relative;
	behavior: url("js/PIE.htc");
}
.title#TitleCalendar{ background-image:url(../img/title_Calendar.jpg);}
.title#TitleForm{ background-image:url(../img/title_form.jpg);}
.title#TitlePeace{ background-image:url(../img/title_Peace.jpg);}
.title#TitleOther{ background-image:url(../img/title_Other.jpg);}
.title#TitleMulticultural{ background-image:url(../img/title_Multicultural.jpg);}
.title#TitleLecture{ background-image:url(../img/title_Lecture.jpg);}
.title#TitleCalluna{ background-image:url(../img/title_Calluna.jpg);}
.title#TitleFamily{ background-image:url(../img/title_Family.jpg);}
.title#TitleAbout{ background-image:url(../img/title_About.jpg);}
.title#TitleVolunteer{ background-image:url(../img/title_Volunteer.jpg);}
.title#TitleSupport{ background-image:url(../img/title_Support.jpg);}
.title#TitleAccess{ background-image:url(../img/title_Access.jpg);}
.title#TitleUlala{ background-image:url(../img/title_Ulala.jpg);}

.title h2{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	position:relative;
	top:36%;
	z-index:5;
}
.title h2 span{
	display:block;
	font-size:15px;
	font-family:verdana;
}	
.title span.shadow{
	position:absolute;
	top:0;
	left:0;
/*	
	background: -moz-linear-gradient(top,  rgba(99,99,99,0.35) 0%, rgba(99,99,99,0.42) 46%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,0.35)), color-stop(46%,rgba(99,99,99,0.42)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* IE10+ */
/*	background: linear-gradient(to bottom,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59636363', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
	background: #000;
	opacity: 0.3;
 	filter: alpha(opacity=30);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=30)";  /* ie 8 */
	-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.3;              /* Safari 1.x */
	display:block;
	width:100%;
	height:300px;
}
.titleDetail{
	background-position:left center;
	background-repeat:no-repeat;
	background-size:cover;
	clear:both;
	width:100%;
	height:200px;
	overflow:hidden;
	position:relative;
}
.titleDetail#Title01{ background-image:url(../img/title_category01.jpg);}
.titleDetail#TitleCalendar{ background-image:url(../img/title_calendar.jpg);}
.titleDetail#TitleActivity{ background-image:url(../img/title_activity.jpg);}

.titleDetail h2{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	position:relative;
	top:30%;
	z-index:5;
}
.titleDetail h2 span{
	display:block;
	font-size:15px;
	font-family:verdana;
}	
.titleDetail span.shadow{
	position:absolute;
	top:0;
	left:0;
	background: -moz-linear-gradient(top,  rgba(99,99,99,0.35) 0%, rgba(99,99,99,0.42) 46%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,0.35)), color-stop(46%,rgba(99,99,99,0.42)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59636363', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
	display:block;
	width:100%;
	height:300px;
}

#Container{
	clear:both;
	width:100%;
	}
#Container:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#Main{
	float:right;
	width:70%;
	margin-left:-1px;
	border-left:1px solid #d5d9df;
}
#Main h2{
	border-bottom:1px solid #d5d9df;
	padding: 28px 0;
	color:#195b8e;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height: 1;
}
.contentsBox{
	clear:both;
	width:auto;
	}
.contentsBox:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.bgCor{
}
#Side{
	float:left;
	width:30%;
}


footer{
	border-top:1px solid #d5d9df;
	clear:both;
	width:100%;
}
footer #PageTop{
	text-align:center;
	width:100%;
}
footer #PageTop a{
	display:block;
	background:url(../img/ico_pagetop.png) center center no-repeat #e9ecf0;
	padding:16px 0;
	text-indent:-9999px;
}
footer #PageTop a:hover{
	background:url(../img/ico_pagetop_hover.png) center center no-repeat #0e4269;
}
footer #LinkList{
	border-bottom:1px solid #d5d9df;
	background:#d5d9df;
}
footer #LinkList li{
	float:left;
	height:171px;
	position:relative;
}
footer #LinkList li:nth-child(3){ border:0;}

footer #LinkList li.link01{
	background:url(../img/bnr_link01.jpg) 0 0 no-repeat;
	background-size:cover;
	width:30%;
}
footer #LinkList li.link02{
	background:url(../img/bnr_link02.jpg) 0 0 no-repeat;
	background-size:cover;
	width:55%;
}
footer #LinkList li.link03{
	display:block;
	background:#d5d9df;
	width:15%;
	text-align:center;
}
footer #LinkList li.link03 img,
footer #LinkList li.link03 iframe{
	width:120px;
	height:150px;
	margin:10px auto;
}


footer #LinkList li span.shadow{
	border:1px solid #d5d9df;
	position:absolute;
	top:0;
	left:0;
	background: -moz-linear-gradient(top,  rgba(99,99,99,0.35) 0%, rgba(99,99,99,0.42) 46%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,0.35)), color-stop(46%,rgba(99,99,99,0.42)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(99,99,99,0.35) 0%,rgba(99,99,99,0.42) 46%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59636363', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
	display:block;
	width:100%;
	height:170px;
}
footer #LinkList li a{
	display:table;
	position:relative;
	z-index:100;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
footer #LinkList li.link01 a{
	width:76%;
	padding:44px 12%;
	height:82px;
}
footer #LinkList li.link02 a{
	width:40%;
	padding:55px 30%;
	height:60px;
}
footer #LinkList li a span{
	display:table-cell;
	vertical-align:middle;
	border:2px solid #ffffff;	
	padding:10px 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
footer #LinkList li a:hover span{
	opacity:0.5;
	}

footer #LinkList:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
footer nav{
	border-bottom:1px solid #d5d9df;
	clear:both;
	width:100%;
	padding:25px 0;
}
footer nav ul{
	float:right;
	margin:0 50px 0 0;
}
footer nav ul li{
	float:left;
	margin:0 33px 0 0;
}
footer nav ul li a{ color:#195b8e;}
footer nav ul li:last-child{ margin:0;}
footer nav ul > *:first-child + * + * + * + * + *{ margin:0;}

footer nav ul li a:hover{
	opacity:0.5;
}
footer nav:after,
footer nav ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
footer .wrap{
	border-bottom:1px solid #d5d9df;
	clear:both;
	width:100%;
	padding:25px 0;
	font-size:12px;
}
footer .wrap p{
	float:left;
	margin:0 0 0 60px;
}
footer .wrap ul{
	float:right;
	margin:0 50px 0 0;
}
footer .wrap ul li{
	float:left;
	margin:0 15px 0 0;
}
footer .wrap ul li:after{
	content:"/";
	margin-left:15px;
}
footer .wrap ul li:nth-child(3){ margin-right:0;}
footer .wrap ul > *:first-child + * + * { margin-right:0;}
footer .wrap ul li:nth-child(3):after{
	content:"";
	margin-left:0;
}
footer .wrap ul > *:first-child + * + *:after{
	content:"";
	margin-left:0;
}

footer p#CopyRight{
	clear:both;
	width:100%;
	padding:25px 0;
	text-align:center;
	font-size:12px;	
}

/*######################個別設定######################*/

/*index*/
#MV{
	width:100%;
	overflow:hidden;
	position:relative;
	color:#ffffff;
}


@media screen  and (min-width: 1501px) {
	#MV ul.bxslider {
	position: relative;
	height: 820px;
}
#MV #Message{
	margin: 0 0 -35px -430px;
	z-index: 200;
	height: 70px;
	top: 285px;
	left: 50%;
}
#MV p.sliderTxt01{
	display:table-cell;
	vertical-align:middle;
	font-size:32px;
	font-weight:bold;
	line-height:1.8;
	margin: -60px 0 0 -430px;
	text-align: center;
	z-index: 300;
	height: 120px;
	top: 200px;
	left: 50%;
}
#MV #Message,
#MV p.sliderTxt01{
	position: absolute;
	width: 920px;
}

}
@media screen  and (max-width: 1500px) {
#MV ul.bxslider {
	position: relative;
	height: 620px;
}
#MV #Message{
	margin: 0 0 -35px -430px;
	z-index: 200;
	height: 70px;
	top: 235px;
	left: 50%;
}
#MV p.sliderTxt01{
	display:table-cell;
	vertical-align:middle;
	font-size:26px;
	font-weight:bold;
	line-height:1.8;
	margin: -60px 0 0 -430px;
	text-align: center;
	z-index: 300;
	height: 120px;
	top: 190px;
	left: 50%;
}
#MV #Message,
#MV p.sliderTxt01{
	position: absolute;
	width: 870px;
}

}
#MV ul.link{
	display:block;
	float:left;
	position:relative;
	left:50%;
}
#MV ul.link li{
	float:left;
	position:relative;
	left:-50%;
	margin:0 25px;
	font-size:15px;
}
#MV ul.link li a{
	border:2px solid #fff;
	display:block;
	color:#ffffff;
	font-weight:700;
}
#MV ul.link li:nth-child(1) a{
	background:url(../img/ico_mv01.png) 20px center no-repeat;
	padding:19px 26px 19px 70px;
	} 
#MV ul.link li:nth-child(2) a{
	background:url(../img/ico_mv02.png) 18px center no-repeat;
	padding:19px 36px 19px 78px;
	} 
#MV ul.link li:nth-child(3) a{
	background:url(../img/ico_mv03.png) 42px center no-repeat;
	padding:19px 58px 19px 90px;
	} 
#MV ul.link > *:first-child a{
	background:url(../img/ico_mv01.png) 20px center no-repeat;
	padding:19px 26px 19px 70px;
	} 
#MV ul.link > *:first-child + * a{
	background:url(../img/ico_mv02.png) 18px center no-repeat;
	padding:19px 36px 19px 78px;
	} 
#MV ul.link > *:first-child + * + * a{
	background:url(../img/ico_mv03.png) 42px center no-repeat;
	padding:19px 58px 19px 90px;
	} 

#MV ul.link li a:hover{
	border:2px solid #0a3f67;
}
#MV ul.link li a span.on {
	background: #0a3f67;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	z-index: -100;
	opacity: 0;
	-webkit-transition: 0.3s cubic-bezier(.54,0,.18,1);
	-moz-transition: 0.3s cubic-bezier(.54,0,.18,1);
	-o-transition: 0.3s cubic-bezier(.54,0,.18,1);
	-ms-transition: 0.3s cubic-bezier(.54,0,.18,1);
	transition: 0.3s cubic-bezier(.54,0,.18,1);
}
#MV ul.link li a:hover span.on {
	opacity: 1;
	height: 100%;
}


#MV ul.link:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#MV #Topics{
	background:url(../img/bg_topics.png) 0 0 repeat-x;
	clear:both;
	width:100%;
	height: 60px;
	z-index:300;
	position:absolute;
	bottom:0;
	overflow:hidden;
}
#MV dl{
	float:left;
	left:50%;
	position:relative;
	left:50%;
	padding:22px 0;
}
#MV dl dt{
	float:left;
	font-size: 20px;
	font-weight:bold;
	margin:0 44px 0 0;
	position:relative;
	left:-50%;
	line-height: 1;
}
#MV dl dd{
	float:left;
	position:relative;
	left:-50%;
	margin-top: -3px;
}
#MV dl dd a{
	line-height: 2;
	color:#ffffff;
	width: 750px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#MV dl dd a:hover{
	opacity:0.5;
}
#Side{
	font-weight:bold;
}
#Side #Nav01 ul li{
	float:left;
	width:50%;
	border-bottom:1px solid #d5d9df;
	text-align:center;
}
#Side #Nav01 ul li:nth-child(odd){
	border-right:1px solid #d5d9df;
	margin-right:-1px;
}
#Side #Nav01 ul > *:first-child,
#Side #Nav01 ul > *:first-child + * + * ,
#Side #Nav01 ul > *:first-child + * + * + * + * ,
#Side #Nav01 ul > *:first-child + * + * + * + * + * + * ,
#Side #Nav01 ul > *:first-child + * + * + * + * + * + * + * + * ,
#Side #Nav01 ul > *:first-child + * + * + * + * + * + * + * + * + * + *{
	border-right:1px solid #d5d9df;
	margin-right:-1px;
}
#Side #Nav01 ul li:nth-child(5),
#Side #Nav01 ul li:nth-child(6){ border-bottom:0;}
#Side #Nav01 ul > *:first-child + * + * + * + * ,
#Side #Nav01 ul > *:first-child + * + * + * + * + * { border-bottom:0;}

#Side #Nav01 ul li a{
	display:block;
	height:16px;
	padding: 90px 5px 40px;
	behavior: url("js/PIE.htc");
}
#Side #Nav01 ul li:nth-child(1) a{background:url(../img/ico_side01.png) center 46px no-repeat;}
#Side #Nav01 ul li:nth-child(2) a{background:url(../img/ico_side02.png) center 46px no-repeat;}
#Side #Nav01 ul li:nth-child(3) a{background:url(../img/ico_side03.png) center 46px no-repeat;}
#Side #Nav01 ul li:nth-child(4) a{background:url(../img/ico_side04.png) center 46px no-repeat;}
#Side #Nav01 ul li:nth-child(5) a{background:url(../img/ico_side05.png) center 46px no-repeat;}
#Side #Nav01 ul li:nth-child(6) a{background:url(../img/ico_side06.png) center 46px no-repeat;}
#Side #Nav01 ul li a:hover{
	background-color:#195b8e;
	color:#ffffff;
	behavior: url("js/PIE.htc");
}
#Side #Nav01 ul > *:first-child a{background:url(../img/ico_side01.png) center 46px no-repeat;}
#Side #Nav01 ul > *:first-child + * a{background:url(../img/ico_side02.png) center 46px no-repeat;}
#Side #Nav01 ul > *:first-child + * + * a{background:url(../img/ico_side03.png) center 46px no-repeat;}
#Side #Nav01 ul > *:first-child + * + * + * a{background:url(../img/ico_side04.png) center 46px no-repeat;}
#Side #Nav01 ul > *:first-child + * + * + * + * a{background:url(../img/ico_side05.png) center 46px no-repeat;}
#Side #Nav01 ul > *:first-child + * + * + * + * + * a{background:url(../img/ico_side06.png) center 46px no-repeat;}
#Side #Nav01 ul li a:hover{
	background-color:#195b8e;
	color:#ffffff;
	behavior: url("js/PIE.htc");
}
#Side #Nav01 ul li:nth-child(1) a:hover{background:url(../img/ico_side01_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul li:nth-child(2) a:hover{background:url(../img/ico_side02_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul li:nth-child(3) a:hover{background:url(../img/ico_side03_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul li:nth-child(4) a:hover{background:url(../img/ico_side04_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul li:nth-child(5) a:hover{background:url(../img/ico_side05_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul li:nth-child(6) a:hover{background:url(../img/ico_side06_hover.png) center 46px no-repeat #195b8e;}

#Side #Nav01 ul > *:first-child a:hover{background:url(../img/ico_side01_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul > *:first-child + * a:hover{background:url(../img/ico_side02_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul > *:first-child + * + * a:hover{background:url(../img/ico_side03_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul > *:first-child + * + * + * a:hover{background:url(../img/ico_side04_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul > *:first-child + * + * + * + * a:hover{background:url(../img/ico_side05_hover.png) center 46px no-repeat #195b8e;}
#Side #Nav01 ul > *:first-child + * + * + * + * + * a:hover{background:url(../img/ico_side06_hover.png) center 46px no-repeat #195b8e;}

#Side #Nav02 ul li{
	width:100%;
	border-bottom:1px solid #d5d9df;
}
#Side #Nav02 ul li a{
	background:url(../img/ico_arrow_side01.png) 92% center no-repeat #f4fbfc;
	border-right:1px solid #d5d9df;
	display:block;
	padding:25px 28px;	
}
#Side #Nav02 ul li a:hover,
#Side #Nav02 ul li.current a{
	background:url(../img/ico_arrow_side01_hover.png) 92% center no-repeat #216d78;
	color:#ffffff;
}

#Side #Nav03 ul li{
	width:100%;
	border-bottom:1px solid #d5d9df;
}
#Side #Nav03 ul li a{
	border-right:1px solid #d5d9df;
	display:block;
	padding:25px 28px;	
}
#Side #Nav03 ul li:nth-child(1) a{background:url(../img/ico_side07.png) 92% center no-repeat #f2f6fd;}
#Side #Nav03 ul li:nth-child(2) a{background:url(../img/ico_side08.png) 92% center no-repeat #f2f6fd;}
#Side #Nav03 ul li:nth-child(3) a{background:url(../img/ico_side09.png) 92% center no-repeat #f2f6fd;}

#Side #Nav03 ul > *:first-child a{background:url(../img/ico_side07.png) 92% center no-repeat #f2f6fd;}
#Side #Nav03 ul > *:first-child + * a{background:url(../img/ico_side08.png) 92% center no-repeat #f2f6fd;}
#Side #Nav03 ul > *:first-child + * + * a{background:url(../img/ico_side09.png) 92% center no-repeat #f2f6fd;}

#Side #Nav03 ul li a:hover,
#Side #Nav03 ul li.current a{color:#ffffff;}
#Side #Nav03 ul li:nth-child(1) a:hover{background:url(../img/ico_side07_hover.png) 92% center no-repeat #115c87;}
#Side #Nav03 ul li:nth-child(2) a:hover{background:url(../img/ico_side08_hover.png) 92% center no-repeat #115c87;}
#Side #Nav03 ul li:nth-child(3) a:hover{background:url(../img/ico_side09_hover.png) 92% center no-repeat #115c87;}

#Side #Nav03 ul > *:first-child a:hover{background:url(../img/ico_side07_hover.png) 92% center no-repeat #115c87;}
#Side #Nav03 ul > *:first-child + * a:hover{background:url(../img/ico_side08_hover.png) 92% center no-repeat #115c87;}
#Side #Nav03 ul > *:first-child + * + * a:hover{background:url(../img/ico_side09_hover.png) 92% center no-repeat #115c87;}

#Side #Nav03 ul li.current:nth-child(1) a{background:url(../img/ico_side07_hover.png) 92% center no-repeat #115c87;}
#Side #Nav03 ul li.current:nth-child(2) a{background:url(../img/ico_side08_hover.png) 92% center no-repeat #115c87;}
#Side #Nav03 ul li.current:nth-child(3) a{background:url(../img/ico_side09_hover.png) 92% center no-repeat #115c87;}

#Side #Nav03 ul > *:first-child.current a{background:url(../img/ico_side07_hover.png) 92% center no-repeat #115c87;}
#Side #Nav03 ul > *:first-child + *.current a{background:url(../img/ico_side08_hover.png) 92% center no-repeat #115c87;}
#Side #Nav03 ul > *:first-child + * + *.current a{background:url(../img/ico_side09_hover.png) 92% center no-repeat #115c87;}

#Side #Nav04 ul li{
	float:left;
	width:50%;
	text-align:center;
}
#Side #Nav04 ul li a{
	border-bottom:1px solid #d5d9df;
	border-right:1px solid #d5d9df;
	display:block;
	height:16px;
	padding:65px 5px 29px;
	behavior: url("js/PIE.htc");
}
#Side #Nav04 ul li:nth-child(5) a,
#Side #Nav04 ul li:nth-child(6) a{ margin-bottom:-1px;}
#Side #Nav04 ul > *:first-child + * + * + * + * a,
#Side #Nav04 ul > *:first-child + * + * + * + * + * a{  margin-bottom:-1px;}

#Side #Nav04 ul li:nth-child(1) a{background:url(../img/ico_side01.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul li:nth-child(2) a{background:url(../img/ico_side02.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul li:nth-child(3) a{background:url(../img/ico_side03.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul li:nth-child(4) a{background:url(../img/ico_side04.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul li:nth-child(5) a{background:url(../img/ico_side05.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul li:nth-child(6) a{background:url(../img/ico_side06.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul li a:hover{
	background-color:#195b8e;
	color:#ffffff;
	behavior: url("js/PIE.htc");
}
#Side #Nav04 ul > *:first-child a{background:url(../img/ico_side01.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul > *:first-child + * a{background:url(../img/ico_side02.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul > *:first-child + * + * a{background:url(../img/ico_side03.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul > *:first-child + * + * + * a{background:url(../img/ico_side04.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul > *:first-child + * + * + * + * a{background:url(../img/ico_side05.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul > *:first-child + * + * + * + * + * a{background:url(../img/ico_side06.png) center 27px no-repeat #f2f6fd;}
#Side #Nav04 ul li a:hover{
	background-color:#195b8e;
	color:#ffffff;
	behavior: url("js/PIE.htc");
}
#Side #Nav04 ul li:nth-child(1) a:hover{background:url(../img/ico_side01_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li:nth-child(2) a:hover{background:url(../img/ico_side02_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li:nth-child(3) a:hover{background:url(../img/ico_side03_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li:nth-child(4) a:hover{background:url(../img/ico_side04_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li:nth-child(5) a:hover{background:url(../img/ico_side05_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li:nth-child(6) a:hover{background:url(../img/ico_side06_hover.png) center 27px no-repeat #195b8e;}

#Side #Nav04 ul > *:first-child a:hover{background:url(../img/ico_side01_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + * a:hover{background:url(../img/ico_side02_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + * + * a:hover{background:url(../img/ico_side03_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + * + * + * a:hover{background:url(../img/ico_side04_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + * + * + * + * a:hover{background:url(../img/ico_side05_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + * + * + * + * + * a:hover{background:url(../img/ico_side06_hover.png) center 27px no-repeat #195b8e;}

#Side #Nav04 ul li.current:nth-child(1) a{background:url(../img/ico_side01_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li.current:nth-child(2) a{background:url(../img/ico_side02_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li.current:nth-child(3) a{background:url(../img/ico_side03_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li.current:nth-child(4) a{background:url(../img/ico_side04_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li.current:nth-child(5) a{background:url(../img/ico_side05_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul li.current:nth-child(6) a{background:url(../img/ico_side06_hover.png) center 27px no-repeat #195b8e;}

#Side #Nav04 ul > *:first-child.current a{background:url(../img/ico_side01_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + *.current a{background:url(../img/ico_side02_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + * + *.current a{background:url(../img/ico_side03_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + * + * + *.current a{background:url(../img/ico_side04_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + * + * + * + *.current a{background:url(../img/ico_side05_hover.png) center 27px no-repeat #195b8e;}
#Side #Nav04 ul > *:first-child + * + * + * + * + *.current a{background:url(../img/ico_side06_hover.png) center 27px no-repeat #195b8e;}

#Side #Nav05 h3{
	background:#f4fbfc;
	border-bottom:1px solid #d5d9df;
	padding:22px 28px;	
	color:#444444;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
#Side #Nav05 ul li{
	width:100%;
	border-bottom:1px solid #d5d9df;
}
#Side #Nav05 ul li a{
	background:#f4fbfc;
	border-right:1px solid #d5d9df;
	display:block;
	padding:22px 28px;	
}
#Side #Nav05 ul li a span.article{
	float:left;
	width:90%;
}
#Side #Nav05 ul li a span.date{
	float:right;
	width:9%;
	text-align:left;
}
#Side #Nav05 ul li a:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Side #Nav05 ul li a:hover,
#Side #Nav05 ul li.current a{
	background:#216d78;
	color:#ffffff;
}

#Side #Nav06 h3{
	background:#edf1ff;
	border-bottom:1px solid #d5d9df;
	padding:22px 28px;	
	color:#444444;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
#Side #Nav06 dl dt{
	background:url(../img/ico_arrow_open02.png) 90% center no-repeat #edf1ff;
	border-bottom:1px solid #d5d9df;
	padding:22px 28px;	
	cursor:pointer;
}
#Side #Nav06 dl dt:hover{
	background:url(../img/ico_arrow_hover02.png) 90% center no-repeat #3f598e;
	color:#ffffff;
}

#Side #Nav06 dl dt.open{
	background:url(../img/ico_arrow_close02.png) 90% center no-repeat #3f598e;
	color:#ffffff;
}
#Side #Nav06 dl dd{
	background:#edf1ff;
	clear:both;
	width:100%;
	display:none;
}
#Side #Nav06 ul li{
	border-bottom:1px solid #d5d9df;
	float:left;
	width:16.6%;
}
#Side #Nav06 ul li:nth-child(6),
#Side #Nav06 ul li:nth-child(12){width:16.8%;}
#Side #Nav06 ul > *:first-child + * + * + * + * + *,
#Side #Nav06 ul > *:first-child + * + * + * + * + * + * + * + * + * + * + *{width:16.8%;}

#Side #Nav06 ul li a{
	border-right:1px solid #d5d9df;
	background:#edf1ff;
	display:block;
	padding:22px 5px;
	text-align:center;
}
#Side #Nav06 ul li:nth-child(6) a,
#Side #Nav06 ul li:nth-child(12) a{	border-right:0;}
#Side #Nav06 ul > *:first-child + * + * + * + * + * a,
#Side #Nav06 ul > *:first-child + * + * + * + * + * + * + * + * + * + * + * a{border-right:0;}
#Side #Nav06 ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#Side #Nav06 ul li a:hover,
#Side #Nav06 ul li.current a{
	background:#3f598e;
	color:#ffffff;
}

#Main #News{
	height:600px;
	padding-bottom:10px;
	overflow:hidden;
	}
#Main #News .contentsBox{
	border-bottom:1px solid #d5d9df;
	padding:28px 30px 20px	;
}
#Main #News .contentsBox dl{
	clear: both;
	width: 98%;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	font-size: 12px;
	border-bottom: 1px dotted #d5d9df;
}
#Main #News .contentsBox dl dt{
	float: left;
	width: 80px;
	text-align: center;
	margin: 4px 20px 4px 0;
	padding: 5px 0;
	color: #216d78;
	background:#f4fbfc;
	border:1px #216d78 solid;
}
#Main #News .contentsBox dl dt span{
	color:#ffffff;
	margin:0 0 0 20px;
	padding:5px 10px;
	font-size:11px;
}
#Main #News .contentsBox dl dt span.category01{ background:#d55281;}
#Main #News .contentsBox dl dt span.category02{ background:#8d6fb5;}
#Main #News .contentsBox dl dt span.category03{ background:#f09959;}
#Main #News .contentsBox dl dt span.category04{ background:#69a862;}
#Main #News .contentsBox dl dd p{
	padding:0;
	margin:0;
	text-align:left;
}
#Main #News .contentsBox dl dd {
float: left;
width: 80%;
padding: 10px 0;
}
#Main #News .contentsBox dl dd a:hover{ opacity:0.5;}

#Main #News .contentsBox dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#Main #News .contentsBox #scrollbar1 {
	width:auto;
	height:506px;
 }
#Main #News .contentsBox #scrollbar1 .viewport {
	width:auto;
	height:490px;
	overflow: hidden;
	position: relative; 
 }
#Main #News .contentsBox #scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	}
#Main #News .contentsBox #scrollbar1 .thumb .end,
#Main #News .contentsBox #scrollbar1 .thumb { background-color: #195b8e; border-radius:2px;behavior: url("js/PIE.htc");}
#Main #News .contentsBox #scrollbar1 .scrollbar { position: relative; float: right; width: 4px; }
#Main #News .contentsBox #scrollbar1 .track { background-color: #e9ecf0; height: 100%; width:4px; position: relative; padding: 0; border-radius:2px;behavior: url("js/PIE.htc"); }
#Main #News .contentsBox #scrollbar1 .thumb { height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#Main #News .contentsBox #scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 4px; }
#Main #News .contentsBox #scrollbar1 .disable{ display: none; }
#Main #News p{
	clear:both;
	width:25%;
	text-align:center;
	margin:20px auto;
}
#Main #News p.more a{
	display:block;
	border:1px solid #195b8e;
	color:#195b8e;
	font-size: 12px;
	/* font-weight: bold; */
	padding: 10px;
}
#Main #News p.more a:hover{
	background:#0a3f66;
	color:#ffffff;
}

/*temp_a*/
#Main .contentsBox#ContentsList ul{
	clear:both;
	width:100%;
	overflow:hidden;
}
#Main .contentsBox#ContentsList ul li{
	display:inline-block;
	border-bottom:1px solid #d5d9df;
	border-right:1px solid #d5d9df;
	float:left;
	width:50%;
	margin-right:-1px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}

/*
#Main .contentsBox#ContentsList ul li:nth-last-child(1),
#Main .contentsBox#ContentsList ul li:nth-last-child(2){
	border-bottom:1px solid #d5d9df;
}
*/

#Main .contentsBox#ContentsList ul li a{
	display:block;
	padding:8%;
}
#Main .contentsBox#ContentsList ul li:hover{background:#0a3f67;}
#Main .contentsBox#ContentsList ul li h3{
	color:#0a3f67;
	font-size:20px;
	text-align:center;
	margin-bottom:20px;
}	
#Main .contentsBox#ContentsList ul li p{
	color:#666666;
	line-height:2;
}
#Main .contentsBox#ContentsList ul li:hover a h3,
#Main .contentsBox#ContentsList ul li:hover a p{color:#ffffff;}
#Main .contentsBox#ContentsList ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}


/*temp_a_detail*/
#Main .contentsBox div.categoryTxt {
	padding: 6% 4%;
	font-size: 14px;
	color: #444;
	border-bottom:1px solid #d5d9df;
	line-height: 1.8em;
}

#Main .contentsBox#ContentsDetail .box{
	clear:both;
	border-top:1px solid #d5d9df;
	width:100%;
	padding:0 0 4%;
}
#Main .contentsBox#ContentsDetail .box:first-child{ border:0;}

#Main .contentsBox#ContentsDetail .box h3{
	color:#0a3f67;
	font-size:22px;
	border-bottom:1px solid #d5d9df;
	margin-bottom:25px;
	padding:20px 40px;
	text-align:center;
}
#Main .contentsBox#ContentsDetail .content{
	padding:20px 40px;
}

#Main .contentsBox#ContentsDetail .box .content h4{
	color:#0a3f67;
	font-size:18px;
	margin:0 0 20px;
}
#Main .contentsBox#ContentsDetail .box .content p{
	margin:0 0 20px;
	line-height:1.8;
	color:#666666;
}
#Main .contentsBox#ContentsDetail .box .content p.photoLeft{
	float:left;
	margin:0 40px 10px 0;
	padding:0;
}
#Main .contentsBox#ContentsDetail .box .content p.photoRight{
	float:right;
	margin:0 0 10px 40px;
	padding:0;
}

#Main .contentsBox#ContentsDetail .box:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/*temp_b*/

#Main .contentsBox#Calendar dl.accordion{
	clear:both;
	width:100%;
}
#Main .contentsBox#Calendar dl.accordion dt{
	background:url(../img/ico_arrow_open.png) 95% center no-repeat;
	border-bottom:1px solid #d5d9df;
	padding:25px 40px;
	font-size:18px;
	font-weight:bold;
	color:#195b8e;
	cursor:pointer;
}
#Main .contentsBox#Calendar dl.accordion dt.open{	background:url(../img/ico_arrow_close.png) 95% center no-repeat;}


#Main .contentsBox#Calendar dl.accordion dd{
	font-size:14px;
	display:none;
}
#Main .contentsBox#Calendar dl.accordion ul li{
	clear:both;
	border-bottom:1px solid #d5d9df;
}
#Main .contentsBox#Calendar dl.accordion ul li a{
	display:block;
	padding:25px 40px;
}

#Main .contentsBox#Calendar dl.accordion ul li span.day{
	float:left;
	width:10%;
	font-size:14px;
	font-weight:normal;
	color:#002222;
}

#Main .contentsBox#Calendar dl.accordion ul li span.content{
	font-size:14px;
	display:inline-block;
	float:left;
	width:90%;
}
#Main .contentsBox#Calendar dl.accordion ul li a:hover{	background:#0a3f67;}
#Main .contentsBox#Calendar dl.accordion ul li a:hover span.day,
#Main .contentsBox#Calendar dl.accordion ul li a:hover span.content{ color:#ffffff;}

#Main .contentsBox#Calendar dl.accordion li a:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#Main .contentsBox #pagenation{
	clear:both;
	width:100%;
	border-bottom:1px solid #d5d9df;
}
#Main .contentsBox #pagenation span,
#Main .contentsBox #pagenation a{
	border-right:1px solid #d5d9df;
	float:left;
	width:10%;
	margin:0 -1px 0 0;
	padding:22px 0;
	text-align:center;
	font-size:15px;
	font-weight:bold;
}
#Main .contentsBox #pagenation a:hover,
#Main .contentsBox #pagenation span.current{
	background:#0a3f67;
	color:#ffffff;
}
#Main .contentsBox #pagenation .wp-pagenavi:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*temp_b_detail*/

.backArchive a{
	display:block;
	width:100%;
	padding:10px 0;
	color:#FFFFFF;
	background:#195B8E;
	text-align:center;
	}
	.backArchive a:hover{
	background-color: #f2f6fd;
	}
#Main .contentsBox#CalendarDetail .box{
	clear:both;
	border-top:1px solid #d5d9df;
	width:100%;
	padding:0 0 4%;
}
#Main .contentsBox#CalendarDetail .box:first-child{ border:0;}

#Main .contentsBox#CalendarDetail .box h3{
	color:#0a3f67;
	font-size:22px;
	border-bottom:1px solid #d5d9df;
	margin-bottom:20px;
	padding:30px 40px;
	text-align:center;
}
#Main .contentsBox#CalendarDetail .content{	padding:20px 40px;}
#Main .contentsBox#CalendarDetail .box .content h4{
	border-bottom:4px solid #b9cae3;
	margin-bottom:35px;
	padding-bottom:5px;
	color:#444444;
	font-size:22px;
	position:relative;
}
#Main .contentsBox#CalendarDetail .box .content h4 span{
	background:#628abb;
	width:38%;
	height:4px;
	display:block;
	position:absolute;
	bottom:-4px;
}

#Main .contentsBox#CalendarDetail .box .content h5{
	color:#0a3f67;
	font-size:18px;
	margin:0 0 20px;
}
#Main .contentsBox#CalendarDetail .box .content p{
	margin:0 0 20px;
	line-height:1.8;
	color:#666666;
}
#Main .contentsBox#CalendarDetail .box .content ul{
	margin:0 20px 	35px;
}

#Main .contentsBox#CalendarDetail .box .content ul li{
	background:url(../img/ico_circle01.png) 0 7px no-repeat;
	color:#666666;
	margin-bottom:10px;
	padding-left:15px;
}	

#Main .contentsBox#CalendarDetail .box .content p.photoLeft{
	float:left;
	margin:0 40px 10px 0;
	padding:0;
}
#Main .contentsBox#CalendarDetail .box .content p.photoRight{
	float:right;
	margin:0 0 10px 40px;
	padding:0;
}
#Main .contentsBox#CalendarDetail .box .indent{
	margin:0 20px 40px;
}
#Main .contentsBox#CalendarDetail table{
	border:1px solid #cccccc;
	border-collapse:collapse;
	width:100%;
	margin:0 0 40px;
}
#Main .contentsBox#CalendarDetail table th,
#Main .contentsBox#CalendarDetail table td{
	border:1px solid #cccccc;
	color:#666666;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
}
#Main .contentsBox#CalendarDetail table.type01 th{
	background:#eff6ff;	
	width:20%;
	padding:18px;
}
#Main .contentsBox#CalendarDetail table.type01 td{padding:26px;}
#Main .contentsBox#CalendarDetail table.type02 th{
	background:#eff6ff;	
	width:20%;
	text-align:left;
	padding:18px;
}
#Main .contentsBox#CalendarDetail table.type02 td{
	text-align:left;
	padding:18px;
}

#Main .contentsBox#CalendarDetail .box:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/*temp_c*/
#Main .contentsBox#ActivityList .box{
	clear:both;
	border-top:1px solid #d5d9df;
	width:100%;
	padding:0 0 4%;
}
#Main .contentsBox#ActivityList .box:first-child{ border:0;}
#Main .contentsBox#ActivityList .box h3{
	color:#0a3f67;
	font-size:22px;
	border-bottom:1px solid #d5d9df;
	margin-bottom:20px;
	padding:30px 40px;
	text-align:center;
}
#Main .contentsBox#ActivityList .content{
	border-bottom:1px solid #d5d9df;
	margin-top:20px;
	padding:20px 40px;
	}
#Main .contentsBox#ActivityList .box .content .postTitle{
	border-bottom:4px solid #b9cae3;
	margin-bottom:35px;
	padding-bottom:5px;
	color:#444444;
	position:relative;
}

#Main .contentsBox#ActivityList .box .content h4{
	float:left;
	width:85%;
	font-size:22px;
}
#Main .contentsBox#ActivityList .box .content h4 span{
	background:#628abb;
	width:38%;
	height:4px;
	display:block;
	position:absolute;
	bottom:-4px;
}
#Main .contentsBox#ActivityList .box .content p.postDate{
	float:right;
	width:15%;
	margin:0;
	text-align:right;
}
#Main .contentsBox#ActivityList .box .content .postTitle:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#Main .contentsBox#ActivityList .box .content h5{
	color:#0a3f67;
	font-size:18px;
	margin:0 0 20px;
}
#Main .contentsBox#ActivityList .box .content p{
	margin:0 0 20px;
	line-height:1.8;
	color:#666666;
}

#Main .contentsBox#CalendarDetail .box:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/*form*/
#Main .contentsBox#FormTable{
	padding:40px;
}
#Main .contentsBox#FormTable p{
	text-align:center;
	color:#666666;
	line-height:2;
	margin-bottom:30px;
}
#Main .contentsBox#FormTable .red{ color:#e21515;}
#Main .contentsBox#FormTable table{
	width:100%;
	border:0;
	margin-bottom:50px;
}
#Main .contentsBox#FormTable table th{
	border:0;
	width:25%;
	color:#666666;
	text-align:right;
	font-weight:normal;
	vertical-align:top;
	padding:2% 6% 3% 0;
	position:relative;
}
#Main .contentsBox#FormTable table.comp th{	padding-top:1%;}
#Main .contentsBox#FormTable table th span{
	position:absolute;
	right:5%;
	}

#Main .contentsBox#FormTable table td{
	border:0;
	color:#666666;
	text-align:left;
	padding:1%;
}

#Main .contentsBox#FormTable table td input{
	border:1px solid #cccccc;
	height:24px;
	padding:1%;
	width:98%;
}
#Main .contentsBox#FormTable table td input#zip{
	width:50%;
	margin-right:20px;
}

#Main .contentsBox#FormTable table td select{
	border:1px solid #cccccc;
	height:42px;
	padding:1%;
	width:60%;
	color:#666;
 }
#Main .contentsBox#FormTable table td select option,
#Main .contentsBox#FormTable table td select optgroup{ color:#666;}
#Main .contentsBox#FormTable table td textarea{
	border:1px solid #cccccc;
	height:190px;
	padding:1%;
	width:98%;
}
#Main .contentsBox#FormTable p.btn{
	text-align:center;
}
#Main .contentsBox#FormTable p.btn input{

	border:1px solid #195b8e;
	background:#ffffff;
	padding:10px;
	color:#195b8e;
	font-size:18px;
	font-family:'メイリオ';
	font-weight:bold;
	width:30%;
	cursor:pointer;
}


/* --- ERRORS --- */
.error INPUT, .error TEXTAREA, .error SELECT {
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	background:#fff1fc;
	}
.iferror {
	margin:5px 0 0 0;
	display:none;
	}
.error .iferror {
	display:block;
	color:#e21515;
	}
.hint { color:#888; }
/* ----------------------------------------

archive

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



#Main .contentsBox dl.replistwrap{
	clear:both;
	width:100%;
}
#Main .contentsBox dl.replistwrap dt{
	border-bottom:1px solid #d5d9df;
	padding:25px 40px;
	font-size:18px;
	font-weight:bold;
	color:#195b8e;
	cursor:pointer;
}
#Main .contentsBox dl.replistwrap ul li{
	clear:both;
	border-bottom:1px solid #d5d9df;
}
#Main .contentsBox dl.replistwrap ul li a{
	display:block;
	padding:25px 40px;
}

#Main .contentsBox dl.replistwrap ul li span.day{
	float:left;
	width:10% !important;
	font-size:14px;
	font-weight:normal;
	color:#002222;
}

#Main .contentsBox dl.replistwrap ul li span.content{
	font-size:14px;
	width:80%;
	display:inline-block;
	border:none !important;
	margin:0 !important;
	padding:0 !important;
}
#Main .contentsBox dl.replistwrap ul li a:hover{	background:#0a3f67;}
#Main .contentsBox dl.replistwrap ul li a:hover span.day,
#Main .contentsBox dl.replistwrap ul li a:hover span.content{ color:#ffffff;}

#Main .contentsBox dl.replistwrap li a:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}


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

horyuu

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

div#tmpStl .content {
	border-bottom: 1px solid #d5d9df;
	padding: 30px 40px 0;
	clear:both;
}

div#tmpStl .content.last {
	border-bottom: none;
}

div#tmpStl p {
	color: #444;
	margin-bottom: 40px;
}

/* -- title style -- */

div#tmpStl .ttl01 {
	color: #0a3f67;
	font-size: 22px;
	border-bottom: 1px solid #d5d9df;
	padding: 20px 40px;
	text-align: center;
	clear:both;
}

div#tmpStl .ttl02{
	float: left;
	width: 85%;
	font-size: 22px;
	clear:both;
}

div#tmpStl .ttl02 span {
	background: #628abb;
	width: 38%;
	height: 4px;
	display: block;
	position: absolute;
	bottom: -4px;
}

div#tmpStl .ttl03 {
	color: #0a3f67;
	font-size: 18px;
	margin: 0 0 20px;
	clear:both;
}

div#tmpStl .postTitle {
	border-bottom:4px solid #b9cae3;
	margin-bottom:35px;
	padding-bottom:5px;
	color:#444444;
	position:relative;
}

div#tmpStl .postDate {
	display: block;
	float: right;
	width: 15%;
	margin-top: 10px;
	text-align: right;
}

div#tmpStl .postTitle:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* -- 画像回り込み　-- */

div#tmpStl .imgLeft,
div#tmpStl .imgRight {
	margin-bottom: 30px;
}

div#tmpStl .imgLeft .img {
	float: left;
	margin: 0 20px 20px 0;
}

div#tmpStl .imgRight .img {
	float: right;
	margin: 0 0 20px 20px;
}

div#tmpStl .imgLeft .txt,
div#tmpStl .imgRight .txt {
	margin-bottom: 0;
}

/* -- table -- */

div#tmpStl  table{
	border:1px solid #cccccc;
	border-collapse:collapse;
	margin:0 0 40px;
}

div#tmpStl table th,
div#tmpStl table td{
	border:1px solid #cccccc;
	color:#666666;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
}

div#tmpStl table.type01 th{
	font-weight: 700;
	background:#eff6ff;	
	width:20%;
	padding:12px;
}

div#tmpStl table.type01 td{
	padding:12px;
}

div#tmpStl table.type02 th{
	font-weight: 700;
	background:#eff6ff;	
	width:20%;
	text-align:left;
	padding:12px;
}

div#tmpStl table.type02 td{
	text-align:left;
	padding:12px;
}




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

compornent

---------------------------------------- */
div#tmpStl{
	position:relative;
	padding-bottom:40px;
}


div#tmpStl p {
	padding:10px 40px;
	color: #444;
	margin: 0;
}

/* -- title style -- */

div#tmpStl h1 {
	color: #0a3f67;
	font-size: 24px;
	border-top: 1px solid #d5d9df;
	border-bottom: 2px solid #d5d9df;
	padding: 25px 40px;
	text-align: center;
	clear:both;
	margin-bottom:40px;
}

div#tmpStl h2 {
	color: #0a3f67;
	font-size: 22px;
	border-top: 1px solid #d5d9df;
	border-bottom: 1px solid #d5d9df;
	padding: 20px 40px;
	text-align: center;
	clear:both;
	margin:40px 0;
}


div#tmpStl h3{
	text-align:left;
	margin:0 40px 20px 40px;
	padding: 40px 0 10px 0;
	font-size: 22px;
	clear:both;
	color:#444;
	background-image:
	url("../img/bar-t.jpg"), 
    url("../img/bar-b.jpg");
  background-repeat:
   no-repeat, 
	repeat-x;
  background-position:
    bottom left, 
	bottom left;
}
	
div#tmpStl h4 {
	color: #0a3f67;
	font-size: 18px;
		margin:20px 40px 10px 40px;
	clear:both;
}


div#tmpStl table{
	min-width:250px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	margin:0  40px;
}

div#tmpStl table th,
div#tmpStl table td{
	border:1px solid #cccccc;
	color:#666666;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	padding:12px;
}

div#tmpStl hr{
	margin:40px 0;
	display:block;
	clear:both;
}
div#tmpStl table th {
}
div#tmpStl table td {
}

div#tmpStl address{
	color:#555;
	display:inline-block;
	margin:0 40px;
	border:#ADADAD 1px solid;
	padding:12px;
	font-size:12px;
	line-height:24px;
}


div#tmpStl h5,div#tmpStl h6{
	margin:0 40px;
}

div#tmpStl li {
	padding:0 20px;
	margin: 20px 40px 0 40px;
	background: url(../img/ico_circle01.png) 0 7px no-repeat;
	color:#484848;
}
div#tmpStl ol{
	margin: 20px 0 0 0;
}

div#tmpStl span.imgLeft{
	padding:20px 20px 20px 0;
	float:left;
	clear:both;
}
div#tmpStl span.imgRight{
	padding:20px 0 20px 20px;
	float:right;
	clear:both;
}
div#tmpStl .alignright{
	float:right;
	clear:both;
	margin:20px 0 20px 20px;
}


div#tmpStl .alignleft{
	margin:20px 20px 20px 0;
	float:left;
	clear:both;
	padding:0;
}

div#tmpStl .aligncenter{
	clear:both;
	margin:0 auto;
	text-align:center;
	display:block;
	max-width:100%;
	height:auto;
}



div#tmpStl .postTitle {
	border-bottom:4px solid #b9cae3;
	margin-bottom:35px;
	padding-bottom:5px;
	color:#444444;
	position:relative;
}

div#tmpStl .postDate {
	display: block;
	float: right;
	width: 15%;
	margin-top: 10px;
	text-align: right;
}

div#tmpStl .postTitle:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}



div#tmpStl table th{
	font-weight: 700;
	background:#eff6ff;	
}

div.contactfoot{
	padding: 40px;
	border-top:#F0F0F0 2px solid;
}
div.contactfoot table{
	width:600px;
}
div.contactfoot td,div.contactfoot th{
	border:1px solid #cccccc;
	color:#666666;
	vertical-align:middle;
	font-weight:normal;
}

div.contactfoot th{
	background:#eff6ff;	
	padding:10px;
	font-size:12px;
	line-height:24px;
	color:#5C5C5C;
	font-weight: 700;
	width:130px;
}
div.contactfoot td{
	background:#FFFFFF;
	padding:10px 15px;
	font-size:12px;
}
div.contactfoot span.foorCid{
	font-weight: 700;
	font-size:14px;
	line-height:30px;
}

.youtube {
	clear:both;
  position: relative;
  width: 99.5%;
  padding-top: 56.25%;
  border: 1px solid #d5d9df;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



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

ClearFix

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

/* -- Modern Browsers --*/

div#tmpStl span.imgLeft:after,
div#tmpStl span.imgRight:after,
#Main .contentsBox#ContentsList ul:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* -- IE7 --*/

*:first-child+html div#tmpStl span.imgLeft,
*:first-child+html div#tmpStl span.imgRight,
*:first-child+html #Main .contentsBox#ContentsList ul {

	display: inline-block;
}

/*  -- Legacy IE --*/

* html #Main div#tmpStl .imgLeft,
* html #Main div#tmpStl .imgRight,
* html #Main .contentsBox#ContentsList ul {
	zoom: 1;
}