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


body {
	margin: 0;
	padding: 0;
	font-size: 88%;
	font-family: 'Noto Sans Japanese', sans-serif;
/*	word-break: break-all;
*/	width: 1000px;
	word-break: normal;
	word-wrap: break-word;
	text-justify: inter-ideograph;/* ie */
	text-align:justify;
    }

img, a img {
	border: none;
	margin: 0;
	padding: 0;
    }

a {
	text-decoration: none;
	color: #333;
    }

/*add 20160304*/
select {
	font-family: 'Noto Sans Japanese', sans-serif;
}

a:hover {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	text-decoration: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
    }

a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
    }

ul {
	list-style: none;
    }

p {
	margin: 0;
	padding: 0;
    }

.txtRight {
	text-align:right;
	}

.mB20 {
	margin-bottom:20px !important;
	}

.mB50 {
	margin-bottom:50px;
	}

.mT10 {
	margin-top:10px;
	}

.pB10 {
	padding-bottom:10px !important;
	}





/*------------------------------
	スタイル初期化クラス
------------------------------*/
.borderNone {
	border:none!important;
	}

dd {
	margin-left:0px!important;
	}

.mgNone{
	margin:0!important;
	}

.isNone{
	margin:0!important;
	padding:0!important;
	border: none!important;
	}




/*------------------------------
	imghack
------------------------------*/
.clear{
    clear: both;
    }

.clearfix{
    display: inline-block;
    }

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



/*------------------------------
	header
------------------------------*/
#head {
	position: fixed;
	left: 0;
	top: 0;
	margin: 0;
	padding-left: 8px;
	border-bottom: 1px solid #ccc;
	height: 33px;
	width: 1000px;
	background-color: #fff;
	z-index: 200;
	}

.wrap {
	float: left;
	margin: 0;
	padding: 0;
	width: 985px;
	height: 33px;
	}

h1 {
	float: left;
	margin: 6px 0 0;
	padding: 0;
	}

.headNavi {
	float: right;
	position: relative;
	margin-top: 6px;
	padding: 0;
	}


/*--------- search */

#searchBox{
	float: left;
	margin-right: 20px;
	}

dl.search2{
	position: relative;
	margin: 0;
	padding: 0;
	width: 135px;
	height: 20px;
	line-height: 100%;
	}

dl.search2 dt{
	padding: 0;
	width: 135px;
	}

dl.search2 dt input{
	padding: 0 0 0 23px;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 135px;
	height: 20px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 300;
	font-size: 90%;
	}


/* =========================

	IEハック 

============================ */

@media all and (-ms-high-contrast:none){
dl.search2 dt input { /* IE10・IE11 */
	float: left;
	padding: 0 0 0 23px !important;
	box-sizing: border-box;
	line-height: 200% !important;
	}
}

:root dl.search2 dt input { /* IE9 */
	margin: 0 \0/IE9 !important;
	line-height: 240% \0/IE9 !important;
	}

dl.search2 dt input { /* IE8 */
	padding: 0 0 0 23px\9;
	box-sizing: border-box\9;
	line-height: 200%\9;
	}

/* =========================

	IEハック / end 

============================ */



dl.search2 dd{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	}

dl.search2 dd button{
	margin: 3px 0 0 5px;
	padding: 0;
	text-align: left;
	background: none;
	border: none;
	}

dl.search2 dd button i{
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	}


/*--------- change */

#change {
	float: left;
	position: absolute;
	left: 155px;
	margin: 0;
	padding: 0;
	}

.changeList {
	margin: 0;
	padding: 3px 0 3px 3px;
	}

.customSelect { /* デフォルト時 */
	float: left;
	margin-right: 20px;
	padding: 0 0 0 5px;
	width: 80px;
	height: 20px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 200;
	font-size: 80%;
	line-height: 180% !important;
	color: #333;
	border: 1px solid #ccc;
	background-color: #fff;
	}

.customSelectInner { /* セレクトボックスの中 */
	width: 80px !important;
	background: url(../img/arrow04.gif) no-repeat 68px center;
	}


