@charset "Shift_Jis";

/*
===================================================================
		CSS defolt.css
===================================================================
*/


/*		reset
-----------------------------------------------------------------*/

*{margin:0; padding:0; background-color:transparent; text-decoration:none; text-align:left; font:normal normal normal 100%/170% Verdana,Chicago,"‚l‚r ‚oƒSƒVƒbƒN",Osaka,sans-serif;color:#666666;}


/*
===================================================================
		start
===================================================================
*/

body{
	color:#000;
	font-size:75%;
	background:#fff;
	text-align:center;
	margin:0;}

a{
	color:#0075a9;}
a:hover{
	color:#ccc;}

#both{
	clear: both;
	margin:0;}

h1{
	display:none;}
h2{
	font-size:1.6em;
	font-family:"Times New Roman";
	text-align:left;
	background:url(./img/h2.gif) no-repeat 100% 0%;
	background-color:transparent;
	margin:20px 0 20px 0;
	padding:8px 0 0 0;
	width:470px;
	height:40px;
	font-weight:bold;}

h3{
	margin:10px 0 0 0;
	text-align:left;
	color:#b24d5f;
	padding:8px 0 4px 40px;
	font:14px "Century Gothic";
	background:url(./img/h3_flower.gif) no-repeat;
	font-weight:bold;}

h3 a{
	font:14px "Century Gothic";
	font-weight:bold;
	color:#b24d5f;}

h3.frame1{
	margin:10px 0 0 0;
	text-align:left;
	color:#b24d5f;
	height:40px;
	padding:8px 0 0 40px;
	font:14px "Century Gothic";
	background:url(./img/h3_frame1.gif) no-repeat;
	font-weight:bold;}

h3.frame2{
	margin:10px 0 0 0;
	text-align:left;
	color:#b24d5f;
	height:40px;
	padding:8px 0 0 40px;
	font:14px "Century Gothic";
	background:url(./img/h3_frame3.gif) no-repeat;
	font-weight:bold;}

h3.heart{
	margin:10px 0 0 0;
	text-align:left;
	color:#1C5E81;
	height:30px;
	padding:8px 0 0 40px;
	font:14px "Century Gothic";
	background:url(./img/h3_heart.gif) no-repeat;
	font-weight:bold;}

h4{
	font-size:11px;
	color:#0075a9;
	margin:0;}

h4.key{
	margin:10px 0 0 0;
	text-align:left;
	color:#004986;
	padding:8px 0 4px 35px;
	font:14px "Century Gothic";
	background:url(./img/h3_key.gif) no-repeat;
	font-weight:bold;}
h5{
	padding-left:15px;
	font-weight:bold;
	color:#eb6100;
	background:url(./img/h5.gif) no-repeat 0 50%;
	margin:5px;}
h5 a{
	color:#eb6100;
	font-weight:bold;}
h5 a:hover{
	color:#ccc;}


/*
===================================================================
		main start
===================================================================
*/

#all{
	margin:0 auto 0;
	background:#fff url(./img/back.jpg) no-repeat 0 0%;
	text-align:center;}

.wrap{
	width:860px;
	margin:0 auto 0;}

#head{
	width:860px;
	margin:0px;
	padding:50px 0 0 0;
	font:10px "Times new roma";
	text-align:center;
	color:#cccccc;}
#head ul{
	margin:0;
	padding-top:18px;
	list-style:none;}
#head li{
	list-style:none;
	display:inline}
#head ul li{
	list-style-type:circle;
	margin:0 19px 0 19px;}

#main_left{
	float:left;
	width:650px;
	margin:0 auto 0 auto;
	text-align:center;}
