@charset "utf-8";

/*
	* 名前: top.css
	* 説明: トップページ用CSS
	* バージョン: 1.0
	* 最終更新日: 2008.10.15
	* 制作者: Hiroaki Nakagawa

	* 目次:
	  - 01. 
*/

/* 外部CSSファイルの読み込み */

/* Import用CSS */
@import url("import.css");


/* Stylesheet Document */

@media screen {
/* ========================================
	   * 02. 領域設定 - ブロック -
	======================================== */

	/* トップイメージ */
	#topimage {
	background: url("../../img/bg_topimage.gif") left top no-repeat;
}
/* ナビゲーション */
	#navigation {
	clear: both;
	background: url("../../img/bg_navigation.gif") left top no-repeat;
	margin: -7px auto 24px auto;
	padding: 0;
	width: 903px;
}
/* ナビゲーション - IE6 HACK */
	* html #navigation {
	margin-top: -36px;
}
/* グローバルナビ */
	#g_navi {
	list-style-type: none;
	width: 664px;
}
/* コンテンツ */
	#contents {
	background: none;
	margin-top: 0;
	padding-top: 0;
}
/* メイン */
	#main {
	margin-right: 16px;
	width: 596px;
}
/* サイドバー */
	#sidebar {
	margin-top: 12px;
}
/* ========================================
	   * 02-00. 領域設定 - トップイメージ -
	======================================== */

	#topimage ol {
	width: 220px;
}
#topimage ol li a {
	
	margin: 0 0 1px 0;
	width: 220px;
}
#topimage ol li a#btn_schedule {
	background-image: url("../../img/btn_schedule.jpg");
	height: 107px;
}
#topimage ol li a#btn_schedule:hover {
	background-image: url("../../img/btn_schedule_on.jpg");
	height: 107px;
}
#topimage ol li a#btn_trial_lesson {
	background-image: url("../../img/btn_trial_lesson.jpg");
	height: 107px;
}
#topimage ol li a#btn_trial_lesson:hover {
	background-image: url("../../img/btn_trial_lesson_on.jpg");
	height: 107px;
}
#topimage ol li a#btn_trial_open {
	background-image: url("../../img/opencampus_yousu_banner.jpg");
	height: 47px;
}
#topimage ol li a#btn_trial_open:hover {
	background-image: url("../../img/opencampus_yousu_banner_on.jpg");
	height: 47px;
}
/* ========================================
	   * 02-00. 領域設定 - ナビゲーション -
	======================================== */

	#navigation div.wrapper {
	background: url("../../img/img_original_goods02.jpg") right -1px no-repeat;
	border-bottom: 1px solid #DFDFDB;
	min-height: 153px;
	text-align: left;
	width: 883px;
}
#navigation div.wrapper div#advisement {
	background: #F0F0F0 url("../../img/title_advisement.gif") 10px center no-repeat;
	margin: 0 0 1px 0;
	clear: both;
	width: 522px;
	padding-left:140px;
}
#navigation div.wrapper div#advisement:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0; /* CSS HACK: Safari */
	font-size: 0; /* CSS HACK: Firefox3 */
	visibility: hidden;
}
#navigation div.wrapper div#advisement h2 {
	display: none;
}
#navigation div.wrapper div#advisement ol {
	float: right;
	list-style-type: none;
	margin-bottom: 2px;
	margin-top: 2px;
}
#navigation div.wrapper div#advisement ol li {
	float: left;
	margin-bottom: 0;
	text-align: center;
	width: 167px;
	padding-right:7px;
}
#navigation div.wrapper div#advisement ol li a,  #navigation div.wrapper div#advisement ol li span {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 46px;
	text-indent: -9999px;
	width: 167px;
}
#navigation div.wrapper div#advisement ol li a#navi_1011,
#navigation div.wrapper div#advisement ol li span#navi_1011 {
	background-image: url("../../img/navi_1011.jpg");
}
#navigation div.wrapper div#advisement ol li a#navi_1011:hover {
	background-image: url("../../img/navi_1011_on.jpg");
}
#navigation div.wrapper div#advisement ol li a#navi_1220,
#navigation div.wrapper div#advisement ol li span#navi_1220 {
	background-image: url("../../img/navi_1220.jpg");
}
#navigation div.wrapper div#advisement ol li a#navi_1220:hover {
	background-image: url("../../img/navi_1220_on.jpg");
}


