@charset "shift_JIS";

html, body{
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/*********************** ページ全体領域の設定 **********************/

#container{
	min-height: 100%;
	height: auto !important;
	height:100%;
	position: relative;
}

#screen{
	width: 855px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 60px;
}

/*********************** ヘッダー領域の設定 ************************/
#header{
	width: 855px;
	height: 80px;
}

#header-left{
	width: 420px;
	height: 80px;
	float: left;
}

#header-right{
	width: 300px;
	height: 80px;
	margin: 10px 0px 0px 0px;
	float: right;
}

#banar-right{
	width: 300px;
	height: 20px;
	padding: 0px;
}

#banar-menu{
	margin: 0px;
	padding: 0px;
	list-style: none; /* 先頭記号を消す */
	width: 280px;
	float: left;
}

#banar-menu > li{
	float: left;
	position: relative;
}

#banar-menu li a{
	display: block;
	text-align: center;
	height: 12px;
	width: 90px;
	padding: 2px 0px;
	margin: 5px 0px;
	background-color: #843239 ;
	font-size: 10px;
	color: white;
	text-decoration: none;
	border: 1px solid #D14F5A;
	border-radius: 4px 4px 4px 4px; /* タブに丸みをつける */
}

#banar-search{
	width: 300px;
	height: 60px;
	padding: 0px;
}

/********************** プルダウンメニュー領域の設定 ****************/
#menu{
	height: 22px;
}

/********************** emergency領域の設定 *************************/
/*#emergency {
	width: 855px;
	height: 50px;
	background-color: #EED2D4;
	margin: 20px 20px 0px;
	padding: 10px;l
	border: 1px solid #9999ff;
}*/


/*********************** 段組みレイアウト設定 ************************/
/********** main **********/
#index-main{
	width: 855px;
	height: 1110px;
	background-color: white;
}


/********** left **********/
#index-left{
	width: 238px;
	height: 1000px;
	float: left;
	border: 1px solid #FFFFFF;
}

#policy-left{
	width: 238px;
	height: 100px;
	margin: 0px 10px 2px 0px;
	padding: 10px 0px;
	line-height: 15px;
	border: 1px solid #D14F5A;

}

#left-h1{
	width: 228px;
	height: 12px;
	margin: 2px 10px 0px 0px;
	padding: 6px 0px 6px 12px;
	color: #FFFFFF;
	background-color: #843239;
}


/********** right **********/
#index-right{
	width: 610px;
	height: 900px;
	float: right;
	border: 1px solid #FFFFFF;
}

#slideshow{
	width: 605px;
	height: 250px;
	margin: 2px 0px 2px 2px;
	padding: 0px;
}


/*************** whats-new title 領域の設定 **********************/
#i-site-main{
    width:550px;
    height:;
    margin:30px 20px 0px;
    padding:0px 0px 10px;
}
#main-l{
    width:265px;
    height:;
    float:left;
}
#main-r{
    width:265px;
    height:;
    float:right;
}
#main-btm{
   width:550px;
   height:30px;
   clear:both;
}

#map-title{
   width:245px;
   height:12px;
   padding:4px 10px 6px;
   color:#ffffff;
}

#map-title >        a:{color:#ffffff;text-decoration:none;}
#map-title >    a:link{
	color:#ffffff;text-decoration:none;
}
#map-title > a:visited{
	color:#ffffff;text-decoration:none;
}
#map-title >   a:hover{
	color:#ffffff;text-decoration:underline;
}

.index{
	background-color:#48b9a8;
}
.info{
	background-color:#3cb878;
}
.corpo{
	background-color:#f3724f;
}
.stud{
	background-color:#c63a6d;
}
.pare{
	background-color:#a848b9;
}
.scho{
	background-color:#4879b9;
}

