@charset "utf-8";

/**--base_setting--**/
body {
    font-family:'メイリオ', 'ＭＳ Ｐゴシック', Verdana, Helvetica, Chicago, Arial, Sans-Serif;
    font-size:78%;
	line-height:180%;
	color: #444;
  background:#EEE;
  text-align:center;

}
/**#F5F2E9***/
body,h1,h2,h3,h4,h5,h6,p,span,ul,li,dl,dt,dd {
margin: 0;
padding: 0;
}
th,td {
vertical-align: top;
text-align: left;
}
ul,ol {list-style: none;}
img {border: none;}
a img {border: none;}

a {color: #00A4EA;text-decoration: underline;}
a:hover {color: #640000;text-decoration: underline;}

.hidden {display: none;}
.clear {clear: both;}

/**------Layout-setting------**/

/**最大幅指定**/
h1#common_top_bar {
	background: #303845;
	color:#FFF;
	font-size:10px;
	font-weight:normal;
	border-bottom:1px solid #FFF;
	text-align:left;
	padding:0px 10px;
	
}
#container {
	background: #FFF url(../img/common/main_bg.gif) repeat-x left top;
	overflow:hidden;
}
div#wrapper {
  text-align:left;
  padding:0 ;
	margin: 0 auto 2em auto;
	width: 854px;
	overflow:hidden;
	/**
	background: url("../img/common/common_top_bar.gif") no-repeat center top;
	**/
}
div#box_top {
  width: 854px;
  clear: both; 
  position:relative;
	z-index: 1;
  }
div#box_top #main_title{
	height: 55px;
	padding:15px 0 0 0;
}
div#box_top #main_title a{
	display: block;
	background: url(../img/common/main_title.gif) no-repeat left top;
	width:283px;
	height:34px;
	text-indent:-9999em;
}
h2.commonh2 {
	color: #CC0000;
	font-size:11px;
	font-weight: normal;
	margin: 5px 0 0 0;
}
.sub_img {
	position: absolute;
	background: url(../img/common/boshu_banner.gif) no-repeat left top;
	width: 299px;
	height: 55px;
	top: 12px;
	left:340px;
}
.sub_img a{
	text-indent: -9999em;
	display: block;
	height: 55px;
}

/***********************************************************/
/**最上部ナビ**/
#top_sub_navi01 {
	position:absolute;
	top:3px;
	right:0px;
	background: url(../img/common/top_l_bg.gif) no-repeat left bottom;
	overflow: hidden;
	float:right;
	padding: 0 0 0 10px;
}

#top_sub_navi01 ul {
	background: url(../img/common/top_l_bg.gif) no-repeat right bottom;
	overflow: hidden;
	padding:2px 10px 3px 0;
}


#top_sub_navi01 li {
	color:#2D78CC;
	display: inline;
	background: url(../img/common/main_list.gif) no-repeat left center;
	padding:0 10px 0 7px;
	font-size: 86%;
}
#top_sub_navi01 a {
	text-decoration: none;
	color:#2D78CC;
	}
#top_sub_navi02 {
	position:absolute;
	top:30px;
	right:0px;
	padding: 0 0 0 10px;
}
#top_sub_navi02 li {
	color:#2D78CC;
	display: inline;
	background: url(../img/common/main_list.gif) no-repeat left center;
	padding:0 10px 0 7px;
	font-size: 86%;
}
/***********************************************************************************/
/* Navigation **/
/***********************************************************************************/
div#main_navi {
	background:url(../img/common/main_navi_bg_bg.gif) repeat-x left bottom;
}

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav {
  font-family: 'メイリオ',Verdana, Helvetica, Chicago, Arial, Sans-Serif;
  position: relative;
  margin:5px 0 0 0px;
  border-top:1px solid #ddd ;
  padding:1px 0 0 0;
  overflow: hiddem;
}
/*
* html .nav{
  position:absolute;
}
*/
.nav li {
  float: left;
	margin: 0px 0px 0 0;
  padding: 0 2px 0 0;
  position: relative;
	background:#FFF url(../img/common/dott_h_2.gif) repeat-y right top;
}
.nav li a {
	display:block;
	height: 34px;
  line-height:34px;
  text-transform: lowercase;
  text-decoration: none;
  text-align: left;
  padding:0 7px;
  color:#111;
	background:url(../img/common/main_navi_bg.gif) repeat-x left bottom;
	border-bottom: 2px solid #0B99DD;
  _float:left;

}

.nav li a span{
	display: block;
	background: url(../img/common/list03.gif) no-repeat left center;
	padding:0 2px 0 6px;
	font-weight: bold;
}