#navigation div.wrapper div#advisement ol li a#navi_1221,
#navigation div.wrapper div#advisement ol li span#navi_1221 {
	background-image: url("../../img/navi_1221.jpg");
}
#navigation div.wrapper div#advisement ol li a#navi_1221:hover {
	background-image: url("../../img/navi_1221_on.jpg");
}
/* ========================================
	   * 02-00. 領域設定 - グローバルナビ -
	======================================== */
body #container #g_navi {
	width:442px !important;
	float:left;
}
body #container #g_navi li {
	height: 50px !important;
	margin-bottom: 1px;
	margin-right: 1px;
	text-indent: -9999px;
	overflow:hidden;
}
#navi_0621 {
	background-image: url("../../img/navi_0620.jpg");
	width:146px !important;
}

#navi_0621 a:hover{
	background-image: url("../../img/navi_0620_on.jpg");
}

#navi_0719 {
	background-image: url("../../img/navi_0718.jpg");
	width:146px !important;
}
/*
*html #navi_0719 a{
	width:130px !important;
}
*/
#navi_0719 a:hover{
	background-image: url("../../img/navi_0718_on.jpg");
}

#navi_0720 {
	background-image: url("../../img/navi_0801.jpg");
	width:146px !important;
}
#navi_0720 a:hover {
	background-image: url("../../img/navi_0801_on.jpg");
}
#navi_0808 {
	background-image: url("../../img/navi_0821.jpg");
	width:146px !important;
}
#navi_0808 a:hover {
	background-image: url("../../img/navi_0821_on.jpg");
}
#navi_0809 {
	background-image: url("../../img/navi_0822.jpg");
	width:146px !important;
}
#navi_0809 a:hover {
	background-image: url("../../img/navi_0822_on.jpg");
}
#navi_0905 {
	background-image: url("../../img/navi_0920.jpg");
	width:146px !important;
}
#container #g_navi #opencampus a {
	background-image: url("../../img/open_campus_pro2010_banner.jpg");
	width:220px !important;
	height: 100px !important;
	margin-right:0px;
}
#container #g_navi #opencampus a:hover {
	background-image: url("../../img/open_campus_pro2010_banner_over.jpg");
}
#container #g_navi #example a {
	background-image: url("../../img/example.jpg");
	width:220px !important;
	height: 50px !important;
	margin-right:0px;
}
#container #g_navi #example a:hover {
	background-image: url("../../img/example_over.jpg");
}

#open_campus_banner a{
	background-image: url("../../img/open_campus_pro2010_banner.jpg");
	width:220px !important;
	height: 100px !important;
	margin-right:0px;
	text-indent:-9999px;
	float:left;
}

#open_campus_banner a:hover {
	background-image: url("../../img/open_campus_pro2010_banner_over.jpg");
}


/* ========================================
	   * 02-00. 領域設定 - メイン -
	======================================== */

	#main ol#topmenu {
	list-style-type: none;
	margin-left: 0;
}
#main ol#topmenu li {
	float: left;
}
#main ol#topmenu li#btn_2008 {
	margin-left: 12px;
	margin-top: 12px;
}

.baner_top li{
float:left;
list-style:none;
margin-right:10px;
position:relative;
}

div.right_baner {
	position:absolute;
	right:-300px;
	top:1px;
}

	#main ul {
		margin-left: 6px;
	}
/* ========================================
	   * 20100319　追加
	======================================== */
	.daigakuin{
	clear:both;
	float:left;
	margin-left:6px;
	border:2px solid #ef650a;
	padding:4px;
	display:block;
	margin-bottom:9px;
	width:558px;
	color:#ef650a;
	background-color:#fffaf6;
	}
}