/************************************************************
	共通定義
*************************************************************/
/*--------------------------------------------*/
/*CSS リセット
/*--------------------------------------------*/
html, body, div, span,
h1, ul, li, form, label,
table, tr, th, td,
header, nav
 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
nav ul {
	list-style:none;
}
/* change colours to suit your needs */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
/*基本設定
/*--------------------------------------------*/
body{
	font-family:Avenir ,"Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"メイリオ" , Meiryo ,	"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	padding:0;
	margin:0;
	min-height: 100%;
}
.form01{
}
.content {
	overflow: hidden;
}
.content li{
	background:#fff;
	padding:0;
}
.hide{
	display:none;
}
/*--------------------------------------------*/
/*ヘッダ*/
/*--------------------------------------------*/
#header{
	height: 24px;
	width: 912px;
	margin-top: 24px;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#header div.headerLeft{
	float:left;
	width:300px;
	height: 24px;
	text-align:left;
}
#header div.headerCenter{
	float:left;
	width:312px;
	height: 24px;
	text-align:center;
}
#header div.headerRight{
	float:left;
	width:300px;
	height: 24px;
	text-align:right;
}
.screenName {
	font-size: 18px;
	font-weight: bold;
	color: #777777;
}
#header h1{
	display: inline-block;
	line-height:24px;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto auto auto 180px;
	color: #777777;
}
/*--------------------------------------------*/
/*タブ*/
/*--------------------------------------------*/
/* ▼表示領域全体 */
div.tabbox {
	margin: 0px;
	padding: 0px;
}
.tab{
	display: block;
	overflow:hidden;
	width: 952px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	background-color: #6cb0ea;
	padding-top: 10px;
	/*position:absoluteで下揃えするとIEでズレるため
	paddingで上下位置を調整*/
}
.tab li{
	display:inline;
	background:#6cb0ea;
	width: 157px;
	height: 55px;
	line-height: 49px;
	padding:0;
	float:left;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	cursor: pointer;
	text-align:center;
	border-top: 6px solid #6cb0ea;
	border-bottom: 6px solid #6cb0ea;
}
/* タブのアンダーラインを表示しない */
a {
	text-decoration: none;
}
/* 標準の文字色 */
div.tabbox ul.tab li a:link,
div.tabbox ul.tab li a:visited {
 	color: #fff;
}
/* タブにマウスを載せた際の文字色 */
div.tabbox ul.tab li a:hover	{
	color: #00238c !important;
}
/*--------------------------------------------*/
/*メインメニュー*/
/*--------------------------------------------*/
#mainNav {
	width: 100%;
	height: 65px;
	/* margin-bottom: 38px; 11/10修正前 */
	margin-bottom: 20px;
	background-color: #6cb0ea;
	text-align:center;
}
/*--------------------------------------------*/
/* テーブル */
/*--------------------------------------------*/
/*メインのテーブル*/
.tableBase{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-collapse: collapse;
	border: solid 2px #FFFFFF;
}
.tableBase th,td {
	vertical-align: middle;
	padding: 8px;
	font-size: 14px;
	border: solid 2px #FFFFFF;
	word-break: break-all;
}
.tableBase th {
	background: #d4e1f3;
	height: 42px;
	color: #333333;
	text-align: left;
}
.tableBase th.top,td.top {
	border-bottom: 0;
}
.tableBase th.middle,td.middle {
	border-top: 0;
	border-bottom: 0;
}
.tableBase th.bottom,td.bottom {
	border-top: 0;
}

.tableBase td {
	background: #f6f6f6;
}
.tableBase td.border {
	padding: 4px !important;
	background: #FFFFFF;
}
.tableBase th.empty,td.empty {
	background: #FFFFFF;
}

.tableBase td.odd ,
.tableBase td.even {
	height: 25px !important;
	padding: 0;
}
.tableBase td.odd ,
.tableBase td.odd input[type=text],
.tableBase td.odd select {
	background: #EEFFEE;
}
.tableBase td.even ,
.tableBase td.even input[type=text],
.tableBase td.even select {
	background: #f6f6f6;
}
.tableBase td.even input[type=button],
.tableBase td.even input[type=text],
.tableBase td.even select,
.tableBase td.odd input[type=button],
.tableBase td.odd input[type=text],
.tableBase td.odd select {
	height:25px;
}
.tableBase td.odd select,
.tableBase td.even select {
	width:100%;
}

