@charset "utf-8";

/*
汎用タグ設定
*/

*{
	margin:0;
	padding:0;
}
a{
	outline:0;
	color: #0066CC;
}
a:link,a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

img{border:none;}

/*
clearFix
*/
.clearfix{zoom:1;}
.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

/*
汎用クラス
*/
.block {display: block;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.center{text-align:center;}
.attn {
	font-size: 10px;
	color: #666666;
}

.f10{font-size:10px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}

.f_pink{ color: #FF3333;}
.f_green{ color: #6F9300;}
.f_orange {
	color: #FF6600;
}


/* Padding */
.p0{padding: 0px;}

.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}

.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}

.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}


.pb40{padding-bottom:40px;}
.pl2{padding-left:2px;}

/* Margin */
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}


.fl_mr15{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	}
.fr_ml15{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

a:hover img{
opacity:0.7;
filter: alpha(opacity=75);
-ms-filter: "alpha( opacity=75 )";
background: #fff;
}


body {
	margin: 0px;
	padding: 0px;
	color:#333;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	font: 12px/180% "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;
}
p {
	padding: 10px 0px;
}
.innerBlock {
	padding: 10px 15px;
}



#wrapper{
	width: 830px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
}

/*
ヘッダ
*/
#head {
margin:0px auto 15px auto;
width:830px;
clear: both;	
}


h1 {
	font-size: 10px;
	width:820px;
	margin:0px auto;
	font-weight: normal;
	padding:0px;
	display: block;
	line-height: 20px;
	color: #666;
}

strong.pgttl {
	font-size: 10px;
	width:820px;
	margin:0px auto;
	font-weight: normal;
	padding:0px;
	display: block;
	line-height: 20px;
	color: #666;
}

.logo {
	width: 220px;
	float: left;
}






/*
グローバルメニュー
*/
#mainMenu{
	width:830px;
	height:47px;
	display:block;
	clear: both;
	padding: 0px;
	
}

#headMiddle {
	text-align: right;
	display: block;
	padding: 15px 0px 15px 0px;
	height: 63px;
	width: 600px;
	float: right;
}
#headMiddle li {
	display: block;
	float: right;
	list-style: none;
	height: 44px;
	font-size: 1px;
}

#hMPamph {
	width: 180px;
	margin-left: 0px;
}
#hMPamph a {
	display: block;
	height: 0pt;
	padding-top: 28px;
	overflow: hidden;
}
#hMPamph a.sem {
	background: url(../img/head_btn_seminar.gif) no-repeat;
	margin-bottom:4px;
}
#hMPamph a.pamph {
	background: url(../img/head_btn_pamph.gif) no-repeat;
}

#hMOpenSchool {
	width: 170px;
	margin-left: 15px;
	margin-right:10px;
}
#hMOpenSchool a {
	background: url(../img/head_bnr_openschool.jpg) no-repeat;
	display: block;
	height: 0pt;
	padding-top: 60px;
	overflow: hidden;
}


#hMFree {
	width: 167px;
	margin-right: 10px;
}





#mainMenu li{
	float:left;
	list-style:none;
	display:block;
	font-size:1px;
	height:47px;
}
#mainMenu a {
	display: block;
	height:0pt;
	overflow:hidden;
	padding-top:47px;
	font-size:1px;
}
#mainMenu #mM_top{
	width:126px;
	background: url(../img/btn_main_top.jpg);
}
#mainMenu #mM_campus{
	width:164px;
	background: url(../img/btn_main_menu_campus.jpg);
}
#mainMenu #mM_about{
	width:164px;
	background: url(../img/btn_main_menu_guide.jpg);
}
#mainMenu #mM_nyugaku{
	width:125px;
	background: url(../img/btn_main_menu_entrance.jpg);
}
#mainMenu #mM_jugyou{
	width:124px;
	background: url(../img/btn_main_menu_class.jpg);
}
#mainMenu #mM_faq{
	width:127px;
	background: url(../img/btn_main_menu_faq.jpg);
}

#mainMenu #mM_top a:hover{
	width:126px;
	background: url(../img/btn_main_top_o.jpg) no-repeat left center;
}
#mainMenu #mM_campus a:hover{
	width:164px;
	background: url(../img/btn_main_menu_campus_o.jpg);
}
#mainMenu #mM_about a:hover{
	width:164px;
	background: url(../img/btn_main_menu_guide_o.jpg);
}
#mainMenu #mM_nyugaku a:hover{
	width:125px;
	background: url(../img/btn_main_menu_entrance_o.jpg);
}
#mainMenu #mM_jugyou a:hover{
	width:124px;
	background: url(../img/btn_main_menu_class_o.jpg);
}
#mainMenu #mM_faq a:hover{
	width:127px;
	background: url(../img/btn_main_menu_faq_o.jpg);
}


