@charset "shift_jis";

/* login.css */

/*=================================

 01. Reset
 02. Login
 03. CourseSelect
 04. Application
 05. Qa

=================================*/


/* 01. Reset
-------------------- */
body#login{
background:#FFFFFF none;
}

* html body#login{
font-size:77%; /* for IE6 */
}

*:first-child+html body#login{
font-size:77%; /* for IE7 */
}

body#login #container{
padding:0;
background:none;
}

body#login #header{
margin:0 0 20px 0;
width:100%;
height:100px;
background:url(../images/bg_loginhead.jpg) left top repeat-x;
}

body#login #header p{
margin:0 auto;
padding:24px 0 0 0;
width:900px;
}

body#login #header p img{
vertical-align:bottom;
}

body#login  #container h1{
font-size:123%;
}

/* 02. Login
-------------------- */
body#login  #container h1.title01{
margin:0 auto 20px auto;
padding:16px 0 0 20px;
width:860px;
height:34px;
font-size:131%;
font-weight:bold;
background:url(../images/bg_title01.jpg) left bottom repeat-x;
}

body#login #container p.txt_lead{
margin-left:30px;
font-size:123%;
}

body#login #container p.login_notice{
color:#BB3728;
font-size:108%;
font-weight:bold;
margin:10px auto 0px auto;
width:708px;
}

div.login_wrap{
margin:30px auto 20px auto;
width:570px;
background:url(../images/bg_loginbox_middle.gif) center top repeat-y;
}

div.login_wrap div.login_bg{
padding:26px 0 0 0;
background:url(../images/bg_loginbox_top.gif)  center top no-repeat;
}

div.login_wrap dl{
margin:0 auto 15px auto;
width:480px;
}

div.login_wrap dt{
width:120px;
font-size:110%;
font-weight:bold;
float:left;
text-align:left;
}

div.login_wrap dd{
width:350px;
float:right;
text-align:left;
}

div.login_wrap dd input{
padding:1px;
width:180px;
border:1px solid #7F9DB9;

}

div.login_wrap dd span.xs{
margin:0 0 0 10px;
}

div.login_wrap dd span.xsred{
color:#FF6600;
}


div.login_wrap p.btn_login{
text-align:center;
padding:5px 0 36px 0;
background:url(../images/bg_loginbox_bottom.gif) center bottom no-repeat;
}

body#login ul.txt_login{
margin:0 0 15px 170px;
}

body#login ul.txt_login li.icon_arrow01{
padding:0 0 15px 17px;
min-height:12px;
font-weight:bold;
background:url(../img/common/icon_arrow02.gif) 0 2px no-repeat;
}

body#login ul.txt_login li.icon_arrow02{
padding:0 0 15px 17px;
min-height:12px;
background:url(../img/common/icon_arrow02.gif) 0 2px no-repeat;
}

body#login .txtorg{
margin:10px 0 0 30px;
}

body#login dl.txt_pass{
margin:0 auto 50px auto;
width:740px;
}

body#login dl.txt_pass dt{
padding:8px;
font-weight:bold;
line-height:normal;
background:#EBEBEB;
}

body#login dl.txt_pass dd p{
margin:10px 0 0 0;
padding:0 0 0 8px;
}

body#login dl.contact{
margin:0 auto 50px auto;
width:740px;
}

body#login dl.contact dt{
width:106px;
float:left;
}

body#login dl.contact dd{
margin:0 0 15px 0;
width:614px;
line-height:normal;
float:right;
}
body#login dl.contact dd span{
color:#37A6C1;
font-weight:bold;
}

body#login dl.contact dd span.xxxxl{
font-family:Verdana;
}


body#login dl.contact dd.lastchild{
margin:0;
}

body#login .formersite02{
margin:0 auto 30px auto;
width:570px;
}

body#login .formersite02 ul{
margin:5px 0 0 0;
}

body#login .formersite02 li{
padding:0 30px 0 0;
width:160px;
font-weight:bold;
text-align:center;
float:left;
}

body#login .formersite02 li img{
margin:0 0 5px 0;
}

/*Login error*/

div.login_err_wrap{
margin:20px auto 20px auto;
width:570px;
background:url(../img/login/bg_loginbox_middle.gif) center top repeat-y;
}

div.login_err_wrap div.login_bg{
padding:26px 0 0 0;
background:url(../img/login/bg_loginbox_top.gif)  center top no-repeat;
}

div.login_err_wrap p.btn_login02{
text-align:center;
padding:5px 0 20px 0;
}

body#login p.login_etxt{
margin:0 auto 10px auto;
padding-bottom:20px;
width:450px;
color:#666666;
font-weight:bold;
text-align:center;
background:url(../img/login/icon_arrow.gif) center bottom no-repeat;
}

body#login p.login_etxt02{
margin:20px auto 0 auto;
/*padding-top:10px;*/
width:560px;
/*background:url(../img/common/bg_dotline.gif) left top repeat-x;*/
color:#666666;
font-weight:bold;
font-size:110%;
}