.main_left_box{
	width:150px;
	margin:10px auto -5px;
	text-align:center;
	background:#eee4d2 url(./img/main_left_top.gif) no-repeat;}
.main_left_text{
	width:130px;
	color:#59493f;}
em.main{
	font-weight:bold;
	color:#eb6100;}
hr.main{
	border-style:dotted;
	color:#59493f;
	width:130px;
	margin:0 auto 0;
	text-align:center;}


#main_right{
	float:right;
	width:190px;
	margin:2px 0 -20px 0;
	text-align:center;}
.main_right_text{
	margin:0 0 15px 0;
	width:130px;
	color:#59493f;}

#center{
	text-align:center;
	width:860px;
	margin:0 auto 0;}

#new{
	float:left;
	background:url(./img/border_lite_02.gif) repeat-y 0 0%;
	width:250px;
	float:left;
	padding:0 0 0 10px;
	margin:0 20px 0 5px;
	text-align:left;}
.new_text{
	line-height:20px;
	margin:0 0 0 20px;
	font-size:11px;
	width:220px;}
.new_number{
	text-align:left;
	line-height:20px;
	margin:0 0 0 20px;
	font-size:11px;
	width:220px;}
em.new_text{
	font-size:11px;
	color:#0075a9;
	margin:0px;}
em.bold{
	font-weight:bold;
	font-size:13px;
	color:#b24d5f;
	margin:0px;}

#info{
	float:left;
	background:url(./img/border_lite_02.gif) repeat-y 0 0%;
	width:560px;
	float:left;
	padding:0 0 0 10px;
	font-size:11px;
	margin:0px;
	text-align:left;}
.info_text{
	line-height:20px;
	margin:0 0 0 20px;
	width:540px;}

#bottom{
	margin:30px auto 0;
	padding-bottom:20px;
	font:13px "Times new roma";
	text-align:center;}
.bottom_text{
	text-align:center;
	font-size:10px;
	color:#666666;}

dl {
	width:400px;
	margin:0;
}   
dt {
	font-weight:bold;
	float:left;
	width:100px;
	padding:2px;  
}   
dd {
	float:left;
	width:250px;
	padding:2px;
}

/*
===================================================================
		sub start
===================================================================
*/

#all_{
	margin:0 auto 0;
	background:#f4f4f4 url(./img/back_top.jpg) repeat-x;
	text-align:center;
}

.wrap_{
	width:100%;
	background:#f4f4f4;
	margin:0 auto 0;}

#main_left_{
	float:left;
	width:350px;
	margin:0 auto 0 auto;
	text-align:center;}

#main_right_{
	float:left;
	width:500px;
	margin:0px;
	text-align:center;}
.main_right_text_{
	line-height:20px;
	margin:0 0 0 20px;
	width:450px;}

#main_half{
	float:left;
	width:360px;
	margin:0 0 0 30px;
	text-align:center;}

.half_info{
	float:left;
	background:url(./img/border_lite_02.gif) repeat-y 0 0%;
	width:360px;
	float:left;
	padding:5px 0 5px 10px;
	font-size:12px;
	margin:0 0 10px 15px;
	text-align:left;}

h2.half{
	font-size:1.6em;
	font-family:"Times New Roman";
	text-align:left;
	background:url(./img/h2.gif) no-repeat 100% 0%;
	background-color:transparent;
	margin:20px 0 20px 50px;
	padding:8px 0 0 0;
	width:750px;
	height:40px;
	font-weight:bold;}


#center_info{
	text-align:center;
	width:800px;
	margin:0 0 20px 50px;}

.center_info{
	background:url(./img/border_lite_02.gif) repeat-y 0 0%;
	width:700px;
	float:left;
	padding:5px 0 5px 10px;
	font-size:12px;
	margin:0 0 10px 15px;
	text-align:left;}

.corporation{
	background:#e9e9e9;
	width:340px;
	padding:5px 10px 5px 10px;
	font-size:12px;
	margin:0 0 10px 35px;
	text-align:left;}


/*		bottom start
=================================================================*/

#bottom_{
	background:#fff url(./img/back_bottom.jpg) repeat-x;
	margin:0 auto 0;
	padding-bottom:20px;
	font:13px "Times new roma";
	text-align:center;}
.bottom_text_{
	margin:0 auto 0;
	text-align:center;
	font-size:10px;
	color:#666666;}

#bottom_left{
	float:left;
	width:130px;
	margin:0 auto 0 20px;
	text-align:center;}

#bottom_right{
	float:left;
	width:620px;
	margin:10px 0 0 20px;
	text-align:center;}