.nav li a:hover {
	background:url(../img/common/main_navi_bg.gif) repeat-x left bottom;
	border-bottom: 2px solid #990000;
	color:#990000 ;
}

.nav li.navi01 ul a {width:160px;}
.nav li.navi02 ul a {width:300px;}
.nav li.navi03 ul a {width:160px;}
.nav li.navi04 ul a {width:160px;}
.nav li.navi05 ul a {width:160px;}
.nav li.navi06 ul a {width:160px;}
.nav li.navi07 ul a {width:160px;}


#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #FDF0FF;
  color: #333;
  text-indent:0;
  width:none;
  padding:0 1em;
  font-size:11px;
  margin:0 ;
  border:none;
  border-bottom: 1px dotted #444;
  line-height:28px;
  height:28px;
  font-weight: normal;

}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #990000;
  color: #FFF;
  text-indent:0;
}
.nav ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: 0px;
  background:#fff;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 36px;
}
.nav ul li {
  border: 0;
  float: none;
  margin:0;
	background-image: none;
	padding:0;
}
.nav ul a {
  white-space: nowrap;
  color:#111;
  background: ;
  margin:0 ;
  float: none;
}

/**メインコンテンツ域の幅と背景**/
/**メインコンテンツ域**/
div#contents_area {
	margin: 0px auto;
	overflow: hidden;
	width: 854px;
}
/**パンくず**/
p.pankuzu {
	margin: 5px 0 10px 5px;
  font-size:11px;
}
p.pankuzu a{
  text-decoration:none;
  font-weight:bold;
}
p.pankuzu a:hover{
  text-decoration:underline;
}

/**box_left**/
div#contents_area div#left {
	clear: both;
	float:left;
	width: 180px;
  overflow:hidden;
}

/**left内のimg**/
div#left img {margin-bottom:5px;}

/**interview_button**/
div.interview_button {
	margin:0 0 5px 0;
}
div.interview_button a {
	width: 200px;
	height: 70px;
	background-image: url("../img/student_bunner.jpg");
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent:-9999px;
	display: block;
}
div.interview_button a:hover {
	background-position: -200px 0px;
}
/**left_pamph**/
div.left_pamph {
	width: 180px;
	margin: 5px 0px;
	overflow: hidden;
}
div.left_pamph p.pamph_banner {
	margin: 0 0 2px 0;
}
div.left_pamph p.pamph_banner a {
	display:block;
	width: 180px;
	height: 80px;
	background: url("../img/common/pamph_btn.gif") no-repeat left top;
	text-indent:-9999px;
}
div.left_pamph p.pamph_banner a:hover {
	background-position:left -80px;
}

/****************************************************資料請求ボタン、体験入学ボタン***********/

a.pamphlet_btn {
	display:block;
	width: 180px;
	height: 60px;
	background: url("../img/common/pamphlet_btn.gif") no-repeat left top;
	text-indent:-9999px;
	margin:0 0 10px 0;
}
a.pamphlet_btn:hover {
	background-position:left -60px ;
}

a.experi_btn {
	display:block;
	width: 180px;
	height: 60px;
	background: url("../img/common/experi_btn.gif") no-repeat left top;
	text-indent:-9999px;
	margin:0 0 10px 0;
}
a.experi_btn:hover {
	background-position:left -60px ;
}

/**box_right**/
div#contents_area div#right {
	float:right;
	width: 660px;
  overflow:hidden;
}

div#contents_area div#right h2{
  padding:0.7em;
  font-size:20px;
  background:url("../img/common/h2_bar.gif") repeat-x left top;
  border-top:4px solid #94c0e4;
}


/**携帯にURL**/
p.p_box01 {
	background-image: url("../img/gra_under.gif");
	background-repeat: repeat-x;
	margin: 0px 0 2px 0;
	border:1px solid #AAA;
	padding:3px;
	text-align:center;
}
p.p_box01 a{
  display:block;
  background:#efeee0;
}
.mob_box {
  font-size:10px;
  line-height:16px;
}

/**下誘導**/
div.under_navi {
	margin: 3px 0 20px 0;
	padding-bottom:20px;
  clear:both;
	}
