@charset "utf-8";
body  {
	font-size        : 12px;
	color            : #777777;
	background-color : #ffffff;              　
    font-family: 'ヒラギノ角ゴ Pro W3','ＭＳＰゴシック',meiryo, sans-serif; 
	line-height:22px ;
	margin: 0px;
	
}

a.link00 {font-size: 9px; line-height: 21px; text-decoration:none; color:#ff6600;}
a.link00:hover {font-size: 9px; line-height: 21px; text-decoration:underline; color:#FF6600;}
a.link01 {font-size: 12px; line-height: 22px; text-decoration:none; color:#eeeeee;}
a.link01:hover {font-size: 12px; line-height: 22px; text-decoration:underline; color:#FF3333;}
a.link02 {font-size: 12px; line-height: 22px;  text-decoration:none; color:#555555;}
a.link02:hover {font-size: 12px; line-height: 22px;  text-decoration:none; color:#555555;}

a {
	COLOR: #FF6600; TEXT-DECORATION: none
}
a:hover {
	COLOR: #FF6600; TEXT-DECORATION: underline
}


.text1 {
	font-size: 10px;
	line-height: 18px;
	text-decoration:none;
	color:#666666;
}
.text2 {font-size: 10px; line-height: 20px;  text-decoration:none; color:#555555;}
.text3 {font-size: 11px; line-height: 20px;  text-decoration:none; color:#7D4697;}
.text4 {font-size: 13px; line-height: 22px;  text-decoration:none; color:#3D62AD; font-weight:bold;}
.text5 {font-size: 13px; line-height: 22px;  text-decoration:none; color:#F29600; font-weight:bold;}
.text6 {font-size: 13px; line-height: 22px;  text-decoration:none; color:#4D4397; font-weight:bold;}
.text7 {font-size: 10px; line-height: 20px;  text-decoration:none; color:#E61713;}
.text8 {font-size: 13px; line-height: 22px;  text-decoration:none; color:#FF6666; font-weight:bold;}
.textwhite { color:#ffffff;}
.textwhite2 { font-size: 10px; line-height: 18px; text-decoration:none; color:#ffffff;}

#flu_table_small a {
	COLOR: #FF6600; TEXT-DECORATION: none
}
#flu_table_small a:hover {
	COLOR: #FF6600; TEXT-DECORATION: underline
}

h1  {
	font-size:10px;
	font-weight:normal;
	padding: 0;
	margin: 0;
	line-height: 10px;
}
h2  {padding: 0; margin: 10px 0 10px 0; }
h3  {padding: 0; margin: 10px 0 10px 0; }

input{  margin: 0 0 0 0; padding: 2px 10px; border: 1px solid #FCB88F; background: #f5f5f5; }

/* img
---------------------------------------------------------------------- */

img{vertical-align:bottom; border:none;
}

.btnhover  a:hover {
	display:block;
	filter: alpha(opacity=70);
    -moz-opacity:0.75;
	opacity:0.75;
	overflow: hidden;
}

/* container
---------------------------------------------------------------------- */

#container { 
	width: 100%;
	margin: 0px auto 0 auto;
	padding: 0; 
	border: 0px;
}

#headerArea{
float: left; 
	min-width: 980px; 
	width: 100%;
	height:273px;
	margin: 0 auto; 
	padding: 0px;
	background: url(../images/header_bg2.gif) ;
	clear:both;
}

#headerArea2{
float: left; 
	min-width: 980px; 
	width: 100%;
	height:50px;
	margin: 0 auto; 
	padding: 0px;
	
}

#header { 
    list-style: none;
	width: 961px;
	height: 141px;
	padding: 0px;
	margin: 0px auto 0 auto;
	clear:both;
}
 


#header2 { 
list-style: none;
    width: 960px;
	height: 250px; 
	margin: 10px auto 0 auto;
	padding: 0;  
}

#header h1 {
	margin: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	line-height: 110%;
}

#leftcontents { 
float: left; 
	width: 752px;
	margin: 0px ;
	padding: 0px; 
	border: 0px;
	position:relative;
}

#content { 
	width: 960px; 
	margin:0px auto 0 auto;
	padding: 20px 0 0 0;
	position:relative;
}

#content2 {
	margin:0px auto 0 auto;
	padding: 6px;
	font-size        : 10px;
	position:relative;
}

#content3 { 
    float:right;
	width: 83px; 
	margin:10px auto 0 auto;
	padding: 0px;
	font-size        : 10px;
	position:relative;
}


#info { 
    list-style: none;
    text-align:left;
    float: right;
    width: 588px;
	margin: 0px; 
	padding: 0px; 

}
#rightcontents { 
    list-style: none;
    text-align:left;
    float: right;
    width: 796px;
	margin: 0px; 
	padding: 0px; 

}

#pankz { 
    list-style: none;
    text-align:left;
    float: left;
    width: 580px;
	margin: 0px; 
	padding: 0px; 
	clear:both;

}

#centercontents { 
    list-style: none;
    text-align:left;
    float: left;
    width: 580px;
	margin: 6px 0px 6px 0px; 
	padding: 0px;
	clear:both;

}