div.login_err_wrap p.btn_mosikomi{
text-align:center;
padding:5px 0 28px 0;
background:url(../img/login/bg_loginbox_bottom.gif) center bottom no-repeat;
}

/* 03. CourseSelect
-------------------- */

body#login p.txt_lead02{
margin:20px auto 0 auto;
width:600px;
font-size:123%;
}

body#login ul.course_select{
margin:10px auto 80px auto;
padding:25px;
width:550px;
background:url(../img/login/bg_slash.gif) left top;
}

body#login ul.course_select li{
margin:0 0 15px 0;
font-size:116%;
font-weight:bold;
background:#FFFFFF;
border:1px solid #CCCCCC;
}

body#login ul.course_select li.lastchild{
margin:0;
}

body#login ul.course_select li span{
padding:15px;
display:block;
background:url(../img/login/bg_btn.gif) left bottom repeat-x;
border:1px solid #FFFFFF;
}


body#login ul.course_select li a{
display:block;
padding:0 0 0 25px;
min-height:12px;
background:url(../img/common/icon_arrow02.gif) left center no-repeat;
}

/* 04. Application
-------------------- */
body#login #container h1.title02{
margin:0 auto 20px auto;
padding:16px 0 0 20px;
width:860px;
height:34px;
font-size:138%;
font-weight:bold;
background:url(../img/login/bg_title02.jpg) left bottom repeat-x;
}

body#login div.application_wrap{
margin:0 0 0 30px;
padding:0 0 40px 0;
width:850px;
background:url(../img/login/bg_btn02.jpg) left bottom repeat-x;
}

body#login ul.lead_list{
margin:0 0 40px 0;
width:850px;
}

body#login ul.lead_list li{
margin:0 0 12px 0;
padding:0 0 0 12px;
line-height:normal;
background:url(../img/login/bg_list.gif) 0 4px no-repeat;
}

body#login ul.lead_list li.lastchild{
margin:0;
}

body#login ul.lead_list li.red_link_b {
font-weight:bold;
color:#FF6600;
text-decoration:none;
}

body#login ul.lead_list li a:link{
color:#0302A8;
text-decoration:none;
}

body#login ul.lead_list li a:visited{
color:#0302A8;
text-decoration:none;
}

body#login  ul.lead_list li a:hover,
body#login  ul.lead_list li a:active {
color:#0302A8;
text-decoration:underline;
}

body#login div.application_wrap p.bold{
margin:0 0 20px 0;
}

body#login div.application_wrap table.default_table{
width:100%;
}

div.btnclose_wrap{
margin:40px 0 0 0;
padding:40px 0;
border-top:1px solid #999999;
}

body#login #container h1.title03{
margin:0 auto 20px auto;
padding:16px 0 0 20px;
width:860px;
height:34px;
font-size:138%;
font-weight:bold;
background:url(../img/login/bg_title03.jpg) left bottom repeat-x;
}

/* 05. Qa
-------------------- */ /*2014改修対応 追加*/
.css_btn_class {
	width:450px;        
	line-height:23px;   
	font-size:16px;
	font-weight:bold;
	-moz-border-radius:8px;     /*Firefox向け*/
	-webkit-border-radius:8px;  /*Google Chrome、Safari向け*/
	border-radius:8px;
	border:1px solid #CCCCCC;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fafafa), color-stop(100%, #EEEDF2) );
	background:-moz-linear-gradient( center top, #fafafa 5%, #EEEDF2 100% );
	background:-ms-linear-gradient( top, #fafafa 5%, #EEEDF2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#EEEDF2');
	background-color:#ededed;
	color:#666666;
	display:inline-block;

 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}

.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #EEEDF2), color-stop(100%, #fafafa) );
	background:-moz-linear-gradient( center top, #EEEDF2 5%, #fafafa 100% );
	background:-ms-linear-gradient( top, #EEEDF2 5%, #fafafa 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEDF2', endColorstr='#fafafa');
	background-color:#dfdfdf;
}

.css_btn_class:active {
	position:relative;
	top:1px;
}

/* This css button was generated by css-button-generator.com */
.qa {
	color:#FF6600;
	}

.qa:hover {
	text-decoration:underline;
	color:#FF6600;
	}

 /* link */
.red_link a:link{
color:#FF6600;
text-decoration:none;
}

.red_link a:visited{
color:#FF6600;
text-decoration:none;
}

.red_link a:hover,
.red_link a:active {
color:#FF6600;
text-decoration:underline;
}

.red_link_b a:link{
font-weight:bold;
color:#FF6600;
text-decoration:none;
}

.red_link_b a:visited{
font-weight:bold;
color:#FF6600;
text-decoration:none;
}

.red_link_b a:hover,
.red_link_b a:active {
font-weight:bold;
color:#FF6600;
text-decoration:underline;
}