@charset "Shift_JIS";
/*------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------*/
/*--- reset typo ---*/
body{font:13px/1 "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif;}
*html body{font-size:small;font:x-small;}
*:first-child+html body{font-size:small;font:x-small;}
/*--- reset element ---*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,table,th,td,
form,fieldset,legend,label,input,textarea,embed,object{margin:0;padding:0;}
html{overflow-y:scroll;}
table {border-collapse:collapse;border-spacing:0;}
th,td {text-align:left;vertical-align:top;font-weight:normal;}
fieldset{border:0;}
ul,li{list-style:none;}
img{border:0;line-height:0;vertical-align:bottom;}
sub,sup{font-size: 75%;/font-size:100%;line-height:0;}
sup{vertical-align:0.333em;}
sub{vertical-align:baseline;}
input,textarea,select {font-family:inherit;font-size:inherit;/font-size:100%;font-weight:inherit;}
embed,object{outline: none;}
/*ClearFix-*/
/*--- clearfix ---*/
.clearfix:after{content:'';display:block;clear:both;height:0;}
.clearfix{/zoom:1;}


/*------------------------------------------------------------------------------
  common
------------------------------------------------------------------------------*/
/*--- text color ---*/
html{
	overflow-y:scroll;
}


/*------------------------------------------------------------------------------
  top
------------------------------------------------------------------------------*/
html,body {
	height: 100%;
	/*background: #fff url(../top0214_2.jpg) top center no-repeat;*/
}
#top {
	/*background: url(../img/index_bg_contents.png) top left;*/
}

#top #flashcontentwrap {
	width: 100%;
	min-width: 960px;
	height: 705px;
}
#top #flashcontent {
	width: 100%;
	min-width: 960px;
	height: 676px;
	background: url(../img/index_bg_main.gif) top left repeat-x;
}
#top #flashcontent .main {
	width: 100%;
	min-width: 960px;
	height: 745px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	background:transparent url(../img/index_main_top.jpg) top center no-repeat;
}
#top #flashcontent .maininner {
	width: 100%;
	min-width: 960px;
	height: 676px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	background:transparent url(../img/index_main_bottom.jpg) bottom center no-repeat;
}

/* IE6 hack */
* html #top #flashcontentwrap,
* html #top #flashcontent,
* html #top #flashcontent .main,
* html #top #flashcontent .maininner {
	width:expression(document.body.clientWidth < 962? "960px" : "100%");
}

#top #flashcontent .main .logo_area {
	position: relative;
	width: 960px;
	height: 29px;
	margin: 0 auto;
}
#top #flashcontent .main .logo_area p {
	position: absolute;
	top: 8px;
}
#top #flashcontent .main .logo_area p.logo1 {
	left: 0;
}
#top #flashcontent .main .logo_area p.logo2 {
	right: 0;
}
#top #contents {
	position: relative;
	height:630px;
	margin-top: -30px;
}

#top #gnav {
	position: relative;
	top: -31px;
	width: 960px;
	height: 57px;
	margin: 0 auto;
}
#top #gnav ul {
	margin-left: 70px;
}
#top #gnav li {
	float: left;
	width: 107px;
	margin-right: 6px;
}
#top #gnav li.firstchild {
	width: 142px;
}
#top #gnav li.lastchild {
	margin-right: 0;
}
#top #gnav #courseicon{
	left: 468px;
    top: 47px;
}
#top #info {
	width: 960px;
	margin: 0 auto;
}
#top #info ul li,
#top #info p,
#top #info dt,
#top #info dd {
	position: absolute;
}
#top #info .section0 {
	position: relative;
	left:204px;
	top:-2px;
	width: 756px;
	height:74px;
	background: url(../img/index_bg_section0.png) left top no-repeat;
}
#top #info .section1 p{
	position: absolute;
	left: 211px;
	top: 0px;
	font-size: 12px;
	line-height: 1.3;
	-webkit-text-size-adjust: none;
}

#top #info .section1 p a:link{color:#e90303;text-decoration:none;}
#top #info .section1 p a:visited{color:#e90303;text-decoration:none;}
#top #info .section1 p a:hover{color:#ff7878;text-decoration:underline;}
#top #info .section1 p a:active{color:#e90303;text-decoration:none;outline:none;}
#top #info .section1 p a:focus{color:#ff7878;text-decoration:underline;outline:none;}