#centercontents2 { 
    list-style: none;
    text-align:left;
    float: left;
    width: 574px;
	margin: 0px; 
	padding: 0px; 

}


#centercontents3 { 
    list-style: none;
    text-align:left;
    float: left;
    width: 580px;
	margin: 0px; 
	padding: 0px;
	background-color : #eeeeee;
}

#centercontents4 { 
    list-style: none;
    text-align:left;
    float: left;
    width: 577px;
	margin: 0px; 
	padding: 0px;
	background: url(../guide/images/bg1_02.gif) ;
}

#centercontents5 { 
    list-style: none;
    text-align:left;
    float: left;
    width: 557px;
	margin: 0px; 
	padding: 0px 10px 0px 10px;
	background: url(../guide/images/bg1_02.gif) ;
}


#info2 { 
list-style: none;
    text-align:left;
    float: left;
    width: 290px;
	margin: 0px; 
	padding: 0px; 

}

#info3 { 
list-style: none;
    text-align:left;
    float: right;
    width: 290px;
	margin: 0px; 
	padding: 0px; 

}

#info4 { 
list-style: none;
text-align:left;
    float: left;
    width: 200px;
	margin: 0px; 
	padding: 0px; 

}

#info4 ul{ 
list-style: none;
margin: 0px; 
	padding: 0px; 

}

#info4 li { 
list-style: none;
margin: 0px; 
	padding: 10px 0 0 0; 

}

/* 3分割
---------------------------------------------------------------------- */

.l1 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 190px;

}

.l2 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 192px;

}

.l3 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 192px;

}

/* 2分割(1)
---------------------------------------------------------------------- */

.leftbox {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 288px;

}

.rightbox {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 288px;

}

/* 2分割(2)
---------------------------------------------------------------------- */

.leftbox2 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 380px;

}

.rightbox2 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 190px;

}

/* 2分割(3)
---------------------------------------------------------------------- */

.leftbox3 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 160px;

}

.rightbox3 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 400px;

}


/* 各左右配置
---------------------------------------------------------------------- */



.lleft1 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 420px;

}

.lright1 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 150px;

}

.lleft2 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 150px;

}

.lright2 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 420px;

}

.lleft3 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 390px;

}

.lright3 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 180px;

}

.lleft4 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 285px;

}

.lright4 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 285px;

}


.pleft1 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 400px;

}

.pright1 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 140px;

}

.pleft2 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 290x;

}

.pright2 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 310px;

}

/* rightinfo
---------------------------------------------------------------------- */

#rightinfo {
    text-align:right;
	float: right; 
	width: 201px;
	margin: 0px; 
	padding: 0px;
}

