@charset "UTF-8";
@import url(textsettings.css);
@import url(hfer.css);
@import url(chart.css);


/* ---------------------------------------------------------------- *
	ドキュメント設定
 * ---------------------------------------------------------------- */

body {
	/* --- 基本的な前景色（文字色） --- */
  color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 1em;
	margin: 0 auto;
	background-image: url(../shared/sbg85.jpg);
}

#container {
	/* --- ドキュメント本体の幅 --- */
  /* Note：百分率指定も可 */
  width: 800px;
	/* --- ドキュメント本体の位置 --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
	height: inherit;
	margin-top: 0px;
	float: none;
}




/* ---------------------------------------------------------------- *
	ナビゲーション部
 * ---------------------------------------------------------------- */

#bar {
	width: 551px;
	float: left;
	height: 38px;
}

#navi {
	/* --- 背景（短縮プロパティ） --- */
  background: #FFFFFF url(img/bg.png) repeat-x;
	/* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0px;
	margin-bottom: 11px;
	/* --- 必要に応じて、ボックスの下線を設定（短縮プロパティ） --- */
  border-left: 1px solid #CC99FF;
	width: inherit;
	text-align: center;
	padding: 7px;
	float: left;
	background-color: #660099;
	height: 13px;
	font-size: 11px;
	letter-spacing: -1px;
	padding-left: 13px;
	padding-right: 13px;
}

.nvpos {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	/* --- 高さ --- */
  height: inherit;
	float: left;
	background-color: #FFFFFF;
	width: 249px;
}

#nvshaft {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 800px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 50px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
}

#nvshaft_S {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 600px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}

#nvshaft_M {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 1050px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}

#nvshaft_MM {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 1200px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}

#nvshaft_L {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 1450px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}

#nvshaft_LL {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 1660px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}

#nvshaft_XL {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 1860px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}

#nvshaft_SP {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 2050px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.png);
	padding-bottom: 50px;
}

#nvshaft_ED {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 2150px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}

#nvshaft_EX {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 2350px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}

#nvshaft_EXX {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 2750px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}


#nvshaft_EXXX {
	/* --- マージン --- */
  margin: 0;
	/* --- パディング --- */
  padding: 0;
	float: left;
	width: 138px;
	height: 3100px;
	padding-top: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	background-image: url(../shared/navi_parts/navi_side/shaft.PNG);
	padding-bottom: 50px;
}


/* ---------- HACK ----------- */

/* IE6 で透過PNG */
* html .nvshaft {
behavior: expression(IEPNGFIX.fix(this));
} 

* html .nvshaft_L {
behavior: expression(IEPNGFIX.fix(this));
} 

#navical {
	margin-bottom: 15px;
	width: 126px;
	float: left;
	font-size: 11px;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
}


#navidis  {
	margin-bottom: 25px;
	width: 118px;
	height: 34px;
	float: right;
}

#navi ul {
  /* --- マージン --- */
  margin: 0;
  /* --- パディング --- */
  padding: 0;
  /* --- 高さ --- */
  height: 2.5em;
}

#navi ul li {
  /* --- マージン --- */
  margin: 0;
  /* --- パディング --- */
  padding: 0;
  /* --- 横並びにさせるためにフロート --- */
  float: left;
}

#navi ul li a {
  margin: 0;
  padding: 6px 20px 5px 20px;
  /* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とする( display: block;) --- */
  display: block;
  /* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さ（短縮プロパティ） --- */
  border-right: 1px solid #CCCCCC;
  /* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さ（短縮プロパティ） --- */
  border-bottom: 5px solid #3EBAEE;
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向（短縮プロパティ） --- */
  background: url(img/bg.png) repeat-x;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定 --- */
  font-weight: bold;
}

#navi a:hover {
  /* --- マウスオーバーしたときの下側の境界線の線種と色と太さ（短縮プロパティ） --- */
  border-bottom: 5px solid #0086b9;
  /* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像（短縮プロパティ） --- */
  /* Note：16×16 ピクセル以下。背景色をあわせて指定している場合は、透過処理されている画像であること */
  background: #EEEEEE url(img/arrow.gif) no-repeat;
  /* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ナビゲーションのテキスト下線は不要なためここで指定して上書き */
  text-decoration: none;
}

