@charset "utf-8";

/*=========================
　CSS変数
=========================*/
:root {
  --fontsize_l: 18px;
  --fontsize_m: 14px;
  --fontsize_s: 12px;
  
  --col_blue_base: darkblue; 
}

/*=========================
　FONT
=========================*/
@font-face {
	font-family:"Kosugi_Gothic";
	src: url("/common/fonts/Kosugi/Kosugi-Regular.ttf") format('truetype');
}

/*=========================
　各コンテンツ共通設定
=========================*/
html, body{
	font-size : 62.5%;
	margin    : 0;
	padding   : 0;
	height    : 100%;
	background-color:#DFE8F6;
}

body, table, td{
	font-family: "Kosugi_Gothic";
	font-size  : var(--fontsize_m);
}



/* ▼　アコーディオンメニュー　▼ */
table#body td#menu{
	width         : 150px;
	vertical-align: top;
}
#menu #accordion{
	position: absolute;
	top     : 40px;
	width   : auto;
	padding : 0px;
	margin  : 0px;
	background-color: #FFFFFF;
	border: 1px solid #99BBE8;
}
/* アコーディオンのカテゴリの指定 */
#accordion .menuheader{
	line-height: 1em;
	padding    : 9px 2px 6px 1px;
	margin     : 0px;
	color      : #FFF;
	background-color: #1C4086;
	border-bottom   : 1px solid #FFF;
	font-weight     : bold;
	cursor     : hand;
	cursor     : pointer;
}
#accordion .menuheader:hover{
	color: #FF0;
	background-color: #FF0000;
}
#accordion .openheader{
	background-color: #009900;
}
#accordion div.categoryitems{
	width  : auto;
	display: block;
	padding: 0px 0px 5px 0px;
	margin : 0px;
}

/* 子メニューの指定 */
#accordion div.categorynames{
	width  : auto;
	display: block;
	border-bottom: 2px solid #99BBE8;
	padding: 10px 0px 1px 5px;
	margin : 5px 10px 0px 0px;
	font-weight: bold;
	color      : #1C3F81;
}
#accordion div.categorylinks, #accordion div.categorylinks2{
	width  : auto;
	display: block;
	padding: 0px;
	margin : 0px 0px 0px 0px;
	border-bottom: 1px solid #CCC;
}
#accordion div.categorylinks2{
	margin: 0px 0px 0px 15px;
}

#accordion div.selected{
	/* text-align:right; */
	padding    : 12px 11px 10px 8px;
	font-weight: bold;
	color      : #090;
	background-color: #FFC;
}
#accordion div.categorylinks2_selected {
	padding: 8px 3px 6px 8px;
	margin : 0px 0px 0px 15px;
	background: #FFFFCC url(../images/ic_mnarw_ov.gif) no-repeat left center;
	font-weight: bold;
	color: #333;
	border-bottom:1px solid #CCC;
}
#accordion div.categorylinks a, #accordion div.categorylinks2 a{
	width  : auto;
	display: block;
	text-decoration: none;
	padding        : 8px 3px 6px 8px;
	color          : #666;
	background     : url(../images/ic_mnarw_up.gif) no-repeat left center;
}
#accordion div.categorylinks3{
	width  : auto;
	display: block;
	text-decoration: none;
	padding: 12px 3px 10px 8px;
	margin : 0px 0px 0px 0px;
	border-bottom: 1px solid #CCC;
	color: #666;
	/* background:url(../images/ic_mnarw_up.gif) no-repeat left center; */
}
#accordion div.categorylinks2 a{
}

#accordion div.categorylinks a:hover, #accordion div.categorylinks2 a:hover{
	color:#360;
	background:url(../images/ic_mnarw_ov.gif) no-repeat left center;
	background-color:#EEE;
}

/* ▲　アコーディオンメニュー ▲　ここまで */




