@import url(link.css);
@import url(navi.css);
@import url(calendar.css);
@import url(course.css);
@import url(common.css);

body {
	font-family:  "MS PGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka",arial,helvetica,clean,sans-serif;
	font-size:80%;
	padding: 0;
	line-height:150%;
	text-align: center;
	background:#588DA1;
	color: #666666;
	margin:0px;
}

em { visibility: hidden; }
.text10 {font-size:10px;}
.text10_wh {font-size:10px; color:#FFFFFF;}
.text14 {font-size:14px;}
.text16 {font-size:16px;}
.text_dg { color:#003300;}
.text_red { color:#ff0000;}
.text_blue { color:#076D97;}

.img_margin_5bttm {margin-bottom:5px;}
.img_margin_5top {margin-top:5px;}
.img_margin_5right {margin-right:5px;}
.img_margin_10left {margin-left:10px;}
.img_margin_5 {margin:5px 0px;}

/*全体
-------------------------------------------*/
#container_top{	
	height:100%;
	width: 100%;
	margin:0px;
	padding:0px;
	background:url(../images/top/top_bg.gif) repeat-x;
	}
	
#container{	
	height:100%;
	width: 100%;
	margin:0px;
	padding:0px;
	background:url(../images/common/bg.gif) repeat-x;
	}


/*ヘッダー
-------------------------------------------*/
#header {
	height:87px;
	width:910px;
	margin:0px auto;}

#logo { float:left; 
	height:51px; 
	width:341px;
	margin:20px 0px 0px 23px;
	float:left;}
	
/* header_navi */
#head_navibox {width:243px; height:31px; margin:0px 20px 0px 0px; float:right; padding:0px;}
ul#head_navi      { width: 243px; height:31px; position: relative; overflow: hidden; list-style: none; margin:0px;}
ul#head_navi li a { width: 79px;  height:31px; position: absolute; overflow: hidden; padding: 0; top: 0px; text-indent: -5000px; }
html>body ul#head_navi li a { height:31px; }

/*　*/
li#h_navi01 a  { background: transparent url(../images/common/h_navi01.gif) no-repeat 0 0; margin-top: 0px;left: 0px; display: block;}
li#h_navi02 a  { background: transparent url(../images/common/h_navi02.gif) no-repeat 0 0; margin-top: 0px; left: 82px; display: block;}
li#h_navi03 a  { background: transparent url(../images/common/h_navi03.gif) no-repeat 0 0; margin-top: 0px; left: 162px; display: block;}

li#h_navi01 a:hover,li#h_navi02 a:hover,li#h_navi03 a:hover { filter: alpha(opacity=85); -moz-opacity:0.85;  opacity:0.85;}


/*フラッシュ
-------------------------------------------*/
#flash_top { width:880px;
background:url(../images/top/flash_bg.gif) repeat-y;
padding:15px 15px 0px;
height:347px;
margin:0px auto;}

#flash { width:880px;
background:url(../images/common/flash_bg.gif) repeat-y;
padding:14px 15px 0px;
height:200px;
margin:0px auto;}


/*ナビゲーション
-------------------------------------------*/
#navibox_top {width:910px; height:63px; margin:0px auto; padding:0px; background:url(../images/top/navi_bg.gif) no-repeat;}
ul#navi_top      { width: 910px; height:63px; position: relative; overflow: hidden; list-style: none; margin: 0; }
ul#navi_top li a { width: 175px;  height:63px; position: absolute; overflow: hidden; padding: 0; top: 0px; text-indent: -5000px; }
html>body ul#navi_top li a { height:63px; }

#navibox {width:910px; height:63px; margin:0px auto; padding:0px; background:url(../images/common/navi_bg.gif) no-repeat;}
ul#navi      { width: 910px; height:63px; position: relative; overflow: hidden; list-style: none; margin: 0; }
ul#navi li a { width: 175px;  height:63px; position: absolute; overflow: hidden; padding: 0; top: 0px; text-indent: -5000px; }
html>body ul#navi li a { height:63px; }

li#navi01 a  { background: transparent url(../images/common/navi01.gif) no-repeat 0 0; margin-top: 18px;left: 22px; display: block;}
li#navi02 a  { background: transparent url(../images/common/navi02.gif) no-repeat 0 0; margin-top: 18px; left: 150px; display: block;}
li#navi03 a  { background: transparent url(../images/common/navi03.gif) no-repeat 0 0; margin-top: 18px; left: 277px; display: block;}
li#navi04 a  { background: transparent url(../images/common/navi04.gif) no-repeat 0 0; margin-top: 18px; left: 389px; display: block;}
li#navi05 a  { background: transparent url(../images/common/navi05.gif) no-repeat 0 0; margin-top: 18px; left: 513px; display: block;}
li#navi06 a  { background: transparent url(../images/banner/bttn_online.gif) no-repeat 0 0; margin-top: 5px; left: 697px; display: block;}

