@charset "utf-8";




h1.ttl01 {

background:url(/course/3type/images/idx_h1_ttl01.jpg) no-repeat;

width:690px;

height:85px;

margin-bottom:15px;

text-indent:-9999px;

}

/*20130306*/
h1.ttl01_01 {
background:url(/course/3type/images/idx_h1_ttl01_01.jpg) no-repeat;
width:690px;
height:85px;
margin-bottom:15px;
text-indent:-9999px;
}

/*h1.ttl01 {

background:url(/course/pocket/type/images2/idx_h1_ttl01.jpg) no-repeat;

width:690px;

height:85px;

margin-bottom:15px;

text-indent:-9999px;

}*/



/*h1.ttl01b {

background:url(/course/hop/type/images2/idx_h1_ttl01b.jpg) no-repeat;

width:690px;

height:85px;

margin-bottom:15px;

text-indent:-9999px;

}*/



p.h1-text {

font-size:12px;

line-height:1.4em;

color:#f91342;

margin-left:30px;

margin-bottom:20px;

}



p.h2-text {

font-size:32px;

line-height:1.2em;

color:#cc0000;

font-weight:bold;

text-align:center;

margin-bottom:5px;

}



p.h3-text {

font-size:14px;

line-height:1.4em;

color:#333;

text-align:center;

margin-bottom:30px;

}



div#main-area {

width:650px;

margin-left:20px;

}



div#main-area h2.ttl02 {

background:url(/course/3type/images2/idx_h2_ttl01.gif) no-repeat;

width:650px;

height:52px;

margin-bottom:10px;

text-indent:-9999px;

}



div#main-area p.ttl02-text {

font-size:12px;

line-height:1.4em;

margin-bottom:30px;

}



div#main-area h2.ttl03 {

background:url(/course/3type/images2/idx_h2_ttl02.gif) no-repeat;

width:650px;

height:34px;

margin-bottom:10px;

text-indent:-9999px;

}



div#main-area div.type-area {

width:628px;

margin-left:11px;

margin-bottom: 20px;

}



div#main-area div.type-area p.type1 {

background:url(/course/3type/images2/idx_type_img01.gif) no-repeat;

width:196px;

height:420px;

margin-bottom:20px;

margin-right:20px;

text-indent:-9999px;

float:left;

}



div#main-area div.type-area p.type1_pk {

background:url(/course/3type/images2/idx_type_img01.gif) no-repeat;

width:196px;

height:420px;

margin-bottom:20px;

margin-right:20px;

text-indent:-9999px;

float:left;

}



div#main-area div.type-area p.type2 {

background:url(/course/3type/images2/idx_type_img02.gif) no-repeat;

width:196px;

height:420px;

margin-bottom:20px;

margin-right:20px;

text-indent:-9999px;

float:left;

}



div#main-area div.type-area p.type2_pk {

background:url(/course/3type/images2/idx_type_img02.gif) no-repeat;

width:196px;

height:420px;

margin-bottom:20px;

margin-right:20px;

text-indent:-9999px;

float:left;

}



div#main-area div.type-area p.type3 {

background:url(/course/3type/images2/idx_type_img03.gif) no-repeat;

width:196px;

height:420px;

margin-bottom:20px;

text-indent:-9999px;

float:left;

}



div#main-area div.type-area p.type3_pk {

background:url(/course/3type/images2/idx_type_img03.gif) no-repeat;

width:196px;

height:420px;

margin-bottom:20px;

text-indent:-9999px;

float:left;

}



div#main-area div.type-area02 {

width:628px;

height:48px;

margin-bottom:10px;

margin-left:11px;

clear:both;

}



div#main-area div.type-area02 p.pocket {

background:url(/course/3type/images2/idx_logo01.gif) no-repeat;

width:88px;

height:48px;

margin-right:10px;

text-indent:-9999px;

float:left;

}



div#main-area div.type-area02 p.hop {

background:url(/course/3type/images2/idx_logo02.gif) no-repeat;

width:88px;

height:48px;

margin-bottom:10px;

margin-right:10px;

text-indent:-9999px;

float:left;

}



div#main-area div.type-area02 p.pocket-text {

width:530px;

font-size:12px;

line-height:1.4em;

margin-top:13px;

float:right;

}



div#main-area p.m-text {

font-size:10px;

line-height:1.4em;

color:#989898;

margin-left:11px;

margin-bottom:30px;

}



div#main-area p.service {

background:url(/course/3type/images2/idx_service.gif) no-repeat;

width:630px;

height:40px;

margin-bottom:25px;

