@charset "utf-8";
html {
	background:#444444 ;

}
body {
	font: 100% 'メイリオ',Verdana, Arial, Helvetica, sans-serif;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: center;
	color: #444444;
	font-size:12px;
	line-height:1.7;
	background: #FFF url("../img/common/common_bg.gif") ;

}
/*******************カラーテンプレート
ピンク	#BE0E60
緑			#7EB52F
青			#188eb1
グレイ	#444444
黄色		#f4c51c
茶色			#a18c73
************/
.pink {color:#BE0E60;}
.green {color:#7EB52F;}
.blue {color:#188eb1;}
.yellow {color:#f4c51c;}
.brown {color:#a18c73;}
.text10px {font-size:10px;}
.normaltext {font-weight:normal;}
/*****************************************common_共通*/
.clear { clear:both; }
.hidden {text-indent:-9999px;height:5px;}
/***********************************tableテンプレート*/
.table01 {
	border-collapse: collapse;
	border:1px solid #AAA;
}

.table01 th, .table01 td {
	border:1px solid #AAA;
	padding:5px;
}
.table01 th {
	background:#eee;
	border-top:1px solid #FFF;
}
/******************************************a タグ関連*/
a {
	color:#BE0E60;
	text-decoration:none;
}
a:hover {
	color:#7EB52F;
	text-decoration:underline;
}

/*******************************マージン、パディング解除****/
ul, li, p, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

ul, li { list-style:none; }

h1 {
	color:#FFF;
	font-size: 20px;
	}
h2 {
	font-size:18px;
}

h3 {
	font-size:14px;
}

h4 {
	font-size:12px;
}
img {border: none;}
.text_m {
	font-size:18px;
	font-weight:bold;
	margin: 15px 0;
	}

/******************************************************************common_共通*/

#container {
	/**上部の背景
	background: url("../img/common/container_bg.gif") repeat-x left 3px ;
	**/
	text-align: left;
}
#top_wrapper {
	background: url("../img/common/center_bg.gif") no-repeat center 25px ;
	width:850px;
	height: auto;
	margin:0 auto;
}
#header {
height: 90px;
overflow:hidden;
}
#header h1 {
color: #444;
	overflow: hidden;
	height: 5px;
	text-indent: -9999px;
}
#header h2 {
	color: #444;
	font-size: 11px;
	font-weight: normal;
	padding:0;
	margin:0;
	line-height:16px;
	}
#header div#title {
	float:left;
	margin-top:10px;
	width: 260px;
	height: 41px;
	overflow: hidden;
}
#header #boshu img{
	padding:30px 0 0 50px;
}
#header div#topright {
	float: right;
	margin-top:-84px;
	text-align:right;
	_margin-top:-87px;

}
#header div#topright a {
	margin-left: 15px;
	color: #444;
	font-size: 11px;
}
#header div#pamph_button {
	float: right;
	margin-left:10px;
}
#header div#pamph_button a {
	text-align: left;
	margin:0px 0px 0 0;
	display: block;
	text-indent: -9999px;
	width: 178px;
	height: 50px;
	overflow: hidden;
	background: url("../img/index/top_pamph_button.gif") no-repeat left top;
}
#header div#pamph_button a:hover {
	background: url("../img/index/top_pamph_button.gif") no-repeat left -50px;
}



#header div#topright div.t_link {
	margin:0 0 18px 0;
	float:right;
}
#header div#topright div.t_link a {
	text-align:left;
	display: block;
	width:185px ;
	height: 47px;
	overflow: hidden;
	text-indent:-9999px;
	background: url("../img/common/index_t.gif") no-repeat left top;
}
#header div#topright div.t_link a:hover {
	background-position: left -47px;
}
#topmanu {
	width: 850px;
	height: 52px;
	margin:10px 0px 2px 0px ;
	background: #eee;
}
#topmanu li {
	float: left;
}
#topmanu li a {
	text-indent:-999px;
	display: block;
	height: 52px;
	overflow:hidden;
	width: 170px;
	background: url("../img/common/menu01.gif") no-repeat left top;
}
#topmanu li.toppage a {background-position: -1px 0;}
#topmanu li.guide a {background-position: -171px 0;}
#topmanu li.course a {background-position: -341px 0;}
#topmanu li.entrance a {background-position: -511px 0;}
#topmanu li.graduation a {background-position: -680px 0;}

