﻿@charset "utf-8";

html{height:100%}

body {
	margin: 0px;
	padding: 0px;
	background: #fff url(../../img/common/bg.jpg) repeat-x left 80px;
	text-align: center;
	color:#4D4D4D;
}

.shade{
	width:800px;
	margin:0 auto;
	text-align:center;
	background: url(../../img/common/shade.png) repeat-y;
}

.wrap{
	width:780px;
	padding: 0px;
	margin:0 auto;
	text-align:center;
	background:#FFF;
}

/*ヘッダ*/
#head{
	width:780px;
	height:68px;
	background: #fff url(../../img/common/headbg.jpg) repeat-x left bottom;
}

#head h1{
	margin: 0px;
	padding: 0px;
	width:384px;
	height:58px;
	float:left;
	background: #fff url(../../img/common/hase_school_logo.jpg) repeat-x left bottom;
}
#head h1 a{
	margin: 0px;
	padding: 0px;
	width:384px;
	height:58px;
	display:block;
}
#head h1 a span{display:none;}

#head div.headright{
	float:right;
	width:360px;
	margin:6px 6px 0 0;
}
#head div.textlink{
	margin:0;
	width:360px;
	height:24px;
	text-align:right;
	font-size:90%;
}
#head div.textlink a{color:#4D4D4D;}
#head div.textlink a:hover{color:#903;}
#head ul.text{
	margin:0;
	padding:0;
	text-align:right;
	font-size:90%;
	list-style:none;
}
#head ul.text li{
	background:url(../../img/common/list.gif) no-repeat left center;
	float:right;
	padding:0 10px 0 12px;
}

#head div.tab{
	margin:0 10px 0 0;
	padding:0;
	height:38px;
	width:360px;
	clear:both;
}
#head ul.tabul{
	list-style:none;
	height:38px;
	width:360px;
	margin:0;
	padding:0;
}
#head ul.tabul li{
	background:url(../../img/common/tab.jpg) left bottom no-repeat;
	float:right;
	width:90px;
	height:38px;
	line-height:38px;
	font-size:80%;
	/*margin-top:10px;*/
}
#head ul.tabul li a{
	text-decoration:none;
	color:#4D4D4D;
}
#head ul.tabul li a:hover{
	text-decoration:none;
	color:#903;
}
#head ul.tabul li.tabreq{
	width:125px;
	font-size:100%;
	background:url(../../img/common/tab_req.jpg) left bottom no-repeat;
}
#head ul.tabul li.tabreq a{color:#FFF;}
#head ul.tabul li.tabreq a:hover{color:#FF9;}

/*トップメニュー*/
#navi{
	/*clear:both;*/
	/*height:50px;*/
	margin:0;
	background:#FFF;
	text-align:center;
}
#navi ul.mm{
	margin:0px 20px;
	padding:0;
	list-style:none;
	width:740px;
}
#navi ul.mm li.mmli{
	width:123px;
	height:50px;
	line-height:50px;
	float:left;
	/*display: inline;*/
	margin:0;
	padding:0;
	position:relative;
	/*position:absolute;*/
}
#navi ul.mm li.mmli a{
	color:#4D4D4D;
	width:123px;
	height:50px;
	line-height:50px;
	display:block;
	background:url(../../img/common/navibg.gif) left bottom no-repeat;
}
#navi ul.mm li.mmli a.mmright{background:url(../../img/common/navibg_r.gif) left bottom no-repeat;}
#navi ul.mm li.mmli a.mm_k{background:url(../../img/common/navibg_k.gif) left bottom no-repeat;}
#navi ul.mm li.mmli a.mm_f{background:url(../../img/common/navibg_f.gif) left bottom no-repeat;}
#navi ul.mm li.mmli a:hover{color:#CC66CC;}

#navi ul.sub{
	position:absolute;
	/*position:relative;*/
	margin:0;
	padding:0;
	font-size:90%;
	text-align:left;
	/*left:0px;
	top:50px;*/
	/*background:#CFC;*/
}
#navi ul.sub{
	/*/margin-left:-10px;*/
	/left:0px;
}
/*#kaigolayer,#fukulayer{
	position:absolute;
	margin:-28px 0 0 120px;
	padding:0;
	font-size:90%;
	text-align:left;
}*/
#navi ul.sub,ul.subsub{
	margin:0;
	padding:0;
	list-style:none;
}
#navi ul.sub li.subli,
#navi ul.subsub li.subsubli{
	width:122px;
	height:28px;
	line-height:28px;
}
#navi ul.sub li.subli a{
	width:107px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	display:block;
	background:url(../../images/hase10/common/submenu.png) no-repeat bottom;
	border-bottom:#CC66FF dotted 1px;
	padding-left:15px;
}
*html #navi ul.sub li.subli a{
	width:122px;
	
}

#fukumenu{
	/margin-top:-3px;
}

