@charset "utf-8";
/* CSS Document */
#base{background-color:transparent;width:1201px;}

#base #cont {
	margin-top: 37px;
	clear: both;
}
#cont #main_cont {
	float: left;
	width: 960px;
}

/*■ ログイン画像＆ログインBOX -------------------------------------------------*/
#wrapper{
padding:0;
border-width:0;
}

#login_container{
background-color: white;
background-repeat:no-repeat;
background-position:top center;
width:1201px;
height:801px;
position:relative;
padding-top:120px;
}

.ie6 #login_container,
.ie7 #login_container{height:631px;}

#login_data{
background-color:#fff;
border-width:8px 1px 1px;
border-style:solid;
border-color:#74C58E;
padding:30px;
width:450px;
margin:0 360px;
}

.ie6 #login_data,
.ie7 #login_data{width:388px;}

#login_data h1{margin-bottom:20px;}


#login_data dl{}
#login_data dt{float:left;width:100px;}
#login_data dd{margin-bottom:20px;}
#login_data dd input{width:288px;margin-bottom:0;}

.ie6 #login_data dd input{width:278px;}
.ie7 #login_data dd input{width:268px;padding:0;}

/*-----------「○○でログイン」ボタン  -----------*/
#login_data .lnksso
{
width:210px;
display:block;
text-decoration:none;
border: 1px solid #048eb5;
padding:3px 8px;
color: #ffffff;
background-color: #0086c1;
}

#login_data .lnksso:hover{
border:1px solid rgb(4, 142, 181);
background-color:rgb(0, 180, 230);
color:#ffffff;
}

#login_data table{margin-bottom:15px;}
#login_data table td{padding:5px 0;}

#login_data table td input{width:314px;margin-bottom:0;}

#top_infoBox{
position:absolute;
top:599px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 20px;
background-color: white;
width: 100%;
}

#top_infoBox p{font-size:12px;}

#top_infoBox h2{font-size:16px;}
h2 img{vertical-align:-5px;margin-right:10px;}


/* FAQ */
#top_faq{
width:332px;
position:absolute;
right:0;
top:0;
background-color:rgba(232,244,235,0.9);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#E6E8F4EB, endcolorstr=#E6E8F4EB, gradienttype=0);
}

#top_faq #top_faq_contents{
padding:30px 0 0;
margin:0 30px;
}

#top_faq p{
color:#666;
margin-bottom:20px;
}

#top_faq .telnum{
font-size:18px;
font-weight:bold;
color:#2C9060;
}

#top_faq .boxTag{
width:49px;
height:49px;
background-color:#82B79A;
text-align:center;
font-weight:bold;
color:#fff;
display:table-cell;
vertical-align:middle;
}

#top_faq .boxTag2{
display:table-cell;
vertical-align:middle;
font-weight:bold;
padding-left:20px;
color:#333;
}

.ie6 #top_faq .boxTag,
.ie7 #top_faq .boxTag{
float:left;
height:100%;
padding:15px 0;
}

.ie6 #top_faq .boxTag2,
.ie7 #top_faq .boxTag2{float:left;margin-top:20px;}


/* faq */
#top_faq #r_faq_container{
position:relative;
margin-bottom:30px;
}

.ie6 #top_faq{height:1%;}


#top_faq .rf_title{
margin:0 10px 10px;
padding-top:10px;
color:#447F72;
}

.ie6 #top_faq .rf_title,
.ie7 #top_faq .rf_title{padding-bottom:10px;}

#top_faq .open{
cursor:pointer;
position:absolute;
bottom:0;
right:23px;
}


/*■ ログイン画像＆ログインBOX ▼エラー時-------------------------------------------------*/
#cont #main_cont #top_image_error {
	background-image: url(../img/login_base_simple.jpg);
	background-repeat: no-repeat;
	width: 960px;
	margin-bottom: 35px;
	padding-top: 105px;
	padding-bottom: 30px;
}

#cont #main_cont #top_image_error #loginBox p#login_error {
	font-size: 100%;
	font-weight: bold;
	color: #FF0000;
	padding: 0px;
	width: 90%;
}
#cont  #main_cont  #helpBox  {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 250px;
	position: relative;
	left: 590px;
	top: -130px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#cont  #main_cont  #helpBox  p  {
	margin-right: 10px;
	margin-left: 10px;
}

/*■ pass請求ページ -------------------------------------------------*/
#cont #main_cont #top_image_pass {
	background-image: url(../img/login_pass_simple.jpg);
	background-repeat: no-repeat;
	width: 960px;
	margin-bottom: 35px;
	padding-top: 90px;
	padding-bottom: 180px;
}
#cont #main_cont #login_box {
	background-color: #F8F8F5;
	border: 1px solid #999999;
	width: 500px;
	padding-top: 30px;
	margin-left: 210px;
	padding-bottom: 15px;
}
#cont #main_cont #login_box h3 {
	text-align: center;
	margin-bottom: 10px;
}
#cont #main_cont #login_box p {
	margin-bottom: 15px;
	font-size: 100%;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#cont #main_cont #login_box p#forLogin {
	margin-top: -7px;
	margin-bottom: 15px;
	font-size: 80%;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#cont #main_cont #login_box dl {
	text-align: left;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
}
#cont #main_cont #login_box dl dd {
	margin-bottom: 15px;
}
#cont #main_cont #login_box dl dd input.login_text {
	width: 180px;
}


/*■ pass請求ページ エラー時-------------------------------------------------*/

#cont #main_cont #top_image_pass_error {
	background-image: url(../img/login_pass_simple.jpg);
	background-repeat: no-repeat;
	width: 960px;
	margin-bottom: 35px;
	padding-top: 90px;
	padding-bottom: 150px;
}
#cont #main_cont #login_box p#login_error {
	font-size: 100%;
	font-weight: bold;
	color: #FF0000;
	padding: 0px;
	width: 90%;
}

.zen {ime-mode: active;   /* 全角モード */}
.an {ime-mode: inactive; /* 半角モード */}