@import url(fontsize.css);

/* ================================================
local set
================================================ */
A:link     {TEXT-DECORATION: underline; COLOR:#004b8f;}
A:visited  {TEXT-DECORATION: underline; COLOR:#004b8f;}
A:active   {TEXT-DECORATION: none;}
A:hover    {TEXT-DECORATION: none; COLOR:#cc6600;}
#dn a:link     {TEXT-DECORATION: none; COLOR:#fff;}
#dn a:visited  {TEXT-DECORATION: none; COLOR:#fff;}
#dn a:active   {TEXT-DECORATION: none; }
#dn a:hover    {TEXT-DECORATION: none; COLOR:#003300;}
#dn a.current:link     {TEXT-DECORATION: none; COLOR:#ff6;}
#dn a.current:visited  {TEXT-DECORATION: none; COLOR:#ff6;}
#dn a.current:active   {TEXT-DECORATION: none; }
#dn a.current:hover    {TEXT-DECORATION: none; COLOR:#003300;background-color:#ffd;}
#pan A:link     {TEXT-DECORATION: none; COLOR:#fff;}
#pan A:visited  {TEXT-DECORATION: none; COLOR:#fff;}
#pan A:active   {TEXT-DECORATION: none; }
#pan A:hover    {TEXT-DECORATION: none; COLOR:#003300;}
#footer div.footer-inner-menu A:link     {TEXT-DECORATION: underline; COLOR:#fff;}
#footer div.footer-inner-menu A:visited  {TEXT-DECORATION: underline; COLOR:#fff;}
#footer div.footer-inner-menu A:active   {TEXT-DECORATION: none; }
#footer div.footer-inner-menu A:hover    {TEXT-DECORATION: none; COLOR:#003300;background-color:#fff;}
#footer div.footer-inners-menu A:link     {TEXT-DECORATION: underline; COLOR:#003300;}
#footer div.footer-inners-menu A:visited  {TEXT-DECORATION: underline; COLOR:#003300;}
#footer div.footer-inners-menu A:active   {TEXT-DECORATION: none; }
#footer div.footer-inners-menu A:hover    {TEXT-DECORATION: none; COLOR:#003300;background-color:#fff;}
div.jarea A:link     {TEXT-DECORATION: underline; COLOR:#008cd6;}
div.jarea A:visited  {TEXT-DECORATION: underline; COLOR:#008cd6;}
div.jarea A:active   {TEXT-DECORATION: none;}
div.jarea A:hover    {TEXT-DECORATION: none; COLOR:#FFF; background-color:#007030;}

img {border: none;}
form {margin: 0px;}
body {
/*    FONT-FAMILY: "ƒƒCƒŠƒI","Meiryo","ver-dana","ƒqƒ‰ƒMƒmŠpƒSProW3","Hiragino Kaku Gothic Pro","Osaka","‚l‚r ‚oƒSƒVƒbƒN","MS PGothic","Sans-serif","arial","helvetica","clean","sans-serif";*/
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size: small; /* IE 7‚¨‚ζ‚ΡIE 6•W€€‹’ƒ‚[ƒh‚Ι“K—p*/ 
	*font: x-small; /* IE 6Œγ•ϋŒέŠ·ƒ‚[ƒh‚Ι“K—p*/
	line-height:180%;
	background-color: #3e3e3e;
	color: #000;
}
p {
	margin-bottom: 1em;
}
hr {
	display: none;
}
strong {
	font-weight: bold;
}
/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */
/* ================================================
local set
================================================ */

/* ‘S‘Μ‚Μ”wŒi */
.navi li {
	display: inline;
}
/* ================================================
top page
================================================ */
/*₯Žα‘*/
.sub_title{
	width:607px;
	padding: 5px 0px 0px 0px; 
	height:28px;
	margin-bottom: 10px;
    padding-left: 15px;
	background:url(../img/_common/title_bg1.gif) no-repeat;
	color:#333;
	font-weight:bold;
/*	border-bottom:2px solid #43946c;
	float:left;*/
}
.second .sub_title{
	margin-bottom: 20px;
}
/*₯Žα‘*/
.sub_mtitle{
	width:296px;
	padding: 5px 0px 0px 0px; 
	height:28px;
	margin-bottom: 10px;
    padding-left: 15px;
	background:url(../img/_common/title_bg2.gif) no-repeat;
	color:#333;
	font-weight:bold;
/*	border-bottom:2px solid #43946c;
	float:left;*/
}
/*₯Žα‘*/
.side{
	width:281px;
	padding: 0 10px 10px 10px;
	margin:0 9px 10px 9px;
	background:url(../img/_common/dotted.gif) repeat-x bottom;
}
/*₯Žα‘*/
.side_container{
	width:261px;
	padding-top:10px;
	text-align:center;
	float:left
}
/*₯Žα‘*/
.side_container_r{
	padding-top:10px;
	float:left
}
/*₯Žα‘*/
.side_container_l{
	padding:10px 0 0 10px;
	float:left
}
/*₯Žα‘*/
.side_container_l ul{
	width:121px;
	float:left
}
/*₯Žα‘*/
.side_container_l ul li{
	display: block;
	padding: 0px 0px 0px 14px;
	background-image:url(../img/_common/li3.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	float:left;
}
.sub_areatop{
	display:inline;
	width:638px;
	padding-left:20px;
	margin-bottom: 20px;
	color:#007130;
	line-height:200%;
}
.PhotoLeft{
    float:left;
    margin-right:15px;
    margin-bottom:15px;
	text-align:center;
}
.PhotoRight{
    float:right;
    margin-right:3px;
    margin-left:12px;
    margin-bottom:10px;
	text-align:center;
}
.top .sub_area{
	width:607px;
	margin-bottom: 20px;
	float:left;
	display:inline;
}
.second .sub_area{
    margin:0px 0px 20px 20px;
	float:clear;
}
.second .subt_area{
    margin:0px 0px 20px 10px;
	float:clear;
}
.tpbg{
	background-color:#e6d7c8;
}
/*₯Žα‘*/
.totop{
    margin:0 5px 10px 20px;
    padding-bottom:0px;
	text-align:right;
	float:clear;
}
.totope{
    margin:0 5px 0px 20px;
    padding-bottom:0px;
	text-align:right;
	float:clear;
}
/*₯Žα‘*/
.partition{
	text-align:center;
}
/*₯Žα‘*/
.stitle{
	width:668px;
	padding-left:20px;
	margin-bottom: 10px;
	float:clear;
	display:block;
	font-weight:bold;
	font-size:medium;
}
/*₯Žα‘*/
.sub_areafL{
	width:295px;
	display:inline;
	float:left;
}
/*₯Žα‘*/
.sub_areafR{
	width:291px;
	padding: 10px;
	float:left;
	display:inline;

}
*html .sub_areafR{
	width:311px;
	padding: 10px;
	float:left;
	display:inline;
}
.sub_areafL2{
	width:70px;
	margin-left: 10px;
	float:left;
}
.sub_areafR2{
	width:518px;
	margin-left: 20px;
	margin-bottom: 20px;
	float:left;
	overflow:hidden;
}
.sub_areafR3{
	width:410px;
	margin-left: 18px;
	margin-right: 10px;
	float:left;
	display:inline;
}
.sub_areafR3 ul.inner{
	width:398px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 10px;
	float:clear;
}
.sub_areafR3 ul.inner li{
	width:378px;
	margin-left: 10px;
	margin-right: 10px;

}
.sub_areafR3 dt{
	width:378px;
	margin-bottom: 10px;
	margin-right: 10px;
	text-decoration:underline;
	float:clear;
	font-weight:bold;
}
.sub_areafR3 dd{
	width:378px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
/* ================================================
second page
================================================ */
.sign{
	margin-top: 15px;
	margin-right: 10px;
	text-align:right;
}
.jarea{
	width:388px;
	margin: 10px;
	padding:10px;
	text-align:left;
	border:1px solid #CCC;
	color:#007130;
	float:left;
	display:inline;
}
.jarea ul{
	width:368px;
	padding-left: 10px;

}
.jarea li{
	width:164px;
	padding:3px 0 0 20px;
	margin:0 0px 0 0px;
	background:url(../img/_common/li1.gif) no-repeat;
	background-position:0px 6px;
	float:left;
	display:inline;
}
*html .jarea li.left{
	margin-right:20px;
}

/* ================================================
second page sub title
================================================ */
.sub_stitle{
	width:653px;
	margin-bottom: 10px;
	padding-left: 11px;
	padding-right: 4px;

}
/* ================================================
gakuen infomation
================================================ */
.ext{
	margin-top: 10px;
	padding:0px 2px 0px 2px;
	width:60px;
	text-align:center;
	border:1px solid #2c8357;
	background-color:#2c8357;
	color:#fff;
}
/* ================================================
history
================================================ */
/*₯Žα‘ŽR*/
#main {
	width: 587px;
	margin-left: 20px;
}
/* html body{
/* for IE6
	FONT-FAMILY: "MS PƒSƒVƒbƒN","MS PGothic","Sans-serif";
}*/
#main .dateList{
	zoom:1;
	overflow:hidden;
	margin: 0px 0 20px;
	padding: 0px;
}
#main .dateList dt{
	clear: both;
	float: left;
	width: 7.8em;
	padding: 5px 0 5px 0px;
}
*html #main.dateList dt{/* for IE6*/
	width:7em;
}
#main .dateList dd{
	margin: 0;
	padding: 5px 0 5px 7.8em;
	background: url(../img/_common/dotted.gif) repeat-x left bottom;
}
*html #main.dateList dd{/* for IE6*/
	width:7em;
}
#main .dateList dd a{
	zoom: 1;
	display:inline-block;
	padding:0 0 0 0px;
}

/* ================================================
clear
================================================ */
.clear {
	clear: both;
}

/* ================================================
clearfix 
================================================ */
/* -- end clear float -- */

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:0;  /* for IE 7*/
}

* html .clearfix{height: 0;}
.clearfix{display: block;}

/* ================================================
impact color 
================================================ */

.na{
	color:#C00;
}
.current{
	color:#FF6;
}
/* ================================================
float‰πœ
================================================ */
.cl {   
    display: inline-block;   
}   
.cl:after {   
    content: "";   
    display: block;   
    clear: both;   
}

.strong {
	font-weight:bold;	
}