@charset "utf-8";
/* ===================================================================
	style.css
=================================================================== */

/* toggle */

#contents_toggle{ margin-top:20px;}

#contents_toggle .wrap{
	background: url(../images/bg.png) no-repeat left bottom;
	padding: 0px 0px 3px;
	margin-top: 10px;
}


/* tab_toggle */

.tab_toggle{
}
.tab_toggle:hover{opacity:0.80;filter: alpha(opacity=80);}
.tab_toggle h3 {
	background: url(../images/contents_tab.png) no-repeat left top;
	height: 34px;
	padding-top: 8px;
	padding-left: 20px;
}
.on h3 {
	background: url(../images/contents_tab_on.png) no-repeat left top !important;
}



/* tab_toggle_box
---------------------------- */

.tab_toggle_box{
	display: none;
}

.tab_toggle_box .tet_area{
	padding: 20px 40px;
}

.tab_toggle_box .tet_area dl{
	color: #000;
}
.tab_toggle_box .tet_area dl dt{ margin-bottom:2px;}
.tab_toggle_box .tet_area dl dd{
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
}



/* login_form
---------------------------- */
#login_form{
	margin: 30px 20px 0px;
}

#login_form h4{
	height: 72px;
	visibility: hidden;
}

#login_form ul{
	padding: 0px 20px;
}
#login_form ul li{
	margin-bottom: 5px;
}
#login_form ul li input{
	width: 280px;
	padding: 3px;
	color:#000000;
}
#login_form ul li .att{
	margin-bottom:5px;
}
#login_form ul li.mg{ margin-top:7px;}

#login_form .btn_area{
	width:100%;
	text-align: center;
	padding-bottom: 30px;
	position:absolute;
	bottom:0px;
	left:0;
}
#login_form .btn_area p{ margin-top:8px;}

#login_form #login_box{
	background: url(../images/bg2.png);
	height: 365px;
	width: 331px;
	float:left;
	position:relative;
}

/**/

#login_form #trial_box{
	background: url(../images/bg3.png);
	height: 365px;
	width: 331px;
	float:right;
	position:relative;
}


#login_form .dtl_area{
 padding: 0 20px;
 text-align:center;
}
#login_form .dtl_area p{
	margin-top:5px;

}
#login_form .dtl_area .error{
	color:#C00;
}