@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体
 * ---------------------------------------------------------------- */

/* 背景設定 */
body { background-color: #DFDFDF; }

/* 全体コンテナ */
#container { width: 990px; margin-right: auto; margin-left: auto; }
#contents-container { margin: auto; padding: 0px 20px; background-color: #FFF; }


/* ---------------------------------------------------------------- *
	ヘッダ
 * ---------------------------------------------------------------- */
#header1 {
	margin: 10px 20px 10px 20px;
	_margin-bottom: 0px;
	height: 15px;
}
#header1 h1 { float: left; }
#header1 .fontsize { float: right; }

#header2 {
	width: 950px;
	z-index: 1000;
	position: relative;
	background-image: url(../image/hm-title.png);
	background-repeat: no-repeat;
	background-position: right 11px;
}
#header2 .logo  {
	float: left;
	position: absolute;
	left: 20px;
	top: 0px;
	height: 130px;
	width: 130px;
}

#header2 .menu { float: right; margin-top: 33px; }
#header2 .menu li { display: inline;}
#header2 .menu li a { margin-left: 10px; }


/* ---------------------------------------------------------------- *
	メニュ
 * ---------------------------------------------------------------- */

#main-menu {
	width: 948px;
	height: 35px;
	border: 1px solid #ddd;
	background-image: url(../image/mm-bg950.png);
	margin-bottom: 12px;
}

/* メニュ設定 */
#navi { float: right; }

/* メニュ設定 */
#navi { margin: 0; padding: 0; }
#navi li { display: inline; }
#navi li a { float: left; height: 0; padding-top: 33px; overflow: hidden; }
#navi li a,

/* メニュボタン */
#navi li#mm1 a { width: 120px; background-image: url(../image/mm01.png); background-repeat: no-repeat; }
#navi li#mm2 a { width: 84px; background-image: url(../image/mm02.png); background-repeat: no-repeat; }
#navi li#mm3 a { width: 115px; background-image: url(../image/mm03.png); background-repeat: no-repeat; }
#navi li#mm4 a { width: 110px; background-image: url(../image/mm04.png); background-repeat: no-repeat; }

/* ロールオーバ */
#navi li#mm1 a:hover { background-position: 0px -33px; }
#navi li#mm2 a:hover { background-position: 0px -33px; }
#navi li#mm3 a:hover { background-position: 0px -33px; }
#navi li#mm4 a:hover { background-position: 0px -33px; }

/* 現在ページ */
#main-menu.current1 #navi li#mm1 a { background-position: 0px -33px; }
#main-menu.current2 #navi li#mm2 a { background-position: 0px -33px; }
#main-menu.current3 #navi li#mm3 a { background-position: 0px -33px; }
#main-menu.current4 #navi li#mm4 a { background-position: 0px -33px; }



/* ---------------------------------------------------------------- *
	トップページ用
 * ---------------------------------------------------------------- */

#contents-top .visual { position: relative; margin-bottom: 10px; }
#contents-top .left { width: 190px; float: left; position: relative; margin-right: 10px; }
#contents-top .main { width: 550px; float: left; position: relative; }
#contents-top .right { width: 190px; float: right; position: relative; }


.content-box { border-width: 1px; border-style: solid; border-color: #ddd; background: #fff; }

.content-box .box-header {
	background-image: url(../image/bg-column-header.png);
	background-repeat: repeat-x;
	height: 27px;
}

.content-box .box-header .btn {
	float: right;
	margin-right: 5px;
	height: 11px;
}

.content-box .box-header ul.btn {
	margin-top: 3px;
}

.content-box .box-header .btn li {
	margin-left: 10px;
	display: inline;
}
.content-box .box-body { border: 2px solid #fff; background: #fff; }
.content-box .box-wrap { padding: 5px; font-size: 85%; }
.content-box .box-wrap10 { padding: 7px; font-size: 85%; }


/*　コラム用スクロール定義	*/
.scrollgeneric { line-height:1px; font-size:1px; position:absolute; top:0; left:0; }

#box-orange {
	width: 534px;
	height: 210px;
	overflow: auto;
	position: relative;
	background-color: #fff;
	padding: 5px;
	margin-top: 1px;
}
#box-orange .vscrollerbase { width:10px; background-color:#EAEAEA; }
#box-orange .vscrollerbar { width:10px; background-color:#FFAD6E; }


#box-blue {
	width: 534px;
	height: 210px;
	overflow: auto;
	position: relative;
	background-color: #fff;
	padding: 5px;
	margin-top: 1px;
}
#box-blue .vscrollerbase { width:10px; background-color:#EAEAEA; }
#box-blue .vscrollerbar { width:10px; background-color:#87C5E5; }


#topics li {
	font-size: 90%;
	border-bottom: 1px dotted #999;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left: 45px;
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

#topics li.news { background-image: url(../top/icon-news.png); }
#topics li.info { background-image: url(../top/icon-info.png); }
#topics li.event { background-image: url(../top/icon-event.png); }
#topics li.koushin { background-image: url(../top/icon-koushin.png); }

#topics li.jare { padding-left: 0px; }
#topics li.aerc { background-image: url(../top/icon-aerc.png); }


#topics li span {
	font-size: 90%;
	margin-left: 8px;
}



/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */


/*　パンくずリスト	*/
#bread {
	line-height: 1.5;
	font-size: 85%;
	margin: 0 0 10px 0px;
	text-align: right;
}
#bread span {
	padding:0 0.5em;
}