#topmanu li.toppage a:hover {background-position: -1px -52px;}
#topmanu li.guide a:hover {background-position: -171px -52px;}
#topmanu li.course a:hover {background-position: -341px -52px;}
#topmanu li.entrance a:hover {background-position: -511px -52px;}
#topmanu li.graduation a:hover {background-position: -680px -52px;}

#topmanu li.toppage a#stay{background-position: -1px -104px;}
#topmanu li.guide a#stay {background-position: -171px -104px;}
#topmanu li.course a#stay {background-position: -341px -104px;}
#topmanu li.entrance a#stay {background-position: -511px -104px;}
#topmanu li.graduation a#stay {background-position: -680px -104px;}


#middle {
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #FFF;
}
.contents {
	width: 850px ;
	margin: 0 auto;
	background: #FFF;
}

/******
左メニュー関連
******/
#left_menu {
	float: left;
	width: 203px;
	overflow:hidden;
}
#left_menu ul li {
	border-bottom: 1px dotted #FFF;
}
#left_menu ul li a {
	color:#FFF;
	display: block;
	width: 160px;
	padding: 5px 0;

}
#left_menu ul li a:hover {
	font-weight: bold;
	text-decoration: none;
	color:#cc0066;
}

/******
右メニュー関連（indexのみ）
******/
#right_menu {
	float: right;
	width: 203px;
	overflow:hidden;
}
#right_menu ul li {
	border-bottom: 1px dotted #FFF;
}
#right_menu ul li a {
	color:#FFF;
	display: block;
	width: 160px;
	padding: 5px 0;

}
#right_menu ul li a:hover {
	font-weight: bold;
	text-decoration: none;
	color:#cc0066;
}

/********manu_01********/
h3#manu_01 {
	background: url("../img/common/side_top_k.gif") no-repeat left top;
	height: 26px;
	margin:10px 0 0 0;
	padding: 0 20px;
	line-height: 26px;

}
ul.menu_k {
	background: url("../img/common/side_bottom_k.gif") no-repeat left bottom;
	padding: 0 20px;
}
/********manu_02********/
h3#manu_02 {
	background: url("../img/common/side_top_b.gif") no-repeat left top;
	height: 26px;
	margin:10px 0 0 0;
	padding: 0 20px;
	line-height: 26px;
}
ul.menu_b {
	background: url("../img/common/side_bottom_b.gif") no-repeat left bottom;
	padding: 0 20px;
}

/********manu_03********/
h3#manu_03 {
	background: url("../img/common/side_top_bl.gif") no-repeat left top;
	height: 26px;
	margin:10px 0 0 0;
	padding: 0 20px;
	line-height: 26px;
}
ul.menu_bl {
	background: url("../img/common/side_bottom_bl.gif") no-repeat left bottom;
	padding: 0 20px;
}



/********manu_04********/
h3#manu_04 {
	background: url("../img/common/side_top_g.gif") no-repeat left top;
	height: 26px;
	margin:10px 0 0 0;
	padding: 0 20px;
	line-height: 26px;
}
ul.menu_g {
	background: url("../img/common/side_bottom_g.gif") no-repeat left bottom;
	padding: 0 20px;
	font-size: 11px;
}
/********manu_05********/
h3#manu_05 {
	background: url("../img/common/side_top_p.gif") no-repeat left top;
	height: 26px;
	margin:10px 0 0 0;
	padding: 0 20px;
	line-height: 26px;
}
ul.menu_p {
	background: url("../img/common/side_bottom_p.gif") no-repeat left bottom;
	padding: 0 20px;
}
/********manu_06********/
h3#manu_06 {
	background: url("../img/common/side_top_y.gif") no-repeat left top;
	height: 26px;
	margin:10px 0 0 0;
	padding: 0 20px;
	line-height: 26px;
}
ul.menu_y {
	background: url("../img/common/side_bottom_y.gif") no-repeat left bottom;
	padding: 0 20px;
}