#navidis_starry {
	margin-bottom: 25px;
	width: 118px;
	height: 350px;
	float: right;
	line-height: 1.5em;
	font-weight: bold;
	font-size: 14px;
}

.starryact {
	color: #330066;
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	background-color: #CC99FF;
}

.starryact_off {
	color: #666666;
	font-size: 1.1em;
	font-weight: normal;
}




/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */

#main {
  /* --- 背景（短縮プロパティ）--- */
  background: transparent;
  /* --- マージン --- */
  /* Note：この要素のマージン・パディングは，その有無と値によって
           複雑な折りたたみが発生。複雑なカスタマイズをしない
           限り，以下は「すべて 0」。 */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定 --- */
  padding-top: 17px;
  padding-bottom: 0;
}
#main_fl {
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	margin: 0 auto;
	font-size: 14px;
	line-height: 18pt;
	width: 290px;
	height: 200px;
	float: right;
	margin-right: 0px;
}

#chart {
	background: transparent;
	margin-bottom: 20px;
	padding-top: 17px;
	padding-bottom: 10px;
	width: 200px;
	font-size: 12px;
	line-height: 16px;
	vertical-align: middle;
	padding-left: 30px;
	float: right;
	margin-right: 52px;
	margin-top: 20px;
}

.icon {
	vertical-align: text-bottom;
}
.icon_list {
	vertical-align: middle;
	list-style-image: url(../shared/genpps_parts/icon_helios.png);
}
.bxnote {
	border: 4px dotted #6666CC;
}
.noteclear {
	clear: both;
	padding-top: 0px;
}
#opt {
	width: 310px;
	float: left;
	font-size: 13px;
	line-height: 18pt;
	letter-spacing: -1px;
	height: 145px;
	padding-left: 60px;
	padding-top: 50px;
	padding-right: 40px;
}

#opt_ann {
	width: 400px;
	float: left;
	font-size: 14px;
	line-height: 1.8em;
	letter-spacing: -1px;
	height: 140px;
	padding-left: 50px;
	padding-top: 50px;
}
#opt_dm {
	width: 500px;
	float: left;
	font-size: 1.1em;
	line-height: 1.8em;
	letter-spacing: -1px;
	height: 140px;
	padding-left: 55px;
	padding-top: 40px;
	font-weight: bolder;
	font-variant: normal;
	color: #666666;
}


#return {
	color: #660066;
	font-size: 13px;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	float: left;
	padding-bottom: 20px;
}

/* ---------------------------------------------------------------- *
	コンテンツ部
 * ---------------------------------------------------------------- */

#contents {
	float: left;
	width: 600px;
	padding-top: 10px;
	padding-left: 40px;
	height: inherit;
	line-height: 18px;
	text-indent: -1.5em;
	padding-bottom: 20px;
}

#contents_noidt {
	float: left;
	width: 600px;
	padding-left: 40px;
	height: inherit;
	line-height: 1.6em;
	padding-bottom: 20px;
	letter-spacing: -1px;
	font-size: 14px;
	padding-top: 0px;
}
	
#contents_noidt_seq {
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-left: 40px;
	height: inherit;
	line-height: 1.6em;
	padding-bottom: 20px;
	letter-spacing: 0px;
	font-size: 13px;
}
	
#contents_noidt_la {
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-left: 40px;
	line-height: 1.5em;
	padding-bottom: 20px;
	letter-spacing: -0.1px;
	font-size: 14px;
	color: #000000;
	height: 100%;
	overflow: inherit;
}
	
#contents span {
	margin: 0 auto;
	font-weight: bold;
	background-color: #CCFF66;
}

#contents_noidt_la span {
	font-weight: bold;
	background-color: #FFCC99;
}