#navi ul.sub li.subli a:hover{
	background:url(../../images/hase10/common/submenu_on.png) no-repeat bottom;
	color:#FFF;
}
#navi ul.subsub li.subsubli a{
	width:102px;
	height:28px;
	line-height:28px;
	text-decoration:none;
	display:block;
	background:url(../../images/hase10/common/sub_sub.png) no-repeat bottom;
	border-bottom:#CC66FF dotted 1px;
	padding-left:20px;
}
/**:first-child+html #kaigolayer ul.subsub li.subsubli a,*:first-child+html #fukulayer ul.subsub li.subsubli a{
	margin:-10px 0 -23px 0;
}*/

#navi ul.subsub li.subsubli a:hover{
	background:url(../../images/hase10/common/sub_sub_on.png) no-repeat bottom;
	color:#FFF;
}

/*メイン*/
#main{
	background:url(../../images/hase10/common/mainbg.gif) repeat;
	width:550px;
	margin:0px 0 0 20px;
	text-align:center;
	float:left;
}
*html #main{
	width:540px;
	margin:0px 0 0 10px;
}

#main_full{
	background:url(../../images/hase10/common/mainbg.gif) repeat;
	width:720px;
	margin:0px 0 0 20px;
	padding:10px;
	text-align:left;
}

/*サイド*/
#side{
	background:#FFF;
	margin:0 10px 0 0;
	text-align:center;
	width:190px;
	float:right;
}
*html #side{
	margin:0 5px 0 0;
}
#side ul.bn{
	width:175px;
	list-style:none;
	margin:0px auto;
	padding:10px 0;
	text-align:left;
	font-size:80%;
}
*html #side ul.bn{
	margin:0px;
}
#side ul.bn li{
	margin:3px 0;
}
#side ul.bn li a{
	display:block;
	width:140px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0 0 0 30px;
	background:url(../../img/top/btn_target2.jpg) no-repeat left center;
	text-decoration:none;
	color:#FFF;
}
#side ul.bn li a.student{background:url(../../img/top/btn_target1.jpg) no-repeat left center; color:#4D4D4D;}
#side ul.bn li a.bn1{background:url(../../img/common/sidebn1.jpg) no-repeat left center; color:#4D4D4D;}
#side ul.bn li a.bn2{background:url(../../img/common/sidebn2.jpg) no-repeat left center; color:#4D4D4D;}
#side ul.bn li a.bn3{background:url(../../img/common/sidebn3.jpg) no-repeat left center; color:#4D4D4D;}
#side ul.bn li a:hover{color:#903;}

/*#side div.sbox{
	margin:0 auto;
	padding:5px;
	width:158px;
	background:#F2F2F2;
	border-right:#999999 1px solid;
	border-left:#999999 1px solid;
	text-align:left;
}*/
#side ul.subjectul{
	width:170px;
	height:115px;
	list-style:none;
	margin:10px auto;
	padding:50px 0 0 0;
	text-align:left;
	line-height:120%;
}
#side ul.kaigoul{background:url(../../img/common/side_kaigo.jpg) no-repeat left top;}
#side ul.fukuul{background:url(../../img/common/side_fuku.jpg) no-repeat left top;}
#side ul.kaigoul li{
	background:url(../../img/common/list_kaigo.gif) no-repeat left center;
	margin-left:20px;
	padding-left:10px;
}
#side ul.fukuul li{
	background:url(../../img/common/list_fuku.gif) no-repeat left center;
	margin-left:20px;
	padding-left:10px;
}
#sidekaigo{
	margin:10px auto 0 auto;
}

#side ul.bbn{
	width:175px;
	margin:10px auto;
	padding:0;
	list-style:none;
}
#side ul.bbn li{
	width:175px;
	height:90px;
	margin:0;
	padding:0;
}
#side ul.bbn li a{
	width:175px;
	height:90px;
	margin:0;
	padding:0;
	display:block;
}
#side ul.bbn li a.btn_blog{background:url(../../img/top/btn_blog.jpg) no-repeat left center;}
#side ul.bbn li a.btn_mobile{background:url(../../img/top/btn_mobile.jpg) no-repeat left center;}


/*フッタ*/
#footer{
	clear:both;
	width:760px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	font-size:70%;
	background:#CCCCCC url(../../images/hase10/common/shade_bottom.gif) repeat-x top;
}
*html #footer{
	width:780px;
}

#footer div.address{
	float:left;
	text-align:left;
	margin-bottom:10px;
}
#footer div.kikan{
	float:right;
	text-align:left;
	width:200px;
	color:#CC66CC;
	margin:0 0 5px 0;
}
#footer div.kikan a{color:#CC66CC;}
#footer div.kikan h3{
	margin:0 0 5px 0;
	padding:0;
}
#footer div.copyright{
	clear:both;
	text-align:center;
	margin:5px auto;
}

/*共通*/
#head a,#side a{color:#4D4D4D; text-decoration:none;}
a:hover{color:#903;}
img{
	border:none;
	vertical-align: bottom;
	margin:0;
	padding:0;
}

.wrap a span{display:none;}

.alm{
	font-weight: bold; color: #c382b5; line-height: 130%;
}
.almp{
	margin: 0px 10px 0px 0px;
	float:left;
}