li#navi01 a:hover,li#navi02 a:hover,li#navi03 a:hover,li#navi04 a:hover,li#navi05 a:hover,li#navi06 a:hover   {
filter: alpha(opacity=50); -moz-opacity:0.50;  opacity:0.50;}

#main_top { width:910px; margin: 0 auto; background:url(../images/common/content_bg.gif) repeat-y ; padding:0px;}
#page_top { padding:0px; width:910px; margin: 0 auto; background:url(../images/top/content_top.gif) top no-repeat;}
#page_top_body { width:900px; margin: 0 auto; }

#main { width:910px; margin: 0 auto; background:url(../images/common/content_bg.gif) repeat-y ; padding:0px;}
#page { padding:0px; width:910px; margin: 0 auto; background:url(../images/top/content_top.gif) top no-repeat;}

#page_left { padding:5px 0px 0px 15px; width:650px; float:left;}
#page_right{ width:220px; float:right; padding:5px 15px 0px 5px;}

#top_box {
	float:left;
	padding: 10px 0 10px 11px;
}
#top_box02 {
	float:right;
	padding: 10px 10px 10px 11px;
}

#under_box {
	float:left;
	padding: 10px 0 10px 11px;
}

#box_frame {padding:0px; background:url(../images/common/box_bg.gif) repeat-y; margin:0px 0px 15px; width:650px;}
			  
#box {padding:0px 20px 3px 20px; width:610px; text-align:left;}


.dot_line { 
	margin:10px 0px; 
	background:url(../images/common/dot.gif) repeat-x;}

.arrow_image{
	margin-top:2px; margin-right:3px;}
	
.news_new { background:url(../images/common/icon_new.gif) right center no-repeat; text-align:right; float:left; padding-right:30px; font-weight:bold; padding-bottom:0px;}
.news_event { background:url(../images/common/icon_event.gif) right center no-repeat; text-align:right; float:left; padding-right:40px; font-weight:bold;}
.news_sepcial { background:url(../images/common/icon_special.gif) right center no-repeat; text-align:right; float:left; padding-right:45px; font-weight:bold;}
.news_clear { clear:left; padding:0px 0px 3px 0px; margin:0px 0px 5px 0px; border-bottom:1px dotted #CCCCCC;}


/*リスト
-------------------------------------------*/
#side_link {width:220px;
	margin:0px 0 10px 0; 
	padding:0px 0px 0px;
	background: url(../images/common/sidetitle_bttm.gif) bottom no-repeat #FFFFFF;}
	
#side_link ul {
	list-style:none; margin:0; 
	padding:0px 5px 8px;
	}
#side_link li { 
   font-size:12px;
	margin:0px 5px; 
	padding: 5px 0 5px 15px; 
	background:url(../images/common/arrow.gif) left center no-repeat; 
	border-bottom: dotted 1px #CCCCCC; 
	vertical-align:text-top; 
	text-align:left;}



/*エステテーブル
-------------------------------------------*/
#relax {border-bottom:1px solid #efefef; padding:8px 0px;}


/*テーブル
-------------------------------------------*/


.course table { margin:0px; background:#ffffff; border:1px solid #CCCCCC;}
.course th {padding:5px; color:#FFFFFF; font-size:12px; letter-spacing:0.1em; background: #48AFE4; text-align:center;}
.course td { background:#f8f8f8; padding:3px; text-align:center;}


#td_wh { background:#f7f3f3; color:#666666; font-weight:normal; text-align:center; letter-spacing:0.1em; padding:5px; }
#td_lg { background:#e8faba; color:#86914E; font-weight:bold; text-align:center; letter-spacing:0.1em; padding:5px; }
#td_lb { background:#d3f3fb; color:#114C74; font-weight:bold; text-align:center; letter-spacing:0.1em; padding:5px; }
#td_db { background:#114C74; color:#ffffff; font-weight:bold; text-align:center; letter-spacing:0.1em; padding:5px; }

#td_yl { background:#ebea76; color:#6a6926; font-weight:normal; text-align:center; letter-spacing:0.1em;}
#td_lp { background:#EFEE84; color:#CE7D2E; font-weight:normal; text-align:center; letter-spacing:0.1em;}
#td_gray01 { background:#666666; font-weight:normal; text-align:center; letter-spacing:0.1em; color:#FFFFFF;}
#td_gray02 { background:#999999; font-weight:normal; text-align:center; letter-spacing:0.1em; color:#FFFFFF;}
#td_pink { background:#FAAAB5; font-weight:normal; text-align:center; letter-spacing:0.1em; color:#FFFFFF;}
#td_sat { background:#62B9BE; padding:5px; color:#FFFFFF; text-align:center;}
#td_sun { background:#E87B61; padding:5px; color:#FFFFFF;}


/*フッター
-------------------------------------------*/
#footer_box { 
	width:100%; 
	height: 75px; 
	clear:both; 
	margin:0px auto;
	background:url(../images/common/footer_bg.gif);}
	
#footer { 
	width:910px; 
	text-align:center; 
	margin:0px auto; 
	padding:0px;
	color:#FFF;
	font-size:14px;}