@charset "utf-8";
/********************************************/
/*共通*/
/********************************************/
.padt5{
	padding:5px 0 0 0;
}
.padt20{
	padding:20px 0 0 0;
}
.padt28{
	padding:28px 0 0 0;
}
.padb5{
	padding:0px 0 5px 0;
}

.padb10{
	padding:0px 0 10px 0;
}

.padb20{
	padding:0px 0 20px 0;
}
.padb3020{
	padding:30px 0 20px 0;
}
.padr23{
	padding:0px 23px 0px 0;
}
.fro_r5{
float:left;
padding-right:5px;
}

.fro_r{
float:left;
}
.cler{
	clear:both;
}
.orange{
	color:#0063B6;
	font-size: 16px;
	line-height:1.3;
	font-weight:bold;
}
.fsize_11{
	font-size: 11px;
	line-height:1em;

}

/*コンテンツ*/

#lineup{
	margin:0 auto;
	padding:0;
	
}

#lineup h1,h3{
	margin:0;
	padding:0 0 20px 0;
}

#lineup h2{
	margin:0;
	padding:0;
}

#kachi .link  a{
	margin:4px 0;
	padding-left:18px;
	padding-top: 0px;
	line-height:1.2em;
	color:#0072CB;
	background: url("/course/images/idx_list_arw.gif") no-repeat left center;
	vertical-align:0 center;
}

#oto_box .link  a{
	margin:4px 0;
	padding-left:18px;
	padding-top: 0px;
	line-height:1.2em;
	color:#0072CB;
	background: url("/course/images/idx_list_arw.gif") no-repeat left center;
	vertical-align:0 center;
}
#lineup #con{
	padding:0;
	width:674px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#lineup #con #kachi{
	margin:0 auto;
	padding:0 0 30px 0;
	width:670px;
	text-align: justify;
}

#lineup #con #kachi .bgtitle{
	margin:0;
	padding:0;
	width:670px;
	background-image:url(../images/year/bg_kachi.jpg);
	background-repeat:no-repeat;
	height:100%;
	text-align: center;
	min-height:120px;
	height:auto !important;
	height:120px;
	}
#lineup #con #kachi .bgtitle .txttop{
	width:650px;
	margin:0 auto;
	padding:10px 0 10px 0;

}

#lineup #con #kachi .bgtcon{
	margin:0;
	padding:0;
	width:670px;
	background-image:url(../images/year/bg_kachi2.jpg);
	background-repeat:no-repeat;
	height:100%;
}

#lineup #con #kachi .bgtitle .txt{
	margin:0 auto;
	padding:0 0 20px 0;
	width:650px;
	clear:both;
}
#lineup #con #kachi .bgtitle .txts{
font-size:xx-small;
padding-top:10px;
}

#lineup #con #kachi .bgtitle .txt .flo1{
	float:left;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 0;
}

#lineup #con #kachi .bgtitle .txt .flo2{
	padding:20px 7px 0 0;
	float:left;
}
#lineup #con #kachi .bgtitle .txt .flo3{
	padding:0;
	float:left;
}

#lineup #con #kachi .footer{
	margin:0 auto;
	padding:1px 0;
	width:670px;
	height:25px;
	background-image:url(../images/year/footer_kachi.jpg);
	text-align:right;
	background-repeat:no-repeat;	
}

#lineup #con #kachi .footer p{
	margin:5px 5px 0px 5px;
	text-align:right;
}


/********************************************/
/*教材価値*/
/********************************************/

.lineuppopup{
	width:515px;
	/*padding-left:20px;*/
	padding-top:10px;	
}

.lineuppopup .bg{
	width:515px;
	background-image:url(../images/year/fr_pop02.jpg);
	background-repeat:repeat-y;
	text-align:center;
}
.lineuppopup .bg .title{
padding:0 0 15px 10px;
	
}

.lineuppopup .bg .con{
	width:488px;
	margin:0 auto;
	text-align:left;
}

.lineuppopup .bg .con .top01{
	width:100px;
	float:left;	
}

.lineuppopup .bg .con .top02{
	width:388px;
	float:left;	
}

.lineuppopup .bg .con .syosai{
	width:464px;
	border-bottom: solid 1px #C7C7C7;
	padding-bottom:10px;
	margin-top: 0;	
	margin-bottom: 10px;
	margin-left: 12px;
}
.lineuppopup .bg .con .syosai .left{
    width:300px;
	float:left;

}