/*************address_left**/
.address_left {
	border: 1px solid #CCC;
	padding:10px;
	width: 180px;
	margin-top:10px;
}
.address_left ul li{
 padding: 0;
}
/****************right_contents*************************/
#right_contents {
	float: right;
	width: 630px;
	overflow:hidden;
	margin:10px 0;
}
/****************left_contents(indexのみ)
*************************/

#left_contents {
	float: left;
	width: 630px;
	overflow:hidden;
	margin:10px 0;
}

/***********************footer***********/
#footer {
	width:100%;
	background: #444;
	color:#FFF;
	margin-top:10px;
	padding-bottom:30px;
}

#footer .bottom_link {
	border-top:1px solid #FFF ;
	border-bottom:1px solid #FFF ;
	background: #eee;
	padding:3px 0;
}
#footer .bottom_link table {
	margin: 2px auto;
	
}
#footer .bottom_link table td {
	margin-right: 15px;
	text-align:left;
	padding:0 7px;

}
#footer .bottom_link table td a {color:#555;}
#footer .bottom_link table td a:hover {color:#000;}


#footer center {margin:10px auto;}
#footer center img {
	vertical-align: middle;
}

h3.y_bg {
	background: url("../img/common/h3_y_bg.gif") repeat-x top left;
	height: 26px;
	padding: 5px;
	color: #FFF;
}
p.y_border {
	padding:10px;
	border: 1px solid #ffcc00;
	border-top:none ;
}
.order_area {
	border: 4px solid #CCC;
	margin:20px 0;
	background: url("../img/common/common_bg.gif") ;
	text-align:center;
	padding:10px ;
}
ul.order_button {
	margin: 0 auto;
	width: 600px;
}
ul.order_button li {
	float: left;
	margin-right:15px;
}

ul.order_button a {
	display: block;
	width: 171px;
	height: 22px;
	background: url("../img/common/order_button.gif") ;
	padding: 7px;
	font-weight: bold;
}
.block {margin:20px 0 10px 0;}

div#page_top_link {
	width: 850px;
	margin: 0 auto;
	text-align:right;
}

div.teacher a{
	font-size: 11px;
	display: block;
	border: 4px solid #ccc;
	background: #f4f4f4 url("../img/common/common_bg.gif");
	padding:5px 10px;
	margin:15px 0 10px 0;
	text-align: center;
}
div.teacher a strong{
	font-size:16px;
}

div.teacher a:hover {
	background: #f4f4f4 url("../img/common/black_bg.gif");
	color: #FFF;
}
div.teacher a span {
	display: block;
	text-align: right;
}
div.foot_map {
	margin:1px auto;
	padding:5px 30px;
	border-top:1px solid #555;
	border-bottom:1px solid #666;
	background: #555;
}
div.foot_map a {
	white-space: nowrap;
	color: #999;
	font-size: 10px;
	margin-right:15px;
}
/****************************FAQ_button**************/
a.faq_button {
	background: url("../img/common/faq_button.gif") no-repeat left top;
	display: block;
	width: 202px;
	height: 52px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:7px;

}
a.faq_button:hover {
	background-position: left -52px;
}

a.concept_link {
	background: url("../img/common/concept_button.gif") no-repeat left top;
	display: block;
	width: 202px;
	height: 52px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:7px;
}
a.concept_link:hover {
	background-position: left -52px;
}

a.learning_link {
	background: url("../img/common/learning_button.gif") no-repeat left top;
	display: block;
	width: 202px;
	height: 52px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:7px;
}
a.learning_link:hover {
	background-position: left -52px;
}
a.course_link {
	background: url("../img/common/couse_link.gif") no-repeat left top;
	display: block;
	width: 202px;
	height: 52px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:7px;
}
a.course_link:hover {
	background-position: left -52px;
}

a.message_link {
	background: url("../img/index/message.gif") no-repeat left top;
	display: block;
	width: 202px;
	height: 122px;
	overflow:hidden;
	text-indent:-9999px;
	margin-top:7px;
}
a.message_link:hover {
	background-position: left -122px;
}

a.side_pamph {
	display: block;
	width: 202px;
	height:52px;
	text-indent: -9999px;
	overflow:hidden;
	background: url("../img/common/pamph_button3.gif") no-repeat left top;
	margin:7px 0 0 0;
}
a.side_pamph:hover {
	background-position: left -52px;
}