@charset "utf-8";

.container {
	max-width: 1200px;
}

.box_message {
	text-align:left;
	border:#ccc solid 1px;
	padding:10px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}

div.btn_link {
	margin-top:8px;
}

table.geo td, table.geo th {
	border: none;
	color:#e06d60;
	line-height:1.2em;
}

table.sum_disp {
	width: 100%;
	margin-bottom:30px;
}

table.sum_disp td, table.sum_disp th {
	border: none;
}

div.kaito_guide {
	margin-top:4px;
}

/* kaito */

ul.kaito li, ul.kaito2 li, ul.kaito li, ul.kaito3 li {
	margin: 28px 0 0 0;
	list-style-type: none;
}

ul.kaito li table, ul.kaito2 li table, ul.kaito li table, ul.kaito3 li table {
	width: 100%;
	margin: 0 0 4px 0;
}

ul.kaito li table td, ul.kaito2 li table td, ul.kaito3 li table td {
	padding: 8px 6px;
}

.q_no {
	width: 5%;
}

.err_msg {
	width: 400px;
	padding: 8px 0 8px 14px;
	margin: 14px 0 0 0;
}

.kaito_guide {
	margin: 14px 0 20px 0;
}

/* basic Style Sheet */
body,h1,h2,h3,dl,dt,dd,ol,ul,li,img { margin:0; padding:0; border: none; border-collapse: collapse; }
table,tr,th,td { margin:0; padding:0; border-collapse: collapse; }
body { color: #333; background: #fcfcfc; line-height: 140%; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif; }
table th { color: #333; line-height: 140%; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif; text-align: center; font-weight: bold; }
table td { color: #333; font-size: 90%; line-height: 140%; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif; padding: 4px 2px; }
select, textarea {   font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif; padding: 2px; }

#contents_a a { color: #333; text-decoration: underline; outline: none;}
#contents_a a:visited { color: #333; text-decoration: underline; }
#contents_b a { color: #800080; text-decoration: underline; outline: none;}
#contents_b a:visited { color: #800080; text-decoration: underline; }
#contents_a a:hover, #contents_b a:hover { color: #bbb; text-decoration : underline; }
#contents_a a:active, #contents_b a:active { color: #bbb; text-decoration : none; }

#wrap { width: 940px; margin: 0 auto; }
#contents {	width: 882px; padding: 0 29px; }
#contents_a #footer { color: #fff; background: #84a0ff; height: 18px; padding: 5px 0 3px 0; margin: 6px 0; text-align: center; }
#contents_b #footer { color: #fff; background: #84a0ff; height: 18px; padding: 5px 0 3px 0; margin: 6px 0; text-align: center; }

.pankuzu ul { margin: 14px 0 0 4px; padding: 0; line-height: 14px; vertical-align: bottom; }
.pankuzu li { float: left; list-style-type: none; margin: 0; padding: 0; }
.pagetop { margin: 30px 0 0 8px; text-align: right; }

.float_clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
.text_right { text-align: right; }
.text_left { text-align: left; }
.text_center { text-align: center; }
.text_top { vertical-align: top; }

/* about font */
.tahoma { font-family: tahoma; } /* input(type="text/password") for IE */
.futoji {font-weight: bold; }
.f10 { font-size: 78%; }
.f11 { font-size: 90%; }
.f14 { font-size: 100%; }
.f16 { font-size: 120%; }

.underline { text-decoration: underline; }
.kesi_line { text-decoration: line-through; }

/* about color */
.caution { color: #e20071; }
.f_blue { color: #03c; }
.c_blue { color: #2f5eff; }
.t_gray { color: #999; }
.back_gray { background: #eee; }
.back_white { background: #fff; }

/* font tag */

#contents_a h1 { color: #fff; background: #84a0ff; line-height: 42px; height: 42px; font-size: large; font-weight: bold; text-align: center; }
#contents_b h1 { color: #fff; background: #84a0ff; line-height: 42px; height: 42px; font-size: large; font-weight: bold; text-align: center; }
#contents_a h2 { margin: 8px 0 16px 0; background: #d9e1ff; font-size: medium; font-weight: bold; padding:  8px 30px; border-top: 6px solid #a6baff; border-bottom: 1px solid #a6baff; color:#333; }
#contents_b h2 { margin: 40px 0 0 0; background: #d9e1ff; font-size: 100%; font-weight: bold; padding: 6px 0 4px 20px; border-top: 6px solid #a6baff; border-bottom: 1px solid #a6baff; color:#333; }
#contents_a h3 { margin: 40px 0 0 0; background: #d9e1ff; font-size: 100%; font-weight: bold; padding: 6px 0 4px 20px; border-top: 6px solid #a6baff; border-bottom: 1px solid #a6baff; color:#333; }
#contents_b h3 { margin: 40px 0 0 0; background: #f3c2da; height: 26px; font-size: 100%; font-weight: bold; padding: 8px 0 0 20px; border-top: 6px solid #b5246d; border-bottom: 1px solid #b5246d; color:#b5246d; }

/* login-status bar */
#login_bar { padding: 6px 0 4px 6px; color: #e37700; height: 1.4em; line-height: 1.4em; }
#login_name { float: right; margin-right: 10px; font-weight: bold; vertical-align: bottom; }
#login_guide { float: right; }
#login_guide a { color: #999; }
#login_guide a:hover { color: #0070df; }

/* exec buttons */
.exe_btn { list-style-type: none; margin: 20px 0 0 140px; }
.exe_btn li { display: inline; padding: 6px; }
.exe_btn form { display: inline; }

/* link guide */
ul.link_act { margin: 10px 0 0 0; height: 1.4em; line-height: 1.4em; list-style-type: none; text-align: right; }
.link_act li { display: inline; padding:  0 10px; }

/* login page */
#contents_a #login { margin: 50px auto 20px auto; padding: 60px 0 40px 30px; border: 2px solid #a6baff; background :#eaeeff;
	border-radius: 10px; /* for css3 */
	-wibkit-border-radius: 10px; /* for Safari,Google Chrome */
}
#contents_a #login dl { width: 280px; margin-left: 50px; }
#contents_a #login dt { clear: left; float: left; width: 110px; height: 40px; font-size: 16px; margin-top: 4px; }
#contents_a #login dd { height: 40px; font-size: 16px; margin: 4px 0 0 110px; }

/* administor menu */
ul.menu { width: 520px; margin: 50px 0 0 100px; }
.menu li { list-style-type: none; width: 500px; height: 24px; padding-left:20px; background: url(../images/icon_trngl_b.gif) no-repeat 0% 40%; }

/* admin list */
ul.menu2 { width: 790px; margin: 20px 0 0 30px; }
.menu2 li{ list-style-type: none; width: 770px; vertical-align: middle; margin-top: 4px; padding-left:20px; background: url(../images/icon_trngl_g.gif) no-repeat 0% 30%; }

/* input field for dl */
dl.input, dl.input2 { width: 800px; border: 1px solid #ccc; border-top: none; background: #eee; margin: 10px 0 0 30px; }
.input dt { clear: both; float: left; width: 308px; padding: 6px; border-top: 1px solid #ccc; }
.input dd { margin: 0 0 0 320px; padding: 6px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; }
dl.input2 { width: 850px; }
.input2 dt { clear: both; float: left; width: 188px; padding: 6px; border-top: 1px solid #ccc; }
.input2 dd { margin: 0 0 0 200px; padding: 6px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; }
.input_err { background: #ffe2f0; }

/* input field for table */
table.input { border-top: none; margin: 10px 0 0 30px; }
table.input th { width: 36%; padding: 6px; border-top: 1px solid #ccc; vertical-align:top; text-align:left; background:#eee; }
table.input td { padding: 6px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-align:left; }


/* page guide */
.page_guide td { padding: 0 10px 0 0; text-align: center; }
.page_guide td .here { font-size: 160%; }

/* update infomation */
ul.update_info { margin: 20px 0 0 20px; list-style-type	: none; }
ul.update_info li { display: inline; padding-right: 4px; }

/* position */
.exp_hissu { margin: 20px 0 0 50px; }
.exp { padding: 20px 10px 10px 30px; }
.there2 { margin: 20px 0 0 20px; }

/* mk_questunr atype_list */
table.atype_list { width:100%; }
table.atype_list td { border-bottom:1px dashed #ccc; vertical-align: top; }

/* koukai top-page*/
.t_list { width: 100%; }
.t_list th { border: 1px solid #ccc; background: #f2f2f2; padding: 8px; }
.t_list td { border: 1px solid #ccc; padding: 14px; }

/* kaito */
ul.kaito li, ul.kaito2 li, ul.kaito li, ul.kaito3 li { margin: 28px 0 0 0; list-style-type: none; }
ul.kaito li table, ul.kaito2 li table, ul.kaito li table, ul.kaito3 li table { width: 100%; margin: 0 0 4px 0; }
ul.kaito li table td, ul.kaito2 li table td, ul.kaito3 li table td { padding: 8px 6px; }
.q_no { width: 5%; }
.err_msg { width: 400px; padding: 8px 0 8px 14px; margin: 14px 0 0 0; }
.kaito_guide { margin: 14px 0 20px 0; }

/* kaito2 */
ul.kaito2 li, ul.kaito3 li { margin: 28px 0 0 0; }

/* kaito3 */
ul.kaito3 li { border: none; }
ul.kaito3 li table td.func { width: 8%;}

/* base_info main list */
.status { list-style-type: none; margin: 10px 0 0 0; text-align: left; font-weight: bold; }
.status li { display: inline; padding: 0 10px; }

/* group list */
ul.group_list { width: 850px; margin: 20px 0 20px 20px; }
.group_list li { width: 838px; margin-top: 4px; list-style-type: none; }
.group_list li table { width: 100%; }
.group_list li table td { margin: 0; padding:0; vertical-align: top; background: #fff; padding: 6px; }

/* ---------------------------------- clearfix */
#contents_a #login, .pankuzu ul { clear: both; }
#contents_a #login:after, .pankuzu ul:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

div.skin-flat {
	line-height:2.5em;
}

span.before,span.ongoing,span.after {
	margin:14px 10px;
	font-size:12px;
	background-color:#669;
	padding:4px 12px;
	color:#fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}

span.before {
	background-color:#966;
}

span.after {
	background-color:#666;
}

textarea {
	width:96%;
	margin-left:6px;
}