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


html{
height: 100%;
}

body {
	font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #DEE9FF;
	margin: 0;
	padding: 0;
	color: #000;
 *font-size:small;
 *font:x-small;
	line-height: 150%;
	height: 100%;
}

/* フォントサイズ指定(%でピクセル指定可能） */
table {font-size:inherit;font:100%;}
.text10 {font-size:77%;}
.text11 {font-size:85%;}
.text12 {font-size:93%;}
.text13 {font-size:100%;}
.text14 {font-size:108%;}
.text15 {font-size:116%;line-height: 160%;}
.text16 {font-size:123.1%;line-height: 170%;}
.text17 {font-size:131%;}
.text18 {font-size:138.5%;}
.text19 {font-size:146.5%;}
.text20 {font-size:153.9%;}
.text21 {font-size:161.6%;}
.text22 {font-size:167%;}
.text23 {font-size:174%;}
.text24 {font-size:182%;}
.text25 {font-size:189%;}
.text26 {font-size:197%;}

/*隠しテキスト*/
.no_disp {display:none;}


.large18_txt {font-size:138.5%;line-height: 170%;}

/*本文メイン2*/
.main_txt {font-size:100%;line-height: 140%;color:#000000;}

/*本文メイン2*/
.main2_txt {font-size:116%;line-height: 140%;color:#000000;}


/*本文メイン2*/
.main3_txt {font-size:108%;line-height: 150%;color:#000000;}
	
/*本文メイン2・強調*/
.main2b_txt {font-size:116%;line-height: 140%;color:#000000;font-weight: bold;}
	
.line_red {border-top: 1px solid;margin-right: 20px;margin-left: 15px;border-color: #FA9832;}

.line_black{border-top: 1px solid;margin-right: 20px;margin-left: 15px;border-color: #666;}

.center_set{text-align: center;}

/* 汎用文字右揃え */
.align_right{
	text-align:right
}

/* 汎用文字中央揃え */
.align_center{
	text-align:center
}

/* エレメント / タグセレクター */
.content h1, h2, h3, h4, h5, h6, p {margin-top: 0;padding-right: 0px;padding-left: 0px;}
ul, ol, dl {padding: 0;margin: 0;}
a img {border: none;}
a:link {color: #03F;text-decoration: underline;}
a:visited {color:#03F;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}


/*レイアウトのフリーズ・リセット*/
.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

div.push {
  height: 54px;
  clear: both;
}


/* 点線01*/
.dot_line01 {
	background-image:url(../images/contents/dotline.gif);
	background-repeat: repeat-x;
	display:block;
	height: 9px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.dot_line02 {
	background-image:url(../images/contents/dotline.gif);
	background-repeat: repeat-x;
	display:block;
	height: 9px;
	margin-top: 1px;
	margin-bottom: 1px;
}


/* 点線01と同様の空行*/
.enpty_line01 {
	background-repeat: repeat-x;
	display:block;
	height: 9px;
	margin-top: 4px;
	margin-bottom: 4px;
}
/* 点線02と同様の空行*/
.enpty_line02 {
	background-repeat: repeat-x;
	display:block;
	height: 9px;
	margin-top: 1px;
	margin-bottom: 1px;
}

/* 簡単色背景（ライトフレー）*/
.xbg_gray01{
	background-color: #EEE;
padding :8px;
margin-bottom: 10px;}

.xbg_gray01_min{
	background-color: #EEE;
padding :8px;
margin-bottom: 0px;}

/* 簡単色背景（ライトブルー）*/
.xbg_blue01{
	background-color: #E6ECFF;
	padding :8px;
	margin-bottom: 10px;
}




/* 画像ボタンの入れ替え（基本） */
.bunner a{background-repeat: no-repeat;display:block;background-position: top left;}
.bunner a:visit{background-position: top left;}
.bunner a:hover{background-position: bottom left;}

/* レイアウト情報-メインコンテナ */
#container {
	width: 100%;
	margin: 0 auto;
	background-color: #DEE9FF;
	min-height: 100%;　
    _height: 100%; /* for IE6 */
	text-align: left;
	padding-bottom: 0px;
	background-position: center;
	background-repeat: repeat-y;
	background-image: url(../images/back_c.jpg);}


/* レイアウト情報- ヘッダー */
#header {
	background-image: url(../images/top_side.jpg);
	height: 66px;
	background-position:top left;
	margin: 0;
	padding: 0;
}
#header img, table, td, tr {vertical-align: top;line-height: 12px;}

/* レイアウト情報- ヘッダーメニュー */
#menu_container {width: 812px;height: 66px;margin: 0 auto;}

/* レイアウト情報- ヘッダーメニュー */
#menu_logo {
	display:block;
	width: 800px;
	height: 42px;
	background-image:url(../images/top_logo.jpg);
	margin: 0 auto;
	}
#menu_logo a{
		display:block;
	width: 800px;
	height: 42px;
	background-image:url(../images/top_logo.jpg);
	margin: 0 auto;}

/* レイアウト情報- ヘッダーメニューボタン周り */
#header_cont {
	margin: 0;
	padding: 0;
	width: 784px;
	margin: 0 auto;
	
	}

/*ヘッダーメニュー（ボタン周りーリスト*/
#TopMenu li {list-style:none;position: relative;float: left;height: 24px;
	margin: 0;padding: 0px;border: solid 0px #ccc;
	font-weight: bold;text-indent: -10000px;}

#TopMenu li a{background-repeat: no-repeat;display:block;height: 24px;background-position: top left;}
#TopMenu li a:visit{background-position: top left;}
#TopMenu li a:hover{background-position: bottom left;}

/*問い合わせジャンプボタン*/
.BannerInq a{
	background-image:url(../images/inquiry_banner.gif);
	width: 198px;height: 28px;
	background-repeat: no-repeat;display:block;
	background-position: top left;
	vertical-align: bottom;}
.BannerInq a:visit{background-position: top left;}
.BannerInq a:hover{background-position: bottom left;}

/* レイアウト情報-メインコンテナ（パンくずリスト部の背景 */
#container_topicpath {
	width: 100%;
	margin: 0 auto;
	background-color: #DEE9FF;
	text-align: left;
	padding-bottom: 0px;
}

/* レイアウト情報-メインコンテナ（背景の囲み上部 */
#container_head {
	width: 100%;
	margin: 0 auto;
	background-color: #DEE9FF;
	height: 16px;
	text-align: left;
	padding-bottom: 0px;
	background-position: center;
	background-repeat: repeat-y;
	background-image: url(../images/back_t.jpg);
	}

/* レイアウト情報-コンテンツ（背景の囲み上部 */
#maincontents {
	width: 812px;
	text-align: left;
	height: 100%;
	margin: 0 auto;
	}


