body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-color: EEE;
	text-align: center;
	line-height: 140%;
	font-size: 90%;
	color:#333333;
}

/*リンクカラー*/

a:link {
	color: #009999;
	text-decoration: underline;
	border:none;
}
a:active {
	color: #009999;
	text-decoration: underline;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}
a:visited { 
	color: #003366;
	text-decoration: underline;
}


 /*ユニバーサル*/
h1,h2,h3,h4,h5,h6,p,ul,dl { 
 margin: 0;
 }
p { margin: 0; 
	text-indent: 0 ;/* 文字1文字分下げない */
}
.textindent{ 
	padding-left:-1em;
	text-indent: 1em;/* 文字1文字分下げる */
	line-height:150%;
}
.texti-w{ 
	padding-left:-1em;
	text-indent: 1em;
	line-height:200%;
}
ul  {
	 margin:0;
	 padding:0;
}

a img {
  border:none;
  }



ul li { margin-top: 0.5ex;}
ol { margin:1.5em 0 1.5em 3em ; padding:0;}
ol li { margin-bottom:5px; }




/*右フロート*/
.fltright {
   float: right;
}
/*左フロート*/
.fltleft {
   float: left;
   }
/*全てをクリア*/
.clear {
   clear: both;
   height:0;
} 
/*ハック*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */ 



div#container {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	background-color:#FFFFFF;
	border:1px #CCCCCC solid;
}
div#head {
	margin: 0 auto;
	width: 800px;
	height:150px;
	text-align: left;
	background:url(images/head_base.gif) center bottom no-repeat;
}

div#head h1#logo {
	padding-top:30px;
	text-align:center;
	padding-bottom:10px;
}



#gnavi {
	width: 100%;
	margin: 0 auto;
	padding:0 0 1em 0;
	text-align:center;
}
#gnavi ul { 
	margin: 0; 
	padding :0; 
	list-style-type : none; 
}
#gnavi li { 
	display : inline; 
	padding :0; 
	margin:0 ;
 }

#gnavi li a img { 
  border:none;
 }

div#photo {
	width: 100%;
	background:  url(images/photo_base.gif) repeat-y center top ;
	
}
div#school{
	text-align:center;
	width: 760px;
	padding: 0 ;
	margin:0 20px;

}


div#school table{
	margin: 10px auto;
	text-align:center;
	font-size:80%;
	background-color: #FFC;
}

div#school table td{
	vertical-align:top;
	padding:5px;
	}
	
div#photo_bt {
	width: 100%;
	height:30px;
	background:  url(images/photo_base_bt.gif) no-repeat center top ;
	position: relative;
}





div#main {
	margin: 0 auto;
	text-align:center;
	width: 740px;
	padding: 0 0 3em 0;
	margin:0 30px;
}

div#main .con{
	margin: 0 auto;
	width: 720px;
	margin:0 10px;
	text-align:left;
}
div#main p {
	text-align:left;
}

div#main_l {
	float:left;
	width: 460px;
	text-align: left;
}


div#main_l #info {
	width: 460px;
	text-align: left;
	padding: 0;
}



div#main_l #info p{
	text-align: left;
	margin:0.5em 0 0 6.5em;
}


div#main_l #topics {
	width: 460px;
	text-align: left;
	padding: 0 0 1em 0;
}

div#main_l #topics .news{
	width: 440px;
	border:2px #FF0000 dotted;
	background-color: #FFF5F4;
	padding:5px;
	overflow: auto; 
	height: 100px;
	scrollbar-base-color: #ff0000;
	font-size:90%;
}



div#main_l #topics .news dt{
	background:url(images/news_arrow.gif) left center no-repeat;
        float: left;
		margin-bottom:0.5ex;
		padding-left:1em;
        width: 6em;
}
div#main_l #topics .news dd{
		margin-left: 7em;
		margin-bottom:0.5ex;
}



div#main_r {
	float:right;
	width: 260px;
	text-align: ;
	padding: 0 0 1em 0;
	margin-left:20px;
}
div#main_r .clipb {
	width:260px;
	height:260px;
	background:url(images/clipb.gif) center top no-repeat;
}

