@charset "UTF-8";
/*///////////////////////////////////////////
// 囲い
///////////////////////////////////////////*/

/*box-03*/
#contents .box-03 {
	position: relative;
	border: 1px solid #c0c0c0;
	margin: 0 0 20px;
	background: #fff;
}
#contents .box-03:hover {
	opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
zoom: 1;
cursor: pointer;
}

#contents .box-03 .photo {
	display: table-cell;
	background: #e0e0e0;
	vertical-align: middle;
	width: 203px;
}
#contents .box-03 .info {
	display: table-cell;
	vertical-align: top;
	width: 385px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 20px 10px 30px 20px;
}
#contents .box-03 .info h3 {
	line-height: 1.1;
	margin: 0 0 10px;
	font-size: 15px;
}

#contents .box-03 .info p {
	line-height: 1.5;
	margin: 0 0 5px;
}

#contents .box-03 .corner {
	right: -1px;
	position: absolute;
	bottom: -1px;
	width: 30px;
	height: 30px;
	margin: 0;
}
/*----- box-04 -----*/
#contents .box-04 {
	position: relative;
	border: 1px solid #c0c0c0;
	margin: 0 0 20px;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 0 0 30px;
}
#contents .box-04:hover {
	opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
zoom: 1;
cursor: pointer;
}
#contents .box-04 .contents {
	padding: 20px;
}
#contents .box-04 .corner {
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 30px;
	height: 30px;
	margin: 0;
}
/*----- box-05 -----*/
#contents .box-05 {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #fff;
}
#contents .box-05 > div {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d0d0d0;
	padding: 16px 10px 18px 10px;
}
#contents .column-right .box-05 > div {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d0d0d0;
	padding: 10px 0;
}


/*photo column*/
#contents.N .col-2 {
	width: 870px;
	margin: 60px 0px 60px -30px;
	overflow: hidden;
}
#contents.N .col-2 > * {
	margin-top: 0;
	margin-left: 30px;
}
#contents.N .col-2 .floatLeft {
	width: 405px;
	margin: 0px 0px 0px 30px;
}
#contents.N .col-2 .floatLeft *:first-child {
	margin-top: 0;
}
#contents.N .col-3 {
	width: 870px;
	margin: 60px 0px 60px -30px;
	overflow: hidden;
}
#contents.N .col-3 > * {
	margin-top: 0;
	margin-left: 30px;
}
#contents.N .col-3 .floatLeft {
	width: 260px;
	margin: 0px 0px 0px 30px;
}
#contents.N .col-3 .floatLeft *:first-child {
	margin-top: 0;
}


/*----- widget -----*/
#contents .widget {
	padding: 15px 0 20px;
	border-bottom: 1px solid #d8deea;
	overflow: hidden;
	zoom: 1;
}
#contents .widget:last-child {
	border: none;
	padding-bottom: 0;
}
#contents .widget h2 {
	margin: 3px 0 3px;
	font-size: 14px;
	line-height: 1.4;
	color: #165e83;
	font-weight: bold;
}
#contents .widget h3 {
	margin:  15px 0 15;
	font-size: 13px;
	color: #000;
	font-weight: normal;
}

#contents .widget a {
	color: #34508c;
	text-decoration: none;
}

#contents .widget a:hover {
	color: #6f6333;
	text-decoration: underline;
}



/*----- info -----*/

/*#contents .column-right .container .info {
	background: #fff;
}
#contents .column-right .container .info h2 {
	margin: 0 0 10px;
	padding: 5px 10px;
	background: #8e8e8e;
	color: #fff;
	text-shadow: 0px -1px #000;	
	font-size: 17px;
}
#contents .column-right .container .info dl { padding: 20px; }
#contents .column-right .container .info dt { padding: 15px 0 0; border-top: 1px solid #d6d6d6; font-size: 12px; }
#contents .column-right .container .info dt:first-child { padding: 0; border-top: none;}
#contents .column-right .container .info dt img {margin: -2px 0 0 5px;}
#contents .column-right .container .info dd { padding: 10px 0 15px; font-size: 12px; }*/


/**/