/*--------------------------------------
header
---------------------------------------*/
table#header{
	width:100%;
	height:35px;
	background:url(../images/bg_header.gif) repeat-x top center;
}
table#header td{
	font-weight: bold;
	color      : #FFFFFF;
	font-size  : var(--fontsize_s);
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	padding    : 0px 10px;
}

/* ヘッダのログイン中ステータス */
table#header td#loginStatus {
	text-align: right;
}
	#loginStatus a {
		font-size: var(--fontsize_ss);
		color    : #FFF;
	}

/*--------------------------------------
body
---------------------------------------*/
table#body{
	width : 100%;
	height: 100%;
}

/*--------------------------------------
body >> contents
---------------------------------------*/
table#body #contents{
	width:auto;
	background-color:#FFFFFF;
	background:url(../images/bg_contents.gif) repeat;
	border:1px solid #99BBE8;
	padding:10px;
	vertical-align:top;
	line-height:1.5em;
	color:#333;
}

/*--------------------------------------
footer
---------------------------------------*/
table#footer{
	width:100%;
}
table#footer td{
	font-size  : var(--fontsize_ss);
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding    : 0px 10px;
	text-align : right;
}


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


/*--------------------------------------
common
---------------------------------------*/
img{
	border:none;
}
.icon{
	vertical-align: middle;
	margin-right  : 2px;
}
a{
	color: #1C3F81;
	text-decoration: underline;
}
a:hover{
	color: #FF0000;
}
.sm{ font-size: var(--fontsize_s); }
.ex{ font-size: var(--fontsize_s); color:#666; margin-left:2px; }
.ac{ text-align:center; }
.ar{ text-align:right; }
.ic{ text-align:center; width:1px }

#msg_good{
	width  : auto;
	display: block;
	background-color: #FFFFCC;
	text-align : center;
	border     : 2px solid #69F;
	color      : #69F;
	padding    : 5px;
	font-weight: bold;
	margin     : 15px 0px;
}
.nodata{
	border: 1px solid #CCC;
	background-color: #EEE;
	text-align : center;
	width      : auto;
	padding    : 30px 0px;
	color      : red;
	font-weight: bold;
}
.showMsg{
	color: #FFFF00;
}
.hitMsg{
	font-weight  : bold;
	margin-bottom: 5px;
	font-size    : var(--fontsize_l);
	color        : #006600;
}
.msg_regist{
	width      : auto;
	display    : inline-block;
	background-color: #FFFFCC;
	text-align : center;
	border     : 2px solid #69F;
	color      : #69F;
	padding    : 5px;
	font-weight: bold;
	margin     : 15px 0px;
	width      : 100%;
	font-size  : var(--fontsize_l);
}
/*--------------------------------------
parts
---------------------------------------*/
.dot999{
	background: url(../images/dot999.gif) repeat-x center;
	height    : 15px;
}