#m-ind-cts{
   width:263px;
   height:;
   padding:0px;
   background-color:#ffffff;
   border: 1px solid #48b9a8;
}
#m-inf-cts{
   width:263px;
   height:;
   padding:0px;
   background-color:#ffffff;
   border: 1px solid #3cb878;
}
.inf a{
	color:#000000;text-decoration:none;
}
.inf a:visited{
	color:#41c681;text-decoration:none;
}
.inf a:hover{
	color:#38ac71;text-decoration:underline;
}

#m-cor-cts{
   width:263px;
   height:;
   padding:0px;
   background-color:#ffffff;
   border: 1px solid #f3724f;
}
.cor a{
	color:#000000;text-decoration:none;
}
.cor a:visited{
	color:#fc885e;text-decoration:none;
}
.cor a:hover{
	color:#f3724f;text-decoration:underline;
}

#m-stu-cts{
   width:263px;
   height:;
   padding:0px;
   background-color:#ffffff;
   border: 1px solid #c63a6d;
}
.stu a{
	color:#000000;text-decoration:none;
}
.stu a:visited{
	color:#d85687;text-decoration:none;
}
.stu a:hover{
	color:#c63a6d;text-decoration:underline;
}

#m-par-cts{
   width:263px;
   height:;
   padding:0px;
   background-color:#ffffff;
   border: 1px solid #a848b9;
}
.par a{
	color:#000000;text-decoration:none;
}
.par a:visited{
	color:#bd52ce;text-decoration:none;
}
.par a:hover{
	color:#a848b9;text-decoration:underline;
}

#m-sch-cts{
   width:263px;
   height:;
   padding:0px;
   background-color:#ffffff;
   border: 1px solid #4879b9;
}
.sch a{
	color:#000000;text-decoration:none;
}
.sch a:visited{
	color:#5894db;text-decoration:none;
}
.sch a:hover{
	color:#4879b9;text-decoration:underline;
}

ul.map-link{
    list-style:none;
    width:253px;
    margin:0px 0px 20px;
    padding:0px 0px 0px 10px;
}
li.map-ind{
    width:235px;
    padding:8px 0px 2px 18px;
    background : url(index/list_icon.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
}
li.map-inf{
    width:235px;
    padding:8px 0px 2px 18px;
    background : url(info/list_icon.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
}
li.map-cor{
    width:235px;
    padding:8px 0px 2px 18px;
    background : url(corporate/list_icon.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
}
li.map-stu{
    width:235px;
    padding:8px 0px 2px 18px;
    background : url(students/list_icon.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
}
li.map-par{
    width:235px;
    padding:8px 0px 2px 18px;
    background : url(parent/list_icon.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
}
li.map-sch{
    width:235px;
    padding:8px 0px 2px 18px;
    background : url(schoolmate/list_icon.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
}



/*************** whats-new 領域の設定 **********************/
#whats-new{
	width: 605px;
	height: 313px;
	margin: 0px 0px 0px 2px;
	line-height: 15px;
	border: 1px solid #D14F5A;
}

p{
	padding: 0px 12px ;
	font-size: 14px;
	line-height: 1.5em;
}

h1{
	width: 605px;
	height: 20px;
	margin: 2px 20px 0px 2px;
	padding: 8px 0px 3px 12px;
	font-size: 18px;
	color: #ffffff;
	background : url(policy/policy_h1_back.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;
}

h2{
	width: 590px;
	height: 14px;
	margin: 2px 0px 0px 2px;
	padding: 4px 0px 6px 8px;
	border-bottom: 1px solid #843239;
	border-left: 8px solid #843239;
	font-size: 14px;
	color: #843239;
}

h3{
	width: 590px;
	height: 14px;
	margin: 2px 0px 0px 10px;
	padding: 4px 0px 6px 8px;
	border-bottom: 1px solid #843239;
	font-size: 14px;
	color: #843239;
}

/****************** フッター領域の設定 ***********************/
#footer{
	width: 850px;
	height: 40px;
	padding: 5px 5px;
	position: absolute;
	margin:10px 0px 0px 0px;
	bottom: 0px;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	background-color: #5E2328;
}

#footer a:link{
	color:#00bfff;
}

#footer a:visited{
	color:#eb6ea0;
}