@charset "utf-8";
/* CSS Document */


/*-------------------------------------------------------グローバルナビゲーションのロールオーバー設定---------------------------------------*/


.system a{
	background-position:0 -52px;
}/*現在開かれているページボタン*/

.home a:hover,.episode a:hover,.service a:hover,.inquiry a:hover,.guidance a:hover,.access a:hover{
	background-position:0 -52px;
}/*それ以外のページボタンのロールオーバー設定*/


/*---------------------------------------------------------左ボディ-------------------------------------------------------------*/


.left_system a{
	background:url(../images/left_system_30.gif) no-repeat left top;  /*今現在ページが開かれてる時は"left top"で*/
	width:203px;
	height:49px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.left_price a{
	background:url(../images/left_price_31.gif) no-repeat right top;
	width:203px;
	height:49px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}





.left_price a:hover{
	background-position:0 0;
}


/*------------------------------------------------------センター------------------------------------------------------------------*/

#center h3{
	background:url(../images/deai_midashi_07.jpg) no-repeat left top;
	width:440px;
	height:21px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.step{
	margin:50px 0 32px 0
}


.text{
	display:block;
	width:440px;
	line-height:1.5em;
	margin-bottom:45px;

}

.next{
	text-align:center;
	display:block;
	margin-bottom:20px;
}

.step_box{
	padding-bottom:5px;
	border-bottom:#CCCCCC solid 1px;
	margin-bottom:20px;
}

.step1_title,
.step2_title,
.step3_title,
.step4_title,
.step5_title,
.step6_title{
	width:447px;
	height:24px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	
}


.step1_title{
	background:url(../images/system1_14.gif) no-repeat left top;
}

.step2_title{
	background:url(../images/system2_25.gif) no-repeat left top;
}

.step3_title{
	background:url(../images/system3_33.gif) no-repeat left top;
}

.step4_title{
	background:url(../images/system4_36.gif) no-repeat left top;
}

.step5_title{
	background:url(../images/system5_42.gif) no-repeat left top;
}

.step6_title{
	background:url(../images/system6_53.gif) no-repeat left top;
}



.step1_text,
.step2_text,
.step3_text,
.step4_text,
.step5_text,
.step6_text{
	width:447px;
	min-height:147px;
	height: auto !important;
	height:147px;
	line-height:1.5em;
}

.step1_text{
	background:url(../images/system1_img_18.jpg) no-repeat right top;
}

/*.step2_text{
	background:url(../images/system2_img_29.jpg) no-repeat left top;
}*/

.step3_text{
	background:url(../images/system3_img_37.jpg) no-repeat left top;
}
.step4_text{
	background:url(../images/system4_img_40.jpg) no-repeat right top;
}

.step5_text{
	background:url(../images/system5_img_45.jpg) no-repeat left top;
}

.step6_text{
	background:url(../images/system6_img_57.jpg) no-repeat right top;
}



.step1_text span,
.step4_text span,
.step6_text span
{
	display:block;
	margin-right:120px;
}

.step3_text span,
.step5_text span
{
	display:block;
	margin-left:120px;
}

.tuika_text{
	padding-top:10px;
	display:block;
	font-size:85%;
}

.margin{
	display:block;
	margin-top:1em;
	
}

.red{
	color:#FF0000;
}

.step3_text span
{
	display:block;
	
	letter-spacing:-0.05em;
}

.step3_text .for_ie{
	letter-spacing:-0.05em;
	text-indent:1em;
}

.step3_text .for_ie_red{
	color:#FF0000;
	text-indent:1em;
}

.red_waku{
	margin-top:15px;
	display:block;
	color:#FF0000;
	border:#FF0000 solid 2px;
}

.system5_catch{
	background:url(../images/system5_catch_49.gif) no-repeat center top;
	width:447px;
	height:18px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin:10px 0;
}

.system6_catch{
	background:url(../images/system6_catch_59.gif) no-repeat left top;
	width:190px;
	height:18px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin:10px 0;
	
}

#center .button{
	margin-bottom:100px;
}

#center ul{
	width:447px;
	margin:80px auto 0 auto;
	display:block;
	
}

#center ul li{
	float:left;
}

.raikan a{
	background:url(../images/center_raikan_52.jpg) no-repeat left top;
	width:207px;
	height:82px;
	text-indent:-9999px;
	display:block;
	
	margin-right:16px;
}

.seikyu a{

	background:url(../images/center_seikyu_54.jpg) no-repeat left top;
	width:207px;
	height:82px;
	text-indent:-9999px;
	display:block;
	
}

.raikan a:hover,.seikyu a:hover{
	background-position:0 -82px;
	
}

.attention{
	clear:both;
	display:block;
	text-align:center;
	padding-top:20px;
	
}

.gototop{
	
	margin:100px 0 100px 0;
	text-align:right;
}

/*--------------------------------------------------------右ボディ高さ指定-----------------------------------------------------------*/

#right{
	height:2450px;
}