/*　ページタイトル画像	*/
.title-banner {
	margin-bottom:10px
}



#contents .main {
	float: left;
	width: 730px;
	position: relative;
/*	margin-top: 20px;*/
}

#contents #sidemenu {
	float: right;
	width: 190px;
	position: relative;
/*	margin-top: 20px;*/
	font-size: 90%;
}

.img-right {
	float: right;
	margin-bottom: 10px;
	margin-left: 18px;
	margin-top: 5px;
	position: relative;
}

.img-right355 {
	float: right;
	width: 355px;
	margin-bottom: 10px;
	margin-left: 18px;
	margin-top: 5px;
	position: relative;
}


.img-left {
	float: left;
	margin-bottom: 10px;
	margin-right: 18px;
	margin-top: 5px;
	position: relative;
}

.img-icon {
	float: right;
	margin-bottom: 8px;
	margin-left: 10px;
	position: relative;
}

.img-icon-title {
	float: right;
	margin-top: -2px;
	margin-right: 10px;
	position: relative;
}

.float-right {
	float: right;
	position: relative;
}

.float-left {
	float: left;
	position: relative;
}


/*　サイドメニュ	*/

#sidemenu {
	margin-bottom: 50px;
	font-size: 90%;
}

#sidemenu a:link { color: #444; text-decoration: none; }
#sidemenu a:visited { color: #444; }
#sidemenu a:hover { color: #F60; text-decoration: underline; }

#sidemenu li a {
	width: 170px;
	display: block;
	background-image: url(../image/bg-ssubmenu.png);
	background-repeat: no-repeat;
	line-height: 1.4em;
	padding: 4px 0px 6px 20px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCC;
	background-position: 8px 8px;
}

#sidemenu li.sub a {
	width: 155px;
	margin-left:15px;
}


#sidemenu li a:hover { background-position: 7px -60px; }
#sidemenu li.noborder a  { border-bottom-width: 0px; }

#sidemenu.current01 .sm01 a, 
#sidemenu.current02 .sm02 a, 
#sidemenu.current03 .sm03 a, 
#sidemenu.current04 .sm04 a, 
#sidemenu.current05 .sm05 a, 
#sidemenu.current06 .sm06 a, 
#sidemenu.current07 .sm07 a, 
#sidemenu.current08 .sm08 a { background-position: 7px -60px; }

.pagetop { margin-top: 20px; text-align: right; 6px; }

/* ---------------------------------------------------------------- *
	フッタ部分
 * ---------------------------------------------------------------- */

#footer-menu {
	margin-top: 30px;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#footer-menu .top { float: right; }
#footer-menu .menu { float: left; }
#footer-menu .menu li { display: inline;}
#footer-menu .menu li a { margin-right: 15px; }

#footer {
	width: 930px;
	font-size: 12px;
	color: #fff;
	line-height: 1.4;
	margin-bottom: 0px;
	background-color: #333;
	margin-top: 1px;
	padding: 8px 10px 2px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

#footer2 a:link { color: #fff; text-decoration: none; }
#footer2 a:visited { color: #fff; text-decoration: none; }
#footer2 a:hover { color: #F60; text-decoration: none; }

#footer2 {
	font-size: 85%;
	color: #fff;
	line-height: 1.4;
	background-color: #2B2B2B;
	background-image: url(../image/footer-logo.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 50px;
	padding: 8px 10px 2px 10px;
}

.footer-copy {
	font-size: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
	margin: 0px;
}

/* ---------------------------------------------------------------- *
	コンテンツ　コラム設定
 * ---------------------------------------------------------------- */

.c2-l {
	width: 355px;
	float: left;
	position: relative;
}

.c2-r {
	width: 355px;
	float: right;
	position: relative;
}

.c2p-l {
	width: 180px;
	float: left;
	position: relative;
}

.c2p-r {
	width: 529px;
	float: right;
	position: relative;
}

.pdf-icon img {
	margin-right: 10px;
	vertical-align: text-bottom;
}


.c3-l {
	width: 230px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c3-r {
	width: 230px;
	float: right;
	position: relative;
}

.c4-l {
	width: 175px;
	float: left;
	margin-right: 10px;
	position: relative;
}

.c4-r {
	width: 175px;
	float: right;
	position: relative;
}


.gallery-l {
	width: 175px;
	float: left;
	margin-right: 10px;
	position: relative;
	font-size: 80%;
}

.gallery-r {
	width: 175px;
	float: right;
	position: relative;
	font-size: 80%;
}

.gallery-l img, .gallery-r img {
	padding: 3px;
	border: 1px solid #e0e0e0;
	margin-bottom: 5px;
}


.index-list {
	background-color: #FBFBFB;
	border: 1px solid #e0e0e0;
	padding: 12px 12px 10px 12px;
}

.index-list h5 {
	font-weight: 500;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #2586C3;
	padding-left: 6px;
	line-height: 1.4;
	padding-top: 1px;
	padding-bottom: 0px;
	margin: 0 0 10px 0;
}

.c-submenu li { text-indent:22px; line-height: 1; }
.c-submenu li a {
	background-image: url(../image/submenu-bg.png);
	display: block;
	color: #fff;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 13px;
	padding-top: 5px;
	padding-bottom: 7px;
}

.c-submenu li#active a { color: #fff; }
.c-submenu a:hover { color: #fff; background-image: url(../image/submenu-bg-s.png); }


.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.underline-dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}




video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}