div.under_navi p {
	font-size: 12px;
	font-weight: bold;
}
div.under_navi span {
	font-weight: normal;
}
div.under_navi a {text-decoration: none;color: blue;}
div.under_navi a:hover {color: #808000;}

p.bottom_retune {
	float: left;
	line-height: 16px;

}

p.bottom_retune span {
	padding-left :20px;
	font-size: 12px;
	background-image: url("../img/red_arow_l.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
p.bottom_next {
	float: right;
	text-align: right;
	line-height: 16px;
}

p.bottom_next span {
	padding-right: 20px;
	font-size: 12px;
	background-image: url("../img/red_arow.gif");
	background-repeat: no-repeat;
	background-position: right center;
}
/**default_button**/
div.default_button {
	padding: 5px;
	border: 1px solid #aaa;
	background-image: url("../img/gra_up.gif");
	background-repeat: repeat-x;
}
div.default_button a {
	text-decoration: none;
	display:block;
}
div.default_button a:hover {text-decoration: underline ;}

/**all_left_navi**/
dl.all_left_navi {
	margin:0px 0 10px 0;
	overflow:hidden;
	width: 200px;
	font-size:11px;
}
dl.all_left_navi dt {
	border-bottom: 1px solid #aaa;
	font-size: 120%;
	font-weight: bold;
	background:url("../img/common/course_title_bg.gif") no-repeat left top;
  height:30px;
	padding:15px 0 0 45px;
}
dl.all_left_navi dd {
	border-bottom: 1px dotted #aaa;

}
dl.all_left_navi dd a {
	display:block;
	padding:5px;
	text-decoration: none;
	background: #f2f2f2 url("../img/li_icon.gif") no-repeat 3px center;
	padding:7px 0 7px 12px;
  color:#333;

}
dl.all_left_navi dd a:hover {
	background: #DDD url("../img/li_icon.gif") no-repeat 3px center;
  color:#111;
}
div.border {
	clear:both;
	margin-bottom: 10px;
	border-bottom: 2px dotted #BBB;
	height: 10px;
	display: block;
}
/* gakka.menu */
.gakka_menu {
  margin:0 0 10px 0;
}
.gakka_menu dt{
	border-bottom: 1px solid #aaa;
  background:url("../img/common/course_title2.gif") no-repeat left top;
  text-indent:-99999em;
  height:55px;
}
.gakka_menu dt a{
  text-decoration:none;
}
.gakka_menu dd{
	border-bottom: 1px dotted #aaa;
}
.gakka_menu dd a{
	display:block;
	padding:5px;
	text-decoration: none;
	padding:7px 0 7px 12px;
  font-size:11px;
  line-height:13px;
  color:#555;
}
.gakka_menu dd a:hover{
  color:#111;
}
.gakka_menu dd#g_ksk a{background: #f2f2f2 url(../img/common/course_l_bar_01.gif) no-repeat left center;}
.gakka_menu dd#g_kd a{background: #f2f2f2 url(../img/common/course_l_bar_02.gif) no-repeat left center;}
.gakka_menu dd#g_k a{background: #f2f2f2 url(../img/common/course_l_bar_03.gif) no-repeat left center;}
.gakka_menu dd#g_ikd a{background: #f2f2f2 url(../img/common/course_l_bar_04.gif) no-repeat left center;}
.gakka_menu dd#g_ic a{background: #f2f2f2 url(../img/common/course_l_bar_05.gif) no-repeat left center;}
.gakka_menu dd#g_ild a{background: #f2f2f2 url(../img/common/course_l_bar_06.gif) no-repeat left center;}

.gakka_menu dd#g_ksk a:hover{background: #DDD url(../img/common/course_l_bar_01.gif) no-repeat left center;}
.gakka_menu dd#g_kd a:hover{background: #DDD url(../img/common/course_l_bar_02.gif) no-repeat left center;}
.gakka_menu dd#g_k a:hover{background: #DDD url(../img/common/course_l_bar_03.gif) no-repeat left center;}
.gakka_menu dd#g_ikd a:hover{background: #DDD url(../img/common/course_l_bar_04.gif) no-repeat left center;}
.gakka_menu dd#g_ic a:hover{background: #DDD url(../img/common/course_l_bar_05.gif) no-repeat left center;}
.gakka_menu dd#g_ild a:hover{background: #DDD url(../img/common/course_l_bar_06.gif) no-repeat left center;}

/*************************bottom_sitemap***********/
div#box_bottom {
	overflow: hidden; 
	clear: both;
	margin: 20px auto 0 auto;
	width: 854px;
	}
div#box_bottom p {
	float:left;
	margin: 5px 20px 10px 3px ;
}
div#box_bottom address {
	float: right;
}

/**最下のリンク**/
ul#bottom_navi {
	padding: 0px;
	margin: 5px auto 0 auto;
	clear:both;
	height: 20px;
	width:854px;
	/*
	background-image: url("../img/common_navi_bar.gif");
	background-repeat: no-repeat;
	*/
}
ul#bottom_navi li {
	float: left;
	font-size:85%;
	letter-spacing: 0.1em;
}
ul#bottom_navi a {text-decoration: none;}

