@charset "UTF-8";

/* メインビジュアル */

#topkv{
	position:relative;
	margin:0 0 20px;
	height:230px;
	overflow:hidden;
	line-height:100%;
}
#topkv img{
	vertical-align: bottom;
}
#topkv li{
	height:230px;
}
.bx-pager{
	position:absolute;
	bottom:10px;
	right:5px;
	z-index:100;
}
.bx-pager a{
	display:block;
	width:10px;
	height:10px;
	background:#ccc;
	text-indent:-9999px;
	line-height:100%;
	border:1px solid #666;
	outline:none;

	float:left;
	margin:0 5px 0 0;
}
.bx-pager a.pager-active{
	background:#fff;
}
.bx-auto{
	display:none;
}
.bx-pager:after{  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}
* html .bx-pager{
	zoom: 1;/* IE6 */ 
}
*:first-child+html .bx-pager{
	zoom: 1;/* IE7 */ 
}



.top-contents{
width:649px;
}

/* ポイント */
.top-point{
padding:8px 0 0;
}
.top-point dl{
}
.top-point dt{
padding:0 0 15px;
}
.top-point dt img{
vertical-align: bottom;
}
.top-point dd{
background:url(/common/images/top/ph_004.jpg) no-repeat right top;
padding:0 295px 35px 0;
line-height:1.5;
}

/* 学び方 */
.top-class{
padding:0 0 25px 0;
}
.top-class-title{
padding:0 0 8px;
}
.top-class ul{
}
.top-class li{
float:left;
padding:0 5px 0 0;
}
.top-class li img{
vertical-align:bottom;
}
.top-class li.top-class-last{
padding:0 0 0 0 !important;
}


.top-about{
padding:0 0 6px;
}
.top-about-title{
padding:0 0 8px;
}
.top-about-l{
float:left;
width:429px;
border:1px solid #babcbe;
}

/* サポートについて */
.top-about-r{
float:right;
width:191px;/*211*/
height:170px;
border:1px solid #babcbe;
padding:11px 10px;
background:url(/common/images/top/ph_006.jpg) no-repeat right bottom;
}
.top-about-r dt{
padding:0 0 6px;
}
.top-about-r dt img{
vertical-align:bottom;
}
.top-about-r dd{
}
.top-about-r dd.top-about-r-txt{
padding:0 0 6px 18px;
}
.top-about-r dd.top-about-r-bt{
padding:0 0 0 18px;
}
.top-about-r dd ul{
}
.top-about-r dd li{
padding:0 18px 0 0;
float:left;
line-height:100%;
}
.top-about-r dd li img{
vertical-align:bottom;
}

/* コース */
.top-about-course{
padding:9px 100px 13px 10px;
height:87px;/*99*/
border-bottom:1px dotted #999;
background:url(/common/images/top/ph_005.jpg) no-repeat right bottom;
}
.top-about-course dt{
padding:0 0 6px;
}
.top-about-course dt img{
vertical-align:bottom;
}
.top-about-course dd{
}
.top-about-course dd.top-about-course-txt{
padding:0 0 6px 18px;
}
.top-about-course dd.top-about-course-bt{
padding:0 0 0 18px;
}
.top-about-course dd ul{
}
.top-about-course dd li{
padding:0 8px 5px 0;
float:left;
line-height:100%;
}
.top-about-course dd li.top-about-course-last{
padding:0 0 0 0;
}
.top-about-course dd li img{
vertical-align:bottom;
}

/* オリジナルゼミ */
.top-about-zemi{
padding:9px 10px 13px 10px;
height:60px;/*82*/
}
.top-about-zemi dt{
padding:0 0 6px;
}
.top-about-zemi dt img{
vertical-align:bottom;
}
.top-about-zemi dd{
}
.top-about-zemi dd.top-about-zemi-txt{
padding:0 0 6px 18px;
}
.top-about-zemi dd.top-about-zemi-bt{
padding:0 0 0 18px;
}
.top-about-zemi dd ul{
}
.top-about-zemi dd li{
padding:0 18px 0 0;
float:left;
line-height:100%;
}
.top-about-zemi dd li img{
vertical-align:bottom;
}