/* =========================

	IEハック 

============================ */

@media all and (-ms-high-contrast:none){
.customSelect { /* IE10・IE11 */
	float: left;
	height: 18px;
	}

.customSelectInner { /* IE10・IE11 */
	width: 80px !important;
	background: url(../img/arrow04.gif) no-repeat 68px 7px;
	}
}

.customSelect { /* IE8 */
	float: left\9;
	height: 18px\9;
	line-height: 180%\9;
	}

.customSelectInner { /* IE8 */
	width: 80px\9 !important;
	background: url(../img/arrow04.gif) no-repeat 68px 7px\9;
	}

/* =========================

	IEハック / end 

============================ */



/*--------- headList */

#headList {
	float: right;
	margin-top: 3px;
    padding: 0;
	font-weight: 200;
	}

#headList ol {
	display: block;
	margin: 0;
    padding: 0;
	list-style: none;
	}

#headList li {
	float: left;
	margin-right: 20px;
    padding-left: 8px;
	background: url(../img/arrow01.gif) left 5px no-repeat;
	font-size: 80%;
	}


/* =========================

	IEハック 

============================ */

/* IE9以上 */
:root #headList li {
	background: url(../img/arrow01.gif) left 6px no-repeat\0;
	}

/* IE8 */
#headList li {
	background: url(../img/arrow01.gif) left 6px no-repeat\9;
	line-height: 150%\9;
	}

/* =========================

	IEハック / end 

============================ */



#headList li.nonList {
	float: left;
	margin-right: 15px;
    padding: 0;
	background: none;
	font-size: 110%;
	line-height: 100%;
	}

#headList li.nonList02 {
	float: left;
	margin: 0;
    padding: 0;
	background: none;
	font-size: 110%;
	line-height: 100%;
	}



/*------------------------------
	left navi
------------------------------*/
#menu {
	float: left;
	position: fixed;
	top: 34px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 45px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index: 100;
	}

#menu div {
	display: table;
    position: relative;
	width: 45px;
/*	height: 95px;*/
	border-top: 1px solid #ccc;
	}

#menu div:first-child, .navi:first-child {
	border-top: none;
	height: 30px;
	}

.navi {
	display:table-cell;
	cursor: pointer;
	margin: 0;
	padding: 0;
	width: 45px;
/*	height: 95px;*/
	border-top: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	}

.navi:hover {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
    }


/*--------- menu list */

#menu ul.first {
    display: none;
    position: absolute;
    top: -1px;
	left: 45px;
	margin: 0;
    padding: 0;
    width : 195px;
    border: 1px solid #ccc;
	}

.naviIn {
    display: none;
    position: absolute;
    top: 0;
	left: 45px;
	margin: 0;
    padding: 0;
    width : 185px;
    border: 1px solid #ccc;
	font-size: 95%;
	font-weight: 200;
	}

.naviIn li {
	margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
    background: #fff;
	background-color:rgba(255,255,255,0.95);
	}

.naviIn li:first-child {
    border-top: none;
	}

.naviIn li a {
	display: block;
	padding: 10px;
	}

.naviIn li a:hover{
	background: #F1F1F1;
    }


/*--------- naviExb */

.naviExh {
    display: none;
    position: absolute;
    top: 0;
	left: 45px;
	margin: 0;
    padding: 0;
    width : 640px;
	font-size: 95%;
    border: 1px solid #ccc;
    background: #fff;
	background-color:rgba(255,255,255,0.95);
	}

.naviExh li {
	margin: 15px 0;
    padding: 0;
	}

.exhTitle {
	margin: 0 12px;
	padding: 0;
	width: 616px !important;
    }

.ttlLeft {
	float: left;
	margin: 0;
	padding: 0;
	letter-spacing: 0.2em;
	width: 200px;
    }

.ttlLeft img {
	margin: 0 15px 0 0;
	padding: 0;
    }