div#main_r .clipb .photo{
padding:55px 20px 0px 20px

}
div#main_r .clipb .txt{
margin:5px 0 0 0 ;
font-size:85%;
line-height:120%;

}

/*contact tableeeeeeeeee*/
table.cont{
	margin: 10px auto;
	text-align:left;
	border:1px #000000 solid;
	border-collapse:collapse;
	font-size:90%;
}


table.cont tr td{
	padding:3px;
	text-align:left;
	border:1px #000000 solid;
	border-collapse:collapse;
	vertical-align:top;
}


table.cont tr td p,table.cont tr td div{
	margin-bottom:1ex;
}
/*statistic tableeeeeeeeee*/
table.sta{
	width:720px;
	margin: 10px auto;
	text-align:left;
	border:2px #000000 solid;
	border-collapse:collapse;
	font-size:90%;
}


table.sta tr td{
	padding:3px;
	text-align:center;
	border:1px #000000 solid;
	border-collapse:collapse;
	vertical-align:top;
}

table.sta th{
	padding:3px;
	text-align:left;
	border:1px #000000 solid;
	border-collapse:collapse;
text-align:center;
}

table.sta tr td.bnon{
border:none;
}





table.sta td.tit, th.tit{
	background-color:#FFFFCC;

}

table.sta td.kei{
	background-color:#CCC;
	text-align:center;
}

table.sta td.keinum{
text-align:right;

}


.view{
	margin: 20px 0 5px 0;

}



div#footer {
	clear:both;
	margin: 0 auto;
	width: 800px;
	height:50px;
	background:url(images/footer_base.gif) center bottom no-repeat;
}

div#footer address{
	text-align:center;
	font-style: normal;
	font-size:90%
}

div#main div#gotoTop {
	float: right;
	width: 310px;
	padding: 10px;
	text-align: right;
	font-size:90%;
}

div#main div.detail {
	text-align: right;
	width: 100%;
	clear: both;
	padding-right: 1em;
}

.caution { 
padding-left:1em;
text-indent:-1em;
font-size:90%;
}

.top { vertical-align:top;}
.mb_1 { margin-bottom:1em;}
.hidden {visibility: hidden;display: none;}
.bold {font-weight: bold;}
.bold_b1 {font-weight:bold;color:#0066FF;}
.bold_b2 {font-weight:bold;color:#0066FF;}
.inportant{ color: #FF6600}
.cent{ text-align:center;}
.centring{ margin:0 auto}
.note_s{ font-size:90%; text-align:right;}
.righttext{text-align:right;}
.pt1{padding-top:1.5em}
.schoollink{ font-size:80%; margin:1em auto; text-align:center}
.sep{ margin:1em 0}


h2.title{ text-align:left; font-weight:bold; border-bottom:1px dashed #CCC; margin:2em 0 1em 0; font-size:110%; color:#09F} 

table.concept{text-align:left;
	padding:3px;
	text-align:left;
	border:1px #ccc solid;
	border-collapse:collapse;
	vertical-align:top;
	 font-size:90%
	
}

table.concept tr td{text-align:left;
	padding:3px;
	text-align:left;
	border:1px #ccc solid;
	border-collapse:collapse;
	vertical-align:top;
}

table.concept tr td.tit{ background-color:#EEEEEE; font-weight:bold}

/* list decoration*/

dl.cir dt{ background:url(images/sq.gif) left top no-repeat; padding-left:20px; font-weight:bold}
dl.cir dd{ background:url(images/dot.gif) left top no-repeat; padding: 0 0 0 20px; font-weight: normal; margin-left:20px; text-align:150%;}

dl.cir dt{ background:url(images/sq.gif) left top no-repeat; padding-left:20px; font-weight:bold}
dl.cir dd{ background:url(images/dot.gif) left top no-repeat; padding: 0 0 0 20px; font-weight: normal; margin-left:20px; text-align:150%;}
ul.cirlist li{ list-style:outside url(images/dot.gif); margin:0.5em 0 0.5em 2.5em}


.fltright  { float: right; margin: 5px 0 5px 5px; text-align:right; font-size:90%;}
.fltleft{ float: left; margin: 5px 5px 5px 0;  text-align:right; font-size:90%;}