/* コンテンツセクション */
#sidebar {
	background-color: #FFF;
	float: left;
	padding-bottom: 10px;
	margin-left: 16px;
	width: 180px;
	height: 100%;
	}

#content {
	
	width: 584px;
	float: right;
	margin-right: 16px;
	min-height: 100%;
	}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
#content ul, #content ol { 
	padding: 0 0px 0px 00px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

/* ~~ フッター ~~ */
#footer {
	width: 100%;
	margin: 0 auto;
	height: 62px;
	background-position: center bottom;
	margin-top: -62px;
	background-position: center;
	background-repeat: repeat-y;
	background-image: url(../images/back_footer.jpg);
	}

#footer_cont1 {	width: 800px; margin: 0 auto; height: 16px; }
#footer_cont2 {
	width: 796px;
	margin: 0 auto;
	height: 40px;
	padding-top: 6px;
	padding-left: 4px;

}


.fotter_txt {
	font-size:85%;
	line-height: 130%;
	color: #FFF;
}

/*メインメニュー（プルダウンメニュー周り）*/
#TopMenu li ul{z-index:100;text-indent:0px;display: none;position: absolute;
	top: 24px;left: -1px;padding: 5px;width: 200px;background: #555;border: solid 1px #ccc;}
#TopMenu li ul li {text-indent:0px;margin: 0;padding: 0;width: 200px;height: 24px;border: none;}
#TopMenu li ul li a {text-indent:0px;display: inline-block;width: 200px;height: 24px;color: #fff;}
#TopMenu li ul li a:hover {text-indent:0px;background: #999;height: 24px;color: #fff;}

/* みだりメニューのナビゲーションリストのスタイル付け */
p.nav {margin-top: 0;padding-right: 5px;padding-left: 5px; }
ul.nav {font-size:100%;list-style: none;border-top: 1px solid #666; margin-bottom: 15px; }
ul.nav li {border-bottom: 1px solid #666;}
ul.nav li #this{
	padding: 5px 5px 5px 10px;
	display: block;
	text-decoration: none;
	background: url(../images/sidemenu_arrow_a.gif) no-repeat left center;
	background-color:#FFC;
	color: #000;
	font-weight:bold;
}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 10px;
	display: block;
	text-decoration: none;
	background-color:#DCEAFF;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
	background: url(../images/sidemenu_arrow_b.gif) no-repeat left center;
	background-color: #F36;
	color: #FFF;
	font-weight:bold;
}


