@charset "UTF-8";


/* 基本設定 */
body {
	margin-top: 1px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	font-size : 12px;
	font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}
blockquote { 
	margin-left: 36px;
}
a:link {
	color: #0000FF;
	font-style: normal;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	font-style: normal;
	text-decoration: none;
}
a:hover {
	color: #333333;
	font-style: normal;
	background-color: #DDE4FF;
	text-decoration: none;
}
a:hover img.nohover {
	display: block;
}
.clear_both {
	clear: both;
}


/* IEのみ調整 */
*:first-child+html INPUT,
*:first-child+html BUTTON {
	padding-top: 2px;
}


/* 全体レイアウト定義 */
#error_js {
	text-align:center;
}
#layout {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border-right:1px solid #666666;
}
#layout_body {
	border-left:1px solid #333333;
	border-right:1px solid #333333;
}
#layout_body_submenu_plan {
}
#layout_body_main {
	background-color: #F7F5E8;
	border-top: 1px solid #666666;
}
#layout_body_powered {
	padding-bottom:20px;
}
#layout_footer {
	height: 12px;
	padding: 1px 1px 3px 1px;
	background-color: #333333;
	font-size : 12px;
	text-align: center;
	color: #FFFFFF;
}


/* ヘッダーエリア */
#layout_body_header {
	height:70px;
	border-top:2px solid #666666;
	border-bottom:1px solid #666666;
}
#layout_body_header ul {
	margin: 0;
	padding: 0;
	list-style:none outside;
}


/* メインエリア */
#main_header {
	padding: 5px;
	border-top:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F7F9F7;
}
#main_header_title {
	height: 33px;
	margin:0;
	padding:0;
	position:relative;
	top:5px;
	left:15px;
	background: url("./pagetitlebg1.png") no-repeat;
}
#main_header_title dt {
	display: block;
	margin-top: 6px;
	margin-left: 17px;
	font-weight: bold;
	font-size: 16px;
	float:left;
}
#main_header_title dd {
	margin-top: 9px;
	margin-left: 10px;
	font-size: 12px;
	float:left;
}
#main_header_comment {
	margin-top: 10px;
	margin-left: 25px;
	margin-bottom: 0;
	padding: 5px;
	color: #996633;
}


/* 通知エリア */
div.main_notice span {
	float: right;
	font-size: 0.8em
}
div.main_notice {
	padding: 2px;
	border-top:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFC090;
}
div.main_notice dl {
	padding: 0px;
	margin: 5px;
}
div.main_notice dl dt {
	float: left;
	margin-left: 15px;
	font-weight: bold;
	color: #FF0000;
}
div.main_notice dl dd {
	margin-left: 60px;
}


/* Tipsエリア */
#layout_tips {
	border-top: 1px solid #666666;
	background-color: #EAF4F4;
	padding:20px;
}
#layout_tips dl {
	width:650px;
	margin:0;
	padding:5px;
	border-top:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #666666;
	border-bottom: 1px solid #666666;
	background-color: #F7F9F7;
}
#layout_tips dt {
	height: 25px;
	background: url("./icon_alert.gif") no-repeat;
}
#layout_tips dt span {
	margin-top: 5px;
	margin-left: 25px;
	display: block;
	font-weight: bold;
	font-size: 14px;
}
#layout_tips dd {
	margin-left: 15px;
}


/* 角丸 */
.dialog_data {
	margin: 0px 16px 0px 13px;
}

.dialog01 .header .c {
	font-size: 1px;
	height: 14px;
}
.dialog01 .footer .c {
	font-size: 1px;
	height: 15px;
}
.dialog01 .header {
	background: transparent url("./div01_r1_c1.png") no-repeat 0px 0px;
}
.dialog01 .header .c {
	background: transparent url("./div01_r1_c2.png") no-repeat right 0px;
}
.dialog01 .body {
	background: transparent url("./div01_r2_c1.png") repeat-y 0px 0px;

}
.dialog01 .body .c {
	background: transparent url("./div01_r2_c2.png") repeat-y right 0px;

}
.dialog01 .footer {
	background: transparent url("./div01_r3_c1.png") no-repeat 0px 0px;
}
.dialog01 .footer .c {
	background: transparent url("./div01_r3_c2.png") no-repeat right 0px;
}


/* 汎用ボタン */
span.menubtn {
	text-align:center;
}
span.menubtn a {
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	display: block;
	margin: 0;
	padding: 2px;
	font-size: 12px;
	font-weight: normal; 
	text-align:center;
}
span.menubtn a:hover {
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	position: relative;
	left :1px;
	top: 1px;
	text-decoration: none;
	background-color: #DDE4FF;
	color: #333333;
}
div.menubtn {
	margin-top: 5px;
	padding: 1px;
}
div.menubtn a {
	padding: 2px;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	background-color: transparent;
	font-size: 12px;
	font-weight: normal; 
}
div.menubtn a:hover {
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	position: relative;
	left: 1px;
	top: 1px;
	text-decoration: none;
	background-color: #DDE4FF;
	color: #333333;
}