.lineuppopup .bg .con .syosai .right{
    width:152px;
	float:right;

}

.lineuppopup .bg .con .syosai .left .ttl01{
    color:#ED7000;
	font-size: 16px;
	font-weight:bold;
	background-image:url(../images/year/icon_pop01.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-bottom:10px;
	min-height:30px; 
    height:auto !important; 
    height:30px;

}

.lineuppopup .bg .con .syosai .left .ttl02{
    color:#ED7000;
	font-size: 16px;
	font-weight:bold;
	background-image:url(../images/year/icon_pop02.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-bottom:10px;
	min-height:30px; 
    height:auto !important; 
    height:30px;

}

.lineuppopup .bg .con .syosai .left .ttl03{
    color:#ED7000;
	font-size: 16px;
	font-weight:bold;
	background-image:url(../images/year/icon_pop03.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-bottom:10px;
	min-height:30px; 
    height:auto !important; 
    height:30px;

}

.lineuppopup .bg .con .syosai .left .ttl04{
    color:#ED7000;
	font-size: 16px;
	font-weight:bold;
	background-image:url(../images/year/icon_pop04.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-bottom:10px;
	min-height:30px; 
    height:auto !important; 
    height:30px;

}
/********************************************/
/*ラインナップ*/
/********************************************/

#lineup #con #tabbox{
	width:670px;
	padding-bottom:20px;
}

#lineup #con #tabbox #tabtop ul{
     width:670px;
	 padding:0;
	 font-size:0;
	 margin:0;
	 	
}

#lineup #con #tabbox #tabtop li{
padding-left:10px;
float:left;	
	 font-size:0;
	 margin:0;
}

#lineup #con #tabbox #tabtop .right{
padding-left:10px;
float:right;
width:200px;
	
}

#lineup #con #tabbox #tabtop .right .ttl01{
	background-image:url(/course/images/idx_list_arw.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	padding-bottom:5px;
	font-size:12px;	

}

#lineup #con #tabbox #tabtop .right .ttl02{
	background-image:url(../images/year/icon_present.gif);
	background-repeat: no-repeat;
	padding-left:20px;
	padding-top:2px;
    font-size:12px;	
}

/********************************************/
/*ラインナップ リスト*/
/********************************************/
#lineup #con #tabbox #toplist{
     width:674px;
	 background-image: url(../images/year/bg_tab.jpg);
	 background-repeat:no-repeat;
	 height:57px;
	 text-align:center;

}

#lineup #con #tabbox #toplist ul{
padding:20px 0 0 20px;

}

#lineup #con #tabbox #toplist li{
padding:0 15px 0 0px;
font-size:12px;	
}

#lineup #con #tabbox #bg{
width:674px;
background-image: url(../images/year/bg_tabin.jpg);
background-repeat:repeat-y;
text-align:center;
}

#lineup #con #tabbox #bg #tabcon{
width:640px;
margin:0 auto;
text-align:center;
}

#lineup #con #tabbox #bg #tabcon .list{
width:626px;
margin:0 auto;
padding-bottom:30px; 
}

#lineup #con #tabbox #bg #tabcon .list .tab{
width:224px;
float:left;
text-align:center;
background-image:url(../images/year/bg_tabscon.gif);
}

#lineup #con #tabbox #bg #tabcon .list .rendo{
float:left;
width:25px;
background-image:url(../images/year/icon_rendou.jpg);
background-repeat:no-repeat;
height:51px;
text-align:center;
margin:117px 4px 0 4px; 
}

#lineup #con #tabbox #bg #tabcon .list .rendo_non{
float:left;
width:25px;
height:51px;
text-align:center;
margin:117px 4px 0 4px; 
}
#lineup #con #tabbox #bg #tabcon .list .tab .title{
width:224px;
height:64px;
background-image: url(../images/year/bg_tabs.gif);
background-repeat:no-repeat;
}

#lineup #con #tabbox #bg #tabcon .list .tab .title .txt{
width:214px;
padding:5px 5px 0 5px;
min-height:20px; 
 height:auto !important; 
 height:20px;
}

#lineup #con #tabbox #bg #tabcon .list .tab .title .txt .icon{
	min-height:17px;
	height:auto !important;
	height:17px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

#lineup #con #tabbox #bg #tabcon .list .tab .title .txt .ttl01{
    color:#ED7000;
	font-size:14px;
	line-height:1.1em;	
	font-weight:bold;
	background-image:url(../images/year/icon_pop01.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	min-height:20px; 
    height:auto !important; 
    height:20px;
}