#contents{
	clear:both;
	padding-top: 27px;
}
#contentsLeft {
	width: 220px;
	float: left;
}
#blog {
	border: 1px solid #EAEBED;
}
#blog dd {
	padding-left: 10px;
	font-size: 10px;
}


#contentsRight {
	float: right;
	width: 585px;
}
#underContact {
	display: block;
	padding: 30px 0px 15px;
}
#underDesc {
	margin: 0px auto 10px;
	width: 565px;
	padding: 15px;
	border: 1px solid #EEE;
}
#underDesc h3 {
	line-height: normal;
	display: block;
	color: #333;
	font-size: 13px;
}
#underDesc p {
	font-size: 11px;
	line-height: 1.4;
	color: #666;
}


/*
フッタ
*/
#foot {
	clear: both;
	width: 848px;
	margin: 0px auto;
	padding-top: 50px;
}

#footAddress{
font-size:11px;
}
#footAddress *{
display:block;
}



#footAddress dl.left {
	margin:0px;
	padding:10px 0px 10px 10px;
	width:450px;
	float:left;
	display: block;
}  



#footAddress dt {  
	clear: left;
	float: left;
	width: 135px;
	padding:2px 0 2px 0px;
} 
   
#footAddress dd {
	padding:2px 0 2px 0px;
}

  
  
#footAddress dl.right {
text-align:left;
margin:0px;
padding:10px 10px 0px 0px; 
width:370px;
float:right;
display: block;
}  





#footLink{
	border-top:dotted 1px #dedede;
	border-bottom:solid 3px #ff9900;
	font-size:10px;
	text-align:center;
	padding:15px 0px 5px 35px;
	margin:0px;
	height:25px;
	line-height:35px;
}
#footLink li{
	padding:0px 4px;
	float: left;
	list-style: none;
	line-height: normal;
	border-right: 1px solid #333;
}

  

#footMenu {
width:830px;
margin:0px auto;
text-align:center;
}


#footMenu li {
	float: left;
	list-style: none;
	line-height: 47px;
	height: 47px;
	padding-left:5px;
}
#footMenu li a {
	font-size: 10px;
	padding: 0px 3px;
	display: block;
}
#footMenu li a:link,#footMenu li a:visited{
text-decoration:none;
}
#footMenu li a:hover {
text-decoration:underline;
}
#quickAccess {
	display: block;
	clear: both;
	background: #FCFCFC url(../img/footer_ttl.gif) no-repeat 15px 0px;
	border: 1px solid #DEDEDE;
	padding: 15px;
}
#quickAccess div {
	float: left;
	width: 204px;
	font-size: 10px;
	line-height: normal;
	color: #666666;
}
#quickAccess .qaTtl {
	padding-top: 60px;
}

#quickAccess div dl {
}
#quickAccess div dl dt {
	font-weight: bold;
	display: block;
	padding-bottom: 5px;
}
#quickAccess div dl dd {
	padding: 2px 0px;
}

#quickAccess div a   {
	color: #666666;
	text-decoration: none;
	display: block;
}
#quickAccess div a:hover {
	color: #F90;
	text-decoration: underline;
}





#foot #copyright {
	clear: both;
	text-align: center;
	font-size: 10px;
	margin:3px 0px 5px 0px;
	padding: 3px 0px 0px 0px;
	border-top: 1px solid #DDDDDD;
}
#quickAccess .footFeeDl dd {
	padding: 0px;
}

#scrollBarBnr{
	display:block;
	right:0px;
	top:50px;
	overflow:hidden;
	z-index:100;
	position:fixed;
	_position:absolute;
	_top:expression(this.style.filter = '', '50');
	_right: expression(this.style.filter = '', '0');
}
#footerLink {
	border-top: 1px solid #D8D8D8;
	background: #F0F0F0;
}
#fLinner {
	background: #F0F0F0;
	margin: 0px auto;
	width: 760px;
	display: block;
	height: 20px;
}
#fLinner li {
	display: block;
	float: left;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	margin: 0px 10px;
	list-style: none;
}
#fLinner li a {
	color: #999999;
}
#fLinner li a:hover {
	text-decoration:none;
}
#schoolMusic {
	height: 38px;
	padding-top: 67px;
	padding-left: 88px;
	margin-bottom: 18px;
	background: url(../img/school_music_bg.jpg) no-repeat;
}
#sMPlayer {
	width: 259px;
	float: left;
}
#sMKashi {
	display: block;
	float: left;
}
#sMPdf {
	float: left;
	display: block;
	margin-left: 4px;
}