#top #info .section1 {
	position: relative;
	width: 800px;
	/*height: 242px;*/
	height:190px;
	margin-bottom:20px;
}
#top #info .section1 .box1 {
	position:relative;
	float:left;
	top:-50px;
	left:0;
	width:280px;
	height:120px;
	display: inline;
	/*border:#000 solid 1px;*/
}
#top #info .section1 .box1 .img1 {
	position:absolute;
	left: -4px;
    top: 3px;
	width:960px;
	height:130px;
}
#top #info .section1 .box1 .img2 {
	position:absolute;
	left: 143px;
  top: 2px;
}
#top #info .section1 .box1 .img3 {
	position:absolute;
	left: 143px;
  top: 72px;
}
#top #info .section1 .box1 .txt0 {
	position:absolute;
	top: 50px;
	left: 198px;
}
#top #info .section1 .box1 .txt6 {
	top: 150px;
	left: 204px;
}
#top #info .section1 .box1 .txt7 {
	top: 195px;
	left: 204px;
}
#top #info .section1 .box1 .btn1 {
	top: 132px;
	left: -1px;
}
#top #info .section1 .box1 .btn2 {
	top: 197px;
	left: -1px;
}

#top #info .section1 .box1 .btn3 {
	top: 228px;
	left: -1px;
}

#top #info .section1 .box1 .txt8 {
	top: 240px;
	left: 204px;
}

#top #info .section1 .box1 .txt9 {
	top: 163px;
	left: 300px;
}
#top #info .section1 .box1 .txt10 {
	top: 163px;
	left: 440px;
}
#top #info .section1 .box1 .txt11 {
	top: 163px;
	left: 600px;
}
#top #info .section1 .box1 .txt12 {
	top: 199px;
	left: 300px;
}
#top #info .section1 .box1 .txt13 {
	top: 199px;
	left: 440px;
}

#top #info .section1 p {
	top: -38px;
	left: 313px;
}








#top #info .section1 .box5 {
	top: 0;
	left: 702px;
}

#top #info .section1 .section2 {
	width: 700px;
	/*height: 242px;*/
}

#top #info .section1  .section2 .box5_2 {
	top: 105px;
	left: 757px;
}
#top #info .section1 .box6 {
	top: 0;
	right: 0;
	width: 125px;
	height: 135px;
	background: url(../img/index_btnbg_tvcm2.jpg) top center no-repeat;
}

#top #info .section1 .submenu .submenu1 {
	left: 70px;
	top: -94px;
}
#top #info .section1 .submenu .submenu2 {
	left: 346px;
	top: -94px;
}
#top #info .section1 .submenu .submenu3 {
	left: 622px;
	top: -94px;
}
#top #info .section1 .submenu .submenu4 {
	left: 691px;
	top: -94px;
}
/*--ticker--*/
/*body{font:78%;}*/ /*js for Android hac*/
div#ticker{
	width:668px;
	height:115px;
	background:url("../img/index_club_bg.gif") top left no-repeat;
	position:relative;
	top: 2px;
	left:0px;
	float:right;
	display: inline;
}
div#ticker .info{
	width:229px;
	height:12px;
	position:absolute;
	top:10px;
	left:12px;
	display:inline;
}
/*div#ticker .btn{
	width:195px;
	height:12px;
	position:absolute;
	top:11px;
	>top:9px;
	right:10px;
}*/
div#ticker .display{
	position:relative;
	top:34px;
	>top:37px;
	left:61px;
	/*width:605px;*/
	width:520px;
	height:78px;
	>height:75px;
	padding:0;
	overflow:hidden;
	z-index:1;
}
div#ticker ul#items {
	list-style:none;
	position:absolute;
	/*width:600px;*/
	width:525px;
	top:0;
	left:0;
	background-color:#fff;
	overflow:hidden;
}
div#ticker ul#items li{
	position:relative;
	overflow:hidden;
	font-size:12px;
	padding:6px 4px 1px 20px;
	>padding:6px 4px 4px 20px;
	line-height:1.0;
	display:block;
	width:500px;
	height:14px;
	margin-top:3px;
	>margin-top:0px;
	background:#ffffff url("../img/index_club_com.gif") 3px 6px no-repeat;
	-webkit-text-size-adjust: none;
}
/*Wii&DSi Opera9.5〜*/
div#ticker ul#items li:not(\*|*) {
	padding-top:2px;
	padding-bottom:1px;
	height:18px;
}
/*div#ticker ul#items li a{
	text-decoration:none;
	display:block;
	padding:1px 0 2px 0;
	margin:0;
}*/
div#ticker ul#items2 {
	list-style:none;
	position:absolute;
	width:525px;
	top:78px;
	left:0;
	overflow:hidden;
	background-color:#fff;
}
div#ticker ul#items2 li{
	position:relative;
	overflow:hidden;
	font-size:12px;
	padding:6px 4px 1px 20px;
	>padding:6px 4px 4px 20px;
	line-height:1.0;
	display:block;
	width:500px;
	height:14px;
	margin-top:3px;
	>margin-top:0px;
	background:#ffffff url("../img/index_club_com.gif") 3px 6px no-repeat;
	-webkit-text-size-adjust: none;
}
/*Wii&DSi Opera9.5〜*/
div#ticker ul#items2 li:not(\*|*) {
	padding-top:2px;
	padding-bottom:1px;
	height:18px;
}
/*div#ticker ul#items2 li a{
	text-decoration:none;
	display:block;
	padding:1px 0 2px 0;
	margin:0;
}*/

