@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#00627D;
}
a:visited{
	color:#00627D;
}
a:hover{
	color:#3AA4C1;
}
a:active{
	color:#3AA4C1;
}

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{
	
}

#container{
	width: 100%;
}

#main-area{

}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header-area{
	height:53px;
	background:#0B5C74 url(../img/common/header-area_bg.jpg) top repeat-x;
	border-bottom:solid 1px #FFFFFF;
}

#identity{
	float:left;
	padding:11px 0 0 20px;
}

/* ------------------------------------------------------------ */
/* 公式サイトへのリンク */
/* ------------------------------------------------------------ */
.official_link {
	text-align:right;
	width:760px;
	margin:0 auto;
	font-size:77%;
}

/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */
#main-area{
	background:url(../img/common/main-area_bg.jpg) #EFEFEF left top repeat-x;
	padding:40px 0;
}

#main-area .sc2caution{
	width:750px;
	background-color:#FFC;
	margin:10px auto;
	border:solid 1px #CCCCCC;
	padding:5px;
	text-align:center;
	font-weight:bold;
}

/* ------------------------------------------------------------ */
/* ログイン */
/* ------------------------------------------------------------ */
#login-area{
	width:760px;
	background-color:#FFF;
	margin:10px auto;
}
#login-area .login_head{
	background:url(../img/login/head.jpg) #FFF left top no-repeat;
	height:29px;
}
#login-area .login_input{
	background:url(../img/login/footer_bg.jpg) #FFF left bottom no-repeat;
	border:solid 1px #CCCCCC;
	border-top:none;
	padding:0 30px 30px 30px;
}
.vi{
	float:left;
	width:200px;
}
.input{
	float:right;
	width:475px;
}
.url{
	font-weight:bold;
	margin:0 0 15px 0;
	line-height:1.2;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.input_line{
	margin:0 0 10px 0;
}
	dt{
		float:left;
		margin:0 15px 0 0;
		color:#00627D;
		width:140px;
	}
	dd{
		float:left;
	}
.input_area{
	border:solid 1px #00627D;
	background-color:#FFFFFF;
	width:180px;
}
.input_port{
	border:solid 1px #00627D;
	background-color:#FFFFFF;
	width:50px;
}
.bt{
	width:auto;
	padding:2px 5px;
	background-color:#00627D;
	color:#FFFFFF;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight:bold;
	border:solid 2px #66AFC3;
}

/* 詳細設定 */

.submenu-title{
	margin:20px 0 5px 0;
	font-weight:bold;
}
	.submenu-title a{
		display:block;
		width:475px;
		text-decoration:none;
		background:url(../img/common/title_bg.gif) right center no-repeat;
	}
	.submenu-title a:hover{
		color:#1C86A3;
		background:url(../img/common/title_bg_on.gif) right center no-repeat;
	}
.submenu-title_active{
	margin:20px 0 5px 0;
	width:475px;
	font-weight:bold;
}
	.submenu-title_active a{
		display:block;
		width:475px;
		text-decoration:none;
		background:url(../img/common/title_bg_active.gif) right center no-repeat;
	}
	.submenu-title_active a:hover{
		color:#1C86A3;
		background:url(../img/common/title_bg_active_on.gif) right center no-repeat;
	}
	.submenu-title_headbg{
	background-color:#FFF;
	padding:0 10px 0 0;
	}
.CollapsiblePanel{
	border-bottom:dotted 1px #00627D;
	padding-bottom:15px;
	margin:0 0 15px 0;
}
.error{
	color:#C00;
}


/* wait */

.header-utility_wait{
	position:absolute;
	top:15px;
	right:20px;
}

.header-utility_wait li a{
	text-decoration:underline;
	font-size:11px;
	color:#FFF;
}
.wait{
	border:0px solid #390 !important;
	height:530px;
	padding:0 0;
	}

span.tem{border:1px solid #390; min-height:100px; }
span.que{color:#245865; font-size:13px; font-weight:bold; padding:0 5px 0 0; margin:-5px 0 0 0; font-family:"ＭＳ Ｐゴシック",sans-serif; }
p.info_smp{font-size:10px;}

.wait_pink{margin:0 0 8px; float:left; border}

.wait_temp{
	padding:13px 13px;
	border:1px solid #D1E8EA;
	background:#F1F9F9;
	margin:0 0 10px;
}


p.fcred{color:#CC0000; font-size:10px; padding:8px 0 0px;}

p.wbp_title{
	color:#245865;
	font-weight:bold;
	display:block;
	padding:0px 0 0px 10px;
	margin:0px;
	text-align:left;
	border-left:5px solid #00627D;
	font-size:16px;
	width:425px;
}	
	
dl.info_inlineb{
	margin:0px;
	text-align:left;
	padding:8px 0 0px;
}

dl.info_inlineb dt{float:left; margin:0; padding:0; width:440px; color:#333;}
dl.info_inlineb dd{float:left; margin:33px 0 0 10px; padding:0; line-height:120%;}
dl.info_inlineb dd.bt_bottom{float:left; margin:0px 0 0 10px !important; padding:0; line-height:120%;}

p.annos{
	font-size:10px;
	color:#666;
	padding:8px 0 0px;
	margin:0;
}

	
img.pinp_ar{
	display:block;
	margin:0 auto;
	padding:0;
	vertical-align:bottom;
}	
	
	
	

.loading{
	border:0px solid #390 !important;
	height:300px;
	padding:70px 0;
	}
	
.buttonarea{
	background:#DBDBDB;
	padding:8px 7px 8px 10px;
	margin:0 10px 0 0px;
	width:515px;
	float:left;
}	
	
.emp{
	margin:0 0 10px;
}	
	
/* ボタン */

.wbt{height:45px; font-size:14px; width:206px;}


p.wait_p01{
	font-size:250%;
	font-weight:bold;
	color:#399;
	margin:0;
	padding:0;
	}

p.wait_p02_nor{
	margin:0 0 17px;
	padding:0;
	color:#333;
	font-weight:bold;
	}
	
p.wait_p02{
	margin:0 0 8px;
	padding:0;
	font-size:24px;
	color:#245865;
	font-weight:bold;
	}
	
p.wait_p03{
	margin:0 0 17px;
	padding:0;
	font-size:12px;
	color:#333;
	}	
	
img.waitimg{
	float:left;
	padding:10px 15px 0 10px;
	}
	
p.wait_error{
	border-top:1px solid #E3E3E3;
	margin:0px 0 80px;
	padding:20px 0 0px;
	text-align:center;
	color:#C00;
	}
	
p.wait_partition{
	border-top:1px solid #E3E3E3;
	color:#C00;
	}
	
.waitinfo{
	border-top:1px dotted #CDCDCD;
	padding:15px 0px 12px 0px;
	margin:20px 0 0px;
}	

p.gre_i{font-weight:bold; color:#617C3F; margin:0; padding:0 0 5px;}
p.red_i{font-weight:bold; color:#994444; margin:0; padding:0 0 5px;}
p.blu_i{font-weight:bold; color:#36587A; margin:0; padding:0 0 5px;}
p.norm_i{font-weight:bold; color:#0F5F78; margin:0; padding:0 0 5px;}

p.out{padding:8px 0 0px; float:left; margin:0;}

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

table.waittable th,table.waittable td{
	border-collapse: collapse;
	border:1px solid #AAA;
	padding:4px 5px;
}

table.waittable th{
	background:#EEE;
	width:100px;
	vertical-align:middle;
}

/* パーツ */

p.bold{
	font-weight:bold;
	margin:0;
	padding:0
}
	

/* ------------------------------------------------------------ */
/* 注意書き */
/* ------------------------------------------------------------ */

.caution{
	width:760px;
	margin:0 auto;
	font-size:77%;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */

#footer-area{
	background-color:#0D7794;
	padding:10px 0;
	border-top:solid 3px #00485E;
	color:#FFFFFF;
}
#footer-area a{
	color:#FFFFFF;
}
#footer-area a:hover{
	background-color:#00485E;
	color:#FFFFFF;
	text-decoration:none;
}
#footer-area p.copyright{
	text-align:right;
	font-family: 'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:77%;
	margin:0;
	}

/* ------------------------------------------------------------ */
/* 体験デモ */
/* ------------------------------------------------------------ */
.demoinfo{
	border-bottom:dotted 1px #00627D;
	padding-bottom:15px;
	margin:0 0 15px 0;
}