/* CSS Document */
@charset "UTF-8";

/*
サーチキーで検索して場所に飛べます。

=1 ベース管理CSS
=2 ヘッダー管理CSS
=3 グローバルナビ管理CSS
=4 メインコンテンツ管理CSS
=5 フッター管理CSS
=6 クラス管理CSS

*/

/*****************************************************/
/*                                                   */
/*                  =1 ベース管理CSS                 */
/*                                                   */
/*****************************************************/
*{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,a{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	}
	
h1{
	font-size:10px;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	}
	
h2{ 
	}
	
h3{

	}

h3.deco{	
	text-align:left; 
	margin:10px 0 10px 10px;
	height:23px;
	line-height:23px;
	font-size:14px; 
	color:#333333; 
	font-weight:bold;
	border-left:#fb7502 5px solid;
	padding:2px 10px 0px 10px;
	margin-right:10px;
	background-image:url(../images/h3_bg.jpg);
	background-repeat:repeat-y;
}

h4.deco{
	  font-size:14px; font-weight:bold; color:#36C; margin-bottom:0.5em;
}

	
html{
	height:100%;
	}

body{
	background: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position:center;
	background-position:top;
	margin:0px;
	padding:0px;
	background-attachment: fixed;
	background-color:#ffffff;
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka','ＭＳ Ｐゴシック', sans-serif;
	font-size:13px;
	line-height:1.1em;
	color:#2C2C2C;
	}
	
a{
	color: #3366CC;
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	color: #3366CC;
	}

.archive{
	margin-left:15px;
	text-align:left;
	}

#main_box_contents{
	width:990px; 
	margin:0 auto 0 auto;
	text-align:left;
	height:auto;
	}
	
#left_contents{
	float:left; width:180px; text-align:left;
	}
	
#g_navi_box{
	float:left; padding-left:20px; padding-right:10px; width:170px; background-color:#F3F0EF;
	}
	
#local_navi_box2{
	margin-right:0px; 
	height: auto; 
	text-align:left;
	padding:0 10px;
	background-image:url(../images/side_navi_bg_02.jpg);
	background-repeat:repeat-y; 
	}
	
/*　トップ画像切り替え　*/

#mainVisual {
	margin: 0 auto;
	width: 600px;
}

#autoVisual {
	position: relative;
	width: 962px;
	height: 282px;
	overflow: hidden;
}

#autoNav {
	margin: 10px 0 0 -4px;
	height: 99px;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

#autoNav li {
	float: left;
	_display: inline;
	margin-left: 4px;
	width: 197px;
	height: 100%;
}

	
/*****************************************************/
/*                                                   */
/*                  =2 ヘッダー管理CSS               */
/*                                                   */
/*****************************************************/

header{
background-image:url(../images/head_parts.png); width:990px; height:102px;
	}

#header_navi{
	float:right; padding-top:0px; width:580px; margin-right:10px;
	}
	
#container_menu{    /*メニューボタンの背景を設定*/
  width : 100%;
  padding : 0;
  margin : 0;
	text-align:right;
	font-size:12px;
}    
ul{
  list-style : none;  /*リストマークを消す*/
  text-align:center;  /*ボタン枠のテキストをセンター寄せ*/
  padding : 0;
  margin : 0;
  line-height:1.7em;
}
li.li_01{
  width : 4em;  /*リストの幅の設定*/
  float:left;  /*これで一列にリストを並ばせる*/
  padding : 0;
  margin : 0;
}
li.li_02{
  width : 8.5em;  /*リストの幅の設定*/
  float:left;  /*これで一列にリストを並ばせる*/
  padding : 0;
  margin : 0;
}
li.li_03{
  width : 10em;  /*リストの幅の設定*/
  float:left;  /*これで一列にリストを並ばせる*/
  padding : 0;
  margin : 0;
}
li.li_04{
  width : 6.5em;  /*リストの幅の設定*/
  float:left;  /*これで一列にリストを並ばせる*/
  padding : 0;
  margin : 0;
}
li.li_05{
  width : 10em;  /*リストの幅の設定*/
  float:left;  /*これで一列にリストを並ばせる*/
  padding : 0;
  margin : 0;
}
li.li_06{
  width : 8em;  /*リストの幅の設定*/
  float:left;  /*これで一列にリストを並ばせる*/
  padding : 0;
  margin : 0;
}
#container_menu li a{
  display:block;  /*リンク範囲をブロックに変更する*/
  width:100%;     /*リンク範囲の横幅は100％*/
  height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
  padding : 0;
  margin : 0 0 4px 0;
	color:#2C2C2C;
  text-decoration : none;  /*下線を表示しない*/  
}

