@charset "utf-8";


/* *************************************************************
	
	ID:home
	
************************************************************** */

body{
	text-align:center;
	}


/*---------------------------------------------
 #home
---------------------------------------------*/
#home,#second{
	width:900px;
	margin:0 auto;
	text-align:left;
}


/*-------------------------
 header
-------------------------*/

.header{
	width:100%;
	height:88px;
	margin:10px 0 0 0;
	position:relative;
}

.header .logo{
left:0;
position:absolute;
top:26px;
}


/*-------------------------
 global_menu
-------------------------*/
.header .global_menu{
float:right;
position:absolute;
right:0;
width:675px;
}

.header .global_menu .menu{
	float:left;
	width:100%;
	margin-top:10px;
}

.header .global_menu .menu ul {
	/*width:562px;*/
	float:right;
}

.header .global_menu .menu ul li{
	float:left;
	list-style:none outside none;
	position:relative;
}

/*-------------------------
 sub_menu
-------------------------*/
.header .global_menu .sub_menu{
	float:right;
	width:100%;
}

.header .global_menu .sub_menu ul li.contact{
	background:none;
	display:block;
	padding-left:10px;
	margin-left:15px;
	width:auto;
	overflow:hidden;
}

.header .global_menu .sub_menu ul li.contact img{
	margin-right:5px;
	position:relative;
	top:-2px;
}

.header .global_menu .sub_menu ul{
width:100%;
overflow:hidden;
}

.header .global_menu .sub_menu ul li{
float:right;
}



/*-------------------------
 arrow01
-------------------------*/

ul.arrow01{
list-style-type:none;
font-size:11px;
}

.header .global_menu .sub_menu ul.arrow01 li a,
.footer .right ul.arrow01 li a,
.contents .wn .wn_title ul.arrow01 li a{
	background:url(../img/listmark.gif) no-repeat scroll 0 0.4em transparent;
	display:block;
	padding-left:10px;
	margin-left:15px;
	float:left;
	width:auto;
	overflow:hidden;
	color:#5C5B5B;
}

.header .global_menu .sub_menu ul.arrow01 li a:hover,
.footer .right ul.arrow01 li a:hover,
.contents .wn .wn_title ul.arrow01 li a:hover{
	background:url(../img/listmark_on.gif) no-repeat scroll 0 0.4em transparent;
	color:#009999;
}


/*-------------------------
 arrow02
-------------------------*/

a.arrow02{
background:url(../img/listmark.gif) no-repeat scroll 0 0.4em transparent;
padding-left:10px;
margin-left:15px;
color:#5C5B5B;
}

a.arrow02:hover{
background:url(../img/listmark_on.gif) no-repeat scroll 0 0.4em transparent;
color:#009999;
}


/*-------------------------
 main_visual
-------------------------*/
.main_visual{
	margin-top:25px;
	padding:0;
	z-index:1;
}

/*-------------------------
 bread
-------------------------*/
.bread{
margin:15px 0 0 0 ;
}

.bread p {
}


.bread p span {
margin:0 5px 0;
}





/*-------------------------
 wrapper
-------------------------*/


.wrapper{
	margin:30px auto;
	width:870px;
	padding:0 15px;
}

.wrapper2{
	margin:20px auto;
	width:870px;
	padding:0 15px;
}


/*-------------------------
 contents
-------------------------*/

.contents{
	width:600px;
	float:left;
	line-height:20px;
}


/*-------------------------
 h1
-------------------------*/

.contents h1{
	background:url(../img/h1bg01.gif) no-repeat bottom left;
	font-size:1.3em;
	padding-left:13px;
	border-bottom:1px solid #a1a1a1;
	padding-bottom:5px;
}

.contents h1.type01{
	background:url(../img/h1bg01.gif) no-repeat bottom left;
	margin-top:10px;
}

.contents h1.type02{
	background:url(../img/h1bg02.gif) no-repeat bottom left;
	margin-top:10px;
}

.contents h1.type03{
	background:url(../img/h1bg03.gif) no-repeat bottom left;
	margin-top:10px;
}

.contents h1.type04{
	background:url(../img/h1bg04.gif) no-repeat bottom left;
	margin-top:10px;
}

.contents h1.type05{
	background:url(../img/h1bg05.gif) no-repeat bottom left;
	margin-top:10px;
}

.contents h1.type06{
	background:url(../img/h1bg06.gif) no-repeat bottom left;
	margin-top:10px;
}