#contents div.info {
	background: #fff;
}
#contents div.info h2 {
	margin: 0 0 10px;
	padding: 5px 10px;
	background: #8e8e8e;
	color: #fff;
	text-shadow: 0px -1px #000;	
	font-size: 17px;
}
#contents div.info dl { padding: 20px; }
#contents div.info dt { padding: 15px 0 0; border-top: 1px solid #d6d6d6; font-size: 12px; }
#contents div.info dt:first-child { padding: 0; border-top: none;}
#contents div.info dt img {margin: -2px 0 0 5px; width: inherit !important;}
#contents div.info dd { padding: 10px 0 15px; font-size: 12px; line-height:1.5; }


/*----- box-info -----*/

#contents .box-info {
	background: #fff;
	padding: 0 0 10px;
}
#contents .box-info h2 {
	margin: 0 0 10px;
	padding: 5px 10px;
	background: #8e8e8e;
	color: #fff;
	text-shadow: 0px -1px #000;	
	font-size: 17px;
}
#contents .box-info h3,
#contents .box-info h3:first-child {
	margin: 0 0 10px;
	padding: 0;
}
#contents .box-info h3 a {
	font-weight: inherit;
}
#contents .box-info h3 span img {width: inherit !important; height: auto !important;}
#contents .box-info dl { padding: 20px; }
#contents .box-info dt { padding: 15px 0 0; border-top: 1px solid #d6d6d6; font-size: 12px; }
#contents .box-info dt:first-child { padding: 0; border-top: none;}
#contents .box-info dt img {margin: -2px 0 0 5px;}
#contents .box-info dd { padding: 10px 0 15px; font-size: 12px; }



/*----- news -----*/
#news-detail {margin: 60px 0; overflow: hidden;}
#news-detail .floatLeft { width: 300px; }
#news-detail .floatRight { width: 600px; }
#news-detail .date {
	padding: 8px 15px; background: #e8e8e8;
	font-weight: bold;
	margin: 0 0 20px;
	line-height: 1.5;
}
#news-detail .date img {
	vertical-align: middle;
	margin: -2px 0 0 10px;
}
#news-detail h2 {
	margin: 0 10px 20px !important;
}

#news-detail p {
	margin-left: 10px;
	margin-right: 10px;
}

#contents .column-left .dateSet { width: 65px; height: 40px; float: left; padding: 10px 0; background: #17262e; text-align: center; margin: 0 25px 0 0; }
#contents .column-left .dateSet .month { display: block; font-size: 9px; margin: 0 0 5px; color: #507ea4; line-height: 12px; }
#contents .column-left .dateSet .day { display: block; font-size: 28px; color: #fff; font-weight: lighter; font-family: Arial, Helvetica, sans-serif; }
#contents .column-left .dateSet .month3 { display: block; font-size: 9px; margin: 5px 0 0; color: #507ea4; line-height: 12px; }
#contents .column-left .dateSet .month2 { display: block; font-size: 25px; color: #fff; font-weight: lighter; font-family: Arial, Helvetica, sans-serif; }
#contents .column-left .dateSet .month2 span {font-size: 13px; padding-left: 2px;}

#contents .eventList { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #fff;overflow: hidden; zoom: 1; }
#contents .eventList .eventListItem { border-top: 1px solid #fff; border-bottom: 1px solid #d0d0d0; padding: 16px 10px 18px 10px; font-size: 15px; color: #333; overflow: hidden; zoom: 1;}
#contents .eventList .eventListItem dt { font-weight: bold; margin-bottom: 10px; line-height: 1.5;}
#contents .eventList .eventListItem dt a { line-height: 1.5;}
#contents .eventList .eventListItem dt img {float: right; margin: 0 0 0 15px;}
#contents .eventList .eventListItem dd { font-size: 13px;}
#contents .eventList .eventListItem dd img { margin-left: 3px;}
#contents .dateSet + .eventList {border-top: none;}
#contents .dateSet + .eventList .eventListItem:first-child {border-top: none;}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
@media screen and (min-width: 601px) { /*PC*/
	/*----- box-01 -----*/
#contents .box-01 {
	background: #FFF;
	border: 1px solid #d0d0d0;
	padding: 17px 20px;
	margin: 24px 0 30px;
}
#contents .box-01 h3, #contents .box-01 h4 {
	margin: 0 0 8px !important;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
	color: #165e83;
}