#container_menu li a:hover{  /*マウスポインタがリンクに重なったときの設定*/
  padding : 0;
  margin : 0;
	text-decoration:none;
	border-bottom: solid 4px #fb7502;

}

	

/*****************************************************/
/*                                                   */
/*           =3 index管理CSS                         */
/*                                                   */
/*****************************************************/

#main_image{
	height:436px; background-image: url(../images/main_image_bg.png); background-repeat:repeat-y; padding:0 14px;
	}
	
#main_image_btm{background-image:url(../images/main_image_btm.png); width:990px; height:25px; background-position:bottom;}

#rss_box{
	margin:5px 0px 0 10px;
	background-image:url(../images/footer_bg.png);
	width:705px;
	color:#FFFFFF;
	text-align:left;
	height:auto;
	color:#FFFFFF;
	font-size:11px;
	}
	
#rss_box a{
	text-decoration:none;
	color:#ffffff;
	}
	
#rss_box a:hover{
	color: #B47751;
	text-decoration:none;
	}

#rss_box ul{
	list-style:disc;
	}
	
#rss_box li{
	text-align:left;
	}
	
.rss_box_01{text-align:left; float:left; width:200px; padding-left:15px; margin-left:10px; margin-top:5px; margin-bottom:10px;}

.rss_box_02{text-align:left; float:left; width:200px; padding-left:15px;  margin-left:15px; margin-top:5px; margin-bottom:10px;}

.rss_box_line{border-left:#858585 1px solid;}

#whatnew_title{padding:3px 0 3px 10px; font-size:14px; border-bottom:#FFFFFF 1px dotted; margin-bottom:10px;}

	
#whatnew{
	margin:10px 10px;
	line-height:2em;
	}
	
#whatnew img{
	vertical-align: middle;
	}
	
dl.topics_list {
	line-height: 1.6;
	margin:0 0 0 0px;
}

dl.topics_list dt {
	width: 6em;
	float: left;
	padding-bottom:5px;
	padding-top:6px;
	padding-bottom:3px;
}

dl.topics_list dd {
	padding-left: 8em;
	padding-top:6px;
	padding-bottom:3px;
	border-bottom: 1px dashed #ccc;
}

dl.topics_list dd a{
	color: #3366CC;
	text-decoration:none;
	}
	
dl.topics_list dd a:hover{
	text-decoration:underline;
	color: #3366CC;
	}
	
.new_title{
	font-size:120%; font-weight:bold;
	}

.new_title a{
	font-weight:bold;
	color: #3366CC;
	text-decoration:none;
	}
	
.new_title a:hover{
	font-weight:bold;
	text-decoration:underline;
	color: #3366CC;
	}

/********角丸*******************/

.new_works{
	border:1px solid #89a;
	padding:15px 25px;
}
.new_works p{
	background:#369;
	color:#def;
}
#new_works10{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#new_works10 p{
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
}



/*****************************************************/
/*                                                   */
/*           =4 メインコンテンツ管理CSS              */
/*                                                   */
/*****************************************************/

#top_image{
	height:282px; background-image: url(../images/main_image_bg.png); background-repeat:repeat-y; padding:0 14px;
	}

#top_image_in{
	height:200px; background-image: url(../images/main_image_bg.png); background-repeat:repeat-y; padding:0 14px;
	}

#main_content{
	background-image: url(../images/main_image_bg.png); background-repeat:repeat-y; padding:0 0px; width:990px;
	}
	
#main_content_btm{background-image:url(../images/main_content_btm.png); width:990px; height:16px; }

#left_content{float:left; width:248px; margin-left:10px;}

#right_content{float:left; width:720px;}

/*********パンくずリスト************/

#pankuzu{
	margin:5px 0 0 10px; font-size:11px;
}

