@charset "utf-8";

/*------------------------------------------------
                      ベース
------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre
, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp
, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label
, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: "ＭＳ　Ｐゴシック","Osaka";
	font-size: 12px;
	color: #333333;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-text-size-adjust: 100%;
}
div {
	line-height: 1.5;
}
p {
	margin: 10px;
	padding: 0px;
}
img {
	border: 0px;
	vertical-align: middle;
}
a {
/*
	text-decoration: none;
*/
}
a:link, a:visited, a:active, a:hover {
/*
	color: #333399;
*/
}
table {
	border-collapse: collapse;
	border: none;
}
th, td {
	line-height: 1.3;
	vertical-align: top;
}
select, input, textarea {
	font-family: "Osaka−等幅","ＭＳ ゴシック","monospace";
	font-size: 9pt;
}

/*------------------------------------------------
                    レイアウト
------------------------------------------------*/
/* body */
body {
	background-color: #f7f7f7;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
/* header */
#header {
	background-color: #999999;
	width: 100%;
	height: 100px;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}
/* wrapper */
#wrapper {
	overflow: auto;		/* 「overflow:visibleの要素以外は、height:autoの場合、高さは中身の要素の高さによる」ことを利用し、floatした子要素のはみ出しを回避 */
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}
/* main */
#main {
	background-color: #ffffff;
	white-space:nowrap;		/* 子要素の改行禁止(内容物は必ず #contents で囲むこと！) */
	width: auto;			/* 幅をウィンドウサイズに合わせる */
	overflow: auto;			/* 子要素の幅が本要素の幅を超えた場合に横スクロールを表示させる */
	min-height: 480px;		/* menu の高さより大きくなるように指定すること！ */
	margin: 0px;
	padding: 20px;
}
/* footer */
#footer {
	background-color: #cccccc;
	width: 100%;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	clear: left;
	text-align: center;
	font-size:12px;
	font-weight: bold;
	color: #666666;
}

/* for subwindow */
body.subwindow {
	background-color: #ffffff;
}
div.submain {
	min-height: 0px !important;
}

/*------------------------------------------------
                      parts
------------------------------------------------*/
/* ロゴ画像 */
img.logo {
	float: left;
}
/* ページ見出し */
#page-title {
	border: 1px solid #aaaaaa;
	background-color: #999999;
	-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	width: 600px;
	margin-bottom: 30px;
	padding: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
/* ページコンテンツ */
#page-contents {
	margin-left: 10px;
}
/* 角丸box */
div.box {
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	padding: 10px;
}
/* 強めのお知らせ */
div.stronginfo {
	background-color: #ffeecc;
	padding: 10px;
	border: 2px solid #ff4500;
	text-align: left;
	color: #00215e;
}
div.stronginfo strong {
	color: #00215e;
}
/* ちょっとしたお知らせ */
div.smallinfo {
	background-color: #fef4e1;
	padding: 10px;
	border: 1px solid #ff7745;
	text-align: left;
	color: #00215e;
}
div.smallinfo strong {
	color: #00215e;
}
/* 処理中表示レイヤー */
#wait {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #eaeaea;
	filter: alpha(opacity=80);		/* IE */
	-moz-opacity: 0.80;				/* Firefox, Netscape */
	opacity: 0.80;					/* Opera, Safari */
	z-index: 100;
}
div#waitmsg {
	margin-top: 150px;
	font-size: 28px;
	font-weight: bold;
}

