@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: 10px; line-height: 22px; text-decoration:none; color:#ff6600;}
a.link00:hover {font-size: 10px; line-height: 22px; 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:#555555;}
.text2 {font-size: 11px; line-height: 20px;  text-decoration:none; color:#555555;}

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

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

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

/* a:hover alpha------------------ */

.imghover a:hover {
	display: block;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	overflow: hidden;
}

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

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

#headerArea2{
float: left; 
	min-width: 980px; 
	width: 100%;
	height:58px;
	margin: 0 auto; 
	padding: 0px;
	background: url(../images/header_bg3.gif) ;
	
}

#header { 
    list-style: none;
	width: 961px;
	height: 119px;
	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: 10px 0;
	line-height: 120%;
}

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

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

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

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

#contentbana { 
	width: 960px; 
	margin:0px auto 0 auto;
	padding: 6px;
	font-size        : 10px;
	text-align:center;
	position:relative;
	line-height:10px;
}


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

}

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

}

#centercontents2 { 
    list-style: none;
    text-align:left;
    float: left;
    width: 574px;
	margin: 0px 0px 20px 0px; 
	padding: 0px; 
	background: url(../images/bg3.gif) ;

}

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

}

#info2 {
	list-style: none;
	text-align:left;
	float: left;
	width: 282px;
	margin: 0px;
	padding: 0px;
	background-color : #ffffff;  
}
#info2 .topBana{
	padding:0px 0px 4px 0px;
}
#info3 { 
list-style: none;
    text-align:left;
    float: right;
    width: 290px;
	margin: 0px; 
	padding: 0px; 

}

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

}

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

}

#info5 { 
list-style: none;
text-align:left;
    float: left;
    width: 202px;
	margin: 5px 0 5px 0; 
	padding: 0px; 
	background-color : #ffffff;  

}

#info6 { 
list-style: none;
text-align:left;
    float: left;
    width: 202px;
	margin: 5px 0 5px 0; 
	padding: 0px; 
	background-color : #f5f5f5;  

}


.l1 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 190px;
	background: url(../images/bg_01.gif) ;
}

.l2 {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 192px;
	background: url(../images/bg_02.gif) ;
}

.l3 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 192px;
	background: url(../images/bg_03.gif) ;
}


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

#rightinfo {
    text-align:right;
	float: right; 
	width: 150px;
	margin: 0px; 
	padding: 0px;
	background-color : #ffffff;  
}

/* leftinfo
---------------------------------------------------------------------- */

#leftinfo {
	float: left; 
	width: 201px;
	margin: 0px; 
	padding: 0px;
	background-color : #ffffff;

}

#leftinfo dl {
	margin: 0px;
	padding: 0px;
	width: 150px;
}



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

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

#leftinfo3 {
	float: left;
	text-align:center;
	width: 150px;
	margin: 0px;
	padding: 10px 0 10px 0;
	background-color: #F7F7F7;
}

#leftinfo4 {
	float: left;
	text-align:left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	background-color: #F7F7F7;
	background: url(../images/tohyo_02.gif) ;
}

#leftinfo5 {
	float: left;
	text-align:center;
	width: 150px;
	margin: 0px;
	padding: 0px;
	background-color: #F7F7F7;
	background: url(../images/tohyo_02.gif) ;
}




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

#leftinfo2 dl {
	padding: 0px;
	width: 150px;
	background-color: #FFFFFF;
	margin: 0 0 35px 0 ;
	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;
}

#leftinfo2 dd {
	color: #333333;
	margin: 0px;
	width: 150px;
	background-color: #F5F5F5;
	padding: 0px;
}
#leftinfo2 dt a{
	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;
}

#leftinfo2 dd {
    font-size:9px;
	color: #777777;
	line-height:15px;
	padding: 0 0 0 5px;
	width: 145px;
	background-color: #FFFFFF;
	text-align:left;
	margin: 0 0 0 0px ;
    border-bottom-width: 1px;
	border-right-width: 1px;
    border-style: none;
	border-right-style: solid;
    border-bottom-style: dotted;
    border-color: #E6E6E6;
}

#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-akiba a{background-position:0 -350px !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;} 
#s-akiba a:hover, #s-akiba .on{background-position:-150px -350px !important;} 

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


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

#menu li {
    height: 69px;
	float: left;
	margin:0px;
	padding: 0;
	list-style: none;
}



#menu ul {
	background: #fff;
	margin: 0px;
	padding: 0;
}


/* menu2
---------------------------------------------------------------------- */
#menu2 {
	list-style: none;
	width: 970px;
	height: 58px;
	padding: 0;
	margin: 0px auto 0 auto;
	clear:both;
}

#menu2 li {
	float: left;
	margin:0;
	padding: 0px 6px 0 4px;
	list-style: none;
}





#menu2 ul {
	background: #fff;
	margin: 8px 0 0 0;
	padding: 0px;
	list-style: none;
}

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

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

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

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

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;
}

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;
}

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;
}

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;
}

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

a#menu_07 {display:block;
width:153px;
height:69px;
text-indent:-9999px;
overflow : hidden ; 
background:url(../images/menu_09.gif) no-repeat left top;
}

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


/* アイコンボタン
---------------------------------------------------------------------- */

#icon{
	float: left; 
	padding: 0px; 
	margin: 0px;
	list-style: none;
	width:750px;
}

a#icon{
float: left; 
	display:block;
	padding: 7px; 
	margin: 0px;
	list-style: none;
	width:172px;
	height:49px;
	overflow : hidden ; 
	background:url(../images/b_h.gif) no-repeat left top;
	vertical-align:top;
}

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



#iconleft{
	float: left; 
	padding: 0px; 
	margin: 0px;
	list-style: none;
	width:52px;
}


#iconright{
display:block;
	float: right; 
	padding: 0px; 
	margin: 0px;
	list-style: none;
	width:115px;
}

/* logo
---------------------------------------------------------------------- */
#toplogo {
	float: left;
	list-style: none;
	width: 540px;
	height: 73px;
	padding: 0px;
	text-align:left;
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size:10px;
}

#toplogo h1 {
	margin: 0;
	padding: 0px 0;
	line-height: 120%;
}

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


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

#toplogo .twitter {
	font-size:10px;
	padding: 2px 0 3px 0;
	margin: 0px;
	
	line-height:15px;
	bottom:0px;
}

.fb-like
 {
	padding: 0px;
	margin: 0px;
	bottom:0px;
	clear:none;
}

.twitter-share-button
 {
	top: 2px;
	clear:none;
}

.gplus
{
	width:50px;
	padding: 0px;
	margin: 0px;
	
	}


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

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

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

.topsearchbox
{
	width: 100px;
	}
	
.submitbtn
{
	width: 40px;
	text-align:center;
	}

form {   margin:0;}




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

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

}


.flash {
	float:left;
	width:960px;
	height:275px;

}



.flashleft {
	float:left;
	width:200px;
	margin: 0px;
	padding: 0px;
	background-color:#E7E7E7;

}

.flashleft dl{
	margin: 0px;
	padding:2px 0px 0px 0px;
	height:272px;

}

.flashleft dd {
	margin: 0px;
	padding: 4px 5px 0px 6px;

}


.flashright {
	float:right;
	width:760px;
	margin: 0px;
	padding: 0px;
}

#headercontent2 {
	list-style: none;
	width: 960px;
	height:275px;
	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;
}


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



/* 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;
} 

/* 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;
}

#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;
}