/* ブログ */
.top-blog{
border:1px solid #babcbe;
padding:11px 0 0 10px;
}
.top-blog-title{
padding:0 0 16px;
}
.top-blog-title img{
vertical-align:bottom;
}
.top-blog-inner{
padding:0 0 0 18px;
height: 380px;
overflow: auto;
}

/* サイド-お問い合わせ */
.top-side-inq{
margin:0 0 9px;
padding:13px 0 13px 0;
border:3px solid #cfcfcf;/*130131修正*/
border-top:5px solid #003585;
background:#ffffff;/*130131修正*/
}
.top-side-inq img{
vertical-align:bottom;
}
.top-side-inq-tel{
padding:0 0 13px;
text-align:center;
}
.top-side-inq-tx{
padding:0 0 10px;
text-align:center;
}
.top-side-inq-bt{
text-align:center;
}

/* サイド-バナー */
.top-side-bn{
}
.top-side-bn li{
padding:0 0 6px;
line-height:100%;
}
.top-side-bn li img{
vertical-align: bottom;
}

/* サイド-拠点 */
.top-side-search{
margin:0 0 6px;
border:1px solid #cfcfcf;
}
.top-side-search img{
vertical-align: bottom;
}
.top-side-search-inner{
padding:8px 0 76px 0;
background:url(/common/images/top/bg_001.gif) no-repeat left top
}
.top-side-search-form{
width:234px;/*240*/
margin:0 auto;
padding:5px 0 5px 6px;
background:#dcdcf6;
}
.top-side-search-form select{
padding:2px 2px;
width:224px;/*228px*/
}

/* サイド-みんなの声 */
.top-side-voice{
margin:0 0 6px;
border:1px solid #cfcfcf;
}
.top-side-voice img{
vertical-align: bottom;
}
* html .top-side-voice{
	zoom: 1;/* IE6 */
}
*:first-child+html .top-side-voice{
	zoom: 1;/* IE7 */
}
.top-side-voice-inner{
padding:6px 8px 0;
background:#f1f1f2;
}
.top-side-voice dl{
margin:0 0 7px;
padding:0 4px 7px;
border-bottom:1px solid #c7c8c9;
}
.top-side-voice dt{
float:left;
width:51px;
}
.top-side-voice dd{
float:right;
width:172px;
}
.top-side-voice-inner{
background:#f1f1f2;
}
.top-side-voice-more{
padding:0 4px 8px 0;
text-align:right;
font-weight:bold;
}
.top-side-voice-more a{
padding:0 0 0 12px;
background:url(/common/images/top/ic_001.gif) no-repeat left 3px
}

/* サイド-質問 */
.top-side-qa{
margin:0 0 6px;
border:1px solid #cfcfcf;
}
.top-side-qa img{
vertical-align: bottom;
}
* html .top-side-qa{
	zoom: 1;/* IE6 */
}
*:first-child+html .top-side-qa{
	zoom: 1;/* IE7 */
}
.top-side-qa-inner{
padding:6px 8px 0;
background:#f1f1f2;
}
.top-side-qa ul{
}
.top-side-qa li{
margin:0 0 8px;
padding:0 2px 8px 24px;
border-bottom:1px solid #c7c8c9;
background:url(/common/images/top/ic_002.gif) no-repeat 2px 2px
}
.top-side-qa-more{
padding:0 4px 8px 0;
text-align:right;
font-weight:bold;
}
.top-side-qa-more a{
padding:0 0 0 12px;
background:url(/common/images/top/ic_001.gif) no-repeat left 3px
}

.top-side-other{
margin:0 0 6px;
padding:10px 17px 5px;
border:1px solid #cfcfcf;
background:#f1f1f2;
}
.top-side-other li{
margin:0 0 3px;
padding:0 0 0 12px;
background:url(/common/images/top/ic_001.gif) no-repeat left 3px
}