.ttlRight {
	float: right;
	margin: 0;
	padding: 0;
    }

.ttlRight:hover {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
    }


/*--------- exhBox */

.exhBox {
	display: table !important;
	margin: 0;
    padding: 0 7px;
    width : 625px !important;
	border-top: none !important;
	text-align: center;
	}

.exhBoxIn {
	display: table-cell !important;
	margin: 0 0 0 5px;
    padding: 0;
    width : 205px !important;
	text-align: center;
	border-top: none !important;
	}

.exhBoxIn img {
	margin: 0 0 5px;
	padding: 0;
	}

.exhBoxIn a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}

.exhBoxIn a img:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}

.exhBoxIn:first-child {
	display: table-cell !important;
	margin: 0;
    padding: 0;
    width : 205px !important;
	text-align: center;
	}

.exhBoxIn .name {
	display: table;
	margin: 10px 0 0;
    padding: 0;
	font-size: 110%;
	vertical-align: middle;
	width: 98%;
	}

.exhBoxIn .name a {
	display: table-cell;
	margin: 0;
    padding: 0;
	vertical-align: middle;
	}

.exhBoxInData {
	margin: 7px 0 0;
    padding-top: 10px;
	color: #999;
	font-size: 90%;
	background: url(../img/bg_border.gif) no-repeat top center;
	}

.exhBoxInData dt {
	float: left;
	margin: 0 0 5px;
    padding: 0;
	}

.exhBoxInData dt:after{
	content: "/";
	padding: 0 6px 0 3px;
	}

.exhBoxInData dd {
	float: left;
	margin: 0;
    padding: 0;
	}





/*--------- caption */

.tbPhoto td{ text-align:center;}

.caption {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666;
	font-size: 83%;
	line-height: 140%;
	max-width: 95%;
	}

.captionL {
	margin: 0;
	padding: 0;
	text-align: left !important;
	color: #666;
	font-size: 83%;
	line-height: 140%;
	vertical-align: top;
	}

.captionC {
	margin: 0;
	padding: 0 30px;
	text-align: center !important;
	color: #666;
	font-size: 83%;
	line-height: 140%;
	vertical-align: top;
	}

.captionR {
	margin: 0;
	padding: 0;
	text-align: right !important;
	color: #666;
	font-size: 83%;
	line-height: 140%;
	vertical-align: top;
	}







/*------------------------------
	main
------------------------------*/
#main {
	float: left;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	width: 950px;
}

.mainImage {
	float: left;
	margin: 54px 0 15px 65px;
	width: 950px;
	height: 430px;
	}

/* =========================

	IEハック 

============================ */

/* IE11 */
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .mainImage {
	margin: 54px 0 80px 65px\0;
	}
}

/* IE9 */
:root .mainImage {
	margin: 54px 0 80px 75px \0/IE9;
	}

/* IE8 */
.mainImage {
	margin: 54px 0 80px 65px\9;
	}

/* =========================

	IEハック  / end

============================ */



.mainImage ul {
	float: left;
	margin: 0;
	padding: 0;
	}

.mainImage ul.slides li a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}

.mainImage ul.slides li a img:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}

.bgImage {
	float: left;
	margin: 34px 0 -270px 45px;
	/*width: 950px;*/
	width:963px;
	height: 734px;
	}
/* IE11 */
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .bgImage {
	margin: 34px 0 -203px 45px\0;
	}
}
/* IE9 */
:root .bgImage {
	margin: 24px 0 -203px 35px \0/IE9;
	}
/* IE8 */
.bgImage {
	margin: 34px 0 -203px 45px\9;
	}

.bgImage p {
	margin: 0;
	padding: 0;
	}

.mainBox {
	float: left;
	position: relative;
	left: 64px;
	width: 930px;
	min-height: 260px;
	}

/* =========================

	IEハック 

============================ */

/* IE11 */
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .mainBox {
	top: -60px\0;
	left: 64px\0;
	margin-bottom: -60px\0;
	}
}