#lineup #con #tabbox #bg #tabcon .list .tab .title .txt .ttl02{
    color:#ED7000;
	font-size:14px;	
	line-height:1.1em;
	font-weight:bold;
	background-image:url(../images/year/icon_pop02.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	min-height:20px; 
    height:auto !important; 
    height:20px;
}

#lineup #con #tabbox #bg #tabcon .list .tab .title .txt .ttl03{
    color:#ED7000;
	font-size:14px;	
	line-height:1.1em;
	font-weight:bold;
	background-image:url(../images/year/icon_pop03.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	min-height:20px; 
    height:auto !important; 
    height:20px;
}

#lineup #con #tabbox #bg #tabcon .list .tab .title .txt .ttl04{
    color:#ED7000;
	font-size:14px;
	lline-height:1.1em;	
	font-weight:bold;
	background-image:url(../images/year/icon_pop04.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	min-height:20px; 
    height:auto !important; 
    height:20px;
}

#lineup #con #tabbox #bg #tabcon .list .tab .title .txt .ttl05{
    color:#ED7000;
	font-size:14px;	
	line-height:1.1em;
	font-weight:bold;
	background-image:url(../images/year/icon_pop05.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	min-height:20px; 
    height:auto !important; 
    height:20px;
}
#lineup #con #tabbox #bg #tabcon .list .tab .con{
width:224px;
height:64px;
background-image: url(../images/year/bg_tabs.gif);
background-repeat:no-repeat;
}
#lineup #con #tabbox #bg #tabcon .list .tab .ajax{
	min-height:104px;
	height:auto !important;
	height:104px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 170px;
}

#lineup #con #tabbox #bg #tabcon .list .txt{
width:200px;
margin:0 auto;
padding-bottom:10px;
}

#lineup #con #tabbox #bg #tabcon .list .btn_orange{
    margin:0 auto;
	text-align: center;
	width:205px;
	min-height:23px; 
    height:auto !important; 
    height:23px;
}

#lineup #con #tabbox #bg #tabcon .list .btn_orange a{
    margin:0 auto;
	text-align: center;
}

#lineup #con #tabbox #bg #tabcon .list .otodoke{
width:120px;
float: left;
padding-left:23px;
}

#lineup #con #tabbox #bg #tabcon .list .otodoke ul{
width:120px;
padding:0;
font-size:0;
}

#lineup #con #tabbox #bg #tabcon .list .otodoke li{
padding:0;
font-size:0;
}

/********************************************/
/*Ajax*/
/********************************************/
.ajax-maincontent{
	width:515px;
	height:auto;
	margin:25px auto 0 auto;
	color:#666666;
	text-align:center;
}
.ajax-maincontent .p_no{
	width:456px;
	border-bottom: solid #D9D9D9 1px;
	
	padding-top: 15px;
	margin-bottom: 5px;
	margin:0 auto;

}

.ajax-maincontent .p_no ul{
     width:456px;
	 margin:0;
	 padding: 0;

}

.ajax-maincontent .p_no li{
float: left;
padding-right: 10px;
}
.ajax-maincontent img{
	border:none;
}
.ajax-maincontent .title{
	margin:0 auto;
	padding-top: 5px;
	font-weight:bold;
	font-size: 16px;
	line-height:1.3;
	width:456px;
}
.ajax-maincontent .text{
	margin:5px auto 15px auto;
	padding:0;
	text-align:left;
	width:456px;	
	font-size: 13px;
	line-height:1.2;
}
.ajax-maincontent .btnbox{
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.ajax-maincontent .btn01{
	margin:0;
	margin-right:20px;
}
.ajax-maincontent .btn02{
	margin:0;
	margin-left:20px;
}
.ajax-maincontent .close_btn{
	margin-top:10px;
	clear:both;
	text-align:right;
}
#lineup .ajax-html-content{
	width:510px;
	height:auto;
	padding:5px;
}
#lineup .ajax-footer .ajax-resize{
	height:0;
	margin:0;
	padding:0;

}
#lineup .ajax-header {
	height:0;
}

