@charset "utf-8";


/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}
/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.4;
	color:#4D4D4D;
	font-size:16px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Godthic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
}

/* テーブル・ボックス */

/* イメージ */
img,
a img{border:0;}

/* フォーム */
form{
	margin:0;
	padding:0;
}

/* 段落 */
p{
	margin:0;
	padding:0;
}

/* リンク */
a{color:#4D4D4D;}
a:hover{color:#F00;}

#wrapper{
	width:100%;
}

/* --------------------------------------------------
	##header
-------------------------------------------------- */
#header{
	margin:0 0 17px;
	width:100%;
	min-width:948px;
	background:url(../img_com/of/bg_header.gif) repeat-x left bottom;
}
#header-inner:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#header-inner{
	margin:0 auto;
	width:948px;
	height:79px;
	position:relative;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}
#header-inner h1{
	position:absolute;
	width:500px;
	top:6px;
	left:2px;
	color:#808080;
	font-size:75%;
	font-weight:normal;
}
#header-inner #logo{
	position:absolute;
	width:146px;
	top:31px;
	left:6px;
}
#header-list1{
	position:relative;
}
#header-list1 ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#header-list1 ul{
	position:absolute;
	top:50px;
	right:0;
	margin:0;
	padding:0;
	width:775px;
	height:25px;
	background:url(../img_com/of/bg_menu_1.gif) no-repeat left top;
	/*\*//*/
	overflow:hidden;
	/**/
}
#syusyoku #header-list1 ul{background:url(../img_com/of/bg_menu_1.gif) no-repeat 0 -25px;}
#request #header-list1 ul{background:url(../img_com/of/bg_menu_1.gif) no-repeat 0 -50px;}
#opencampus #header-list1 ul{background:url(../img_com/of/bg_menu_1.gif) no-repeat 0 -75px;}
#access #header-list1 ul{background:url(../img_com/of/bg_menu_1.gif) no-repeat 0 -100px;}
#faq #header-list1 ul{background:url(../img_com/of/bg_menu_1.gif) no-repeat 0 -125px;}
#inquiry #header-list1 ul{background:url(../img_com/of/bg_menu_1.gif) no-repeat 0 -150px;}
#kiyaku #header-list1 ul{background:url(../img_com/of/bg_menu_1.gif) no-repeat 0 -175px;}
#header-list1 ul li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:25px;
	float:left;
	color:#808080;
	font-size:75%;
	white-space:nowrap;
	text-align:center;
}
#header-list1 ul li.c-list0,
#header-list1 ul li.c-list0 a{width:92px;}
#header-list1 ul li.c-list1,
#header-list1 ul li.c-list1 a{width:67px;}
#header-list1 ul li.c-list1,
#header-list1 ul li.c-list1 a{width:67px;}
#header-list1 ul li.c-list2,
#header-list1 ul li.c-list2 a{width:166px;}
#header-list1 ul li.c-list3,
#header-list1 ul li.c-list3 a{width:108px;}
#header-list1 ul li.c-list4,
#header-list1 ul li.c-list4 a{width:92px;}
#header-list1 ul li.c-list5,
#header-list1 ul li.c-list5 a{width:182px;}
#header-list1 ul li.c-list6,
#header-list1 ul li.c-list6 a{width:68px;}
#header-list1 ul li a{color:#808080;}
#header-list1 ul li a:hover{color:#F00;}
#syusyoku #header-list1 ul li.c-list0 a{
	color:#FFF;
	text-decoration:none;
}
#request #header-list1 ul li.c-list1 a{
	color:#FFF;
	text-decoration:none;
}
#opencampus #header-list1 ul li.c-list2 a{
	color:#FFF;
	text-decoration:none;
}
#access #header-list1 ul li.c-list3 a{
	color:#FFF;
	text-decoration:none;
}
#faq #header-list1 ul li.c-list4 a{
	color:#FFF;
	text-decoration:none;
}
#inquiry #header-list1 ul li.c-list5 a{
	color:#FFF;
	text-decoration:none;
}
#kiyaku #header-list1 ul li.c-list6 a{
	color:#FFF;
	text-decoration:none;
}
#h-btn{
	position:absolute;
	top:7px;
	right:8px;
	width:59px;
}
#header-list2{
	position:relative;
}
#header-list2 ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#header-list2 ul{
	position:absolute;
	top:5px;
	right:0px;
	margin:0;
	padding:0;
	width:auto;
	min-height:1px;
	_height:1px;
	/*\*//*/
	overflow:hidden;
	/**/
}
#header-list2 ul li{
	margin:0;
	padding:0 0 0 28px;
	list-style:none;
	line-height:16px;
	float:left;
	color:#808080;
	font-size:75%;
	white-space:nowrap;
}
#header-list2 ul li.c-list1{background:url(../img_com/of/h_icon1.gif) no-repeat left center;}
#header-list2 ul li a{color:#808080;}
#header-list2 ul li a:hover{color:#F00;}
/* --------------------------------------------------
	##main
-------------------------------------------------- */
#main{
	clear:both;
	margin:0 auto 5px auto;
	width:948px;
	text-align:left;
}
#contents:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#contents{
	margin:0 0 20px;
	width:948px;
	/*\*//*/
	overflow:hidden;
	/**/
}
/* --------------------------------------------------
	##page-top
-------------------------------------------------- */
#page-top{
	clear:both;
	color:#808080;
	font-size:75%;
	text-align:right;
}
#page-top a{color:#808080;}
#page-top a:hover{color:#F00;}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer{
	clear:both;
	margin:0 auto 5px auto;
	width:948px;
	text-align:center;
}
#footer-list1{
	width:948px;
	background-color:#E8E8E8;
}
#footer-list1 ul:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#footer-list1 ul{
	margin:0 auto;
	padding:0;
	width:775px;
	height:25px;
	background:url(../img_com/of/bg_menu2_1.gif) no-repeat left top;
	/*\*//*/
	overflow:hidden;
	/**/
}
#footer-list1 ul li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:25px;
	height:25px;
	float:left;
	color:#D45F8B;
	font-size:75%;
	white-space:nowrap;
	text-align:center;
}
#footer-list1 ul li.c-list0,
#footer-list1 ul li.c-list0 a{width:92px;}
#footer-list1 ul li.c-list1,
#footer-list1 ul li.c-list1 a{width:67px;}
#footer-list1 ul li.c-list2,
#footer-list1 ul li.c-list2 a{width:166px;}
#footer-list1 ul li.c-list3,
#footer-list1 ul li.c-list3 a{width:108px;}
#footer-list1 ul li.c-list4,
#footer-list1 ul li.c-list4 a{width:92px;}
#footer-list1 ul li.c-list5,
#footer-list1 ul li.c-list5 a{width:182px;}
#footer-list1 ul li.c-list6,
#footer-list1 ul li.c-list6 a{width:68px;}
#footer-list1 ul li a{color:#D45F8B;}
#footer-list1 ul li a:hover{color:#F00;}

#copyright{
	padding:6px 0 20px;
	color:#808080;
	font-size:75%;
}
#fl{
	padding:7px 0;
	border-top:7px #E8E8E8 solid;
}