#contents .box-01 h3 span, #contents .box-01 h4 span, #contents .box-01 p span {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}



#contents .box-01 dl { font-size: 13px; }
#contents .box-01 dl dt { line-height: 1.5; font-weight: bold; }
#contents .box-01 dl dd { line-height: 1.5; margin: 0 0 10px;}

/*----- box-02 -----*/
#contents .box-02 {
	background: #FFF;
	border: 1px solid #d0d0d0;
	padding: 27px 30px;
	margin: 24px 0 30px;
}
#contents .box-02 h3, #contents .box-02 h4 {
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
}
.chrome #contents .column-left .dateSet .month { font-size: 8px; letter-spacing: -1px; }
.chrome #contents .column-left .dateSet .month3 { display: block; font-size: 8px; letter-spacing: -1px; margin: 5px 0 0; color: #507ea4; line-height: 12px; }
}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

@media screen and (max-width: 600px) { /*sp*/
	/*----- box-01 -----*/
#contents .box-01 {
	background: #FFF;
	border: 1px solid #d0d0d0;
	padding: 7px 10px;
	margin: 24px 0 30px;
}
#contents .box-01 h3 {
	margin: 10px 15px;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
	color: #165e83;
}
#contents .box-01 h4 {
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
	color: #165e83;
}

#contents .box-01 h3 span, #contents .box-01 h4 span, #contents .box-01 p span {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}


/*----- box-02 -----*/
#contents .box-02 {
	background: #FFF;
	border: 1px solid #d0d0d0;
	padding: 17px 20px;
	margin: 24px 15px 30px;
}
#contents .box-01 p #contents .box-02 p {
	margin: 0;
}
#contents .box-02 h3, #contents .box-02 h4 {
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.5;
	font-weight: bold;
}

/*----- box-04 -----*/
#contents .box-04 h3 {
	margin: 0 0 10px;
}

/*----- box-info -----*/

#contents .box-info {
	background: #fff;
	padding: 0 0 10px;
}

#contents .box-info .p15 {padding: 0 15px;}
#contents .box-info h2 {
	margin: 0 0 5px !important;
	padding: 5px 10px;
	background: #8e8e8e;
	color: #fff;
	text-shadow: 0px -1px #000;	
	font-size: 17px;
}
#contents .box-info h3,
#contents .box-info h3:first-child {
	margin: 0 0 10px;
	padding: 0;
}
#contents .box-info h3 a {
	font-weight: inherit;
}
#contents .box-info img {width: inherit !important; height: auto !important;}
#contents .box-info dl { padding: 20px; }
#contents .box-info dt { padding: 15px 0 0; border-top: 1px solid #d6d6d6; font-size: 12px; }
#contents .box-info dt:first-child { padding: 0; border-top: none;}
#contents .box-info dt img {margin: -2px 0 0 5px;}
#contents .box-info dd { padding: 10px 0 15px; font-size: 12px; }


/*photo column*/
#contents.N .col-2 {
	width: auto;
	margin: 0;
	overflow: hidden;
}
#contents.N .col-2 > * {
	margin-top: 0;
	margin-left: 0;
}
#contents.N .col-2 .floatLeft {
	width: auto;
	margin: 0;
	float: none;
}
#contents.N .col-2 .floatLeft h2 {
	margin: 15px 0;
}
#contents.N .col-2 .floatLeft p,
#contents.N .col-2 .floatLeft h3 {
	margin: 0 0 15px;
}
#contents.N .col-2 .floatLeft *:first-child {
	margin-top: 0;
}
#contents.N .col-3 {
	width: auto;
	margin: 0
	;
	overflow: hidden;
}
#contents.N .col-3 > * {
	margin-top: 0;
	margin-left: 0;
}
#contents.N .col-3 .floatLeft {
	width: auto;
	margin: 0;
	float: none;
}
#contents.N .col-3 .floatLeft h2 {
	margin: 15px 0;
}
#contents.N .col-3 .floatLeft p,
#contents.N .col-3 .floatLeft h3 {
	margin: 0 0 15px;
}
#contents.N .col-3 .floatLeft *:first-child {
	margin-top: 0;
}


#contents .eventList .eventListItem dd img { margin-left: 3px; width: inherit !important; height: auto !important;}


}