@charset "shift_jis";

/* CSS Document */



/* ----------------------------------------

*	汎用要素スタイル 

---------------------------------------- */

div#content *{

	font-size:100%;

	font-size:12px;

	line-height:1.5;

}

a:link {text-decoration: underline; color: #0070CB;}

a:visited {text-decoration: underline; color: #800080;}

a:hover {text-decoration: underline; color: #f00;}



/* ----------------------------------------

*	汎用クラススタイル

---------------------------------------- */

.clearfix{

	zoom:1;

}

.clearfix:after{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}

.visible_txt{

	display:none;

}



/* ----------------------------------------

*	ワイヤーフレーム部位別スタイル

---------------------------------------- */

div#content{

	width:712px;

	margin:0;

	overflow:hidden;

	text-align:left;

}





/* ----------------------------------------

	ページスタイル　index.html

---------------------------------------- */

/*	keyvisual		---------------------------------------- */

div#col1 div#keyvisual{

	position:relative;

	width:712px;

	height:446px;

}

div#col1 div#keyvisual h1{

	width:712px;

	height:446px;

}

div#col1 div#keyvisual p{

	position:absolute;

	top:365px;

	right:12px;

	width:357px;

	height:48px;

	margin:0;

	padding:0;

	line-height:1;

}

div#col1 div#keyvisual a{

	display:block;

	background:url(/images/riyou/btn_registration-page_keyvisual.png) no-repeat 0px 0px;

	width:357px;

	height:48px;

	text-indent:-9999px;

	overflow:hidden;

}

/*div#col1 div#keyvisual a:hover{

	background:url(/images/riyou/btn_registration-page_keyvisual.png) no-repeat 0px -48px;

}*/



/*	privilege-3s		---------------------------------------- */

div#col1 div#privilege-3s{

	background:url(/images/riyou/bg_3s-privilege.png) no-repeat 0px 0px;

	width:712px;

	height:166px;

	margin-bottom:40px;

}

div#col1 div#privilege-3s h2{

	background:url(/images/riyou/head_3s-privilege.png) no-repeat 0px 0px;

	width:410px;

	height:38px;

	margin:0 auto 14px auto;

	text-indent:-9999px;

}

div#col1 div#privilege-3s ol{

	width:640px;

	margin:0 auto;

}

div#col1 div#privilege-3s li{

	list-style:none;

	width:640px;

	height:30px;

	margin-bottom:12px;

	display:inline;

}

div#col1 div#privilege-3s li a{

	text-indent:-9999px;

	overflow:hidden;

	display:block;

	width:640px;

	height:30px;

	margin-bottom:20px;

}

div#col1 div#privilege-3s li#privilege-3s_01 a{

	background:url(/images/riyou/txt_3s-privilege01.png) no-repeat 0px 0px;

}

div#col1 div#privilege-3s li#privilege-3s_02 a{

	background:url(/images/riyou/txt_3s-privilege02.png) no-repeat 0px 0px;

}

div#col1 div#privilege-3s li#privilege-3s_03 a{

	background:url(/images/riyou/txt_3s-privilege03.png) no-repeat 0px 0px;

	height:31px;

}



/*	 btn_registration-page		---------------------------------------- */

div.btn_registration-page{

	background:url(/images/riyou/bg_couner.png) no-repeat 0% 100%;

	width:712px;

	padding:15px 0;

}

div.btn_registration-page p{

	width:682px;

	margin:0 auto;

}

div.btn_registration-page p span{

	display:block;

	float:right;

	margin-right:15px;

}

div.btn_registration-page p a{

	display:block;

	background:url(/images/riyou/btn_registration-page.png) no-repeat 0px 0px;

	width:357px;

	height:48px;

	text-indent:-9999px;

	overflow:hidden;

	float:right;

}

/*div.btn_registration-page p a:hover{

	background:url(/c/images/riyou/btn_registration-page.png) no-repeat 0px -48px;

}*/

div.btn_registration-page ul{

	width:674px;

	height:50px;

	margin:12px auto 0px auto;

	background:url(/images/riyou/bg_other-regist.png) no-repeat 0px 0px;

	padding-top:15px;

}

div.btn_registration-page li{

	float:left;

	list-style:none;

	width:337px;

	text-align:center;

}