/* レイアウト情報-パンくずリスト */
.topicpath {
	width: 800px;
	margin: 0 auto;
	line-height: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 16px;
	padding-bottom: 0px;
font-size:85%;
}

/* レイアウト情報-戻るボタン */

#pagetopa {
  display: none;
  position: fixed;
  z-index: 100; 
  bottom: 30px;
  right: 20px;
  padding: 5px;
  cursor: pointer;
  background: #000;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}



/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}


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

.main_sepa { clear:both;    background-image: url(base_image/contents_line.gif) ; height: 1px;}  
.main_sepa hr {border:0;
   height: 1px;
   background-image: url(base_image/contents_line.gif) ;
}
	


a:link.topicpath_side {
	color: #03F;
	text-decoration: underline;
}
a:visited.topicpath_side {
	color: #03F;
	text-decoration: underline;

}
a:hover.topicpath_side{
	text-decoration: none;
	font-weight: bold;
	color: #F00;
	background-color: #FCC;
}






/*カラー設定*/
.textcolor_white{color: #FFF;}
.textcolor_green{color: #090;}
.textcolor_red{color: #F00;}
.textcolor_new{color: #F00;font-weight: bold;}

.link_center{font-weight: bold;text-align: center;
}
.end_sig{
	text-align: right;
}

/*見出し*/
h1 {
	background: url(../images/contents/h1_head.gif);
	background-repeat: no-repeat;
	display:block;
	padding-left: 25px;
	font-size: 25px;
	line-height: 35px;
	height: 35px;
	vertical-align: middle;
	margin-bottom: 1%;
}



h2 {
	background: url(../images/contents/h2_head.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display:block;
	padding-left: 16px;
	padding-bottom: 4px;
	margin-top: 12px;
	margin-bottom: 1%;
	line-height: 120%;
	font-size:138.5%;;

	}
	
.h2_in {
	background: url(../images/contents/h2_head_in.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display:block;
	padding-left: 36px;
	padding-bottom: 4px;
	margin-top: 12px;
	margin-bottom: 1%;
	line-height: 120%;
	font-size:138.5%;;

	}
.h2_out {
	background: url(../images/contents/h2_head_out.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display:block;
	padding-left: 36px;
	padding-bottom: 4px;
	margin-top: 12px;
	margin-bottom: 1%;
	line-height: 120%;
	font-size:138.5%;;

	}
	
	

/*コースねらい（緑）*/
.IntentionTop {
	background-image:url(../images/contents/intention_top.gif);
	background-repeat: no-repeat;
	display:block;
	width: 584px;
	height: 6px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: -0px;
}

.IntentionBottom {
	background-image:url(../images/contents/intention_bottom.gif);
	background-repeat: no-repeat;
	display:block;
	width: 584px;
	height: 6px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: -0px;
}

.IntentionBody {
	background-image:url(../images/contents/intention_body.gif);
	background-repeat: repeat-y;
	display:block;
	width: 584px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}

.IntentionText {
	width: 564px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	margin-bottom: -0px;
	font-size:138.5%;;
	line-height: 140%;
}
.IntentionText2 {
	width: 564px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 0px;
	margin-bottom: -0px;
	font-size:123.1%;line-height: 170%;
}

/*コースねらい（青）*/
.Intention02Top {
	background-image:url(../images/contents/intention02_top.gif);
	background-repeat: no-repeat;
	display:block;
	width: 584px;
	height: 6px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: -0px;
}

.Intention02Bottom {
	background-image:url(../images/contents/intention02_bottom.gif);
	background-repeat: no-repeat;
	display:block;
	width: 584px;
	height: 6px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: -0px;
}

.Intention02Body {
	background-image:url(../images/contents/intention02_body.gif);
	background-repeat: repeat-y;
	display:block;
	width: 584px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}
/* 未分類 */
h2.m_info{
	font-size:182%;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;}
h3.m_info{
	font-size:146.5%;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;}
h4.m_info{
	font-size:131%;
	line-height: 180%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;}
h5.m_info{
	font-size:116%;
	line-height: 180%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;}

p.m_info{
	font-size:116%;
	line-height: 180%;
}

.table_middle{vertical-align :middle ;}

p.notice{
	margin-top: 0;
	padding-right:0px;
	padding-left: 15px; 
	
}

.torikeshi{
	text-decoration: line-through;}