@charset "Shift_JIS";

/* ****************************************
 *  top.css  [2010/05/25]
	Modify  toiyama
 * ****************************************
 */
 
/* FONT
8px -> 71.4%
9px ->78.5%
10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217%
*/



/*==================================
top---トップページ
================================== */

#top #container{
width:930px;
padding:15px 0px 0px 0px !important; 
}

/*--------スマホサイトのみ表示　誘導ボタン----------*/
#top .spbnr{
width:930px;
margin:15px auto 0px;
}

/*-----------フラッシュ-------------*/
#top #flash{
background: url(../img/topimage.jpg) no-repeat center;
width:920px;
margin:0px 5px;
padding:0px;
height: 459px;  
overflow:hidden;
}

/*-----------上部バナー-------------*/
#top #bnr{
width:920px;
margin:0px 5px;
padding:0px;
}
#top #bnr li{
width:205px;
float:left;
}

#top #bnr .open{
width:510px;
}


/*-------コンテンツ部分---------*/
#contents{
width:930px;
margin:0px auto;
}


/*--イベントバナ--*/

.event-bnr{
margin: 16px 0px 6px;
background:#F0F2F4;
width:682px;
padding:6px 6px 6px 7px;
}

.event-bnr ul{
width:682px;
}

.event-bnr li{
margin-bottom:10px;
width:682px;
}


/*--ガールズコレクション---*/
.girls-c{
margin: 16px 0;
background:url(../img/bnr_girls-c.jpg) no-repeat center;
width:695px;
min-height:200px;   
height: auto !important;   
height: 200px; /*IE６用の高さを設定*/  
}

.girls-c .ev-btn{
float:left;
margin-top:160px;
margin-left:329px;
width:195px;
}


.girls-c .ev-click{
float:right;
margin-top:92px;
margin-right:52px;
width:104px;
}




/*-------新着情報---------*/
#news{
width:695px;
margin-bottom:25px;
}

#news h2{
width:695px;
margin-bottom:10px;
}

#news .newslist{
border-bottom: dotted 1px #CCCCCC;
width:695px;
margin:0px auto;
padding:5px 0px
}

#news .newslist dt{
width:200px;
float:left;
}
#news .newslist dt span{
color:#999999;
padding:0px 15px 0px 8px;
}
#news .newslist dd{
width:492px;
float:right;
}


/*----------学科コース------------*/

#gakka{
width:695px;
margin-bottom:30px;
}

#gakka h2{
width:695px;
padding:0px;
margin:0px;
}

#gakka .course{
width:487px;
background:url(../img/gakka_image.jpg) no-repeat left top;
padding:0px 0px 0px 208px;
color:#333333;
min-height:330px;   
height: auto !important;   
height: 330px; /*IE６用の高さを設定*/  
}

#gakka .course h3{
width:472px;
padding:0px;
}

#gakka .course .biyou{
background:url(../img/gakka_b_f.jpg) no-repeat bottom;
padding:0px 0px 8px;
width:472px;
}
	#gakka .course .biyou dl{
	background:url(../img/gakka_b_b.jpg) repeat-y;
	width:424px;
	padding:0px 24px;
	}
	#gakka .course .biyou dt{
	width:200px;
	float:left;
	}
	#gakka .course .biyou dd{
	width:200px;
	float:right;
	}
	#gakka .course .biyou ul{
	width:200px;
	padding:5px 0px;
	}
	#gakka .course .biyou li{
	background:url(../img/gakka_b_ico.jpg) no-repeat left 4px;
	padding:2px 0px 2px 20px;
	font-size:91.7%;
	}
	#gakka .course .biyou li span{
	font-size:83.4%;
	}
	#gakka .course .biyou li.ko-su{
	background:none;
	padding-left:0px;
	width:200px;
	margin-bottom:5px;
	}
	
	#gakka .course .biyou a:link,
	#gakka .course .biyou a:visited,
	#gakka .course .biyou a:active{
	text-decoration:none;
	color: #333333;
	}
	#gakka .course .biyou a:hover{
	text-decoration:underline;
	color: #A72C6B;
	}

#gakka .course .riyou{
background:url(../img/gakka_r_f.jpg) no-repeat bottom;
padding:0px 0px 8px;
width:472px;
}
	#gakka .course .riyou dl{
	background:url(../img/gakka_r_b.jpg) repeat-y;
	width:424px;
	padding:0px 24px;
	}
	#gakka .course .riyou dt{
	width:200px;
	float:left;
	}
	#gakka .course .riyou dd{
	width:200px;
	float:right;
	}
	#gakka .course .riyou ul{
	width:200px;
	padding:5px 0px;
	}
	#gakka .course .riyou li{
	background:url(../img/gakka_r_ico.jpg) no-repeat left 4px;
	padding:2px 0px 2px 20px;
	width:180px;
	font-size:91.7%;
	}
	
	#gakka .course .riyou a:link,
	#gakka .course .riyou a:visited,
	#gakka .course .riyou a:active{
	text-decoration:none;
	color: #333333;
	}
	#gakka .course .riyou a:hover{
	text-decoration:underline;
	color: #0066CC;
	}



.wordarea-h{
height:7px;
background:url(../img/wordarea-h.jpg) no-repeat center bottom;
}

.wordarea-f{
height:12px;
background:url(../img/wordarea-f.jpg) no-repeat center top;
}

.wordarea{
background:url(../img/wordarea-b.jpg) repeat-y center;
}
.wordarea .box{
width:630px;
margin:0px auto;
line-height:130%;
background:url(../img/wordarea-line.jpg) repeat-x bottom;
padding:10px;
margin-bottom:10px;
}

.wordarea .boxfin{
width:630px;
margin:0px auto;
line-height:130%;
padding:10px;
background:none;
}

.wordarea .box .ph,
.wordarea .boxfin .ph{
width:147px;
float:left;
font-size:83.4%;
}

.wordarea .box .ph img,
.wordarea .boxfin .ph img{
margin-bottom:10px;
}

.wordarea .box .ph span,
.wordarea .boxfin .ph span{
text-align:center;
color:#FF9900;
display:block;
}



.wordarea .box .txt,
.wordarea .boxfin .txt{
width:470px;
float: right;
padding:5px 0px;
font-size:91.7%;
}

.wordarea .box .txt h3,
.wordarea .boxfin .txt h3{
color:#D55E9C;
font-size:116.7%;
margin-bottom:5px;
}

.sp20{
height:15px;
}