/*--------------------------------------
tag >> h
---------------------------------------*/
#contents h1{
	width  : auto;
	padding: 0;
	margin : 0 0 10px;
	color  : #1C3F81;
	text-align: right;
	font-size : var(--fontsize_s);
}
#contents h2{
	width      : auto;
	font-size  : var(--fontsize_m);
	color      : #FFF;
	padding    : 8px 5px 18px 10px;
	margin     : 0px 0px 5px 0px;
	background : url(../images/bg_header.gif) repeat-x top center;
	line-height: 1.0em;
}
#contents h3{
	width      : auto;
	padding    : 6px 5px 3px 5px;
	border     : 1px solid #CCC;
	border-left: 5px;
	margin     : 0px 0px 5px 0px;
	background : url(../images/bg_th.gif) repeat-x center;
	line-height: 1.0em;
}
/*--------------------------------------
tag >> table >> list
---------------------------------------*/
table.list{
	width: 100%;
	border-collapse : collapse;
	border: 1px solid #CCC;
	background-color: #FFF;
}
table.list th{
	border: 1px solid #CCC;
	background-color: #EEE;
	padding    : 3px 5px;
	margin     : 0px;
	font-size  : var(--fontsize_ss);
	font-weight: normal;
	line-height: 1.5em;
	color      : #666;
	white-space: nowrap;
	background : url(../images/bg_th.gif) repeat-x left top;
}
table.list th a{
	text-decoration: none;
	color          : #1C3F81;
	font-weight    : normal;
}
table.list th a:hover{
	text-decoration: underline;
	color          : #FF0000;
}
table.list tr.active_y{
	background-color: #FFC;
}
table.list tr.active_n{
	background-color: #FFF;
}
table.list tr.active_{
	background-color: #DFE8F6;
	background      : url(../images/bg_onair.gif) repeat;
}
table.list tr.active_red{
	background: url(../images/bg_strpRed3.gif) repeat;
}
table.list tr.active_ora{
	background: url(../images/bg_strpOrange4.gif) repeat;
}
table.list td{
	border        : 1px solid #CCC;
	line-height   : 1.2em;
	vertical-align: middle;
	padding       : 3px 5px;
	margin        : 0px;
}
table.list td.cbox{
	text-align    : center;
	vertical-align: middle;
	width         : 1px;
}
table.list td.weight{
	font-weight: bold;
	text-align : center;
}
table.list td.ctrl{
	text-align    : center;
	vertical-align: middle;
}
table.list .even{
	background: url(../images/bg_list_even.gif) repeat;
}
/*
table.list .onDrag{
	background-color:#CFC;
}
table.list .onHover{
	background:url(../images/arrow_right.gif) no-repeat center;
	background-color:#CCFFCC;
}
*/

/*--------------------------------------
tag >> table >> export
---------------------------------------*/
table.exhead{
	width           : 100%;
	border-collapse : collapse;
	border          : 1px solid #CCC;
	background-color: #FFF;
	margin-bottom   : 3px;
}
table.exhead td{
	font-size  : var(--fontsize_s);
	font-weight: bold;
	color      : #666666;
	text-align : center;
	border     : 1px solid #CCC;
	background : url(../images/bg_th.gif) repeat-x left top;
	background-color: #EEE;
	vertical-align  : middle;
	padding         : 0px 5px;
	margin          : 0px;
}
table.export{
	width           : 100%;
	border-collapse : collapse;
	border          : 1px solid #CCC;
	background-color: #FFF;
}
table.export td{
	height        : 31px;
	border        : 1px solid #CCC;
	vertical-align: middle;
	padding       : 0px 5px;
	margin        : 0px;
}
.cell0{
	width: 30px;
}
.addomt{
	width     : 50px;
	text-align: center;
}
.group {
	width: 150px;
}
.startymd {
	width     : 100px;
	text-align: center;
}
.endymd {
	width     : 100px;
	text-align: center;
}
.second {
	width     : 50px;
	text-align: center;
}
.registymd{
	width     : 100px;
	text-align: center;
}
.rank{
	width     : 50px;
	text-align: center;
}
.hover_cell0{
	background      : url(../images/ic_arwdrag.gif) no-repeat center;
	background-color: #CCFFCC;
}
.hover_tr{
	background-color: #CCFFCC;
	font-weight     : bold;
}







/*--------------------------------------
fuki
---------------------------------------*/
ul.fuki{
	margin    : 0;
	padding   : 0;
	list-style: none;
}
ul.fuki li{
	margin   : 10px 10px 0 0;
	padding  : 0;
	float    : left;
}
ul.fuki li img{
	border        : 1px solid #CCC;
	width         : 20px;
	height        : 12px;
	vertical-align: middle;
	margin-right  : 3px;
}
ul.fuki li.act_y img{
	background-color: #FFC;
}
ul.fuki li.act_n img{
	background-color: #FFF;
}
ul.fuki li.act_ img{
	background: url(../images/bg_onair.gif) repeat;
}
ul.fuki li.oa_ img{
	background-color: #FFF;
}
ul.fuki li.oa_mae img{
	background: url(../images/bg_strpOrange4.gif) repeat;
}
ul.fuki li.oa_ato img{
	background: url(../images/bg_strpRed3.gif) repeat;
}