/*****************************************************/
/*                                                   */
/*                =5 フッター管理CSS                 */
/*                                                   */
/*****************************************************/

footer{
	height:190px;
	background-image:url(../images/footer_bg.png); 
	padding-top:17px;
	line-height:1.3em;
	}

#footer_box{
	width:946px; 
	margin:0px auto 0 auto;
	text-align:left;
	height:auto;
	color:#FFFFFF;
	font-size:11px;
	}
	
.footer_title{
	font-size:15px; color:#858585; margin-bottom:10px;
	}
	
#footer_box a{
	text-decoration:none;
	color:#ffffff;
	}
	
#footer_box a:hover{
	color: #B47751;
	text-decoration:none;
	}

#footer_navi_01{
	float:left; height:170px;
	}
	
#footer_navi_02{
	float:left; height:170px; padding-left:15px; border-left:#858585 1px solid; margin-left:15px;
	}
	
#footer_navi_03{
	float:left; height:170px; padding-left:15px; border-left:#858585 1px solid; margin-left:15px;
	}
	
.text-clm {
	background: #c3c4c5;
	border: 1px solid #636363;
	color: #333333;
	padding: 1px 0 1px 3px;
	width: 110px;
	position: relative;
}

/*****************************************************/
/*                                                   */
/*                 =6 クラス管理CSS                  */
/*                                                   */
/*****************************************************/

/***チャートp**/

#chart{
	background-image:url(../images/footer_bg.png); margin:0 auto; width:700px; color:#FFFFFF;
	}
	
#chart a{
	color:#ffffff;
	}
	
#chart a:hover{
	color: #B47751;
	}

/***チェックポイント***/

#checkpoint_box{
	width:190px; height:350px; overflow-y: auto; overflow-x:hidden; line-height:1.5em; font-size:11px; padding-right:10px;
	}
	
#checkpoint_title{
	font-size:15px;
	}
	
#checkpoint_pct{
	margin-top:10px; text-align:center; padding-right:10px; font-size:10px; margin-bottom:10px;
	}
	
#checkpoint_osusume{
	margin-top:10px; color:#6666CC; font-weight:bold;
	}


.text_b_bule{
	font-weight:bold; color:#0066CC;
	}
	
.text_b_red{
	font-weight:bold; color: #FF0000;
	}

.line_1{
	height:20px; margin:20px 20px; background-image:url(../images/line_bg.jpg); background-repeat:repeat-x; background-position:center;
	}

.arrow_01{
	padding-left:13px;
	background:url(../images/arrow_01.png); 
	background-repeat:no-repeat; 
	background-position:0 1px;
	margin-bottom:7px;
	}
	
.pagetop{
	margin:15px 20px 20px 20px;
	padding:2px 15px 2px 3px;
	text-align:right;
	background-image: url(../images/arrow_up.png);
	background-repeat:no-repeat; 
	background-position: right;
	font-size:11px;
	text-decoration:none;
}

/****************text******************/

.text{line-height:1.7em;}

/****************margin******************/

p.m_l_0{
	margin-left:0px;
	margin-bottom:0.5em;
}

p.m_l_10{
	margin-left:10px;
	margin-bottom:0.5em;
}

p.m_l_20{
	margin-left:20px;
	margin-bottom:0.5em;
}

/****************チーム活動表***************/

.team th{
	padding:2px 5px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:12px;
	background-color:#FFCC33;
	text-align:center;
	}

.team td{
	padding:5px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:11px;
	line-height:1.6em;
	}
	
.team td img{
	vertical-align: text-top;
	}

/****************おすすめコースマップ********/

.map_box_01{
	width:480px; height:480px; float:left;
	}
	
.map_box_02{
	float:left; margin-left:15px; width:150px;
	}

.map_box_02 img{
	margin-bottom:6px;
	}
	
/****************フォーム******************/
	
.toiawase th{
	padding:2px 5px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:12px;
	background-color:#FFCC33;
	text-align:left;
	}

.toiawase td{
	padding:5px;
	vertical-align:middle;
	border:#CCCCCC 1px solid;
	font-size:11px;
	line-height:1.8em;
	}
	
.toiawase td img{
	vertical-align: text-top;
	}