.contents h1.type07{
	background:url(../img/h1bg07.gif) no-repeat bottom left;
	margin-top:10px;
}



.contents p.text{
	margin:10px 0;
	padding-left:15px;
}


.contents p.text img.p_img{
	margin:10px 20px 5px 0px;
}

.contents p.photo{
	margin:10px 0;
	padding-left:15px;
	width:auto;
	float:left;

}

.contents p.photo span{
	display:block;
	float:left;
	padding-left:15px;
	position:relative;
	top:84px;
	width:470px;
}

.contents p.photo span.b_photo{
	display:block;
	float:left;
	padding-left:15px;
	position:relative;
	top:105px;
	width:370px;
}

/*-------------------------
 h3
-------------------------*/
h3.text1{
	font-weight:bold;
	font-size:1em;
}


/*-------------------------
 wn
-------------------------*/
.contents .wn{
	margin:20px 0 25px 0;
	padding:15px;
	width:auto;
	border:1px solid #c9c7c7;
}

.contents .wn .wn_title{
	/*border-bottom:2px solid #c9c7c7;*/
	background-image:url(../img/wn_underline.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:12px;
	width:100%;
}

.contents .wn .wn_title img.tit_img{
margin-left:5px;
}

.contents .wn .wn_title ul.more_nws{
margin-right:20px;
}

*html .contents .wn .wn_title ul.more_nws{
margin-right:10px;
}


.contents .wn dl{
	background:url(../img/dotline.gif) repeat-x scroll 0 100% transparent;
	margin:2px 0;
	padding:6px 5px 10px;
	text-align:left;
	width:535px;
	display:inline-block;
	clear:both;
	margin:2px 10px;
}

.contents .wn dl.lastchild{
	background:none;
}



.contents .wn dl dt{
	clear:both;
	float:left;
	padding-left:5px;
	width:120px;
}

.contents .wn dl dd.txt{
	background:url(../img/listmark02.gif) no-repeat left 6px;
	float:left;
	padding-left:11px;
	padding-right:20px;
	width:312px;
}

.contents .wn dl dd.new{
	margin:0;
	width:67;
	position:relative;
	top:-1px;
	float:left;
	padding-left:0;
}


/*-------------------------
 faq
-------------------------*/
.contents .faq {
	margin:20px 0;
	padding:15px;
	width:auto;
}

.contents .faq dl.gray {
	background:url("../img/dotline.gif") repeat-x scroll 0 100% #fcfcfc;
	display:inline-block;
	margin-top:2px;
	padding:15px 0 15px 10px;
}

.contents .faq dl.white {
	background:url("../img/dotline.gif") repeat-x scroll 0 100% transparent;
	display:inline-block;
	margin-top:2px;
	padding:15px 0 15px 10px;
}

.contents .faq dl dt {
	float:left;
	width:3em;
	margin-bottom:10px;
}

.contents .faq dl dd.question {
	float:left;
	width:93%;
	margin-bottom:10px;
	font-weight:bold;
	color:#b23030;
}

.contents .faq dl dd.answer {
	float:left;
	width:93%;
}


/*-------------------------
 What's New!
-------------------------*/
.contents .wn_more {
	margin:20px 0;
	padding:15px;
	width:auto;
	float:left;
}

.contents .wn_more dl.white{
	background:url(../img/dotline.gif) repeat-x scroll 0 100% transparent;
	margin:0 10px 2px 10px;
	padding:20px 5px 20px;
	text-align:left;
	width:535px;
	display:inline-block;
}

.contents .wn_more dl.gray{
	background:url(../img/dotline.gif) repeat-x scroll 0 100% #fcfcfc;
	margin:0 10px 2px 10px;
	padding:20px 5px 20px;
	text-align:left;
	width:535px;
	display:inline-block;
}

.contents .wn_more dl dt{
	clear:both;
	float:left;
	width:100px;
}

.contents .wn_more dl dd.txt{
	background:url(../img/listmark02.gif) no-repeat left 6px;
	float:left;
	padding-left:11px;
	padding-right:20px;
	width:400px;
}

.contents .wn_more div.navi{
	width:570px;
	margin-top:50px;
	padding-bottom:20px;
	border-bottom:1px solid #a9a9a9;
	float:left;
}

.contents .wn_more p.date{
	width:auto;
	font-weight:bold;
	color:#555454;
}

.contents .wn_more div.article_title h2{
	width:570px;
	border-top:3px double #e1e1e1;
	border-bottom:3px double #e1e1e1;
	padding:30px 0;
	margin-top:10px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	color:#222222;
}

.contents .wn_more h3{
	width:570px;
	border-bottom:1px solid #e1e1e1;
	padding:10px 0;
	margin-top:30px;
	font-weight:bold;
	font-size:1.1em;
	color:#222222;
}

/*-------------------------
 lv2
-------------------------*/
.lv2{
	margin:50px 15px 0;
}

.lv2.map_bx{
margin:15px 15px 0;
}



.ind_bx{
	margin:0 0 35px 0 ;
	overflow:hidden;
	height:100%;
}

.ind_bx2{
	margin:0 0 35px 0 ;
	height:100%;
}

.ind_bx2 h2{
	border-bottom:1px solid #D6D6D6;
	display:block;
	margin-bottom:10px;
	padding-bottom:5px;
	width:100%;
	font-size:14px;
}

.ind_bx h3{
	background:url(../img/h1bg02.gif) 0 0 no-repeat;
	display:block;
	padding:0 0 0 12px;
	margin:0 0 10px 0;
	float:left;
	width:100%;
	font-size:13px;
}

.ind_bx h3.type03{
	background:url(../img/h1bg03.gif) 0 0 no-repeat;
	display:block;
	padding:0 0 0 12px;
	margin:0 0 10px 0;
	float:left;
	width:100%;
	font-size:13px;
}


.ind_bx p.pic{
	width:184px;
	float:left;
}

.ind_bx p.txt{
	width:376px;
	float:left;
	margin:0 0 0 010px;
	line-height:1.6;
}


.ind_bx p.pic a img{
	border:1px solid #bfbbbb;
}

.ind_bx p.pic a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: alpha( opacity=80 );
	background: #fff;
}

