@charset "utf-8";

/* --------------------------
 clear
 -------------------------- */
*{ margin:0; padding:0; }
ul,ol,dl{ list-style:none; }

.cf,
#contents,
.container,
#mainarea,
#subarea{
	zoom : 1;
}
.cf:after,
#contents:after,
.container:after,
#mainarea:after,
#subarea:after{
	display : block;
	height: 0;
	content : '';
	clear : both;
}

/* --------------------------
 basic
 -------------------------- */
body{
	background:url(../img/bg_head_a.gif) repeat-x;
	font-size:14px; 
	line-height:1.2em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic', sans-serif;
	color: #333;
}
a{ text-decoration: underline; color: #161867;}
a:link{ text-decoration: underline; color: #161867;}
a:visited{ text-decoration: underline; color: #5C5D95;}
a:hover{ text-decoration: underline; color: #9966ff;}
a:active{ text-decoration: underline; color: #9966ff;}
img{ border:none; }
p{ line-height:1.5; margin:15px 0; }
.even{ background-color:#eee ;}
.odd{ background-color:#fff; }
.dot{background-image:url(../img/bg_dot.gif); }
#hr{margin-top:20px;width:580px;height:20px;border-top:1px dotted #c5c5c5;}


/* --------------------------
 layout
 -------------------------- */
#header,
#top,
#main,
#navigation{
 width:850px;
 margin:0 auto;
}
#main{
	clear:both;
	background:url(../img/bg_left.jpg) repeat-y;
/*	overflow:auto; */
}
#left{
	width:650px;
	float:left;
	margin-top:15px;
	padding-bottom:30px;
}
#right{
	width:200px;
	float:right;
	margin-top:15px;
}
#footer{
	clear:both;
	background-color:#eee;
}

/* --------------------------
 header
 -------------------------- */
h1{
	margin-top:15px;
	font-size:10px;
	color:#999;
	font-weight:normal;
}
h2 a{
	display:block;
	float:left;
	width:260px;
	height:50px;
	background:url(../img/logo.gif) no-repeat;
	text-indent:-9999px;
}
ul#asp{
	float:right;
	margin-top:20px;
}
ul#asp li{
	display:inline;
}

/* --------------------------
 top/billboard
 -------------------------- */
#top{
 background:url(../img/bg_billbaord.gif) no-repeat;
}
#top #billboard{
	float:left;
	width:640px;
	height:240px;
	margin:5px 0 0 5px;
	/margin-left:3px;/* ie6-7 */
}

#top div#billboard h2{
	text-indent:-9999px;
}
#top div#billboard h2.c-menu{
	height:195px;
}
#top dl{
	float:right;
	width:195px;
	height:240px;
	background-color:#eee;
	margin:5px 5px 5px 0;
	/margin-right:3px;/* ie6-7 */
	text-align:center;
}
#top dt{
	height:163px;
	padding:0 0 10px 0;
}
#top dd{
	height:16px;
	font-size:10px;
	padding:0 0 5px 0;
}

/* contents menu */
ul.c-menu4,
ul.c-menu5{
	width:638px;
	height:43px;
	background:#efefef url(../img/bg_contents_menu.jpg) repeat-x;
	border:1px solid #e9e9e9;
	font-size:12px;
	line-height:1.3em;
}
ul.c-menu4 li,
ul.c-menu5 li{
	float:left;
	background:url(../img/icon_next.gif) no-repeat;
	margin:5px 0 0 5px;
	padding:0 5px 0 15px;
}
ul.c-menu4 li{ width:130px; }
ul.c-menu5 li{ width:100px; }
ul.c-menu4 .border,
ul.c-menu5 .border{
	width:2px;
	height:43px;
	margin:0;
	padding:0;
	background:url(../img/contents_menu_line.jpg) no-repeat;
}
#c-menu_btm{
	background-color:#fff;
	border:1px solid #e9e9e9;
	padding:4px;
	margin-top:20px;
}

/* --------------------------
 main
 -------------------------- */
/* left-------------------- */
/* contents */
#contents{
	width:580px;
	margin-left:50px;
}
.goto_top{
	clear:both;
	background:url(../img/icon_top.gif) no-repeat right;
	padding-right:13px;
	text-align:right;
	font-size:12px;
	line-height:1.4;
}
h3.pagetitle{
	height:35px;
	margin:10px 0 40px 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h3.title,
h4.title{
	width:580px;
	height:30px;
	font-size:16px;
	padding:8px 0 0 10px;
	background:url(../img/bg_h3.jpg) no-repeat;
}
h3.title02,
h4.title02{	
	width:567px; 
	height:auto; 
	font-size:16px; 
	margin-top:20px; 
	padding:8px 0 8px 10px; 
	background:url(../img/bg_h3_02.jpg) repeat-x;
	border-left:solid 2px #161867;
	border-right:solid 1px #dcdcdc;
	background-color:#f6f6f6;
	line-height:1.2em;
}

/* right------------------- */
#right{ background-color:#eee; }
/* g-menu */
#right ul li a{
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
	width:200px;
}
#g-menu_main li a,
#g-menu_bn li a{
	height:60px;
	margin-bottom:2px;
}
#g-menu_sub li a{
	height:37px;
}
li.menu_aim a{background:url(../img/menu_aim.jpg);}
li.menu_college a{background:url(../img/menu_college.jpg);}
li.menu_admission a{background:url(../img/menu_admission.jpg);}
li.menu_protector a{background:url(../img/menu_protector.jpg);}
li.menu_collegelist a{background:url(../img/menu_collegelist.jpg);}
li.menu_outline a{background:url(../img/menu_outline.gif);}
li.menu_news a{background:url(../img/menu_news.gif);}
li.menu_request a{background:url(../img/menu_request.gif);}
li.menu_links a{background:url(../img/menu_links.gif);}
li.menu_english a{background:url(../img/menu_english.gif);}
li.menu_sitemap a{background:url(../img/menu_sitemap.gif);}
li.menu_community a{background:url(../img/menu_community.jpg) no-repeat;}