.tableBase td.odd2 {
	background: #EEFFEE;
}
.tableBase td.even2 {
	background: #f6f6f6;
}

/*一覧*/
table.tableList{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-collapse: collapse;
	border: solid 2px #FFFFFF;
}
table.tableList th,td {
	vertical-align: middle;
	padding: 5px;
	font-size: 14px;
	border: solid 2px #FFFFFF;
}
table.tableList th {
	background: #d4e1f3;
	color: #333333;
	text-align: center;
	height: 42px;
}

table.tableList td {
	word-break: break-all;
	height: 25px;
	cursor: pointer;
}

table.tableList tr:nth-child(even) {
	background-color:#f6f6f6;
}
table.tableList tr:nth-child(odd) {
	background-color:#EEFFEE;
}

table.tableList th.empty,td.empty {
	background: #FFFFFF !important;
}
/*--------------------------------------------*/
/*フォームパーツ*/
/*--------------------------------------------*/
/* テキストボックス */
input[type=text]
,input[type=password] {
	color: #666666;
	height:25px;
	line-height: 25px;
	border: none;
	border: 0 /*IE8-9用*/;
}
.textBoxYMD{width: 90px;}
.textBoxHM{margin-left:5px;width: 55px;}
.textBoxXS{width: 30px;}
.textBoxSS{width: 50px;}
.textBoxS{width: 100px;}
.textBoxM{width: 200px;}
.textBoxMM{width: 300px;}
.textBoxL{width: 500px;}
.textBoxLL{width: 100%;}

/* テキストエリア */
textarea {
	width:100%;
	color: #666666;
	border: none;
	border: 0 /*IE8-9用*/;
}
.textAreaS{height:  50px;}
.textAreaM{height: 100px;}
.textAreaL{height: 200px;}

/* チェックボックス、ラジオボタン */
.checkBox,
.radioBtn{
	margin: 0 10px 0 0;
}

/* プルダウン*/
select {
	height:25px;
	color: #666666;
	border: none;
	border: 0 /*IE8-9用*/;
}

/*--------------------------------------------*/
/*ボタン*/
/*--------------------------------------------*/
.btnBase{
	font-size: 14px;
	height: 26px;
	width: auto;
	background-color: #e2e2e2;
	color: #5e5e5e;
	border: 1px solid #aaaaaa;
	cursor: pointer;
	font-family:Avenir ,  "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"メイリオ" , Meiryo ,  "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

}
.btnBase:hover{
	background-color: #EEEEEE;
}
.btnRight {margin-left:3px;}
.btnBottom {margin-top:3px;}
.btnList {padding: 0 0px;height: 20px;}
/*--------------------------------------------*/
/* 書式他 */
/*--------------------------------------------*/
.red {color: #FF0000 !important;}
.blue {color:#0000FF !important;}

.pointer {cursor:pointer;}
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

.ml5 {margin-left:5px;}
.mr5 {margin-right:5px;}
.mt5 {margin-top:5px;}
.mb5 {margin-bottom:5px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.ml20 {margin-left:20px;}
.mr20 {margin-right:20px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}

.fs20px {font-size:20px;}
.w85 {width:85px;}
/*--------------------------------------------*/
/* コンテナ */
/*--------------------------------------------*/
.group01{
	width: 916px;
	margin-left: auto;
	margin-right: auto;
}

.group02{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.group01 input,
.group01 textarea,
.group02 input,
.group02 textarea{
	font-size: 14px;
   	font-family:Avenir ,  "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"メイリオ" , Meiryo ,  "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.popupTitle{
	display: inline-block;
	font-size: 14px;
	color: #666666;
	float: left;
	line-height:15px;
	margin-top:0px;
}
/*--------------------------------------------*/
/* リンク表示*/
/*--------------------------------------------*/
.pagebutton{
	margin-right:90px;
}
.dummy_link_page{
	cursor : pointer;
	color : #0000FF;
	font-size: medium;
}
.current_page{
	color : #FF0000;
	font-size: medium;
}
/*--------------------------------------------*/
/* 2017/11/30 Add */
/*--------------------------------------------*/
.w30 {width:30px;}
.w40 {width:40px;}
.w300 {width:300px;}
.h30{height:30px;}
.fl {float: left;}
.fr {float: right;}
.mt15 {margin-top:15px;}