/* IE9 */
:root .mainBox {
	top: -60px \0/IE9;
	left: 54px \0/IE9;
	margin-bottom: -60px \0/IE9;
	}

/* IE8 */
.mainBox {
	top: -60px\9;
	left: 64px\9;
	margin-bottom: -60px\9;
	}

/* =========================

	IEハック  / end

============================ */




/*--------- contents */

#contents {
	margin: 0;
	padding: 0;
	width: 920px;
    }

#contents h2 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 150%;
	font-weight: 500;
    }

#contents h3 {
	margin: 0;
	padding: 10px 5px;
	border-top: 3px solid #333;
	border-bottom: 1px dotted #333;
	font-size: 130%;
	font-weight: 500;
	letter-spacing: 0.2em;
    }

#contents h4 {
	margin: 0;
	padding: 0;
	font-size: 115%;
	font-weight: 700;
	line-height: 140%;
    }
	
#contents  h4.title02{
	margin:0 0 1em 0 !important;
}

#contents h5 {
	margin: 0 0 10px;
	padding: 5px;
	border-bottom: 1px solid #dadada;
    }

#contents h5 span {
	margin: 0;
	padding-left: 10px;
	font-size: 130%;
	font-weight: 300;
	border-left: 3px solid #333;
    }

#contents h6 {
	margin: 0 0 20px;
	padding: 5px 10px;
	font-size: 100%;
	font-weight: 300;
	background: #F1F1F1;
    }

/*#contents h6 {
	margin: 15px 0 10px;
	padding: 0;
	font-size: 100%;
	font-weight: 300;
    }
*/
.title01 {
	margin-bottom: 25px;
	padding: 0;
	width: 920px;
    }

.title01_1 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 3px solid #333;
	width: 920px;
    }

.title01 .print, .title01_1 .print {
	float: right;
	margin: 3px 0 0;
	padding: 0;
    }

.title02 {
	margin-bottom: 20px;
	padding: 0;
}

.subTitle {
	margin: 0 0 10px;
	padding: 0;
    }

.photo {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
    }

.more a {
	margin: 0;
	padding: 8px;
	background-color: #666;
	color: #fff;
	font-size: 90%;
    }

.more02 a {
	margin: 0 0 0 5px;
	padding: 5px 8px;
	background-color: #666;
	color: #fff;
	font-size: 90%;
    }


.box01 .more a {
    float: right;
}

/* =========================

	IEハック 

============================ */

/* IE9以上 */
@media all and (-ms-high-contrast:none){
:root .more a {
	padding: 5px 8px 8px\0;
	}

:root .more02 a {
	padding: 5px 8px 5px\0;
	}
}

/* IE9 */
:root .more a {
	padding: 5px 8px 8px \0/IE9;
	}

:root .more02 a {
	padding: 5px 8px 5px \0/IE9;
	}

/* IE8 */
.more a {
	padding: 8px\9;
	}

.more02 a {
	padding: 5px 8px 5px\9;
	}

/* =========================

	IEハック / end 

============================ */


.eventImg {
	float:left;
	width:150px;
	margin:0 15px 0 0;
	text-align: center;
	}

.eventImg img {
	margin: 0 0 5px;
	}

.eventImg .more {
	margin:10px auto;
	text-align:center;
	}

.eventImg .more a {
	margin: 0;
	padding: 8px;
	background-color: #666;
	color: #fff;
	font-size: 80%;
    }

.outline {
	clear:both;
	width:920px;
	padding:20px 0 0 0;
	}


/*--------- fontCg */

#fontCg {
	float: right;
	font-size: 90%;
    }

.fontSize {
	background: url(../img/bg_line.gif) no-repeat right 5px;
	float: left;
	display: inline;
	margin: 0 15px 0 0;
    }

.fontSize dt {
	float: left;
	display: inline;
	margin-right: 10px;
	line-height: 150%;
    }

.fontSize dd {
	float: left;
	display: inline;
	line-height: 150%;
    }