#contents_wide {
	width: 765px;
	padding-left: 35px;
	height: inherit;
	line-height: 1.5em;
	padding-bottom: 20px;
	letter-spacing: -1px;
	float: left;
	font-size: 13px;
}
#contents_article {
	float: left;
	width: 600px;
	padding-left: 40px;
	height: inherit;
	line-height: 1.6em;
	padding-bottom: 20px;
	letter-spacing: 0px;
	font-size: 14px;
	padding-top: 0px;
	color: #333333;
}
#contents_program {
	float: left;
	width: 540px;
	padding-left: 20px;
	height: inherit;
	line-height: 1.6em;
	padding-bottom: 10px;
	letter-spacing: -1px;
	font-size: 14px;
	padding-top: 20px;
	padding-right: 20px;
	background-color: #FFCCFF;
	margin-top: 15px;
}


	
#edupoint {
	padding: 1px 1px 1px 1px;
	hight: 10px;
	font-size: 11px;
	width: 30px;
	background-color: #000033;
	line-height: 1.2em;
}

#poster {
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 10px;
	float: left;
	font-size: 12px;
	line-height: 1.2;
	width: 340px;
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	height: 220px;
}

.contpadd{
	padding-top: 20px;
}

.contbd{
	border-top: dotted 5px #333333;
	margin-top: 15px;
}
.contbd_sd {
	border-top: dotted 3px	#990066;
	margin-top: 20px;
	margin-bottom: 15px;
}


.contsz {
	font-size: 14px;
}

.profbox_c1 {
	/* --- 背景（短縮プロパティ）--- */
  /* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
	float: left;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3em;
	width: 140px;
	height: 230px;
	background-color: #CCFFFF;
}

.profbox_c2 {
	/* --- 背景（短縮プロパティ）--- */
  /* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
	float: left;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3em;
	width: 220px;
	height: 300px;
	background-color: #CC9966;
}

.profbox_c3 {
	/* --- 背景（短縮プロパティ）--- */
  /* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
	float: left;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3;
	width: 220px;
	height: 300px;
	background-color: #FF9999;
}
.profbox_lec {
	/* --- 背景（短縮プロパティ）--- */
  /* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
	font-size: 12px;
	line-height: 1.5;
	color: #003366;
	width: 220px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	background-color: #CCFFFF;
}


/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */

.contents img.fig {
  /* --- 画像をどちらに回り込ませるか設定 --- */
  /* Note：left（左）または right（右）を指定 */
  float: left;
  /* --- 画像のマージン --- */
  /* Note：回り込み「left」のとき→左マージン 0，
           「right」のとき→右マージン 0  */
  margin-top: 0px;
  margin-bottom: 1em;
  margin-left: 0;
}

img {
	border-width:0;
}

table {

}
/* ---------------------------------------------------------------- *
	画像のみのボックス
 * ---------------------------------------------------------------- */

.imgboxR {
	/* --- 背景（短縮プロパティ）--- */
  /* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: right;
	height: auto;
	font-size: 12px;
	line-height: 1.3em;
	color: #660099;
}
.imgboxR_fx25 {
	/* --- 背景（短縮プロパティ）--- */
  /* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: right;
	height: auto;
	font-size: 12px;
	line-height: 1.5em;
	color: #660099;
	width: 220px;
}
.imgboxR_fx30 {
	/* --- 背景（短縮プロパティ）--- */
  /* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: right;
	height: auto;
	font-size: 12px;
	line-height: 1.5em;
	color: #660099;
	width: 300px;
}


.imgboxL {
	/* --- 背景（短縮プロパティ）--- */
  /* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
	font-size: 12px;
	line-height: 1.3;
	color: #660099;
}



/* ---------------------------------------------------------------- *
	本文
 * ---------------------------------------------------------------- */

#commontext {
	/* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0px;
	margin-bottom: 0;
	/* --- パディングを設定 --- */
  padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
	width: 650px;
	margin: 0 auto;
	line-height: 18pt;
	font-size: 14px;
}
#commontext_single {
	/* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0px;
	margin-bottom: 0px;
	/* --- パディングを設定 --- */
  padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0;
	margin: 0 auto;
	font-size: 14px;
	line-height: 18pt;
}#commontext_R {
	/* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0px;
	margin-bottom: 0;
	/* --- パディング --- */
  padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 580px;
	margin: 0 auto;
	color: #990066;
	font-size: 12px;
	line-height: 15pt;
}
#commontext_error {
	/* --- マージン --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0px;
	margin-bottom: 0px;
	/* --- パディング --- */
  padding-top: 30px;
	padding-right: 0;
	padding-bottom: 200px;
	padding-left: 0;
	width: 580px;
	margin: 0 auto;
	color: #990066;
	font-size: 16px;
	font-weight: bold;
	line-height: 15pt;
}
/* ---------------------------------------------------------------- *
	トップ限定
 * ---------------------------------------------------------------- */