.top-side-mobile{
}


/* --------------------------------
 clearfix
-------------------------------- */
.top-about:after,
.top-about-course dd ul:after,
.top-about-zemi dd ul:after,
.top-class ul:after,
.top-side-voice dl:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .top-about,
* html .top-about-course dd ul,
* html .top-about-zemi dd ul,
* html .top-class ul,
* html .top-side-voice dl{
	zoom: 1;/* IE6 */
}
*:first-child+html .top-about,
*:first-child+html .top-about-course dd ul,
*:first-child+html .top-about-zemi dd ul,
*:first-child+html .top-class ul,
*:first-child+html .top-side-voice dl{
	zoom: 1;/* IE7 */
}






/* トップ　ボックス　*/
div#topBox01 {
	position: relative;
	margin-top: 10px;
	/*border: 1px solid #babcbe;*/
	border:none;
	width: 950px;
	height: 230px;
	background: url(../images/top/ph_001.jpg) 0 0 no-repeat;
	margin-bottom:20px;
}
div#topBox01 .copy{
	width:748px;
	height:194px;
	margin:0;
	padding:0;
}

div#topBox01 .btn a {
	width: 330px;
	height: 65px;
	margin:10px auto 0;
	padding:0;
	display: block;
	background:url(../images/top/btn.png) 0 0 no-repeat;
	text-indent: -9999px;
	clear:both !important;
}
div#topBox01 .btn a:hover {
	background:url(../images/top/btn.png) 0 0 no-repeat;
	background-position: 0 -65px;
}

div#topBox01 .btn2{
	padding:151px 0 0 312px;
}
div#topBox01 .btn2 a {
	width: 330px;
	height: 65px;
	margin:0;
	padding:0;
	display: block;
	background:url(../images/top/btn.png) 0 0 no-repeat;
	text-indent: -9999px;
	clear:both !important;
}
div#topBox01 .btn2 a:hover {
	background:url(../images/top/btn.png) 0 0 no-repeat;
	background-position: 0 -65px;
}

/* トップ　ボックス　*/
div#topBox02 {
	position: relative;
	margin-top: 10px;
	/*border: 1px solid #babcbe;*/
	border:none;
	width: 950px;
	height: 230px;
	background: url(../images/top/top_1108.jpg) 0 0 no-repeat;
}
div#topBox02 .copy{
	width:760px;
	height:150px;
	margin:0;
	padding:0;
}

div#topBox02 .btn a {
	width: 330px;
	height: 65px;
	margin:4px 0 0 386px;
	display: block;
	background:url(../images/top/btn.png) 0 0 no-repeat;
	text-indent: -9999px;
	clear:both !important;
}
div#topBox02 .btn a:hover {
	background:url(../images/top/btn.png) 0 0 no-repeat;
	background-position: 0 -65px;
}
/* obi */
.obi{
	width:950px;
	height:44px;
	margin-bottom:20px;
	clear:both;
	background:url(../images/top/obi_bg.gif) no-repeat left top;
}
.obi img{
	width:481px;
	float:left;
	margin:0 0 0 91px;
}
.obi p a{
	width:177px;
	height:27px;
	margin:9px 0 0 100px;
	padding:0;
	display: block;
	float:left;
	background:url(../images/top/button_detail.png) no-repeat 0 0;
	text-indent: -9999px;
}
.obi p a:hover{
	background:url(../images/top/button_detail.png) no-repeat 0 0;
	background-position: 0 -27px;
}
/* /トップ　*/