.fontSize dd.sizeS, .fontSize dd.sizeM, .fontSize dd.sizeL {
	margin: 0;
	padding: 0 10px;
	background: url(../img/bg_line.gif) no-repeat left 5px;
    }

.fontSize dd.active a {
	color: #999;
    }

.fontSize dd a:hover {
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    }

.color {
	float: left;
	display: inline;
	margin: 0;
    }

.color dt {
	float: left;
	display: inline;
	margin-right: 10px;
    }

.color dd {
	float: left;
	display: inline;
	margin: 0;
	padding-right: 2px;
	vertical-align: middle;
    }

.color dd a img:hover {
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1.0 !important;
    }


/*--------- pageTitle */

#pageTitle {
	display: inline-table;
	margin: 10px 0 55px;
	padding: 0;
	width: 920px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
    }

.ttlImg {
	display: table-cell;
	margin: 0;
	padding: 1% 0;
	font-size: 90%;
	background: url(../img/title_arrow.gif) no-repeat right top #F1F1F1;
	background-size: contain;
	width: 25%;
	min-height: 30px;
    }

/* -- Chromeハック -- */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.ttlImg { padding: 1.5% 0; }
}
/* -- Chromeハック / end -- */


/* =========================

	IEハック 

============================ */

/* IE9以上 */
@media all and (-ms-high-contrast:none){
:root .ttlImg {
	padding: 1.5% 0 0\0;
	}
}

/* IE9 */
:root .ttlImg {
	padding: 1.5% 0 0 \0/IE9;
	}

/* IE8 */
.ttlImg {
	padding: 1.5% 0 1%\9;
	}

/* =========================

	IEハック / end 

============================ */




.ttlImg p {
	margin: 0;
	padding: 0 20px 0 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 120%;
    }

.ttlList {
	display: inline-table;
	margin: 0 0 0 15px;
	padding: 0;
	width: 95%;
	vertical-align: middle;
    }

/* -- Chromeハック -- */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.ttlList { margin: 0 0 1% 15px; }
}
/* -- Chromeハック / end -- */


/* -- Firefoxハック -- */
.ttlList, x:-moz-any-link { margin: 0 0 1% 15px; }
/* -- Firefoxハック / end -- */



/* =========================

	IEハック 

============================ */

/* IE9以上 */
@media all and (-ms-high-contrast:none){
:root .ttlList {
	margin: 0 0 1% 15px\0;
	}
}

/* IE8 */
.ttlList {
	margin: 0.5% 0 0.5% 15px\9;
	}

/* =========================

	IEハック / end 

============================ */



.ttlList ul {
	display: table-cell;
	margin: 0;
	padding: 0;
    }

.ttlList ul li {
	display: inline-block;
	margin-right: 25px;
	padding-left: 8px;
	background: url(../img/arrow02.gif) no-repeat left center;
	font-weight: 300;
	line-height: 210%;
    }

.ttlList ul li .current {
	padding: 0 0 3px;
	border-bottom: 1px solid #333;
	font-weight: 500;
    }


/* =========================

	IEハック 

============================ */

/* IE9以上 */
@media all and (-ms-high-contrast:none){
:root .ttlList ul:first-child {
	margin-top: 3px\0;
	}

:root .ttlList ul li .current {
	padding: 0\0;
    }
}

/* IE9 */
:root dl.search2 dt input {
	margin-top: 3px \0/IE9;
	}

/* IE8 */
.ttlList ul:first-child {
	margin-top: 3px\9;
	}

.ttlList ul li .current {
	padding: 0\9;
    }

/* =========================

	IEハック / end 

============================ */

/*--------- todayEvent */
.todayEvent {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	width: auto;
	height: auto;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding:1px;
	box-sizing: border-box;
}
/* clearfix */
.todayEvent { zoom:1; }
.todayEvent:after {
	content: ""; 
	display: block; 
	clear: both;}