div.common_sitemap {
	overflow:hidden;
	clear: both;
	margin:0;
	text-align:left;

}
div.common_sitemap a {
	color:#666;
	text-decoration: none;
}
div.common_sitemap a:hover {
	color:#333;
	text-decoration: underline;
}
div.common_sitemap dl.sitemap01 {
	width:160px;
	padding:0 10px 10px 0;
	float: left;
	
}
div.common_sitemap dl.sitemap01 dt {
	margin: 0px 0;
	line-height: 20px;
	font-size: 12px;
	color:#999;

}
div.common_sitemap dl.sitemap01 dd {
	font-weight: normal;
	margin: 2px 0;
	line-height: 16px;
	font-size: 10px;
}

div#box_bottom p {
	line-height:140%;
	margin: 5px 0 ;
	font-size: 10px;

}
div.address_area {
	padding: 0 10px;
	overflow:hidden;
	background-color: #999999;
	margin:0;
	color:#FFFFFF;
	text-align: center;
	_display:inline-block;
	font-size:11px;
}

div.address_area #b_854 {
	clear:both;
	width: 854px;
	margin: 10px auto;
	text-align: left;
	}

/**************************/
table.pamph_navi {
	width: 450px;
	border-spacing: 1px; 
	margin-top:10px;

	}
table.pamph_navi td {
	text-align:center;
	width: 33%;
}
table.pamph_navi td a {
	background-color:#e86e02;
	color:#FFFFFF;
	display:block;
	width: 143px;
	height: 100%;
	border:1px solid #e86e02;
	padding:3px;

}
table.pamph_navi td a:hover {
	background-color:#FFFFFF;
	border:1px solid #e86e02;
	color:#e86e02;
}
p.freetel {
	margin-top:10px;
	background: url("../img/free_tel_img.gif") no-repeat left top;
	width: 220px;
	height:25px;
	text-indent: -9999px;
}
div.blog_left {
	border-top:3px solid #CCC;
	border-bottom:3px solid #aaa;
	padding: 10px 0 0 0;
	width: 200px;
}
div.blog_left a img{
	display:block;
	width:176px;
	height:56px;
	border:1px solid #AAA;
	margin:0 auto;
}
div.blog_left a:hover img {
		border:1px solid orange;

}

/*********ソーシャルブックマーク*******/
div.sbm_area {
	background-color: #f2f2f2;
	overflow: hidden;
	border-top:1px solid #dddddd;
	width: auto;
	height:100%;
	text-align: left;
	font-size:11px;
}
div.sbm_area p {
	padding-left: 10px;
}

div.bookmarkarea {
	padding:5px;
	clear:both;
	display: block;
	border-top: 1px solid #DDD;
	background-color:#fff;
	overflow:auto;
	width: auto;
	height:100%;
}
/*****************comp_toplink********************/
.comp_toplink {
	width: 350px;
	margin: 20px auto;
}
.comp_toplink a{
	display: block;
	border: 1px solid #AAA;
	background: #f2f2f2;
	padding:20px;
	width: 300px;
	margin: 20px auto;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.comp_toplink a:hover{
	background: #ecebe6;
}
/*****************共通クラス********************/
.block {
  background:#eee;
  padding:1em;
  margin:1em 0;
  overflow:hidden;
}
.block2 {
  background:#eeebe3;
  padding:1em;
  margin:1em 0;
  overflow:hidden;
}
.block3 {
  background:#f7fbea;
  padding:1em;
  margin:1em 0;
  overflow:hidden;
}
.block4 {
  background:#FFF;
  padding:0.5em;
  margin: 0;
  overflow:hidden;
}
h3.all {
  font-size:16px;
  border-left:5px solid #286ace;
  padding:0 0 0 10px ;
  margin:5px 0 ;
}
/**別窓表示用のレイアウト**/
div#wrapper2 {
  padding:0 ;
	margin: 0 auto;
	width: 700px;
  overflow:hidden;
  position:relative;
}
div#wrapper2 img.retune{
  position:absolute;
  right:0;
  top:0;
}
div#wrapper2 .title{
  margin:10px 0;
}
/****************labo_btn******************/
.labo_btn {
  margin:10px 0 10px 0;
}
.labo_btn a {
  display:block;
  width:180px;
  height:105px;
  text-indent:-99999em;
  background:url("../img/labo_btn.gif") no-repeat left top;
}

/***information_archive****/