@charset "UTF-8";
html{
		height: 100%; 
}
body  {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ,"メイリオ", Meiryo;
	background: #F3F3F3;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#wrapper セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	height: 100%; 
}

#container { 
	width: 800px;  /* 最大幅である 1000px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background:url(../img/WMBA-back.jpg);
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	position: relative;  
    height: auto !important;  
    height: 100%;  
    min-height: 100%;  
} 

#wrapper {
	width: 760px;
	margin:0 auto;
	background-color:#FFF;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	padding-bottom: 172px !important;
	padding-bottom: 190px;
}
#wrapper:after { 
    content: ".";  
    clear: both;  
    display: block;  
    height: 0;  
    visibility: hidden;  
} 
#header {
	margin: 0; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	background:url(../img/WNTU-top2.jpg)  no-repeat 0 0;
	height:86px;
	padding:2px 1px 0 0;
	text-align:right;
	font-size: 11px;
	color:#FFF;
}
#header p{ 
	margin:0;
	padding:0;
}
	
#header a{ 
	color: #FFF;
	text-decoration: none;
}

#header c{ 
	letter-spacing:0.2em;
}

#header_rogo{
	position: absolute;
	top:30px;
	left:20px;
}
	

#navi{
	clear:both;
	height: 46px;
	margin: 0; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	padding:0;
	
}

#titleimg{
	clear:both;
	height: 99px;
	margin:0;
	padding:0;
}
#titleimg img{
	display:block;
}

#titlefla{
	clear:both;
	height: 315px;
}

#newsevents{
	margin:27px 0 0 17px;
	width:244px !important;
	width /**/:290px;
	background:url(../img/ne_back.jpg) left bottom no-repeat;
	padding:0 26px 24px 12px;
	float:left;
	font-size:12px;
	line-height:142%;
	color:#4c4c4c;
}

#newsevents p{
	margin:0;
}

#newsevents h5 {
		margin: 0 0 0 -12px;
		padding:0;
		height: 26px;
		text-decoration:none;
}

#newsevents table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	
}
#newsevents th, #newsevents td{
	border:none 0px;
	padding:16px 0 0;
	vertical-align: top;
	margin:0;
	font-size:12px;
	line-height:142%;
	}
#newsevents th {
	color:#c51921;
	text-align:left;
	font-weight:normal;
	width:78px;
}
#newsevents a{
	color:#4c4c4c;
}


#mainContent_top { 
	margin: 27px 0 0 14px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 



#mainContent_menu{
	margin:0 14px 13px 0;
	padding:1px;
	width:232px !important;
	width /**/:248px;
	height:186px !important;
	height /**/:201px;
	background:url(../img/mainmenu_back_c.png) 0 0 no-repeat;
	float:left;
	display:inline;
}
#mainContent_menu_l{
	float:left;
	margin-right:10px;
}
#mainContent_menu h3{
	padding:0;
	margin:0;
}
#mainContent_menu p{
	padding:0 0 0 8px;
	margin:0;
}
#mainContent_menu img {
	vertical-align: top;
}
#mainContent_menu ul{
	margin:0;
	padding:0;
	font-size:12px;
	color:#0f3676;
}
#mainContent_menu li{
	margin:0;
	padding:0 12px 0 0;
	display:inline;
	text-indent: 0;  
    margin-left: -0.6em;  
	line-height:1.3;
}
#mainContent_menu li img {   
 padding:0.25em 0;   
 vertical-align:middle;   
}   
#mainContent_menu li > img {   
 padding:0;   
}  

#mainContent_menu a{
	text-decoration:none;
	color:#0f3676;
}

#mainContent_menu a:hover{
	text-decoration: underline;
}

#mainContent {
	margin: 30px 30px 0 220px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	font-size:13px;
} 
#mainContent p{
	line-height:150%;
	margin:0;
	padding:0;
	text-align:justify;
}
#mainContent a{
	color:#0f3676;
}
#mainContent a:visited{
	color:#0f3676;
}
#mainContent a.red{
	color:#A40000;
	text-decoration:none;
}
#mainContent a.mails{
	color:#000000;
}
.links{
	color:#0f3676;
}
.red{
	color:#A40000;
	text-decoration:none;
}
#mainContent p.rtop{
	font-size:11px;
	text-align:right;
}
.links2{
	color:#0f3676;
	text-decoration:none;
}
#mainContent h1{
	font-size:18px;
	font-weight:100;
	letter-spacing:0.1em;
	color:#0f3676;
	line-height:140%;
	margin:0 0 24px 0;
}
#mainContent h3{ 
	font-size:15px;
	font-weight:500;
	margin:24px 0 6px;
	padding:0 0 2px 0;
	color:#0f3676;
	border-bottom:#0f3676 1px solid;
	line-height: 1.2;
}
#mainContent h4{
	font-size:13px;
	font-weight:bold;
	margin:24px 0 6px;
}
#mainContent h1.second{
	margin-top:50px;
}
#mainContent h3.first{
	margin-top:0;
}
#mainContent ul,ol{
	font-size:13px;
	line-height:160%;
	margin: 2em 0 2em 1.6em;
	padding: 0;
}
#mainContent dl{
	font-size:13px;
	line-height:150%;
	margin: -0.3em 0 0 1em;
	padding: 0;
}
#mainContent dt{
	margin-top:.6em;
	color:#A40000;
}
#mainContent dd{
	margin:0;
}
.que ul, .que li{
	margin-top:1em;
}
.que2 ul {
	margin-top:0;
}
.que2 li{
	margin-top: -2em;
	margin-bottom:2em;
}
#mainContent table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
#mainContent th,td{
	font-size:13px;
	line-height:150%;
	border:#333 1px solid;
	padding:6px 10px;
	vertical-align: top;
	margin:0;
}
#mainContent th {
	background-color:#B7E5FD;
	color:#002E73;
	text-align:left;
	font-weight:normal;
	width:30%;
}
#mainContent td{
	text-align:justify;
}
#mainContent .news td{
	border:none 0px;
	padding-left:0;
}
#mainContent .news th,td{
	padding:6px;
}

#mainContent2 { 
	margin: 20px 0 20px 40px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 

#footer {
	clear:both;
	height:28px;
	width:760px;
	padding:0;
	background:url(../img/copyright.gif);
	margin:0 auto;
	position: absolute;
	bottom: 0;
} 

#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

#footer_top{
	clear:both;
	height:94px;
	padding:40px 0 10px;
	margin:0 auto;
	background-color:#FFF;
	text-align:center;
	position: absolute;
	width:760px;
	bottom: 28px;
}
#footer_top p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 0 0 16px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

#mainContent p.kyakuchu{
	margin:10px 0;
	font-size:10px;
}
.kome {
	text-indent:-1em;
	font-size:12px;
}
.apply {
	text-align: center;
	margin: 10px;
}
.names {
	font-size: 14px;
	font-weight:bold;
}
#datebig {
	font-size: 18px;
	line-height: 200%;
	margin:20px 40px;
}
#mainContent .newspage a{
	color:#A40000;
	text-decoration:none;
}
#mainContent .newspage a:visited{
	color:#A40000;
}
#mainContent .newspage p{
	margin:1em 0 ;
}