div.btn_registration-page li a{

	background:url(/images/riyou/parts_listicon.png) no-repeat 0% 50%;

	padding-left:13px;

}

p#registration_txt a{

	background:none;

	padding-top:5px;

	height:20px;

	text-align:right;

	text-indent:0;

}

div#privilege-2_exam-magazine div.btn_registration-page{

	background:none;

}



/*	 privilege-box		---------------------------------------- */

div.privilege-box{

	background:url(/images/riyou/bg_couner.png) no-repeat 0px 0px;

	width:712px;

	margin-bottom:40px;

}

div.privilege-box h2{

	width:697px;

	height:54px;

	text-indent:-9999px;

	margin:0 auto 5px auto;

	padding-top:5px;

}

div#privilege-1 h2{

	background:url(/images/riyou/head_privilege01.png) no-repeat 0% 100%;

}

div#privilege-2 h2{

	background:url(../images/riyou/head_privilege02.png) no-repeat 0% 100%;

}

div#privilege-3 h2{

	background:url(/images/riyou/head_privilege03.png) no-repeat 0% 100%;

}

div.privilege-box ul.for_targets{

	margin-left:15px;

}

div.privilege-box li.for_children,

div.privilege-box li.for_guardian{

	width:99px;

	height:99px;

	text-indent:-9999px;

	list-style:none;

	float:left;

	margin-right:10px;

}

div.privilege-box li.for_children{

	background:url(/images/riyou/icon_children.png);

}

div.privilege-box li.for_guardian{

	background:url(/images/riyou/icon_guardian.png);

}



/*	 privilege-1		---------------------------------------- */

div#privilege-1 div#privilege-1_head{

	margin-bottom:10px;

}

div#privilege-1 div#privilege-1_head ul{

	float:left;

}

div#privilege-1 div#privilege-1_head p{

	width:432px;

	height:100px;

	margin-left:260px;

}

div#privilege-1 div#privilege-1_head p strong{

	display:block;

	background:url(/images/riyou/txt_privilege01.png) no-repeat 0px 0px;

	width:432px;

	height:55px;

	text-indent:-9999px;

	margin-bottom:5px;

}

div#privilege-1_content{

	width:680px;

	margin:0 auto;

}

div#privilege-1_highschool-info,

div#privilege-1_exam-info{

	background:url(/images/riyou/bg_privilege01_corner.png) no-repeat 0px 0px;

	width:333px;

	height:528px;

}

div#privilege-1_highschool-info{

	float:left;

}

div#privilege-1_exam-info{

	float:right;

}

div#privilege-1_highschool-info h3,

div#privilege-1_exam-info h3{

	width:313px;

	height:34px;

	text-indent:-9999px;

	margin:10px auto 15px auto;

}

div#privilege-1_highschool-info h3{

	background:url(/images/riyou/head_highschool-info.png) no-repeat 0px 0px;

}

div#privilege-1_exam-info h3{

	background:url(/images/riyou/head_entrance-exam-info.png) no-repeat 0px 0px;

}

div#privilege-1_highschool-info p,

div#privilege-1_exam-info p{

	margin:0 10px 10px 10px;

	text-align:justify;

}

dl.p1_hi_sites,

dl.p1_ei_sites{

	position:relative;

	width:314px;

	height:118px;

	margin:0 auto 18px auto;

}

dl.p1_hi_sites dt,

dl.p1_ei_sites dt{

	position:relative;

	top:0px;

	right:0px;

	height:20px;

	border-bottom:solid 1px #929292;

	background-position:135px 0px;

	background-repeat:no-repeat

}

dl#p1_hi_01 dt{

	background-image:url(/images/riyou/head_highschool-info_list.png);

}

dl#p1_hi_02 dt{

	background-image:url(/images/riyou/head_highschool-info_essential.png);

}

dl#p1_hi_03 dt{

	background-image:url(/images/riyou/head_highschool-info_map.png);

}

dl#p1_ei_01 dt{

	background-image:url(/images/riyou/head_entrance-exam-info_magnification.png);

}

dl#p1_ei_02 dt{

	background-image:url(/images/riyou/head_entrance-exam-info_schedule.png);

}

dl#p1_ei_03 dt{

	background-image:url(/images/riyou/head_entrance-exam-info_result.png);

}

dl.p1_hi_sites dd.p1_hi_sitetxt,