.ajax-maincontent .btnbox ul.aply_link{
	clear:both;
	padding:0px;
	list-style:none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 37px;
}
.ajax-maincontent .btnbox ul.aply_link li{
	float:left;
	margin:5px;
}
.ajax-maincontent .btnbox ul.aply_link li a{
	display:block;
	width:210px;
	height:50px;
	text-indent:-9999px;
}
.ajax-maincontent .btnbox ul.aply_link li a.enter{
	background: url("../../images/idx_aply_btn01_large.gif") no-repeat 0 0;
}
.ajax-maincontent .btnbox ul.aply_link li a.enter:hover{
	background: url("../../images/idx_aply_btn01_large.gif") no-repeat 0 -50px;
}
.ajax-maincontent .btnbox ul.aply_link li a.brochure{
	background: url("../../images/idx_aply_btn02_large.gif") no-repeat 0 0;
}
.ajax-maincontent .btnbox ul.aply_link li a.brochure:hover{
	background: url("../../images/idx_aply_btn02_large.gif") no-repeat 0 -50px;
}
.ajax-maincontent .btnbox ul.aply_link li a.qa{
	background: url("../../images/idx_aply_btn03_large.gif") no-repeat 0 0;
}
.ajax-maincontent .btnbox ul.aply_link li a.qa:hover{
	background: url("../../images/idx_aply_btn03_large.gif") no-repeat 0 -50px;
}

/********************************************/
/*プレゼント*/
/********************************************/
#lineup #presentbox {
width:630px;
margin:0px auto;		
}

#lineup #presentbox #present {
width:630px;
height: 151px;
background-image:url(../images/year/bg_present.jpg);
margin:20px auto;	
}
#lineup #presentbox #present2 {
width:630px;
height: 151px;
background-image:url(../images/year/bg_present2.jpg);
margin:20px auto;	
}

#lineup #presentbox #present .prebtn,
#lineup #presentbox #present2 .prebtn {
padding:107px 0 0 432px;
}
/********************************************/
/*注釈*/
/********************************************/
#lineup #presentbox #present .pre_fp,
#lineup #presentbox #present2 .pre_fp
{
	clear:both;
	width:630px;
	margin:0 10px;
}
#lineup #presentbox #present ul.f_print,
#lineup #presentbox #present2 ul.f_print{
	margin:0 0 0 10px;
	list-style:none;
}
#lineup #presentbox #present ul.f_print li,
#lineup #presentbox #present2 ul.f_print li{
	font-size:80%;
	line-height:1.4em;
	color:#666666;
}
#lineup #presentbox #present ul.f_print li span,
#lineup #presentbox #present2 ul.f_print li span{
	margin-left:-11px;
	color:#666666;	
}
/********************************************/
/*各月リンク*/
/********************************************/
#lineup #botomlist{
	 text-align:right;
	 width:640px;
	 margin:10px auto 0 auto;
	 padding-bottom:10px
	 	
}

#lineup #botomlist ul{
     width:640px;
	 padding:0;
	 font-size:0;
	 margin:0;
	 text-align:right;  	
}

#lineup #botomlist li{
padding-left:10px;
font-size:12px;
float:right;	
text-align:right;
}
#lineup #botomlist .right{
padding-left:10px;
float:right;
width:200px;
	
}

#lineup #lineupbotom{
width:674px;
height:31px;
margin:0 auto;
background-image: url(../images/year/footer_tab.gif);
background-repeat:repeat;
text-align:right;
	
}
#lineup #lineupbotom .link{
padding:8px 15px 0 0;
text-align:right;
	
}

#lineup #lineupbotom .link ul{
text-align:right;
font-size:0;
margin:0;
padding:0;	
}

#lineup #lineupbotom .link li{
float:right;
padding-left:20px;	
text-align:right;
}
#lineup .linkpop {
    text-align:right;
	
}
#lineup .linkpop ul{
	padding:0;
    text-align:right;
	
}
#lineup .linkpop li {
	padding-left:10px;
	padding-bottom:20px;
	min-height:30px;
	height:auto !important;
	height:30px;
	text-align:right;
	float:right;
	
}

#lineup .linkpop li span{
	padding-top:5x;	
}