#menu_deco{background:url(../img/menu_deco.gif) no-repeat; width:200px; height:5px; font-size:0;}
#menu_gray{width: 200px; height:20px; background-color:#eeeeef;}
#right_bg{
	width: 200px;
	height:150px;
	background:url(../img/bg_right_btm.jpg) repeat-x;
}


/* --------------------------
 footer
 -------------------------- */
#navigation{
	padding:30px 0;
	background:url(../img/bg_navigation.gif) right bottom no-repeat;
	font-size:12px;
}
#navigation ul{
	float:left;
	width:180px;
	margin-right:30px;
}
#navigation li{
	background:url(../img/icon_list_blue.gif) left 5px no-repeat;
	padding:0 0 15px 10px;
}
#navigation dl{
	/margin-top:-12px;/* ie6-7 */
}
#navigation dd{
	background:url(../img/icon_list_blue2.gif) left 10px no-repeat;
	padding:5px 0 0 10px;
}
#copyright{
	background: url(../img/bg_foot_a.gif);
	margin:0;
	padding:10px 0;
	font-size:12px;
	color:#fff;
	text-align:center;
}


/* --------------------------
 parts
 -------------------------- */
.clear{	clear:both;}

.icn_arrow-left {
	background:url(../img/icon_pre.gif) left center no-repeat;
	padding-left:13px;
}
.icn_arrow-right {
	background:url(../img/icon_next.gif) right center no-repeat;
	padding-right:13px;
}

.bg_white_30h{	background-color:#FFF; height:30px;}

.left{float:left; width:auto;}
.right{float:right; width:auto;}

.h16-10{ font-size:16px;line-height:100%;}
.h16-12{ font-size:16px;line-height:120%;}
.h16-13{ font-size:16px;line-height:130%;}
.h16-14{ font-size:16px;line-height:140%;}
.h16-15{ font-size:16px;line-height:150%;}
.h16-16{ font-size:16px;line-height:160%;}
.h14-10{ font-size:14px;line-height:100%;}
.h14-12{ font-size:14px;line-height:120%;}
.h14-13{ font-size:14px;line-height:130%;}
.h14-14{ font-size:14px;line-height:140%;}
.h14-15{ font-size:14px;line-height:150%;}
.h14-16{ font-size:14px;line-height:160%;}
.h12-10{ font-size:12px;line-height:100%;}
.h12-12{ font-size:12px;line-height:120%;}
.h12-13{ font-size:12px;line-height:130%;}
.h12-14{ font-size:12px;line-height:140%;}
.h12-15{ font-size:12px;line-height:150%;}
.h12-16{ font-size:12px;line-height:160%;}
.h10-10{ font-size:10px;line-height:100%;}
.h10-12{ font-size:10px;line-height:120%;}
.h10-13{ font-size:10px;line-height:130%;}
.h10-14{ font-size:10px;line-height:140%;}
.h10-15{ font-size:10px;line-height:150%;}
.h10-16{ font-size:10px;line-height:160%;}

.mg-top2{	margin-top:2px;}
.mg-top3{	margin-top:3px;}
.mg-top5{	margin-top:5px;}
.mg-top10{	margin-top:10px;}
.mg-top15{	margin-top:15px;}
.mg-top20{	margin-top:20px;}
.mg-top25{	margin-top:25px;}
.mg-top30{	margin-top:30px;}
.mg-top35{	margin-top:35px;}
.mg-top40{	margin-top:40px;}
.mg-top45{	margin-top:45px;}
.mg-top50{	margin-top:50px;}

.mg-btm05{	margin-bottom:5px;}
.mg-btm10{	margin-bottom:10px;}
.mg-btm15{	margin-bottom:15px;}
.mg-btm20{	margin-bottom:20px;}
.mg-btm25{	margin-bottom:25px;}
.mg-btm30{	margin-bottom:30px;}
.mg-btm35{	margin-bottom:35px;}
.mg-btm40{	margin-bottom:40px;}
.mg-btm45{	margin-bottom:45px;}
.mg-btm50{	margin-bottom:50px;}

table{
	border-collapse:collapse;
	border:solid 1px #CCC;
	text-align:left;
	background-color:#FFF;
}
td{
	padding:5px;
	border:solid 1px #CCC;
}
th.red{
	background:url(../img/bg_th_red.jpg) repeat-x;
	padding:5px;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	color:#fff;
	text-align:center;
}

iframe{
	width:100%;
}