.bottom_right_text{
	float:left;
	font-size:10px;
	line-height:20px;
	margin:20px 0 0 20px;
	width:175px;}
.bottom_right_text2{
	float:left;
	font-size:10px;
	line-height:20px;
	margin:20px 0 0 20px;
	width:210px;}


/*		schedule start
=================================================================*/


#schedule_half{
	float:left;
	width:360px;
	margin:0 0 0 30px;
	text-align:center;}

.schedule_info{
	float:left;
	background:url(./img/border_lite_02.gif) repeat-y 0 0%;
	width:360px;
	float:left;
	padding:5px 0 5px 10px;
	font-size:12px;
	margin:0 0 10px 15px;
	text-align:left;}

dl.schedule{
	width:360px;
	margin:0;
}
dt.schedule{
	background:url(./img/border_lite.gif) repeat-x 0 100%;
	font-weight:bold;
	float:left;
	width:100px;
	padding:2px;  
}
dd.schedule{
	background:url(./img/border_lite.gif) repeat-x 0 100%;
	float:left;
	width:250px;
	padding:2px;
}

#schedule_half em{
	font-weight:bold;
	color:#B33966;}

/*		corporation start
=================================================================*/

.corp_photo{
	background:#ffffff;
	float:left;
	border:solid 1px #1C5E81;
	float:left;
	font-size:12px;
	margin:0 8px 8px 0;
	padding:2px 3px 3px 3px;
	text-align:center;}

hr.corp{
	border:dotted 1px;
	color:#59493f;
	width:70px;
	margin:3px auto 0;
	text-align:center;}


/*		accordion start
=================================================================*/

#accordion{
	width:700px;
	margin:0 0 0 30px;}

#accordion_new{
	width:220px;
	margin:0;}

.accordion_content{overflow:hidden;}



/*		school start
=================================================================*/

#school{
	width:860px;
	margin:0 auto 10px auto;
	padding:0;
	text-align:center;
	color:#cccccc;}

#school ul{
	text-align:center;
	margin:0 auto 0;
	list-style:none;}
#school li{
	background:url(./school/li.gif) no-repeat 0 0%;
	margin:10px 0 0 0;
	padding:7px 0 10px 25px;
	list-style:none;
	display:inline}
#school ul li{
	list-style-type:circle;
	margin:0 10px 0 0px;}

.school_info{
	float:left;
	background:url(./img/border_lite_02.gif) repeat-y 0 0%;
	width:400px;
	padding:5px 0 5px 10px;
	font-size:12px;
	margin:0 0 10px 15px;
	text-align:left;}

.school_info_{
	background:url(./img/border_lite_02.gif) repeat-y 0 0%;
	width:550px;
	padding:5px 0 5px 10px;
	font-size:12px;
	margin:0 0 10px 15px;
	text-align:left;}

.school_info_2{
	background:#e9e9e9;
	width:500px;
	padding:5px 10px 5px 10px;
	font-size:12px;
	margin:0 0 10px 15px;
	text-align:left;}

.school_info_3{
	background:#e9e9e9;
	width:400px;
	padding:5px 10px 5px 10px;
	font-size:12px;
	margin:0 0 10px 15px;
	text-align:left;}

#school_menu{
	position: relative;
	float:left;
	width:200px;
	margin:0;
	text-align:center;}

#school_menu ul{
	width:200px;
	text-align:left;
	margin:0 0 0 10px;
	list-style:none;}
#school_menu li{
	background:url(./school/li_menu.gif) no-repeat 0 100%;
	margin:0;
	padding:0 0 0 25px;
	list-style:none;}


#school_right{
	float:left;
	width:600px;
	margin:0 auto 0 40px;
	text-align:right;}
.school_right_text{
	line-height:20px;
	margin:0px;
	width:580px;}

h2.school{
	font-size:1.6em;
	font-family:"Times New Roman";
	text-align:left;
	background:url(./img/h2.gif) no-repeat 97% 0;
	background-color:transparent;
	margin:20px 0 10px 7px;
	padding:8px 0 0 0;
	width:850px;
	height:40px;
	font-weight:bold;}


.school_info_3 dl{
	width:400px;
	margin:0 0 0 10px;}