dl.p1_ei_sites dd.p1_ei_sitetxt{

	width:180px;

	position:absolute;

	top:25px;

	right:0px;

}

div#privilege-1_highschool-info  dd.p1_hi_sitetxt p,

div#privilege-1_exam-info dd.p1_ei_sitetxt p{

	margin:0;

	line-height:1.3;

}

div#privilege-1_highschool-info  dd.p1_hi_sitetxt p a,

div#privilege-1_exam-info dd.p1_ei_sitetxt p a{

	background:url(/images/riyou/icon_outerlink.png) no-repeat 0% 50%;

	padding-left:15px;

}

dl.p1_hi_sites dd.p1_hi_sitepic,

dl.p1_ei_sites dd.p1_ei_sitepic{

	position:absolute;

	top:0px;

	left:0px;

}



/*	 privilege-2		---------------------------------------- */

div#privilege-2 div#privilege-2_emhead,

div#privilege-2 div#privilege-2_amhead{

	margin-bottom:10px;

}

div#privilege-2 div#privilege-2_emhead ul,

div#privilege-2 div#privilege-2_amhead ul{

	float:left;

	margin-left:40px;

	width:100px;

	display:inline;

}

div#privilege-2 div#privilege-2_emhead h3,

div#privilege-2 div#privilege-2_amhead h3{

	width:548px;

	height:25px;

	margin:0 0 15px 150px;

	text-indent:-9999px;

	border-bottom:dotted 1px #666666;

}

div#privilege-2 div#privilege-2_emhead h3{

	background:url(/images/riyou/head_exam-info-magazine.png) no-repeat 5px 0px;

}

div#privilege-2 div#privilege-2_amhead h3{

	background:url(/images/riyou/head_assistance-magazine.png) no-repeat 5px 0px;

}

div#privilege-2 div#privilege-2_emhead p,

div#privilege-2 div#privilege-2_amhead p{

	width:417px;

	height:49px;

	margin-left:165px;

	text-indent:-9999px;

}

div#privilege-2 div#privilege-2_emhead p{

	background:url(/images/riyou/txt_exam-info-magazine.png) no-repeat 0px 0px;

}

div#privilege-2 div#privilege-2_amhead p{

	background:url(/images/riyou/txt_assistance-magazine.png) no-repeat 0px 0px;

	width:428px;

}

div#p2_em_content{

	background:url(/images/riyou/bg_priviege_guardian.png) no-repeat 0px 0px;

	width:675px;

	height:232px;

	margin:0px auto;

}

div#p2_am_content{

	background:url(/images/riyou/bg_priviege_chiledren.png) no-repeat 50% 0px;

	height:288px;

	width:675px;

	margin:0px auto;

}

div#p2_am_content01{

	width:295px;

	height:225px;

	float:left;

	margin:18px 0 0px 29px;

	display:inline;

}

div#p2_am_content02{

	width:295px;

	height:225px;

	float:right;

	margin:18px 25px 5px 0;

	display:inline;

}

div#p2_em_content dl.p2_em_cont{

	width:295px;

	height:175px;

	display:inline;

}

div#p2_am_content dl.p2_am_cont{

	width:295px;

	height:120px;

}

div#p2_em_content dl#p2_em_01{

	float:left;

	margin:21px 0 0 29px;

}

div#p2_em_content dl#p2_em_02{

	float:right;

	margin:20px 25px 0 0px;

}

div#p2_am_content dl#p2_am_03,

div#p2_am_content dl#p2_am_04{

	height:100px;

}

div#p2_em_content dt,

div#p2_am_content dt{

	height:36px;

	width:293px;

	margin:0 auto 10px auto;

	border-bottom:solid 1px #a0c244;

	text-indent:-9999px;

}

div#p2_am_content dt{

	height:18px;

	border-bottom:solid 1px #4096ee;

}

div#p2_em_content dl#p2_em_01 dt{

	background:url(/images/riyou/head_exam-info-magazine_point1.png) no-repeat 0px 0px;

}

div#p2_em_content dl#p2_em_02 dt{

	background:url(/images/riyou/head_exam-info-magazine_point2.png) no-repeat 0px 0px;

}

div#p2_am_content dl#p2_am_01 dt{

	background:url(/images/riyou/head_assistance-magazine_point1.png) no-repeat 0px 0px;

}

