@charset "utf-8";

html,body{
	margin:0;
	padding:0;
	height:100%;
	color:#333333;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	background:#FFFFFF url(../images/body_bg.jpg) repeat-x left top;
}

a:link, a:visited{
	color:#3366FF;
	text-decoration:none;
}

a:hover{
	color:#FF6600;
}

img{
	border-width:0px;
}

ul, ol{
	margin:0;
	padding:0;
	list-style:none;
}

form{
	margin:0;
}

input{
	color:#333333;
}

select, textarea{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

textarea{
	ime-mode:active;
}

.ime_off{
	ime-mode:inactive;
}

.ime_on{
	ime-mode:active;
}

.ime_disabled{
	ime-mode:disabled;
}

.t_red{
	color:#CC0000;
}

.t_green{
	color:#009900;
}

.t_pink{
	color:#FF3366;
}

.t_yellow{
	color:#FFFF00;
}

.t_orange{
	color:#FF6600;
}

#wrapper{
	margin:0 auto -20px;
	padding:0px;
	position:relative;
	width:600px;
	height:auto !important;
	height:100%;
	min-height:100%;
}

#login_block{
	margin:0 auto;
	position:relative;
	top:60px;
	width:400px;
	height:360px;
	line-height:24px;
	background:url(../images/login_bg.png) no-repeat center top;
}

#login_block #spacer{
	width:100%;
	height:60px;
}

#login_block .input_info{
	margin-top:20px;
	width:100%;
	height:18px;
}

#login_block .input_area{
	clear:both;
	margin-top:20px;
	width:100%;
	height:24px;
}

#login_block .input_area .input_item{
	float:left;
	width:120px;
	text-align:right;
}

#login_block .input_area .input_value{
	margin-left:5px;
	float:left;
	width:275px;
	text-align:left;
}

#login_block .check_area{
	clear:both;
	margin-top:5px;
	width:100%;
	height:35px;
}

#login_block .check_area .assist{
	clear:both;
	width:100%;
	color:#009900;
	line-height:12px;
}

#top_logout_area{
	margin:10px 0;
	float:right;
	width:220px;
	height:24px;
	text-align:left;
}

#top_logout_area button{
	margin-right:5px;
	width:100px;
}

#top_logout_area button img{
	margin-right:3px;
}

#top_loginname_area{
	margin:10px;
	float:right;
	width:300px;
	height:24px;
	color:#009900;
	line-height:24px;
	text-align:right;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

#page_select{
	clear:both;
	width:100%;
	height:24px;
	line-height:22px;
	text-align:center;
	border-bottom:solid 4px #FFA500;
}

#page_select #tab_area{
	margin-left:20px;
	float:left;
	width:770px;
	height:24px;
}

#page_select #tab_area li.tab_on{
	margin-left:5px;
	float:left;
	width:100px;
	height:24px;
	background-color:#FFA500;
}

#page_select #tab_area li.tab_off{
	margin-left:5px;
	float:left;
	width:100px;
	height:22px;
}

#page_select #tab_area li.tab_off a{
	display:block;
	width:100px;
	height:22px;
	color:#FFFFFF;
	background-color:#6EB40F;
}

#page_select #tab_area li.tab_off a:hover{
	color:#333333;
	background-color:#FFA500;
}

#menu_area{
	margin-left:2px;
	float:left;
	width:180px;
	height:auto;
}

#menu_area #logo{
	margin-top:10px;
	width:100%;
	height:80px;
}

#menu_area #info_area{
	width:178px;
	height:auto;
	border:1px #FFA500 solid;
}

#menu_area #info_area li{
	clear:both;
	margin-top:1px;
	width:100%;
	height:18px;
	line-height:18px;
	background-color:#E6E6FA;
	overflow:hidden;
}

#menu_area #info_area li .title{
	padding-left:15px;
	float:left;
	width:88px;
	text-align:left;
	background:url(../images/bullet_go.png) no-repeat 0px 0px;
}

#menu_area #info_area li .value{
	padding-right:2px;
	float:right;
	width:70px;
	color:#FF0000;
	text-align:right;
}

#menu_area #domain_select{
	clear:both;
	margin:5px 0;
	width:100%;
	height:auto;
	overflow:hidden;
}

#menu_area #domain_select p{
	margin:0;
	padding-left:15px;
	float:left;
	width:165px;
	height:18px;
	line-height:18px;
	text-align:left;
	background:url(../images/bullet_go.png) no-repeat 0px 0px;
}

#menu_area #domain_select select{
	width:100%;
	text-align:left;
}

#menu_area #accordion{
	clear:both;
	margin-top:5px;
	width:100%;
	height:auto;
	text-align:left;
}

#menu_area #accordion a.acd_header{
	clear:both;
	display:block;
	margin-top:2px;
	padding-left:20px;
	width:160px;
	height:20px;
	color:#FFFFFF;
	line-height:20px;
	background:#6EB40F url(../images/folder.png) no-repeat 2px 2px;
}

* html #menu_area #accordion a.acd_header{
	width:180px;
}

#menu_area #accordion a.acd_header:hover{
	color:#333333;
	background-color:#FFA500;
}

#menu_area #accordion li{
	padding-left:20px;
	width:160px;
	height:18px;
	line-height:18px;
	color:#999999;
	background:#E6E6FA url(../images/bullet_green.png) no-repeat 4px 1px;
	overflow:hidden;
}

* html #menu_area #accordion li{
	width:180px;
}

#menu_area #accordion li a{
	display:block;
	width:100%;
	height:18px;
}






.warning{
	width:100%;
	height:20px;
	color:#FF0000;
	text-align:center;
}

.attention{
	margin-top:50px;
	width:100%;
	height:auto;
	line-height:16px;
	color:#FF0000;
	text-align:center;
}

#push{
	height:20px;
}

#footer{
	clear:both;
	margin:0 auto;
	width:600px;
	height:20px;
	line-height:20px;
	text-align:center;
}



/**************** validator.js ****************/
div.baloon {
   font-size:11px;
   color:#FFFFFF;
   position:absolute;
   padding-left:5px;
   background:url(../images/baloon.png) no-repeat top left;
   z-index:1;
}

div.baloon a {
   color:#FFFFFF;
   text-decoration:none;
   padding:2px;
   margin-right:2px;
}

div.baloon a:hover {
	color:#FF3399;
	background-color:#FFFFFF;
}

div.baloon div {
   background:url(../images/baloon_right.png) no-repeat top right;
   padding:7px 7px 14px 0;
   white-space:nowrap;
}