/* leftinfo
---------------------------------------------------------------------- */
#leftinfo {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

/* SCHOOL-BUILDING NAVI
---------------------------------------------------------------------- */
#leftinfo2 {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}


#school-title {
	background-color:#F5F5F5;
	padding:0px;
	margin:0px;
	width:150px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6;
}

#leftinfo dl {
	padding: 0px;
	width: 150px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 35px;
	margin-left: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
}

#leftinfo dd {
	color: #333333;
	margin: 0px;
	width: 150px;
	background-color: #F5F5F5;
	padding: 0px;
}
#leftinfo dt a{
	border-bottom: 1px dotted #cccccc;
	font-size:9px;
	width:150px;
	height:0;
	overflow:hidden;
	display:block;
	 padding-top:35px;
	background-image: url(../school_building/images/s-navi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#s-omiya a{background-position:0 -35px !important;}
#s-yokohama a{background-position:0 -70px !important;}
#s-sapporo a{background-position:0 -105px !important;}
#s-sendai a{background-position:0 -140px !important;}
#s-osaka a{background-position:0 -175px !important;}
#s-fukuoka a{background-position:0 -210px !important;}
#s-nagoya a{background-position:0 -245px !important;}
#s-hiroshima a{background-position:0 -280px !important;}
#s-kanazawa a{background-position:0 -315px !important;}

#s-tokyo a:hover, #s-tokyo .on{background-position:-150px 0 !important;} 
#s-omiya a:hover, #s-omiya .on{background-position:-150px -35px !important;} 
#s-yokohama a:hover, #s-yokohama .on{background-position:-150px -70px !important;} 
#s-sapporo a:hover, #s-sapporo .on{background-position:-150px -105px !important;} 
#s-sendai a:hover, #s-sendai .on{background-position:-150px -140px !important;} 
#s-osaka a:hover, #s-osaka .on{background-position:-150px -175px !important;} 
#s-fukuoka a:hover, #s-fukuoka .on{background-position:-150px -210px !important;} 
#s-nagoya a:hover, #nagoya .on{background-position:-150px -245px !important;} 
#s-hiroshima a:hover, #s-hiroshima .on{background-position:-150px -280px !important;} 
#s-kanazawa a:hover, #s-kanazawa .on{background-position:-150px -315px !important;} 

#leftinfo dt .bottom {
border-bottom: none;}

#mainContent { 
	margin: 0 330px 0 0; 
	padding: 0 5px; 
}

/* menu
---------------------------------------------------------------------- */
#menu {
	list-style: none;
	width: 961px;
	height: 69px;
	padding: 0px;
	margin: 0px auto 0 auto;
	clear:both;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}

#menu li {
    height: 69px;
	float: left;
	margin:0px;
	padding: 0px;

}


/* メニューボタン -------------------------------------------- */

a#menu_01 {
	display:block;
	width:206px;
	height:69px;
	text-indent:-9999px;
	overflow : hidden;
	background:url(../images/menu_03.gif) no-repeat left top;
	left: 0px;
	top: 0px;
	position: absolute;
}

a#menu_01:hover {
background:url(../images/menu2_03.gif) no-repeat left top;
}

a#menu_02 {display:block;
width:239px;
height:69px;
text-indent:-9999px;
overflow : hidden ; 
background:url(../images/menu_04.gif) no-repeat left top;
position: absolute;
left: 206px;
top: 0px;
}

a#menu_02:hover {
background:url(../images/menu2_04.gif) no-repeat left top;
}

a#menu_03 {display:block;
width:117px;
height:69px;
text-indent:-9999px;
overflow : hidden ; 
background:url(../images/menu_05.gif) no-repeat left top;
position: absolute;
left: 445px;
top: 0px;
}

a#menu_03:hover {
background:url(../images/menu2_05.gif) no-repeat left top;
}