table.chart{
	margin-top:30px;
	table-layout:fixed;
	width:100%;
	font-size:10px;
}

table.chart caption{
	caption-side:top;
	text-align:center;
	font-size:1.5em;
}

table.chart th{
	background-color:#33bf3a;
	border:1px solid white;
	height:30px;
	text-align:center;
}

table.chart th.left{
	width:10%;
}

table.chart th.week{
	width:15%;
}

table.chart td.time{
	background-color:#dcdedc;
	border:1px solid white;
	text-align:center;
}

table.chart td.curriculum{
	background-color:#f4f1f1;
	border:1px solid white;
	text-align:center;
}

table.chart td.col1{
	background-color:#ebebeb;
}

table.chart td.col2{
	background-color:#e6e3e3;
}

img.voice_pic{
	margin-right:10px;
	float:left;
}

h3.voice_name{
	border-bottom:1px solid #d6d6d6;
	padding-bottom:5px;
	float:left;	
	width:82%;
	font-size:12px;
}

p.voice_stc{
	width:82%;
	float:left;
	margin-bottom:10px;
	line-height:1.6;
}


table.alumni{
	font-size:8px;
	margin:10px 0 0 15px;
	width:600px;
}

table.alumni td{
	border:none;
}


/*-------------------------
 rightmenu
-------------------------*/

.rightmenu p.bnr{
	margin-bottom:5px;
}

.rightmenu{
	width:230px;
	float:right;
}



/*-------------------------
 local_nav
-------------------------*/

.local_nav{
	margin:0 0 10px 0;
}


.local_nav h2{
	border-bottom:2px solid #3CCC44;
	display:block;
	font-size:12px;
}

.local_nav h2 a{
	text-decoration:none;
	display:block;
	height:auto;
	width:auto;
	padding:10px 0 10px 10px;
	margin:0 0 1px 0;
}

.local_nav h2 a:hover{
	background-color:#f6f2f2;
	color:#322f2f;
}

.local_nav h2 a img{
	position:relative;
	left:13px;
	top:-4px;
}

.local_nav ul{
	list-style-type:none;
}

.local_nav ul li{
	height:auto;
	display:block;
	background: url(../img/l_nav_bg.jpg) bottom repeat-x;
	padding:1px 0 2px 1px;
}

.local_nav ul li a{
	display:block;
	font-size:12px;
	font-weight:bold;
	height:auto;
	text-decoration:none;
	width:auto;
	background:url(../img/l_nav_bg.gif) no-repeat scroll 6px 50%;
}