.school_info_3 dt{
	width:100px;
	margin:0 0 0 0;
	float:left;}
.school_info_3 dd{
	width:250px;
	margin:0 0 0 0;
	float:left;
	padding:2px;}

/*		web start
=================================================================*/

#web_menu{
	position: relative;
	float:left;
	width:200px;
	margin:0;
	text-align:center;}

#web_menu ul{
	width:200px;
	text-align:left;
	margin:0 0 0 10px;
	list-style:none;}
#web_menu li{
	background:url(./school/li_menu.gif) no-repeat 0 100%;
	margin:0;
	font-weight:bold;
	font-size:14px;
	padding:0 0 0 25px;
	list-style:none;}
#web_menu a{	font-weight:bold;}

.web_info{
	background:url(./img/border_lite_02.gif) repeat-y 0 0%;
	width:550px;
	padding:5px 0 5px 10px;
	font-size:12px;
	margin:0 0 10px 15px;
	text-align:left;}

.web_info dl{
	width:500px;
	border:1px;
	margin:0 0 0 10px;}
.web_info dt{
	background-color:#cfcfcf;
	border:solid 1px #999999;
	padding:2px;
	width:130px;
	margin:5px 0 0 0;
	float:left;}
.web_info dd{
	border:solid 1px #999999;
	width:340px;
	margin:5px 0 0 0;
	float:left;
	padding:2px;}


/*		student start
=================================================================*/

.student{
	float:left;
	width:260px;
	margin:0 auto 0 15px;
	text-align:right;}
.student_text{
	float:left;
	line-height:20px;
	margin:0;
	width:260px;}
.student_box{
	background:#e6e6e6;
	line-height:20px;
	margin:0px;
	padding:1px 1px 1px 5px;
	width:250px;}
.student_box2{
	border:solid #ccc 1px;
	line-height:20px;
	margin:0;
	padding:10px;
	width:260px;}
.student_box3{
	border:solid #ccc 1px;
	line-height:20px;
	margin:0;
	padding:10px;
	width:535px;}

h3.student{
	margin:0 0 0 50px;
	text-align:left;
	color:#b24d5f;
	background:url() no-repeat;
	font:14px "Century Gothic";
	font-weight:bold;}


/*		wedding start
=================================================================*/

#wedding{
	width:860px;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;
	color:#cccccc;}

#wedding ul{
	text-align:center;
	margin:0 auto 0;
	list-style:none;}
#wedding li{
	background:url(./wedding/li.gif) no-repeat 0 0;
	margin:10px 0 0 0;
	padding:7px 0 10px 28px;
	list-style:none;
	display:inline}
#wedding ul li{
	list-style-type:circle;
	margin:0 10px 0 0;}

.wedding_info{
	background:url(./img/border_lite_02.gif) repeat-y 0 0;
	width:400px;
	float:left;
	padding:5px 0 5px 10px;
	font-size:12px;
	margin:0 0 10px 15px;
	text-align:left;}


/*		slider start
=================================================================*/

#slider {
    width: 640px; /* important to be same as image width */
    height: 320px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:-5px 0 0 0;
}
#sliderContent {
    width: 640px; /* important to be same as image width or wider */
    height: 320px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 640px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/*
===================================================================
		top ban
===================================================================
*/

.top_ban{float:left;}

/*
===================================================================
		all start
===================================================================
*/

em{
	color:#B33966;}

b{
	font-weight:bold;}

del{
	text-decoration:line-through;}

p{
	margin:0;}

p span.hide { display:none; }

img{
	margin:2px 0; border:0;}

form{	background:#f9f9f9;
	border:solid #ccc 1px;
	padding:20px;}

input,textarea,option{
	margin:5px; color:#000;
	padding:1px;
	border:solid #ccc 1px;
	background:#fff;}

#submit,#reset{
	width:80px;
	text-align:center;}
#message{
	width:270px;}


ul{
	margin:0 0 0 20px;
	padding-top:8px;
	list-style:none;}
li{
	margin:0;
	list-style:none;}
ul li{
	list-style-type:circle;
	margin:0 10px 0 0px;}