div.flashBox {
	position: relative;
	margin-top: 10px;
	border: 1px solid #babcbe;
	width: 948px;
	height: 230px;
	background: url(../images/top/flashback.png) 360px 2px no-repeat;
}
div.flashBox_fla {
	position: relative;
	margin-top: 10px;
	border: 0px solid #babcbe;
	width: 950px;
	height: 230px;
	background: url(../images/top/replace.jpg) 0px 0px no-repeat;
}
div#visual1, div#visual2 {
	background-color: white;
}
div.flashBox p {
	position: absolute;
	text-indent: -9999px;
}
div.flashBox_fla p{
	position: absolute;
	text-indent: -9999px;
}
p.p_flash1 {
	top: 34px;
	left: 23px;
	width: 366px;
	height: 79px;
	background: url(../images/top/catch1.png) 0 0 no-repeat;
}
p.p_flash2 {
	top: 126px;
	left: 19px;
	width: 400px;
	height: 83px;
	background: url(../images/top/catch2.png) 0 0 no-repeat;
}
p.p_flash1_2 {
	top: 34px;
	left: 16px;
	width: 397px;
	height: 91px;
	background: url(../images/top/catch1_2.png) 0 0 no-repeat;
}
p.p_flash2_2 {
	top: 127px;
	left: 20px;
	width: 400px;
	height: 83px;
	background: url(../images/top/catch2.png) 0 0 no-repeat;
}
div.flashBox .b_setsumeikai a {
	position: absolute;
	top: 105px;
	left: 663px;
	display: block;
	width: 272px;
	height: 52px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../images/top/button2.gif) 0 0 no-repeat;
}
div.flashBox_fla .b_setsumeikai a {
	position: absolute;
	top: 120px;
	left: 698px;
	display: block;
	width: 245px;
	height: 47px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../images/top/button2_2.png) 0 0 no-repeat;
}
div.flashBox .b_setsumeikai a:hover {
	background-position: 0 -52px;
}
div.flashBox_fla .b_setsumeikai a:hover {
	background-position: 0 -47px;
}
div.flashBox .b_toiawase a {
	position: absolute;
	top: 165px;
	left: 663px;
	display: block;
	width: 272px;
	height: 52px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../images/top/button1.png) 0 0 no-repeat;
}
div.flashBox_fla .b_toiawase a {
	position: absolute;
	top: 174px;
	left: 698px;
	display: block;
	width: 245px;
	height: 47px;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	background: url(../images/top/button1_2.png) 0 0 no-repeat;
}
div.flashBox .b_toiawase a:hover {
	background-position: 0 -52px;
}
div.flashBox_fla .b_toiawase a:hover {
	background-position: 0 -47px;
}
div.styleBox {
	margin-top: 20px;
	width: 950px;
	height: 160px;
}
div.styleL, div.styleR {
	float: left;
	height: 133px;
	overflow: hidden;
}
div.styleL {
	width: 720px;
}
div.styleR {
	width: 230px;
}
div.styleBox h2 {
	width: 230px;
	height: 25px;
	text-indent: -9999px;
}

h2#h2_style1 {
	background: url(../images/top/h2_1.png) 0 0 no-repeat;
}
h2#h2_style2 {
	background: url(../images/top/h2_2.png) 0 0 no-repeat;
}
div.styleBox p {
	float: left;
	margin-right: 10px;
	width: 230px;
	height: 105px;
}
div.styleBox p a {
	display: block;
	border: 1px solid #babcbe;
	width: 228px;
	height: 103px;
	text-indent: -9999px;
	background-position: 4px 4px;
	background-repeat: no-repeat;
}
div.styleBox p a:hover {
	border: 1px solid #b20000;
}
p.p_style1 a {
	background-image: url(../images/top/style1.png);
}
p.p_style2 a {
	background-image: url(../images/top/style2.png);
}
p.p_style3 a {
	background-image: url(../images/top/style3.png);
}
p.p_style4 a {
	background-image: url(../images/top/style4.png);
}
div.topLbox, div.topRbox {
	float: left;
}
div.topLbox {
	width: 670px;
}
div.topRbox {
	margin-left: 20px;
	width: 260px;
}
div.topLbox_1, div.topLbox_2 {
	float: left;
}
div.topLbox_1 {
	width: 289px;
}
div.topLbox_2 {
	width: 360px;
	line-height: 16px;
}
div.topLbox_1 p {
	line-height: 16px;
	width:270px;
}