/* ログアウトボタン */
#layout_body_header ul li#btn_logout {
	width:80px;
	margin:0;
	text-align:center;
	float:right;
}
#layout_body_header ul li#btn_logout a {
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	background: url("./btnbg3.png") repeat-x;
	display: block;
	margin: 0;
	padding: 2px;
	font-weight: normal; 
	font-size:10px;
}
#layout_body_header ul li#btn_logout a:hover {
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	position: relative;
	left :1px;
	top: 1px;
	text-decoration: none;
	background-color: #DDE4FF;
}
#layout_body_submenu {
	border-left: 1px solid #FFFFFF;
	background:url("./menubg2.png") repeat-y;
}


/* コメント、注釈 */
.notes1 {
	color: #996633;
}
.notes2 {
	color: #CC6666;
}


/* 背景 */
.bgcolor1 {
	background-color: #E8F2FD;
	color: #663333;
}
.bgcolor2 {
	background-color: #91BAE3;
}
.bgcolor3 {
	background-color: #F7F9F7;
}
.bgcolor4 {
	background-color: #CCCCCC;
}
.bgcolor5 {
	background-color: #FFFFFF;
}
.bgcolor6 {
	background-color: #F4EAEA;
}
.bgcolor7 {
	background-color: #B7DBDB;
}
.bgcolor8 {
	background-color: #FFCCCC;
}
.bgcolor9 {
	background-color: #EEEEEE;
}

/* 区切り線 */
.line01 {
	clear:both;
}
.line01 p{
	height:0.5em;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px solid #666;
}
.dotline01 {
	clear:both;
	margin-top:2px;
	margin-bottom:7px;
}
.dotline01 p{
	height:0.5em;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px dotted #666;
}


/* 必須フォーム未設定の背景色 */
.indispensable {
	background-color: #FFCCCC;
}


/* 注意メッセージ */
div.help1 {
	margin-top: 5px;
	background: url("./icon_help.gif") no-repeat;
}
div.help1 span {
	margin-left: 18px;
	color: #CC6666;
	display:block;
}
div.alert1 {
	margin-top: 5px;
	background: url("./icon_alert.gif") no-repeat;
}
div.alert1 span {
	margin-left: 26px;
	color: #CC6666;
	display: block;
}
div.caution {
	width:350px;
	padding:5px;
	border-top:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #666666;
	border-bottom: 1px solid #666666;
	background: url("./imgbg1.png") repeat;
}


/* 外側カバーテーブル */
.tb_cover {
	margin:0;
	padding:0;
	border:none;
	border-collapse: collapse;
}


/* 設定テーブル */
.tb_config {
	width: 500px;
	border: 1px solid #666666;
	border-collapse: collapse;
}
.tb_config th {
	border: 1px solid #666666;
	background: url("./celltitlebg1.png") repeat-x;
	padding: 6px;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
.tb_config td {
	padding: 5px;
	border: 1px solid #666666;
	background-color: #F7F9F7;
	text-align:left;
	vertical-align:middle;
}
.tb_config .td_title {
	width: 100px;
	background-color: #E8F2FD;
	color: #663333;
	text-align:left;
	vertical-align:middle;
	white-space: nowrap;
}
.tb_config .td_title_h {
	background-color: #E8F2FD;
	color: #663333;
	text-align:center;
	vertical-align:middle;
	white-space: nowrap;
}

th.th_color2 {
	background: url("./celltitlebg2.png") repeat-x;
}
td.td_color4 {
	background-color: #EAF4F4;
}
td.td_color5 {
	color: #000000;
	background-color: #F4EAEA;
}
td.td_color6 {
	background-color: #f5f1d6;
}


/* レイアウト用テーブル */
.tb_layout {
	border:none;
	border-collapse: collapse;
}
.tb_layout td {
	margin:0;
	padding:0;
	border:none;
	border-collapse: collapse;
	background-image:none;
	background-color: transparent;
}
.tb_padding td {
	padding:2px;
}


/* ローディング用パネル */
#flt_main div {
	width:300px;
	height:100px;
	border:1px solid #666;
	overflow:hidden;
	background: url("./imgbg2.png") repeat;
	text-align:center;
	vertical-align:middle;
}
#flt_main table {
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	border:none;
	border-collapse: collapse;
}
#flt_main table td {
	padding:10px;
	border:none;
	text-align:center;
	vertical-align:middle;
}