a#menu_04 {
	display:block;
	width:148px;
	height:69px;
	text-indent:-9999px;
	overflow : hidden;
	background:url(../images/menu_06.gif) no-repeat left top;
	position: absolute;
	left: 562px;
	top: 0px;
	background-image: url(../images/menu_06.gif);

}

a#menu_04:hover {
background:url(../images/menu2_06.gif) no-repeat left top;
}

a#menu_05 {display:block;
width:130px;
height:69px;
text-indent:-9999px;
overflow : hidden ; 
background:url(../images/menu_07.gif) no-repeat left top;
position: absolute;
left: 710px;
top: 0px;
}

a#menu_05:hover {
background:url(../images/menu2_07.gif) no-repeat left top;
}

a#menu_06 {display:block;
width:120px;
height:69px;
text-indent:-9999px;
overflow : hidden ; 
background:url(../images/menu_08.gif) no-repeat left top;
position: absolute;
left: 840px;
top: 0px;
}

a#menu_06:hover {
background:url(../images/menu2_08.gif) no-repeat left top;
}

/* logo
---------------------------------------------------------------------- */
#logo {
	float: left;
	list-style: none;
	width: 380px;
	height: 76px;
	padding: 0px;
	text-align:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#logo p {
	height: 56px;
	padding: 0px;
	margin: 0px;
}

#title {
    float: left; 
	list-style: none;
	width: 380px;
	height: 63px;
	padding: 0px;
	margin: 0px;
	text-align:left;
}

#title2 {
    float: right; 
	list-style: none;
	width: 151px;
	height: 63px;
	padding: 0px;
	margin: 0px;
	text-align:left;
}

/* search
---------------------------------------------------------------------- */


#search {
    float: right; 
	list-style: none;
	width: 500px;
	height: 100px;
	padding: 0px;
	margin: 15px 0 0 0;
	text-align:right;
}

form {   margin:0;}

/* header2
---------------------------------------------------------------------- */

#headercontent {
	list-style: none;
	width: 960px;
	margin: 0px auto 0 auto;
	padding: 0px;

}

#headercontent2 {
	list-style: none;
	width: 100%;
	height:87px;
	margin: 0px;
	padding: 0px;
	clear:both;

}

#titlecontent {
	list-style: none;
	width: 960px;
	height:63px;
	margin: 0px auto 0 auto;
	padding: 0px;
	clear:both;

}

#headerleft {
	text-align:left;
	float: left; 
	width: 780px;
	height:300px;
	margin: 13px 0px 0px 0px; 
	padding: 0px;

}


/* newsList
----------------------------------                             ------------------------------------ */

.newsList {
	background-image: url(../images/top-m.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

.newsList dl {
	margin: 0px;
	padding: 0px;
}

.newsList dt {
	border-bottom: 1px dotted #cccccc;
	padding: 0px 0px 0px 10px;
	color: #333333;
	line-height: 21px;
	margin: 0px;
}

.newsList dd {
	color:#999999;
	font-size:10px;
	font-weight:bold;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-top: 3px;
	width:200px;
}





/* subnavi
---------------------------------------------------------------------- */

#subnavititile { 
	padding: 10px;
	margin: 0px;
	font-size: 12px;
	list-style: none;
	background-color : #dddddd; 
}

#subnavititile2 { 
	padding: 5px 5px 5px 10px;
	margin: 0px;
	font-size: 12px;
	list-style: none;
	background-color : #C9E673; 
}

#subnavi { 
	padding: 0px;
	margin: 0px;
	text-align: left; 
	list-style: none;
}

#subnavi dt {
	padding: 2px;
	font-size: 11px;
}

#subnavi dd {
	color:#555555;
	border-bottom: 1px dotted #cccccc;
	font-size: 12px;
	padding: 4px;
	margin: 0px;
}


/* Sidebar
---------------------------------------------------------------------- */

.Sidebar {
	padding: 0px;
	background:url(../images/h2_02.gif);
}