.todayEvent .title {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 2em;
	background-color: #F1F1F1;
	font-size: 12px;
	line-height: 2em;
	text-align: center;
}
.todayEvent .todaytext {
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0;
	width: 816px;
	height: 2em;
	font-size: 90%;
	text-align: left;
}
.todayEvent .ticker {
	width: 816px;
	height: 2em;
	margin: 0;
	padding: 0;
	z-index: 100;
	overflow: hidden;
}
.ticker ul {
    width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
    position: relative;
}
.ticker ul li {
    width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
    display: none;
	line-height: 2em;
}

/*--------- news */

.news {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: 453px;
	height: 198px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding:1px;
	box-sizing: border-box;
	}

.news .title, .event .title {
	margin: 0;
	padding: 8px 0 5px 10px;
	height: 12px;
	background: url(../img/news.gif) no-repeat left top;
	}

.news .title span, .event .title span {
	float: right;
	margin: -5px 8px 0 0;
	padding: 0;
	text-align: right;
	font-size: 80%;
	}


/* =========================

	IEハック 

============================ */

@media all and (-ms-high-contrast:none){ /* IE11ハック */
  *::-ms-backdrop, .news .title span, .event .title span {
	  margin: -3px 8px 0 0;
	  }
}

/* IE9 */
:root .news .title span, .event .title span {
	margin: -2px 8px 0 0 \0/IE9;
	}

/* IE8 */
.news .title span, .event .title span {
	margin: -5px 8px 0 0\9;
	}

/* =========================

	IEハック  / end

============================ */


/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .news .title span, .event .title span {
    margin: -4px 8px 0 0;
  }
}



.news .title span a, .event .title span a {
	color: #999;
	}

.newsBox, .eventBox {
	margin: 3px 0;
	padding: 0;
	width: 447px;
	background-color: #fff;
	box-sizing: border-box;
	}

.scroll-pane {
	height: 167px;
	overflow: auto;
	}

.newsBox dl, .eventBox dl {
	margin: 0;
	padding: 0;
	}

.newsBox dt, .eventBox dt {
	margin: 0;
	padding-left: 5px;
	font-size: 80%;
	color: #999;
	line-height: 100%;
	}

.newsBox dd, .eventBox dd {
	float: left;
	margin: 5px 0 10px;
	padding: 0 0 5px 5px;
	/*width: 290px; edit 20160304*/
	width: 437px;
	font-size: 90%;
	line-height: 120%;
	border-bottom: 1px dotted #999;
	}

/*--------- event */
.event {
	float: right;
	margin: 0;
	padding: 0;
	width: 453px;
	height: 198px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding:1px;
	box-sizing: border-box;
	}


/*--------- indexPickUpBox */
.indexPickUpBox {
	display: block;
	clear: left;
	float: left;
	margin: 30px 0 0 63px;
	padding: 0;
	width: 978px;
	height: auto;
	margin-right: -18px;
}
.indexPickUpBox .title {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 5px 10px;
	width: auto;
	height: auto;
	background: url(../img/border_pickupttl.jpg) left bottom no-repeat;
}
.indexPickUpBox .pickupList {
	display: block;
	clear: both;
	width: 960px;
	height: auto;
}
/* clearfix */
.indexPickUpBox .pickupList { zoom:1; }
.indexPickUpBox .pickupList:after {
	content: ""; 
	display: block; 
	clear: both;}
.indexPickUpBox .unit {
	display: inline-block;
	float: left;
	width: 170px;
	height: auto;
	margin: 0 18px 18px 0;
	background-color: #FFFFFF;
	border: 1px #cccccc solid;
}
.indexPickUpBox .categoryttl {
	display: block;
	width: auto;
	height: 16px;
	margin: 0;
	padding: 5px 0;
	background: #F1F1F1;
	border-top: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	border-bottom: 1px #cccccc solid;
	line-height: 16px;
	text-align: center;
}
.indexPickUpBox .unit a {
	position: relative;
	display: block;
	width: 170px;
	height: 170px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
.indexPickUpBox .unit a img {
	position: relative;
	width: auto;
	min-width: 170px;
	height: auto;
	max-height: 170px;
	top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 10;
}
.indexPickUpBox .unit a:hover img {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	text-decoration: none;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
}
.indexPickUpBox .unit a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
	zoom:1;
}
.indexPickUpBox .unit a .txt {
	display: none;
}
.indexPickUpBox .unit a:hover .txt {
	display: block;
	position: absolute;
	width: 160px;
	height: auto;
	left: 5px;
	bottom: 5px;
	text-align: left;
	z-index: 1000;
}