/*自分にあったコースを探す*/
#search_box {
	width:649px;
	margin:0 0 30px 0;
	line-height:1.4;
	_line-height:1.2;
}
#search_box h2 {
	background:url(../images/top/h2_1.gif) 0 0 no-repeat;
	width:649px;
	text-indent:-9999px;
}
.box_course{
	width:314px;
	float:left !important;
}
.box_course#course_jr{
	height:135px;
	_height:110px !important;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:0 10px 10px 0;
	display:block;
}
.box_course#course_hi{
	height:135px;
	_height:110px !important;
	border-bottom:1px dotted #ccc;
	padding:0 0 10px 10px;
	display:block;
}
.box_course#course_shakaijin{
	height:110px;
	_height:100px;
	border-right:1px dotted #ccc;
	padding:10px 10px 0 0;
	clear:left;
	display:block;
}
.box_course#course_kounin{
	height:110px;
	_height:100px;
	border:none;
	padding:10px 0 0 10px;
	display:block;
}
.box_course dt{width:314px; height:23px; margin-bottom:10px;}
.box_course dd{
	width:314px;
	float:left;
}
#search_box .img_course a{
	width:72px;
	float:left;
	margin-right:10px;
	border:none;
}
#search_box .course_ex{
	width:230px;
	float:left;
}
.txt_ex{margin-left:10px;}
#search_box li{
	font-weight:bold;
	clear:both;
}
#search_box .link a{
	float:right;
	clear:both;
	background:url(../images/top/ico_gray.gif) no-repeat left 3px;
	padding-left:10px;
}

/*トライ式高等学院について*/
#about_box {
	width:649px;
	margin:0 0 30px 0;
}
#about_box h2 {
	background:url(../images/top/h2_7.gif) 0 0 no-repeat;
	width:649px;
	text-indent:-9999px;
}
#about_box p {
	margin:20px 0 10px;
	display:block;
	width:620px;
}
#about_box dl {
	width:210px;
	height:130px;
	background:url(../images/top/course_bg.jpg) 0 0 no-repeat;
	float:left;
	display:inline;
	margin:0 9px 0 0;
}
#about_box dl dt {
	margin: 15px 0 5px 15px;
	background:url(../images/top/icon.jpg) 0 2px no-repeat;
	padding-left:10px;
	color:#1e4f93;
	font-size:12px;
	font-weight:bold;
}
#about_box dl dd {
	margin:0 15px;
	color:#333;
	font-size:12px;
}
#about_box dl.co_last {
	margin-right:0;
}
/*コース案内*/

#course　 {
	clear:both;
	width:649px;
	margin:30px 0 30px 0;
}
#course h2 {
	background:url(../images/top/h2_8.gif) 0 0 no-repeat;
	width:649px;
	text-indent:-9999px;
}
#course ul {
	width:649px;
}
#course ul li {
	list-style:none;
	float:left;
	margin-right:7px;
}
#course ul li img {
	border:none;
}
#course ul li.co_last {
	margin-right:0;
}