margin-left:11px;

text-indent:-9999px;

}



div#main-area h2.ttl04 {

background:url(/course/3type/images2/idx_h2_ttl03.gif) no-repeat;

width:650px;

height:34px;

margin-bottom:10px;

text-indent:-9999px;

}

div#main-area h2.ttl05 {

background:url(/course/3type/images2/idx_h2_ttl05.gif) no-repeat;

width:650px;

height:34px;

margin-bottom:10px;

text-indent:-9999px;

}



div#main-area div.qa-area {

width:628px;

margin-top: 10px;

margin-bottom:10px;

margin-left:11px;

}



div#main-area div.qa-area p.icon-q {

background:url(/course/3type/images2/idx_q_a01.gif) no-repeat;

width:46px;

height:46px;

margin-right:10px;

text-indent:-9999px;

float:left;

}



div#main-area div.qa-area p.icon-a {

background:url(/course/3type/images2/idx_q_a02.gif) no-repeat;

width:46px;

height:46px;

margin-right:10px;

text-indent:-9999px;

float:left;

}



div#main-area div.qa-area p.icon-q-text {

width:572px;

font-size:14px;

font-weight:bold;

line-height:1.4em;

margin-top:13px;

float:right;

}



div#main-area div.qa-area p.icon-q-text2 {

width:572px;

font-size:14px;

font-weight:bold;

line-height:1.4em;

margin-top:5px;

float:right;

}



div#main-area div.qa-area p.icon-a-text {

width:572px;

font-size:12px;

line-height:1.4em;

float:right;

margin-bottom:15px;

}



div#main-area div.qa-area p.icon-a-text02 {

width:572px;

font-size:12px;

line-height:1.4em;

float:right;

margin-bottom:40px;

}



div#main-area div.qa-area p.icon-a-btext {

width:572px;

font-size:14px;

font-weight:bold;

line-height:1.4em;

float:right;

}



div#main-area div.line {

clear:both;

background:url(/course/3type/images2/idx_line.gif) no-repeat;

width:650px;

height:6px;

text-indent:-9999px;

margin-bottom:20px;

}


div.regist_outline{
	width:520px;
	margin:0 auto 25px auto;
	background:url(/course/3type/images2/regist_out_bottom.gif) center bottom no-repeat;
	padding:0 15px 25px 15px;
}


div#main-area p.register {

clear:both;

background:url(/course/3type/images2/idx_register.gif) center no-repeat;

width:490px;

height:45px;

text-indent:-9999px;

margin-bottom:10px;

}


div#main-area p.register2 {

clear:both;

background:url(/course/3type/images2/idx_register2.gif) no-repeat;

width:649px;

height:40px;

text-indent:-9999px;

margin:20px 0 20px 0;

}





div#main-area div.btn-area-txt {

clear:both;

width:650px;

height:27px;

margin:0 0 4px 0;

padding:0; 

}

div#main-area div.btn-area-btn {

clear:both;

width:650px;

height:66px;

margin:0;

padding:0;

}



div#main-area div.btn-area-txt p.thispocket {

background:url(/course/3type/images2/idx_pocket.gif) no-repeat;

width:207px;

height:27px;

text-indent:-9999px;

float:left;

margin-right:23px;

}



div#main-area div.btn-area-txt p.thisphop {

background:url(/course/3type/images2/idx_hop.gif) no-repeat;

width:207px;

height:27px;

text-indent:-9999px;

float:left;

margin-right:13px;

}



div#main-area div.btn-area-txt p.kaiin {

background:url(/course/3type/images2/idx_kaiin.gif) no-repeat;

width:207px;

height:27px;

text-indent:-9999px;

vertical-align: middle;

float:left;

margin:0 0 26px 70px;

}



div#main-area div.btn-area-txt p.no {

background:url(/course/3type/images2/idx_register_no.gif) no-repeat;

width:187px;

height:27px;

text-indent:-9999px;

vertical-align: middle;

float:left;

}





div#main-area div.btn-area-btn p.register-btn {

display:block;

width:210px;

height:66px;

margin-right:10px;

float:left;

}



div#main-area div.btn-area-btn p.register-btn a {

display:block;

width:210px;

height:66px;

text-indent:-9999px;

background:url(/course/3type/images2/idx_register_btn.gif) no-repeat 0 0;

}



div#main-area div.btn-area-btn p.register-btn a:hover {

background:url(/course/3type/images2/idx_register_btn.gif) no-repeat 0 -66px;

}



div#main-area div.btn-area-btn p.register-btn_next {

display:block;