.local_nav ul li a span{
	display:block;
	padding:15px 0 15px 22px;
}


.local_nav ul li a:hover{
	background:url(../img/l_nav_bg_on.gif) no-repeat scroll 6px 50% #F6F2F2;
	color:#322f2f;
}



/*-------------------------
 page top
-------------------------*/
div.page_top{
	float:right;
	font-weight:bold;
}

div.page_top a{
	background:url(../img/pagetop.gif) no-repeat scroll 10px 57%;
	padding:13px 13px 13px 26px;
	display:block;
} 

div.page_top a:hover{
	background:url(../img/pagetop.gif) no-repeat scroll 10px 57% #F6F2F2;
	padding:13px 13px 13px 26px;
	display:block;
	color:#322f2f;
	text-decoration:underline;
} 



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



.footer{
	background:url("../img/footer_line.gif");
	background-repeat:repeat-x;
	width:100%;
	padding-top:20px;
}

.footer .left{
	float:left;
	margin-left:5px;
	font-size:0.9em;
}

.footer .right{
	float:right;
	margin-right:5px;
	width:width:400px;;
}

.footer .right ul{
width:100%;
overflow:hidden;
}

.footer .right ul li{
float:right;

}

.footer .left .adress{
	color:#969595;
}

.footer .left .copyright{
	color:#969595;
	margin-top:15px;
}



/*-------------------------
 head_line_ljnk01
-------------------------*/

h2.head_line_ljnk01{
display:block;
font-size:12px;
padding-bottom:0;
}

h2.head_line_ljnk01 a{
display:block;
height:auto;
margin:0 0 1px;
padding:0 10px 0;
text-decoration:none;
width:auto;
}


.sit_map_bx{
margin:0 0 20px;
overflow:hidden;
}

h2.head_line_ljnk01 a:hover{
background-color:#f6f2f2;
color:#322f2f;
}


h2.head_line_ljnk01 a img {
left:13px;
position:relative;
top:-7px;
}

ul.arrow03{
list-style-type:none;
}

ul.arrow03 li{
width:100%;
overflow:hidden;
}


ul.arrow03 li a{
background:url(../img/listmark.gif) no-repeat scroll 0 0.4em transparent;
color:#5C5B5B;
display:block;
float:left;
margin-left:15px;
overflow:hidden;
padding-left:10px;
width:auto;
margin-bottom:4px;
}

ul.arrow03 li a:hover{
	background:url(../img/listmark_on.gif) no-repeat scroll 0 0.4em transparent;
	color:#009999;
}


/*-------------------------
 dropdown
-------------------------*/
ul.dropdown{
position: relative;
}
ul.dropdown li{
font-weight: bold; float: left; zoom: 1;
}
ul.dropdown a:hover{
color: #000;
}
ul.dropdown a:active{
color: #fff;
}
ul.dropdown li.sub_menu2 a{
display: block; padding: color: #222;
}
ul.dropdown li.sub_menu2:last-child a{
border-right: none;
} /* Doesn't work in IE */
ul.dropdown li.sub_menu2.hover{
background: #fff; color: black; position: relative;
}
ul.dropdown li.sub_menu2.hover a{
color: black; 
}
ul.dropdown ul{
width: 175px;
visibility: hidden;
position: absolute;
left:0;
top: 100%;
display:block;
background-color:#FFFFFF;
padding:10px 20px 24px 16px;
z-index:100000000000;
}

.header .global_menu .menu ul.dropdown ul li.sub_menu3{
font-weight: normal;
background: #ffffff;
color: #000;
border-bottom: 1px solid #ccc;
float: none;
padding:5px 0;}
.header .global_menu .menu ul.dropdown ul li.sub_menu3_end{
font-weight: normal;
background: #ffffff;
color: #000;
float: none;
padding:5px 0;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li.sub_menu3 a,ul.dropdown ul li.sub_menu3_end a{
background-image:url(../img/downlist.gif);
background-repeat:no-repeat;
background-position:5px 10px;
border-right: none;
width: 155px;
display: inline-block;
padding:5px 0 5px 20px;
text-decoration:none;} 
ul.dropdown ul li.sub_menu3.hover a,ul.dropdown ul li.sub_menu3_end.hover a{
background-image:url(../img/downlist_on.gif);
background-repeat:no-repeat;
background-color: #f2f2f2;
color: black;
position: relative;
width:155px;}