*:first-child+html #container_top {
/* --- IE7 HAK --- */
  width: 800px;
  margin: 0;
top: 0px;
	position: absolute;
}
*html #container_top {
/* --- IE6 HAK --- */
  width: 800px;
  margin: 0;
top: 0px;
	position: absolute;
}
#container_top {
	width: 800px;
	margin: 0 auto;
	top: 0px;
	height: 640px;
}
#top_Logo1 {
	float: left;
	vertical-align: bottom;
	padding-left: 50px;
	padding-top: 67px;
}
#top_Logo2 {
	vertical-align: bottom;
	float: right;
	padding-right: 30px;
	padding-top: 50px;
}
#top_navi_L {
	width:195px;
	float: left;
	height:245px;
	text-align: center;
	}
#top_navi_R {
	width:220px;
	float: left;
	height:245px;
	text-align: center;
}
#top_txfield {
	width:385px;
	height:218px;
	float: left;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0em;
	margin-bottom: 35px;
	font-weight: bolder;
}
#top_txfield_btm {
	width:105px;
	float: right;
	font-size: 11px;
	margin-top: 7px;
	height: 17px;
}
#top_txfield_btm_date {
	float: left;
	font-size: 11px;
	margin-top: 7px;
	height: 17px;
	color: #666666;
}
*:first-child+html #Layer1 {
	width: 800px;
	top: 24px;
	display: block;
	clear: both;
	margin: 0 auto;
	position: absolute;
	left: 0px;
}
*html #Layer1 {
	width: 800px;
	top: 24px;
	display: block;
	clear: both;
	margin: 0 auto;
	position: absolute;
	left: 0px;
}
#Layer1 {
	width: 800px;
	top: 24px;
	display: block;
	position: absolute;
}
#main_top1 {
	/* --- 背景（短縮プロパティ）--- */
  background: transparent;
	/* --- マージン --- */
  /* Note：この要素のマージン・パディングは，その有無と値によって
           複雑な折りたたみが発生。複雑なカスタマイズをしない
           限り，以下は「すべて 0」。 */
  margin-top: 0;
	margin-bottom: 0;
	/* --- パディングを設定 --- */
  padding-top: 20px;
	width: 505px;
	height: 124px;
	float: left;
	padding-left: 34px;
	position: relative;
	vertical-align: baseline;
	font-size: 12px;
}
#main_top2 {
	/* --- 背景（短縮プロパティ）--- */
  background: transparent;
	/* --- マージン --- */
  /* Note：この要素のマージン・パディングは，その有無と値によって
           複雑な折りたたみが発生。複雑なカスタマイズをしない
           限り，以下は「すべて 0」。 */
  margin-top: 0;
	margin-bottom: 0;
	/* --- パディングを設定 --- */
  padding-top: 25px;
	width: 200px;
	height: 140px;
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
	vertical-align: baseline;
}
#footer_top {
	margin-top: 0;
	margin-bottom: 0;
	/* --- パディングを設定 --- */
  padding-top: 0px;
	width: 800px;
	float: left;
	padding: 0 auto;
}

.date_top {
	float: left;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	line-height: 1.7em;
}

/* IE6 で画像が消えることがあるバグを回避 */
.contents img {
  position: relative;
}

/* IE6/IE7 で垂直配置がずれるバグを回避 */
html[lang^="ja"] #sidenavi {
  margin-top: 0;
}