width:210px;

height:66px;

margin-right:10px;

float:left;

}



div#main-area div.btn-area-btn p.register-btn_next a {

display:block;

width:210px;

height:66px;

text-indent:-9999px;

background:url(/course/3type/images2/idx_register_btn_next.gif) no-repeat 0 0;

}



div#main-area div.btn-area-btn p.register-btn_next a:hover {

background:url(../course/3type/images2/idx_register_btn_next.gif) no-repeat 0 -66px;

}

div#main-area div.btn-area-btn p.register-btn_now {

display:block;

width:210px;

height:66px;

margin-right:10px;

float:left;

}



div#main-area div.btn-area-btn p.register-btn_now a {

display:block;

width:210px;

height:66px;

text-indent:-9999px;

background:url(/course/3type/images2/idx_register_btn_now.gif) no-repeat 0 0;

}



div#main-area div.btn-area-btn p.register-btn_now a:hover {

background:url(/course/3type/images2/idx_register_btn_now.gif) no-repeat 0 -66px;

}





div#main-area div.btn-area-btn p.kaiin-btn {

display:block;

width:210px;

height:66px;

margin:0 0 10px 65px;

float:left;

}



div#main-area div.btn-area-btn p.kaiin-btn a {

display:block;

width:210px;

height:66px;

text-indent:-9999px;

background:url(/course/3type/images2/idx_register_btn.gif) no-repeat 0 0;

}



div#main-area div.btn-area-btn p.kaiin-btn a:hover {

background:url(/course/3type/images2/idx_register_btn.gif) no-repeat 0 -66px;

}





div#main-area div.btn-area-btn p.common-btn {

display:block;

width:210px;

height:66px;

float:left;

}



div#main-area div.btn-area-btn a{

display:block;

width:210px;

height:66px;

text-indent:-9999px;

background:url(/course/3type/images2/idx_common_btn.gif) no-repeat 0 0;

}

div#main-area div.btn-area-btn a:hover{

background:url(/course/3type/images2/idx_common_btn.gif) no-repeat 0 -66px;

}



div.related_link{

	clear:both;

	width:670px;

	margin:20px 10px;

	text-align:center;

}



div.related_link h4{

	padding:3px;

	font-size:10px;

	color:#FFFFFF;

	background:#FF979E;

	text-align:center;

}



div.related_link ul{

	height:40px;

	margin:10px;

	margin-left:auto;

	margin-right:auto;

	font-size:10px;

	line-height:1.4em;

	text-align:center;

}



div.related_link ul li{

	float:left;

	padding:0 10px;

	border-right:1px solid #666666;

}



div.related_link ul li.end{

	border-right:0px;

}



div.related_link ul li a{

	white-space:nowrap;

	text-decoration:underline;

	color:#0072CB;

}



div.related_link ul li a:hover{

	text-decoration:none;

}



div.related_link h4.second{

	padding:3px;

	font-size:10px;

	color:#666666;

	border-top:1px solid #CCCCCC;

	background:#F2F2F2;

	text-align:center;

}





.clear {

	clear: both;

}







#menu_l_font {

	font-size: 14px;

}





/*　追加分　*/



p.logo {

background: url(/plus/images/offer/hop_logo_s2.gif) no-repeat;

width:102px;

height:70px;

text-indent:-9999px;

float:left;

margin-bottom:30px;

}



h2.title01 {

background: url(/plus/images/offer/offer_tiikuh1_04.gif) no-repeat;

width:548px;

height:70px;

text-indent:-9999px;

float:right;

margin-bottom:30px;

}



h2.title02 {

clear:both;

background: url(/plus/images/offer/offer_h2_01.gif) no-repeat;

width:650px;

height:35px;

text-indent:-9999px;

}



h2.title03 {

clear:both;

background: url(/plus/images/offer/offer_h2_02.gif) no-repeat;

width:650px;

height:35px;

margin-top:40px;

text-indent:-9999px;

}



h2.title04 {

clear:both;

background: url(/plus/images/offer/offer_h2_03.gif) no-repeat;

width:650px;

height:35px;

margin-top:40px;

text-indent:-9999px;

}



h2.title05 {

clear:both;

background: url(/plus/images/offer/offer_h2_04.gif) no-repeat;

width:650px;

height:35px;

margin-top:40px;

text-indent:-9999px;

}



h2.title06 {

clear:both;

background: url(/plus/images/offer/offer_h2_05.gif) no-repeat;

width:650px;

height:35px;

margin-top:40px;

text-indent:-9999px;

}