div#p2_am_content dl#p2_am_02 dt{

	background:url(/images/riyou/head_assistance-magazine_point2.png) no-repeat 0px 0px;

}

div#p2_am_content dl#p2_am_03 dt{

	background:url(/images/riyou/head_assistance-magazine_point3.png) no-repeat 0px 0px;

}

div#p2_am_content dl#p2_am_04 dt{

	background:url(/images/riyou/head_assistance-magazine_point4.png) no-repeat 0px 0px;

}

div#p2_em_content dd.p2_em_conttxt{

	width:155px;

	height:110px;

	float:left;

	margin:0;

	text-align:justify;

}

div#p2_am_content dd.p2_am_conttxt{

	width:205px;

/*	height:75px;*/

	float:left;

	margin:0;

	line-height:1.4;

	text-align:justify;

}

div#p2_em_content dd.p2_em_contpic{

	width:130px;

	height:106px;

	float:right;

	text-align:right;

	margin:0;

}

div#p2_am_content dd.p2_am_contpic{

	width:79px;

	height:72px;

	float:right;

	text-align:right;

	margin:0;

}

div#p2_em_content p.btn_sample-page,

div#p2_am_content dd.btn_sample-page{

	clear:both;

	margin:0;

}

div#p2_em_content p.btn_sample-page a,

div#p2_am_content dd.btn_sample-page a{

	background:url(/images/riyou/btn_exam-info-magazine_sample.png) no-repeat 0px 0px;

	width:204px;

	height:27px;

	display:block;

	text-indent:-9999px;

	overflow:hidden;

	margin:0 10px 0 auto;

}

div#p2_am_content dd.btn_sample-page a{

	margin:0 0px 0 auto;

}

/*div#p2_em_content p.btn_sample-page a:hover,

div#p2_am_content dd.btn_sample-page a:hover{

	background:url(/images/riyou/btn_exam-info-magazine_sample.png) no-repeat 0px -27px;

}*/



div#p2_em_content p.btn_sample-page2,

div#p2_am_content dd.btn_sample-page2{

	clear:both;

	margin:0;

}

div#p2_em_content p.btn_sample-page2 a,

div#p2_am_content dd.btn_sample-page2 a{

	background:url(/images/riyou/btn_assistance-magazine_sample.png) no-repeat 0px 0px;

	width:134px;

	height:27px;

	display:block;

	text-indent:-9999px;

	overflow:hidden;

	margin:0 10px 0 auto;

}

div#p2_am_content dd.btn_sample-page a{

	margin:0 0px 0 auto;

}



/*	 privilege-3		---------------------------------------- */

div#privilege-3 div#privilege-3_exam-briefing{

	margin-bottom:10px;

}

div#privilege-3 div#privilege-3_exam-briefing ul{

	float:left;

}

div#privilege-3 div#privilege-3_exam-briefing h3{

	background:url(/images/riyou/head_entrance-exam-briefing.png) no-repeat 0px 0px;

	width:440px;

	height:24px;

	margin:0 0 15px 250px;

	text-indent:-9999px;

	border-bottom:dotted 1px #666666;

}

div#privilege-3 div#privilege-3_exam-briefing p{

	margin-left:260px;

}

div#privilege-3 div#privilege-3_exam-briefing p span{

	display:block;

	background:url(/images/riyou/txt_entrance-exam-briefing.png) no-repeat 0px 0px;

	width:385px;

	height:28px;

	margin-bottom:15px;

	text-indent:-9999px;

}



/*	 col3		---------------------------------------- */

div#col3{

	background:url(/images/riyou/bg_all-campaing.png) no-repeat 0px 0px;

	width:712px;

	height:73px;

	margin-bottom:20px;

}

div#col3 dt{

	float:left;

	margin:18px 20px 0 30px;

	display:inline;

}

div#col3 dt a{

	background:url(/images/riyou/btn_executing-campaign.png) no-repeat 0px 0px;

	width:219px;

	height:34px;

	display:block;

	text-indent:-9999px;

	overflow:hidden;

}

/*div#col3 dt a:hover{

	background:url(/images/riyou/btn_executing-campaign.png) no-repeat 0px -34px;

}*/

div#col3 dd{

	padding-top:18px;

}