﻿@charset "utf-8";

@import url('school.css');
@import url('profile.css');

body {
	background: #B4BFD1 url('../img/body_bg.gif') no-repeat left top;
	color:#000000;
	font-size : 12px;
	font-family: Verdana,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}

p{	margin: 2px 0px 5px 23px;
	line-height: 18px;
	color: #666666;
}

h1{
	text-align: center;
}

h1{
	text-align: center;
}

h2{
	background: white url('../img/common/navi_01.gif') no-repeat;
	 color: navy;
	height: 22px;

      font-size: 14px;
      margin-left: 40px;
     padding-top: 5px;
      padding-left: 20px;
      margin-bottom: 5px;
     
 }
 
 h3{
	background: white url('../img/common/navi_03.gif') no-repeat;
      font-size: 12px;
      margin:14px 0px 0px 60px;
      padding-bottom: 2px;
      padding-left: 15px;
      color: navy;
      font-weight: normal;
     
 }
 
 h3 a{
      color: #666666;
 }



}
th { font-size:12px; }

td { font-size:12px; }

a {
	text-decoration:none;
	color: navy;
	}
a:hover {
	text-decoration:underline;
	color: #FF6600;
}

a:visited {
	text-decoration:none;
	color:#0000FF;
}


td {font-size:12px;color: #4c4c4c;} 


.topic_path{
	text-align: right;
	font-size: 10px;
	margin-top: 10px;
	font-family:Verdana,"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;
	padding-left: 0px;

}
#header{
	position: relative;
	background:white url('../img/common/header_01.jpg') no-repeat;
	width: 746px;
	height: 141px;
	margin-left: 1px;
}

#header img{
	border: none;
}



#container{
	position: relative;
	text-align:center;
	background: url('../img/common/container_bg.gif') repeat-y;
	width: 817px;
}

#wrapper{
	text-align:center;
	width: 817px;
}

#g_navi{
	text-align:center;
	width:747px;

	background: url('../img/menu_bg01.jpg') no-repeat;
	margin-left:2px;
}

#g_navi img{
     border: none;
}


#main_img{
	background:white url('../img/common/main_img.jpg') no-repeat;
	width: 743px;
	height: 216px;
	margin-left:1px;
}
#intro{
	position: relative;
	text-align:center;
	width: 745px;
}

#new{
    
	text-align:left;
	background:white url('../img/common/new_bg.gif') no-repeat;
	width: 272px;
	height: 174px;
	float:left;
	padding-top: 45px;
}

#new p{
	text-align:left;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:4px;
	margin-right:0px;
	line-height: 12px;

}

#new a{
	color:#666666;
}

#new a:hover{
	text-decoration: underline;
}


.news{
	border-bottom: 1px #99CCFF dashed;
	width: 247px;
	margin-left: 15px;
	margin-top: 5px;
}
.date{
	padding-top:1px;
	color:#150C67;
	background: white url('../img/common/navi_03.gif') no-repeat;
	padding-left: 10px;
	
	
}

#banner{
	text-align:left;
	width: 472px;

	float:right;
}

#banner img{
border: none;
}





#menu ul{
	list-style: none;
}
#menu li {
list-style-image: url('../img/li.jpg');
  margin-top: 3px;
  font-size: x-small;
  letter-spacing: 0.1em;
  font-weight: normal;
  width: 150px; 
  padding-left:20px; 
  padding-right:4px; 
  padding-top:4px; 
  padding-bottom:5px
}
#menu a {
  border-bottom: 1px dashed #cccccc;
  margin-top: 3px;
   padding: 4px 4px 5px 4px;
  color: #000000;
  display: block;
  width: 150px;
  font-weight: normal;
 
  text-decoration: none;
  font-size: 12px;
  }
#menu a:hover {
  text-decoration: underline;
  margin-top: 3px;
  padding: 4px 4px 5px 4px;
  border-right: 10px solid #ffffff;
  background: #000000;
  color: #ffffff;
  display: block;
  width: 150px;
 
   font-size: 12px;
}
#menu p.note {
  margin: 0 15px;
}


#main{
	text-align:left;
	width: 720px;

}


#main p{
      padding: 0px 10px  0px  35px ;

}

#main img{
      padding-left: 5px ;

}

#main img{
      border:none;

}

#main h1{
      font-size: 12px;
      margin-top: 20px;
}





#main a{
     color:#666666;
     text-decoration: underline;
}

#main a:hover{
     color: navy;
     text-decoration: none;
}



#pr{
	margin-left:37px;
	text-align:left;
	margin-top: 140px;
	width: 190px;

}

#pr p{
	font-size: 10px;
	color: #000000; 
	line-height: 14px;
	}


#pr img{
border: 1px gray solid;

}

#pr a {
  border-bottom:none;
  margin-top: 0px;
   padding: 0px;;
  color: #000000;
  }
  
#pr a:hover {
  text-decoration: none;
  margin-top: 0px;
  padding: 0px;
  border-right: none;
  background: #000000;
  color: #ffffff;
}



.style1 {
	border-style: solid;
	background-color: #FFFFFF;
}
.style2 {
	border-collapse: collapse;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
}

.style5 {
	background-color: #E8E8E8;
}
.style6 {
	text-align: center;
	background-color: #E8E8E8;
}

.border01 {
	border-style: solid;
	border-width: 1px;
}


.fs10 {font-size: 10px;}
.lh140 {line-height:140%}

.ind10 {padding-left: 10px;}


.lh120 {line-height:120%} 

/* ================================================ */
/* footer              */


#footer{
	position: relative;
	text-align: center;
	background:#ffffff url('../img/common/footer.gif') no-repeat left top;
    clear: both;
	width: 744px;
	height: 39px;
	margin-right: 0px;
	border-top:1px #c0c0c0 solid;
	padding-top: 10px;
	margin-left: 2px;
	margin-top: 30px;
}


#footer p{
font-size: 11px;
line-height: 12px;
text-align: left;
padding-left: 10px;
}

#footer a {
    color: #666666;
  font-weight: normal;
  font-size: 10px;
  		padding-top: 30px;

}
#footer a:hover {
  text-decoration: underline;
  font-weight: normal;
  font-size: 10px;
      color: #161652;
}

#footer ul{
	display: inline;
	padding-left: 0px;
  	margin-left: 0px;



}

#footer li{
	display: inline;
	font-size: 10px;
	  color: #808080;

}

address {
  text-align: center;
  margin: 20px 0px 20px 0px;
  font-weight: normal;
  font-style: normal;
  font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #161652;


  font-size: 10px;
}

.center{
			text-align: center;
}

.style5 {
	background-color: #E8E8E8;
}

strong{
color:#000000;
font-weight: bold;
font-size: 12px;}

.hdn {
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: 2;
}