/*--------------------------------------
pagenavi
---------------------------------------*/
table.pgnavi{
	width          : 100%;
	border-collapse: collapse;
}
table.pgnavi td{
	padding   : 30px;
	margin    : 0px;
	text-align: center;
}
table.pgnavi a, table.pgnavi span{
	text-decoration: none;
	border         : 1px solid #CCC;
	color          : #3366FF;
	padding        : 5px 5px 3px 5px;
	margin         : 2px;
	font-size      : var(--fontsize_s);
	line-height    : 1em;
}
table.pgnavi a:hover{
	border: 1px solid #3399FF;
}
table.pgnavi span{
	background-color: #0066FF;
	color           : #FFFFFF;
	font-weight     : bold;
}


/*--------------------------------------
form
---------------------------------------*/
form{
	margin : 0px;
	padding: 0px;
}
.err{
	color       : #FF0000;
	font-size   : var(--fontsize_s);
	font-weight : bold;
	background  : url(../images/kome.gif) no-repeat center left;
	padding-left: 13px;
}
ul.emsg{
	color     : #FF0000;
	list-style: none;
	list-style: url(../images/kome.gif);
	list-style-position: outside;
}
.flaview{
	text-align      : center;
	background-color: #000000;
	padding         : 15px;
}
#headline, #subhead, #gazo{
	padding  : 3px 0px;
}
.comment{
	font-size  : var(--fontsize_l);
	line-height: 1.5em;
}
.ctrlLink{
	font-size      : var(--fontsize_s);
	text-decoration: none;
}
p.formbtn{
	text-align: center;
}
p.formbtn input{
	line-height: 1.5em;
}
.btn, .addbtn, .omtbtn{
	line-height: 1.5em;
}


#shadowbox_title {
	border: 0px solid;
}

#shadowbox_info {
	border: 0px solid;
}

/*--------------------------------------
image tooltip
---------------------------------------*/
#preview{
	position  : absolute;
	border    : 1px solid #ccc;
	background: #333;
	padding   : 5px;
	display   : none;
	color     : #fff;
	width     : 700px;
}
#preview img{
	width        : 100%;
	margin-bottom: 5px;
}
a:hover.preview{
	font-weight     : bold;
	color           : blue;
	background-color: #FF0;
}


/*--------------------------------------
area_export
---------------------------------------*/
div#container_thumb{
	display: block;
}
div.thumb_frame{
	display  : inline-block;
	width    : calc(100% / 5 - 7px);
	max-width: 200px;
	float    : left;
	margin   : 0 5px 5px 0;
}
div.thumb_frame img{
	width     : 100%;
	display   : block;
	border    : 1px solid #666;
	box-shadow: 1px 1px 1px #999;
	margin-bottom: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.gazometa{
	margin     : 5px 0 2px 0;
	padding    : 3px;
	color      : white;
	font-size  : var(--fontsize_s);
	line-height: var(--fontsize_s);
	text-align : center;
	background-color: #666;
}

/*--------------------------------------
area_export
---------------------------------------*/
#container_export{
	clear        : both;
	display      : block;
	padding      : 15px;
	margin-bottom: 10px;
	text-align   : center;
	border       : 2px solid #999;
	background-color:#FFC;
}
#container_export table{
	width : 80%;
	margin: 0 auto;
	table-layout:fixed;
}
#container_export select{
	font-size: var(--fontsize_l);
	padding: 5px;
}
#container_export #btn_export{
	color      : white;
	border     : 1px solid #666;
	padding    : 10px;
	font-weight: bold;
	font-size  : var(--fontsize_l);
	background-color:red;
}
#container_export .code{
	font-size:24px;
}