@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
 default_CSS
/////////////////////////////////////////////////////////////////////////*/
/* /////// Reset //////////*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ul { list-style:none; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before,blockquote:after,q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }
/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

/* basic */
* { margin:0;padding:0;}
body { text-align:center; font-family:'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
/*h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%;}*/
a,object,embed { outline:none;}
img { border:none;}
.alt { position:absolute; top:-5000px; left:-9999px;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix { height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
a { text-decoration:none; /*color:#009900;*/ /*color:#07448a;*/ color:#282828; }
a:hover { text-decoration:underline;}

.f70 { font-size:70%;}
.f75 { font-size:70%; }
.f80 { font-size:75%; }
.f85 { font-size:85%;}
.f90 { font-size:90%;}
.f95 { font-size:95%; }
.f105 { font-size:105%; }
.f110 { font-size:110%; }
.f115 { font-size:115%; }
.f120 { font-size:120%;}
.f125 { font-size:125%; }
.f130 { font-size:130%; }
.f135 { font-size:135%; }
.f140 { font-size:140%;}
.f160 { font-size:160%;}

.black { color:#000000; }
.green { color:#009900; }
.green_l { color:#e7f3d9; }
.blue { color:#0b448a; }
.blue_d { color:#07448a; }
.blue_l { color:#dbe6f2; }
.white {color:#ffffff; }

.grey_l { color:#cccccc; }


.red, .red a { color:#db0000;}
.yellow1 { color:#feff01;}

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

.lefting { text-align:left; }
.righting { text-align:right; }
.centering { text-align:center; }
.bolding { font-weight:bold; }
.normalizing { font-weight:noraml; }

.pad40 { padding:0 0 40px 0; }
.pad20 { padding:0 0 20px 0; }

.bg_grey { background-color:#efefef; }
.bg_red {  }
.bg_green {  }

.nodisp { display:none; }

/*/////////////////////////////////////////////////////////////////////////
共通CSS
/////////////////////////////////////////////////////////////////////////*/
html,body { width:100%; }
body { color:#282828; font-size:90%; line-height:1.4; text-align:left; position:relative; -webkit-text-size-adjust: 100%; }
.glb_inner { position:relative; max-width:1024px; width:100%; margin:0 auto; }
.one_prt { margin:14px 0; }
.prt_inner { width:94%; margin:0 auto 24px; }

.flt50 { width:48%; margin:0 2% 0 0; }
.flx { display:flex; align-items:stretch; justify-content:space-between; flex-wrap:nowrap; }

.cntnr { width:100%; position:relative; z-index:100; }
.cntnr img { width:100%; }

.mv_hldr { width:70%; position:absolute; top:5%; left:2%; z-index:105; }
.mv_hldr .img { width:100%; }

.btns { width:60%;margin:0 20%; position:absolute; bottom:3%; left:0; display:flex; align-items:stretch; /*justify-content:space-between;*/ flex-wrap:nowrap; display:none; }
.btns .btns_ech { width:27%; margin:0 3%; text-align:center; font-weight:bold; font-size:140%; }
.btns .btns_ech a { display:block; padding:14px 10%; background-color:#333333; color:#ffffff; position:relative;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em; 
}
.btns .btns_ech.prev a:before { display:block; position:absolute; top:50%; left:7%; width:12px; height:12px; margin-top:-8px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); border-top:4px solid #ffffff; border-left:4px solid #ffffff; content:""; }
.btns .btns_ech.next a:after { display:block; position:absolute; top:50%; right:7%; width:12px; height:12px; margin-top:-8px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:4px solid #ffffff; border-right:4px solid #ffffff; content:""; }


/* header */
#header { width:100%; position:fixed; background:url(../img/bg_black.png); /*background-color:#2d3b61;*/ z-index:120; }
#header .hd_inner { /*max-width:1240px;*/ max-width:1024px; width:100%; margin:0 auto; padding:0 0 10px 0; display:flex; align-items:stretch; /*justify-content:space-between;*/ flex-wrap:nowrap; }

#header .hd_ttl { width:70%; margin:0 auto;/* padding:5px 0 0;*/ color:#ffffff; }
#header .hd_ttl .ttl_log { width:3%; padding:7px 0 5px 2%; float:left; }
#header .hd_ttl .ttl_log img { width:100%; vertical-align:middle; }
#header .hd_ttl .ttl { width:85%; padding:10px 0 0 3%; font-size:120%; font-weight:bold; color:#ffffff; float:left; }

#header .lgin { width:30%; padding:14px 0 0 0; color:#ffffff; }
#header .lgin .lgin_ttl { width:30%; margin:0 3% 0 0; float:left; }
#header .lgin .lgin_cnt { width:65%; float:left; }

#header .nav_main { width:16%; margin:0 2%; text-align:center; font-weight:bold; }
#header .nav_main a { display:block; padding:3px 2%; background-color:#ffffff; 
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-botttom: 0.3em; 
}
#header .nav_main a:hover { background-color:#333333; color:#ffffff; }
#header .nav_main.inact a { background-color:#cccccc; color:#999999; }
#header .nav_main.crnt a { background-color:#333333; color:#ffffff; }

/* navigation */
.navi { margin:0 0 20px 0; padding:10px 0 0 0; font-size:90%; }
.navi .glb_inner { max-width:1024px; width:100%; margin:0 auto; }
.navi .navi_onerow { width:100%; margin:0 0 10px 0; }
.navi .navi_onerow .nav_ech { width:12%; margin:0 2%; /*text-align:center;*/ }
.navi .navi_onerow .nav_ech img { width:16%; vertical-align:middle; }
.navi .navi_onerow .flt50 .nav_ech { width:20%; }
.navi .navi_onerow .nav_ech a { display:block; padding:3px 2% 2px; /*background-color:#666666;*/ background:url(../img/navi_bg.png) no-repeat; background-size:100%; color:#ffffff; font-size:90%; 
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-botttom: 0.3em; 
}
.navi .navi_onerow .nav_ech.inact a { /*background-color:#cccccc;*/ background:url(../img/navi_bg_inact.png) no-repeat; background-size:100%; color:#999999; }
.navi .navi_onerow .nav_ech a:hover { /*background-color:#282828;*/ }
.navi .navi_onerow .nav_ech.nav_ttl { padding:3px 0 0 0; background:none; }
.navi .navi_onerow .nav_ech.crnt a { /*background-color:#cccccc;*/ background:url(../img/navi_bg_crnt.png) no-repeat; background-size:100%; color:#ffffff; }


/* footer */
#ft { width:100%; padding:14px 0; background-color:#efefef; border-top:1px solid #999999; }
#ft .ft_inner { max-width:1024px; width:100%; margin:0 auto; }
#ft .ft_inner .ft_prf { width:66%; margin:0 4% 0 0; float:left; }
#ft .ft_inner .ft_prf .ft_ttl { margin:0 0 5px 0; font-size:120%; font-weight:bold; }
#ft .ft_inner .ft_prf .ft_ttl a { color:#282828; }
#ft .ft_inner .ft_prf .ft_ttl a:hover { color:#ff6699; text-decoration:none; }
#ft .ft_inner .ft_prf .ft_txt_s { margin:0 0 5px 0; font-size:90%; }
#ft .ft_inner .ft_prf .ft_txt { margin:0 0 5px 0; }
#ft .ft_inner .ft_prf .ft_txt a { display:block; width:40%; padding:5px 7% 5px 3%; background-color:#07448a; color:#ffffff; position:relative;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-botttom: 0.5em; 
}
#ft .ft_inner .ft_prf .ft_txt a:after { display:block; position:absolute; top:50%; right:3%; width:5px; height:5px; margin-top:-3px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #ffffff; border-right:2px solid #ffffff; content:""; }

#ft .ft_cpy { padding:10px 0 0 0; font-size:90%; text-align:center; }

/* ////////////////////////////////////////////// */
/* contents */
/* ////////////////////////////////////////////// */
.contents { margin:0 0 30px 0; }

.ttl { padding:0 0 20px 0; font-size:110%; font-weight:bold; }

.btn_area { padding:0 0 10px 0; font-size:90%; }
.btn_area .btn_onerow { display:flex; align-items:stretch; /*justify-content:space-between;*/ flex-wrap:nowrap; padding:0 0 10px 0; }
.btn_area .btn_onerow .btn_ech { width:8%; font-weight:bold; }
.btn_area .btn_onerow .btn_ech.btn_odr { width:16%; }
.btn_area .btn_onerow .btn_ech.btn_ttl { font-weight:normal; text-align:center; }

/* data table */
.data_area { font-size:90%; }
.data_tbl { display:flex; align-items:stretch; /*justify-content:space-between;*/ flex-wrap:nowrap; border-bottom:1px solid #999999; }
.data_tbl.tbl_hd { background-color:#666666; color:#ffffff; }

.tbl_ttl { text-align:center; padding:3px 0;  }
.regul { background-color:#ede6fd; }
.regis { background-color:#dfeefb; }

.tbl_itm { text-align:right; padding:3px 0;  }
.tbl_hd .tbl_itm { text-align:center; }
.tbl_itm.algn_lft { text-align:left; width:9%; margin:0 0 0 1%; }

.grph_btn { width:50%; margin:0 auto; text-align:center; font-size:80%; }
.grph_btn a { display:block; padding:2px 0; background-color:#666666; color:#ffffff; 
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	border-botttom: 0.3em; 
 }
 .grph_btn.inact { background-color:#cccccc; color:#ffffff; }

/*.grph_area { margin:0 0 14px 0; display:flex; align-items:stretch; justify-content:space-between; flex-wrap:nowrap; display:none; }*/
.grph_area { margin:14px 0; position:relative; }
.grph_area.col2 { width:46%; margin:0 2%; }
.grph_area.col1 { width:96%; margin:0 2%; }

.grph_area .grph_dtl_ttl { width:60%; margin:0 20%; font-size:110%; font-weight:bold; position:absolute; top:0; left:0; }
.grph_area .grph_dtl_clsbtn { width:3%; font-size:180%; font-weight:bold; position:absolute; top:0; left:0; text-align:center; }
.grph_area .grph_dtl_clsbtn a { display:block; background-color:#666666; color:#ffffff; }
.grph_area .grph_dtl_clsbtn a:hover { text-decoration:none; }


.w60 { width:6%; }
.w80 { width:8%; }
/*.w84 { width:8.4%; }*/
.w100 { width:10%; }
.w320 { width:32%; }
/*.w316 { width:31.6%; }*/
.w400 { width:40%; }
/*.w420 { width:42%; }*/
.w480 { width:48%; }
/*.w504 { width:50.4%; }*/

.up { background-color:#d1defa; }
.down { background-color:#fad1d1; }

.ref { padding:10px 2%; text-align:right; }

/* dachboard */
.prt_ttl { padding:14px 0; font-size:105%; font-weight:bold; }

.cmpgn_lft { width:62%; margin:0 3% 0 0; }
.cmpgn_rght { width:35%; position:relative; }
#cmpgn_right_cnt .ovrlyr { width:90%; margin:0 auto; position:absolute; top:14%;; left:0; }

.flt3 { width:31%; }
.flt2 { width:48%; }

.switch_btns { margin:0 0 10px 0; font-size:85%; text-align:right; }