h2.title07 {

clear:both;

background: url(/plus/images/offer/offer_h2_06.gif) no-repeat;

width:650px;

height:35px;

margin-top:40px;

text-indent:-9999px;

}



table.ta_typ001 {

border-collapse : collapse;

border-width : 1px 0 0 1px;

border-style : solid;

border-color : #999999;

margin-bottom : 18px;

margin-top:6px;

font-size : 14px;

font-weight:bold;

}



table.ta_typ001 tr th {

text-align : center;

background-color : #FFCC99;

}



table.ta_typ001 tr th,

table.ta_typ001 tr td {

border-width : 0 1px 1px 0;

border-style : solid;

border-color : #999999;

padding : 7px;

vertical-align : middle;

}



div.pu_main_large {

padding : 7px 3px 3px 3px;

font-size :14px;

font-weight:bold;

line-height : 1.4em;

}



ul.notelist1 {

display : block;

margin : 5px 0 0 0;

font-size : 10px;

text-align : left;

}



ul.notelist1 li {

line-height : 1.2em;

}



ul.notelist1 {

display : block;

margin : 5px 0 0 0;

font-size : 10px;

text-align : left;

}



ul.notelist1 li {

line-height : 1.2em;

}



.pu_box {

margin : 0;

}



.pu_box h3 {

font-size : 14px;

color : #f17c15;

margin-top:20px;

}



ul.listtyp1 {

display : block;

margin : 5px 0 5px 0;

font-size : 12px;

text-align : left;

}



ul.listtyp1 li {

line-height : 1.4em;

margin-bottom:3px;

}



ul.listtyp1 li span {

font-size : 14px;

font-weight:bold;

line-height : 1.4em;

margin-bottom:3px;

}



div.pu_main {

padding : 7px 3px 3px 3px;

font-size :12px;

line-height : 1.4em;

}



div.pu_main_large {

padding : 7px 3px 3px 3px;

font-size :14px;

font-weight:bold;

line-height : 1.4em;

}



div.pu_main a{

margin:4px 0 0 10px;

padding-left:18px;

font-size:12px;

line-height:1.2em;

color:#0072CB;

background: url(/common/images2/icn-square-arrow-blue.gif) no-repeat left center;

}



div.pu_main-right {

padding : 7px 3px 3px 3px;

margin:10px 0;

font-size :12px;

line-height : 1.4em;

text-align:right;

}



.graybox {

background-color : #F7E8D7;

width : 630px;

margin:20px 0 ;

padding : 10px 10px;

font-size : 12px;

line-height : 1.4em;

}





/*申込ボタン追加080303*/



.mousikomi_btn ul.l_btn_list li{

	float:left;

	width:194px;

}

.mousikomi_btn ul.l_btn_list li a{

	display:block;

	width:194px;

	height:61px;

	text-indent:-9999px;

}

.mousikomi_btn ul.l_btn_list li a.l_btn_list01{

	background:url(/course/3type/images2/3type_btn_2006.gif) no-repeat 0 0;

}

.mousikomi_btn ul.l_btn_list li a.l_btn_list01:hover{

	background:url(/course/3type/images2/3type_btn_2006.gif) no-repeat 0 -61px;

}

.mousikomi_btn ul.l_btn_list li a.l_btn_list02{

	background:url(/course/3type/images2/3type_btn_2007.gif) no-repeat 0 0;

}

.mousikomi_btn ul.l_btn_list li a.l_btn_list02:hover{

	background:url(/course/3type/images2/3type_btn_2007.gif) no-repeat 0 -61px;

}





/*申込ボタン追加110121*/



.mousikomi_btn2 ul.l_btn_list li{

	float:left;

	width:194px;

}

.mousikomi_btn2 ul.l_btn_list li a{

	display:block;

	width:194px;

	height:40px;

	text-indent:-9999px;

}

.mousikomi_btn2 ul.l_btn_list li a.l_btn_member{

	background:url(/course/3type/images2/3type_btn_member.gif) no-repeat 0 0;

}

.mousikomi_btn2 ul.l_btn_list li a.l_btn_member:hover{

	background:url(/course/3type/images2/3type_btn_member.gif) no-repeat 0 -40px;

}

.mousikomi_btn2 ul.l_btn_list li a.l_btn_nonmember{

	background:url(/course/3type/images2/3type_btn_nonmember.gif) no-repeat 0 0;

}

.mousikomi_btn2 ul.l_btn_list li a.l_btn_nonmember:hover{

	background:url(/course/3type/images2/3type_btn_nonmember.gif) no-repeat 0 -40px;

}