/*------------------------------------------------
                      input
------------------------------------------------*/
/* ラベル */
label {
	display: block;		/* 幅を指定できるようにblockを指定 */
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	background-color: #b2b2b2;
	width: 100px;
	margin: 0px 5px 5px 0px;
	padding: 1px 5px;
	font-weight: bold;
	color: #ffffff;
}
label.caption {
	float: left;
}
/* 基本入力デザイン */
select                 ,
input[type="text"]     ,
input[type="password"] {
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	/* height: 22px; */
	padding: 4px 2px 2px;
}
textarea {
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	resize: none;
	padding: 2px;
}
select:focus                 ,
textarea:focus               ,
input[type="text"]:focus     ,
input[type="password"]:focus {
	border:solid 1px #0033cc;
}
/* プレースホルダー */
textarea::placeholder,
input[type="text"]::placeholder {
	color: #777777;
}
/* パスワード */
input.pass {
	ime-mode: disabled;
}
/* 数値 */
input.num {
	text-align: right;
}
/* 金額(カンマ付数値) */
input.money {
	text-align: right;
}
/* ReadOnly */
input.readonly {
	background: #dddddd;
}
input.readonlyNum {
	background-color: #dddddd;
	text-align: right;
}
/* 基本ボタンデザイン */
input[type="button"] ,
input[type="reset"]  ,
input[type="submit"] {
	/* 枠線を指定 */
	border-style: none;
	/* 背景色を指定 */
	background-color: #fcfcfc;
	/* グラデーションを指定 */
	/* mozilla系(Firefox)      : [方向, 開始色, (中間色,) 終了色] */
	/* webkit系(Safari,Chrome) : [linear, 開始位置, 終了位置, 開始色, (中間色,) 終了色] */
	/* IE 10 later             : [方向, 開始色, (中間色,) 終了色] */
	background: -moz-linear-gradient(bottom, #fcfcfc, #e5e5e5 50%, #fcfcfc);
	background: -webkit-gradient(linear, left bottom, left top, from(#fcfcfc), color-stop(0.5, #e5e5e5), to(#fcfcfc));
	background: linear-gradient(to bottom, #fcfcfc, #e5e5e5, #fcfcfc);
	/* 角丸の指定 */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	/* ボタンの影 [横幅 縦長 ぼかし 広がり 色] を指定 */
	box-shadow: 1px 1px 2px 1px #666666;
	-moz-box-shadow: 1px 1px 2px 1px #666666;
	-webkit-box-shadow: 1px 1px 2px 1px #666666;
	/* テキストの影 [横幅 縦長 ぼかし 色] を指定 */
	/* text-shadow: 1px 1px 2px #444444; */
	/* 影分だけマージンを調整(これをしておかないと左右端に寄せたときに切れたように見える) */
	margin-left : 3px;
	margin-right: 4px;
	/* 余白を指定 */
	padding: 3px 8px;
	/* 文字サイズを指定 */
	font-size: 1.0em;
	/* 文字色を指定 */
	color: #070033;
	/* デフォルト値として幅を指定 */
	width: 80px;
}
/* 検索ボタン  */
input.search {
}
/* リセット・クリアボタン */
input.clear {
}
/* 登録・更新ボタン */
input.commit {
}
/* 削除ボタン */
input.delete {
	/* 背景色 */
	background-color: #fceec0;
	/* グラデーション */
	background: -moz-linear-gradient(bottom, #fceec0, #feae50 50%, #fceec0);
	background: -webkit-gradient(linear, left bottom, left top, from(#fceec0), color-stop(0.5, #feae50), to(#fceec0));
	background: linear-gradient(to bottom, #fceec0, #feae50, #fceec0);
	/* 文字色 */
	color: #070033;
}
/* 閉じるボタン */
input.close {
}

/*------------------------------------------------
                      table
------------------------------------------------*/
/* base */
td.head, td.subject {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
td.dat-l, td.dat-tl { text-align: left;   }
td.dat-c, td.dat-tc { text-align: center; }
td.dat-r, td.dat-tr { text-align: right;  }
td.dat-l , td.dat-c , td.dat-r  { vertical-align: middle; }
td.dat-tl, td.dat-tc, td.dat-tr { vertical-align: top;    }
td.botton {
	height: 50px;
	text-align: center;
	vertical-align: middle;
}
/* リスト */
table.list {
	border: 1px solid #999999;
}
table.list td {
	border: 1px solid #999999;
	padding: 4px;
}
/* リスト ヘッダ */
table.list td.head {
	background-color: #e5e5e5;
	color: #474747;
}
table.list td.subject {
	background-color: #b2b2b2;
	color: #ffffff;
}
/* リスト データ */
table.list td.dat-l , table.list td.dat-c , table.list td.dat-r ,
table.list td.dat-tl, table.list td.dat-tc, table.list td.dat-tr {
	background-color: #ffffff;
}
/* リスト サマリ */
table.list td.sum {
	background-color: #ffdddd;
}
/* ページNavi 行枠組み */
dl.page-navi {
	clear: both;
	margin: 5px 0px;
	padding: 0;
}
dl.page-navi dt {
	float: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 80%;
}
dl.page-navi dd {
	margin: 0px 2px 0px 80%;
	padding: 0;
	text-align: right;
}
dl.page-navi dt span, dl.page-navi dt span {
	display: inline;
}
/* 入力フォーム整形用 */
table.input {
	width: 100%;
}
table.input td {
	line-height: 1.5;
	vertical-align: middle;
}

td span.caption {
	display: block;
	margin: 0px;
	padding: 0 5px;
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #b2b2b2;
	font-weight: bold;
	color: #ffffff;
}
td span.caption-2h {
	height: 40px;
}
td span.caption small {
	color: #ffffff;
	font-size: 0.9rem;
	font-weight: normal;
}

/*------------------------------------------------
                       font
------------------------------------------------*/
/* アカウントメッセージ */
div.msg-account ,
font.msg-account {
	color: #ff6c00;
}
/* 完了メッセージ */
div.msg-end ,
font.msg-end {
	color: #0000ff;
}
/* エラーメッセージ */
div.msg-err ,
font.msg-err {
	color: #ff0000;
}
/* メッセージ補足 */
div.msg-ex ,
font.msg-ex {
	font-size: 10px;
	color: #4d4d4d;
}
/* マッチ文字 */
font.match {
	color: #ff0000;
}
/* 解説 */
div.info ,
font.info {
	font-size: 8pt;
	color: #707070;
}
/* 必須見出し */
font.indis {
	color: #fc2635;
	font-weight: bold;
}

/*------------------------------------------------
                       other
------------------------------------------------*/
.event-title {
	font-size: 1.3rem;
	font-weight: bold;
	color: #1451b0;
}
.event-day {
	font-size: 1.2rem;
	font-weight: bold;
}