.clear {
	clear:both;
}
/*h2#h2_course, h2#h2_support, h2#h2_flow, h2#h2_taikendan, #about_box h2, #course h2,#search_box h2 {
	margin-bottom: 10px;
	height: 25px;
	border-bottom: 1px solid #666;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
h2#h2_course {
	width: 270px;
	background-image: url(../images/top/h2_3.png);
}
h2#h2_support {
	width: 360px;
	_height: 27px;
	background-image: url(../images/top/h2_4.png);
}*/
div.topLbox_1 ul {
	width: 280px;
	height: 160px;
}
div.topLbox_1 ul li {
	width: 280px;
	height: 40px;
}
div.topLbox_1 ul li a {
	display: block;
	text-decoration: underline;
	outline: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-bottom: 3px;
}
li.course_1 a {
	/*background-image: url(../images/top/course_1.png);*/

	font-size: 14px;
	font-weight: 700;
	padding-left: 10px;
	line-height: 13px;
	background: url(../images/global/ico_sk_gray.png) 0 2px no-repeat;
}
li.course_1 a:hover {
	color: #FF9900;
	text-decoration: underline;
}
li.course_2 a {
	/*background-image: url(../images/top/course_2.png);*/

	font-size: 14px;
	font-weight: 700;
	padding-left: 10px;
	line-height: 13px;
	background: url(../images/global/ico_sk_gray.png) 0 2px no-repeat;
}
li.course_2 a:hover {
	color: #FF9900;
	text-decoration: underline;
}
li.course_3 a {
	/*background-image: url(../images/top/course_3.png);*/

	font-size: 14px;
	font-weight: 700;
	padding-left: 10px;
	line-height: 15px;
	background: url(../images/global/ico_sk_gray.png) 0 1px no-repeat;
}
li.course_3 a:hover {
	color: #FF9900;
	text-decoration: underline;
}
div.d_detailLink {
	margin-top: 10px;
	position: relative;
	height: 20px;
}
div.d_detailLink a {
	position: absolute;
	right: 0px;
}
div.d_detailLink2 {
	clear:both;
	width:127px;
	float:right;
	background: url(../images/global/ico_sk_gray.png) 0 2px no-repeat;
	margin-bottom:15px;
	padding-left:10px;
}
h2#h2_flow {
	width: 270px !important;
	background-image: url(../images/top/h2_5.png);
}
h2#h2_taikendan {
	width: 360px !important;
	_height: 27px;
	background-image: url(../images/top/h2_6.png);
}
h2#h2_course-hiyou {
	width: 360px !important;
	_height: 27px;
	background-image: url(../images/top/h2_6.png);
}


.imgTaikenMin a {
	width:140px;
	height:140px;
	background: url(../images/top/img_taiken2.jpg) no-repeat left top;
	border:1px solid #ccc;
	float:left;
	margin-right:10px;
	text-indent:-9999px;
}
/*.imgTaikenMin a:hover{

	border:1px solid #b20000;

}*/

p.p_flow {
	margin-bottom: 20px;
	width: 640px;
}
p.p_flow {
	margin-bottom: 5px;
	width: 640px;
	line-height: 16px;
}
p.bannerBox {
	margin-bottom: 10px;
}
h3#h3_topics {
	margin-top: 5px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/top/h3_1.png) 0 0 no-repeat;
}
/*AKBグッズプレゼント*/
.bannerBox02 .bnr{margin-bottom: 5px;}
.goodsTxt{
 padding:3px 10px 5px 20px;
 font-weight:bold;
 vertical-align: bottom;
 background:#e1f0f9 url(../images/top/icon.gif) 10px 6px no-repeat;
 margin-bottom: 10px;
}
.goodsTxt img {vertical-align: bottom; padding:0px 0 0 5px;}
/*　/AKBグッズプレゼント*/

div.topicCnts {
	margin-bottom: 5px;
	border: 1px solid #babcbe;
	padding: 20px;
	width: 608px;
	height: 380px;
	*height: 365px;
	+*height: 377px;
	overflow: auto;
}
div.topicCnts ul li {
	padding-bottom: 10px;
	border-bottom: 1px solid #ecedef;
	margin-bottom: 10px;
}
p.p_date {
	font-weight: 700;
	color: #999;
}
h3#h3_movie {
	width: 200px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/top/h3_2.png) 0 0 no-repeat;
}
div.movieBox {
	margin-top: 5px;
	border: 1px solid #babcbe;
	padding: 1px;
	width: 256px;
	height: 216px;
}

div.movieBufferBox {
	margin-bottom: 10px;
	font-size: 10px;
	line-height: 12px;
	color: #999;
}