/*--------- indexBanner */
.indexBanner {
	display: block;
	clear: left;
	float: left;
	margin: 10px 0 0 63px;
	padding: 0;
	width: 930px;
	height: auto;
	text-align: center;
}
.indexBanner ul {
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 850px;
	height: auto;
	text-align: left;
}
/* clearfix */
.indexBanner ul { zoom:1; }
.indexBanner ul:after {
	content: ""; 
	display: block; 
	clear: both;}
.indexBanner li {
	display: inline;
	float: left;
	margin: 0 5px 10px 5px;
	padding: 0;
	width: 150px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
}
.indexBanner li img {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 150px;
	height: auto;
	max-height: 50px;
	line-height: 50px;
	vertical-align: middle;
}

/*------------------------------
	footer
------------------------------*/
#foot {
	position: relative;
	clear: left;
	float: left;
	margin: 30px 0 0 63px;
	padding: 20px 5px 20px 0;
	width: 947px;

	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	}
/* clearfix */
#foot { zoom:1; }
#foot:after {
	content: ""; 
	display: block; 
	clear: both;}

/* =========================

	IEハック 

============================ */

@media all and (-ms-high-contrast:none){ /* IE11ハック */
  *::-ms-backdrop, #foot {
	  margin: 30px 0 0 63px;
	  }
}

/* IE9 */
:root #foot {
	margin: 30px 0 0 49px \0/IE9;
	}

/* IE8 */
#foot {
	margin: 30px 0 0 63px\9;
	}

/* =========================

	IEハック  / end

============================ */



/*--------- footLeft */

.footLeft {
	float: left;
	margin: 0;
	padding: 0;
	width: 650px;
	font-size: 95%;
	}

.footLeft ul {
	float: left;
	margin: 0 0 5px;
	padding: 0;
	}

.footLeft ul li {
	float: left;
	margin: 0 15px 0 0;
	padding-left: 15px;
	background: url(../img/bg_line02.gif) no-repeat left center;
	}

.footLeft ul li:first-child {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	background: none;
	}

.footLeft dl {
	float: left;
	margin: 0 0 10px;
	padding: 0;
	}

.footLeft dt {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	}

.footLeft dd {
	float: left;
	margin: 0;
	padding: 0;
	}

.footLogo {
	float: left;
	margin: 0;
	padding: 0;
	}


/*--------- footRight */

.footRight {
	position: absolute;
	right: 8px;
	bottom: 18px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: 290px;
	height: 100px;
	}

.footRight ul {
	margin: 5% 0 5px 5%;
	padding: 0;
	}

.footRight ul li {
	float: left;
	margin: 0;
	padding: 0;
	}

.footRight ul li:first-child {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	}

.sns {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	}

/*--------- .arrowBox */
.arrowBox { /* --- カウント数 */
	float: left;
	position: relative;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	font-size: 70%;
	}


/* =========================

	IEハック 

============================ */

@media all and (-ms-high-contrast:none){
  .arrowBox { /* IE10・IE11 */
	float: left;
	position: relative;
	padding: 3px 3px 0;
	}
}

.arrowBox:not(:target){ /* IE9 */
	float: left;
	position: relative;
	padding: 3px 3px 0;
	}

.arrowBox { /* IE8 */
	float: left\9;
	position: relative\9;
	padding: 3px 3px 2px\9;
	}

/* =========================

	IEハック  / end

============================ */