/********************************************/
/*申し込みボタン*/
/********************************************/
.lineupcontent_aply{
	clear:both;
	width:674px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	
}
.lineupcontent_aply h2{
	margin:10px 0;
	/*
	height:34px;
	text-indent:-9999px;
	*/
}
.lineupcontent_aply div.left_area{
	float:left;
	width:447px;
	margin:10px 0 20px;
	text-align: left;
}
.lineupcontent_aply div.right_area{
	float:right;
	width:203px;
	margin:10px 0 20px;
	margin-left:auto;
	margin-right:auto;
}
/*
.lineupcontent_aply div.left_area div.price{
	width:400px;
	height:48px;
	text-indent:-9999px;
	background:url("../course/pocket/images/idx_aply_price2008.gif") no-repeat center;
}
*/
.lineupcontent_aply div.left_area p{
	margin:5px;
	font-size:10px;
	color:#CC0000;
}
.lineupcontent_aply div.left_area a{
	margin:4px 0;
	padding-left:18px;
	font-size:12px;
	line-height:1.2em;
	color:#0072CB;
	background: url("../../images/idx_list_arw.gif") no-repeat left center;
}
.lineupcontent_aply div.right_area p{
	padding:10px 10px 20px;
	font-size:10px;
	line-height:1.8em;
	text-align:center;
	border:1px solid #B4B4B4;
	background:#F2F2F2;
}
.lineupcontent_aply div.right_area p strong{
	display:block;
	font-size:18px;
	line-height:1.8em;
	color:#E9313D;
	text-align: center;
}
.lineupcontent_aply div.right_area p span{
	line-height:0.6em;
	color:#9A9A9A;
}
.lineupcontent_aply div.center_area{
	clear:both;
	text-align:center;
	
}
.lineupcontent_aply div.center_area ul.point_list{
	clear:both;
	width:340px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	list-style:none;
}
.lineupcontent_aply div.center_area ul.point_list li{
	float:left;
	text-indent:-9999px;
	padding-bottom:10px;
}
.lineupcontent_aply div.center_area ul.point_list li.point1{
	width:114px;
	height:119px;
	margin:0px;
	background:url("../../images/idx_aply_li01.gif") no-repeat;
}
.lineupcontent_aply div.center_area ul.point_list li.point2{
	width:105px;
	height:119px;
	margin:0px;	background:url("../../images/idx_aply_li02.gif") no-repeat;
}
.lineupcontent_aply div.center_area ul.point_list li.point3{
	width:112px;
	height:119px;
	margin:0px;
	background:url("../../images/idx_aply_li03.gif") no-repeat;
}
.lineupcontent_aply div.center_area ul.aply_link{
	clear:both;
	width:674px;
	margin-right:7px;
	padding-bottom:20px;
	list-style:none;
	text-align:center;
	padding-top: 20px;
}
.lineupcontent_aply div.center_area ul.aply_link li{
	float:left;
	margin:3px;
}
.lineupcontent_aply div.center_area ul.aply_link li a{
	display:block;
	width:210px;
	height:50px;
	text-indent:-9999px;
}
.lineupcontent_aply div.center_area ul.aply_link li a.enter{
	background: url("../../images/idx_aply_btn01_large.gif") no-repeat 0 0;
}
.lineupcontent_aply div.center_area ul.aply_link li a.enter:hover{
	background: url("../../images/idx_aply_btn01_large.gif") no-repeat 0 -50px;
}
.lineupcontent_aply div.center_area ul.aply_link li a.brochure{
	background: url("../../images/idx_aply_btn02_large.gif") no-repeat 0 0;
}
.lineupcontent_aply div.center_area ul.aply_link li a.brochure:hover{
	background: url("../../images/idx_aply_btn02_large.gif") no-repeat 0 -50px;
}
.lineupcontent_aply div.center_area ul.aply_link li a.qa{
	background: url("../../images/idx_aply_btn03_large.gif") no-repeat 0 0;
}
.lineupcontent_aply div.center_area ul.aply_link li a.qa:hover{
	background: url("../../images/idx_aply_btn03_large.gif") no-repeat 0 -50px;
}
/********************************************/
/*申し込みボタン*/
/********************************************/

#oto_box{
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}



#oto_box table{
	width: 660px;
	border-top: 1px solid #C4CED5;
	border-left: 1px solid #C4CED5;
	font-size:medium;
	text-align: center;
}

#lineup #oto_box td{
	color: #8A0045;
	border-right: 1px solid #C4CED5;
	border-bottom: 1px solid #C4CED5;
	font-size:12px;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 2px;
	vertical-align:middle;
}
.n_title{
	background-color:#F4F7F8;
	width:35px;
	text-align:center;
}	
.dot{
	text-align:center;
}	
.n_oto{
	background-color:#F4F7F8;
	padding-left:7px;
}
.n_oto2{
	background-color:#F4F7F8;
	text-align:left;
}

