/* classは同じページ中で何度も使えます。IDは1度だけしか使えません。 */
/* コメントアウトは空白スペースで区切る必要があります */
/* コメントアウト内にコメントアウトを入れるのは推奨されません。 */

/* 余白を全て消す。ブラウザ側の補正を消す */
/*
*{
	padding : 0px ;
	margin : 0px ;
}
*/

body {
	background-color: #FFFFE0;/* 背景色 */
	color:#333333;/* テキスト色 */
	
	/* フォントの指定。必要か？ */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

a:link { color: #0000ff; }/* 未訪問のリンク */
a:visited { color: #660066; }/* 訪問済みのリンク */
a:hover { color: #ff0000; }/* ポイント時のリンク。マウスを乗せたとき* /
a:active { color: #ff000; }/* 選択中のリンク。クリック中 */

/* メニュー関連 */

* html body{
	overflow: auto;
}
/* visibleは、	要素の領域をはみ出して、コンテンツを表示します */
/* hiddenは、要素の領域をはみ出したコンテンツは表示しません */
/* autoには、必要に応じてスクロールで表示します */

/* 上メニュー */
div#Header_area {
position: absolute; /* 絶対位置への配置となります。Internet Explorer 用に絶対位置配置。*/
top: 0;
left: 0px;
width: 100%;
height: 100px;/* BODY で設定したピクセルの値をセットします */
border-bottom: dashed 1px #000000;
overflow: auto;
}

/* 左メニューを非固定版。通常はこちらを使う。 */
div#Left_area {
position: absolute; /* 絶対位置への配置となります。Internet Explorer 用に絶対位置配置。*/
top: 101px; /* ヘッダー部分の分＋枠線だけ下げます。 */
left: 5px; /* メニュー項目がぴったり左に張り付かないよう、5pxずらします。 */
width: 200px;/* right_areaで設定したピクセルの値をセットします */
height: 100%;/* 左メニューの縦の長さを決める要素。 */
border-right: dashed 1px #000000;
overflow: visible;
}

/* 左メニューを固定版。スクロールしても位置が変わらない。画面の大きさによってはメニューが見えづらくなる */
/* 絶対位置への配置となるのはabsoluteと同じですが、スクロールしても位置が固定されたままとなります。!importantでFirefox,operaに優先状態にする */
div#Left_area_kotei {
position:fixed !important; 
position: absolute;
top: 101px;
left: 5px;
width: 200px;
height: 100%;
border-right: dashed 1px #000000;
overflow: visible;
}

div#Right_area{
padding: 0px;
margin: 105px 0px 0px 205px ;/* 左側と上側のメニューサイズを設定 */
height: 100%;
/* border-left: dashed 1px #000000; */
overflow: visible;
}
/* ここまでメニュー関連 */

/* ここから激忍SP用ページメニュー */
div#Left_gsp{
position: absolute; /* 絶対位置への配置となります。Internet Explorer 用に絶対位置配置。*/
top: 101px; /* ヘッダー部分の分＋枠線だけ下げます。 */
left: 5px; /* メニュー項目がぴったり左に張り付かないよう、5pxずらします。 */
width: 180px;/* right_areaで設定したピクセルの値をセットします */
height: 100%;/* 左メニューの縦の長さを決める要素。 */
border-right: dashed 1px #000000;
overflow: visible;
}

div#Right_gsp{
padding: 0px;
margin: 105px 0px 0px 185px ;
height: 100%;
/* border-left: dashed 1px #000000; */
overflow: visible;
}
/* ここまで激忍SP用ページメニュー */

/* h1のみ文字サイズ変更。左に5pxずらします。ヘッダーがぴったり左に張り付かないため。 */
h1{ 
	margin: 5px 0px 0px 5px; /* メニュー項目がぴったり左に張り付かないよう、5pxずらします。 */
	padding: 0px 0px;
	font-size : 29px ; /* デフォルト32px */
}

/* h○の間隔を指定 */
h2, h3, h4, h5, h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
}

/* h○のフォントサイズを設定 */
h2{ font-size : 20px ; } /*デフォルト24px*/
h3{ font-size : 18px ; } /*デフォルト18px*/
h4{ font-size : 16px ; } /*デフォルト16px*/

/* iframeのボーダーを消す */
iframe { border: none; }

/* 線が半分だけのhr属性 */
hr.half{
	width: 50%;
	text-align: right;
	margin-left: 0;
}