.Sidebar dt {
	padding: 0px 0 5px 0;
	margin-left: 8px;
	margin-right: 8px;
}

.Sidebar dd {
	color:#999999;
	font-size: 10px;
	margin: 0px;

}

/* pagetop
---------------------------------------------------------------------- */

#pagetop { 
	position: relative;
	width: 960px;
	height:25px;
	margin: 10px auto; 
	padding: 10px 0 0 0;
	bottom: 10px;
	text-align:right;
} 

#pagetop2 { 
    list-style: none;
    text-align:right;
    float: left;
    width: 580px;
	margin: 6px 0px 6px 0px; 
	padding: 0px; 
} 


/* footer
---------------------------------------------------------------------- */

#footer { 
float: left; 
	position: relative;
	min-width: 960px; 
	width: 100%;
	height:130px;
	margin: 0 auto; 
	padding: 0px;
	background:url(../images/bg2.gif);
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
}


#footercontent {
	list-style: none;
	width: 960px;
	height:120px;
	margin: 0px auto 0 auto;
	padding: 0px;

}

#footerleft {
	text-align:left;
	position : relative ;
	float: left; 
	top: 60px;
	width: 420px;
	height: 30px;
	margin: 0px ; 
	padding: 0px;

}

#footerright {
	text-align:right;
	float: right; 
	width: 680px;
	margin: 10px 0px 0px 0px; 
	padding: 0px;
	list-style: none;

}


#footerright ul {
    float: left;
	margin: 0px;
	width: 680px;
	list-style: none;
}

#footerright li {
	float: left;
	margin:0px;
	padding: 0 0 0 8px;
	list-style: none;
	background:url(../images/f_s1.gif) no-repeat;
}


#footer2 { 
float: left; 
	position: relative;
	min-width: 960px; 
	width: 100%;
	height:36px;
	margin: 0 auto; 
	padding: 0px;
	background:url(../images/haikei_f2.gif);
} 

#footer2 dt {
	border-bottom: 1px dotted #999;
	padding: 0px 0 5px 0;
}

#footer2 dd {
	color:#999999;
	font-size: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 3px;
}

/* フッターメニュー -------------------------------------------- */

#footerright ul li a.footermenu_01 {
	display:block;
	width:40px;
	height:20px;
	background:url(../images/f_b1.gif) no-repeat left top;

}


#footerright ul li a.footermenu_02 {display:block;
width:77px;
height:20px;
background:url(../images/f_b2.gif) no-repeat left top;

}


#footerright ul li a.footermenu_03 {display:block;
width:111px;
height:20px;
background:url(../images/f_b3.gif) no-repeat left top;
}


#footerright ul li a.footermenu_04 {display:block;
width:101px;
height:20px;
 background:url(../images/f_b4.gif) no-repeat left top;
}


#footerright ul li a.footermenu_05 {display:block;
width:121px;
height:20px;
background:url(../images/f_b5.gif) no-repeat left top;

}

#footerright ul li a.footermenu_06 {display:block;
width:70px;
height:20px;
background:url(../images/f_b6.gif) no-repeat left top;

}

#footerright ul li a.footermenu_07 {display:block;
width:70px;
height:20px;
background:url(../images/f_b7.gif) no-repeat left top;

}


#footerright ul li a span  {
	position: absolute;
	left: -28800px;
}

/* footermenu
---------------------------------------------------------------------- */
#footermenu {
	clear: both;
	list-style: none;
	margin:5px;
	margin-top: 0px;
	margin-left: 540px;
}

#footermenu li {
	float: left;
	margin:5px;
	list-style: none;
}



#footermenu ul {
	margin-top: 0px;
	width: 970px;
	position: absolute;
	left: -1px;
	list-style: none;
}

#footermenu ul li {
	border: 0;
	float: none;
}

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#taiken {
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #E4224F;
	background-color: #FFBDC1;
	border-bottom-style: none;
}