.arrowBox:before { /* --- 矢印 中 */
	display: block;
	position: absolute;
	top: 8px;
	left: -3px;
	border: 3px solid transparent;
	border-right-color: #fff;
	border-left-width: 0;
	content: "";
	width: 0;
	z-index: 1;
	}
 
.arrowBox:after { /* --- 矢印 外枠 */
	display: block;
	position: absolute;
	top: 8px;
	left: -4px;
	border: 3px solid transparent;
	border-right-color: #bbb;
	border-left-width: 0;
	content: "";
	width: 0;
	}

.pageTop {
	position: relative;
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
	top: 0px;
	right: 0px;
	}

/*--------- openBox */
.openBox {
	float: left;
	position: absolute;
	top: 5px;
	right: 50px;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	width: 248px;
	height: 60px;
	border: 1px solid #ccc;
	background-color: #fff;
	}

.openBox .title {
	margin: 0;
	padding: 0;
	font-size: 130%;
	font-weight: 500;
	}

.openBox .subTxt {
	float: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 80%;
	text-align: right;
	line-height: 140%;
}
/*--------- .copy */
.copy {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-top: 10px;
	padding: 0;
	font-size: 80%;
	}



/*------関連リンク・ファイル--------*/

.linkFile {
/*text-align: right;
*/width: 920px;
margin-bottom: 10px;
}

.linkFile p {
/*display: inline;
text-align: right;
*/}

/*.linkFile p.item01 {
background: url(../img/icon_link.gif) no-repeat left center;
padding-left: 20px;
}

.linkFile p.item02 {
background: url(../img/icon_file.gif) no-repeat left center;
padding-left: 20px;
}
*/
.linkFile .center {
text-align: center !important;
}

.linkFile .left {
text-align: left !important;
}

.linkFile .right {
text-align: right !important;
}




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

ニュース詳細

-------------------------------------------------- */
.imgBox01 img,
.imgBox02 img,
.imgBox03 img {
border: 1px solid #D9D9D9;
padding: 5px;
}

.imageR, .imageL {
margin: 20px 0;
}

.imageL img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
margin-right: 10px;
padding: 5px;
}

.imageL img {
float: left;
display: inline;
}

.imageR img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
margin-left: 10px;
padding: 5px;
}

.imageR img {
float: right;
display: inline;
}

/*話題、新着、トピックス用 画像選択 S M L*/

.imageMleft .wrapMleft {
display: inline;
float: left;
width: 288px;
text-align: center;
margin-right: 10px;
}

.imageMright .wrapMright {
display: inline;
float: right;
width: 288px;
text-align: center;
margin-left: 10px;
}

.wrapIn {
/*
border: 1px solid #CCC;
padding: 5px;

*/
}

p.description {
margin-bottom: 0;
text-align: left;
font-size: 83%;
color: #666;
}

.imageMleft img,
.imageMright img {
float: none;
padding: 0;
border: none;
margin: 0;
vertical-align: bottom;
}

.imageMright,
.imageMleft {
margin: 0 0 20px;
width: 100%;
}

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

印刷用

-------------------------------------------------- */
/*印刷用CSS*/

.printBlock .cms {
	float: none;
	margin: 0 auto;
	display: block;
}


#headerPrint {
    margin: 0 auto;
    padding-top: 20px;
    width: 720px;
}

#headerPrint #logo {
	margin-bottom: 25px;
	width: 318px;
}


#footerPrint {
    background: none repeat scroll 0 0 #9A9C99;
    color: #FFFFFF;
    /*padding-top: 10px;*/
    width: 920px;
	text-align: center;
}

#headerPrint ul li.item01 {
	float: left;
	display: inline;
}

#headerPrint ul li.item02 {
	float: right;
	display: inline;
}

#headerPrint ul {
	width: 240px;
	float: right;
	display: inline;
	margin-top: 40px;
}

#headerPrint #logo {
	float: left;
	display: inline;
}

.contentsPrint {
	width: 720px !important;
}

.copyPrint {
	margin: 0px 10px;
}

#printBody {
	margin:auto;
}