div#ticker span.male{
	display:inline;
	color:#00a0e9;
	padding:0 0 0 2px;
}
div#ticker span.female{
	display:inline;
	color:#f95fa2;
	padding:0 0 0 2px;
}
div#ticker span.male:not(\*|*) {
	font-size:90%;
}
div#ticker span.female:not(\*|*) {
	font-size:90%;
}

/*#contents {
	background-image:url(../img/top_0515_10.png);
	background-position:center top;
	background-repeat:no-repeat;
	}*/


div#ticker .btn1{
	width:66px;
	height:54px;
	position:absolute;
	top:46px;
	right:13px;
	display:inline;
}
div#ticker .btn2{
	width:666px;
	height:115px;
	position:absolute;
	top:0px;
	/*>top:-3px;*/
	left:0px;
	z-index:2;
}
/*--ticker end--*/

/*#top #info .section2 {
	position: relative;
	width: 960px;
	height:212px;
	margin-top:46px;
	clear:both;
}*/


#top #info .section1 .box3 .txt1 {
	top:-1px;
	left:296px;
}
#top #info .section1 .box3 .txt1_other{
	top:22px;
	left:332px;
}
#top #info .section1 .box3 .txt2 {
	top: -1px;
	left:523px;
}
#top #info .section1 .box3 .txt3 {
	top: 37px;
	left:296px;
}
#top #info .section1 .box3 .txt4 {
	top: 37px;
	left:523px;
}
#top #info .section1 .box3 .txt5 {
	top:72px;
	left:296px;
}
#top #info .section1 .box3 .txt6 {
	top:72px;
	left:523px;
}
#top #info .section2 .box6_2 {
	top: 20px;
	right: 0;
	width: 125px;
	height: 135px;
	background: url(../img/index_btnbg_tvcm_r.jpg) 5px 5px no-repeat;
}
#top #info  .section1 .section2 .box7 {
	top: -1px;
	left: 757px;
}

#top #info .section3{
	width:960px;
	height:94px;
	margin-top:2px;
	position:relative;
	background: url(../img/index_line_r.png) 0 80px no-repeat;
	overflow: hidden;
}
#top #info .section3 .btn1{
	position: relative;
	top:20px;
	left:176px;
}

#top #info .section4 {
	background: url(../img/index_bg_contents2.png) top center no-repeat;
	position: relative;
	width: 960px;
	height: 50px;
}
#top #info .section4 dl dt {
	left: 10px;
    top: 13px;
}
#top #info .section4 dl dd {
	left: 225px;
    top: 13px;
}
#top #info .section4 p {
	right: 10px;
    top: 27px;
}
#top #footer{
	width: 100%;
	min-width: 960px;
	height: 50px;
	background:#000000 url(../shared/bg_footer.png) top center repeat-x;
	position: relative;
	margin: 0 auto;
}

/* IE6 hack */
* html #top #footer {
	width:expression(document.body.clientWidth < 962? "960px" : "100%");
}

#top #footer ul {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#top #footer ul li{
	top: 17px;
	position: absolute;
}
#top #footer #fnav1{
	left: 0px;
}
#top #footer #fnav2{
	left: 63px;
}
#top #footer #fnav3{
	left: 232px;
}
#top #footer #fnav4{
	left: 295px;
}
#top #footer #fnav5{
	left: 363px;
}
#top #footer #fnav6{
	left: 406px;
}
#top #footer #fnav7{
	left: 510px;
}
#top #footer #fnav8{
	left: 561px;
}
#top #footer #fnav9{
	left: 678px;
}
#top #footer #fnav10{
	left: 777px;
}
#top #footer #backtop{
	left: 935px;
	top: 7px;
}