@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; 
    font:normal normal normal 100%/1.5em Osaka,Verdana,Chicago,"ＭＳ Ｐゴシック",sans-serif; }
/* ボディ */
body{ text-align:center; font-size:80%; color:#555; background:#FFF; }

/* ページの大枠設定 */
#PAGE{ margin:0 auto; padding:10px 0px 0px; text-align:left; width:800px; }

/* ヘッダー・ページ上部 */
#top{ height:160px; width:800px; float: left;
	clear: right; }
* html #top{ height:160px; margin:0 auto; padding:0 auto; }
*+html #top{ height:160px; margin:0 auto; padding:0 auto; }

/* メイン＋サブメニュー */
#wrap{ background-image: url(../img/main.gif); width: 800px; padding-left: 50px;
	background-repeat: repeat-y; padding-top: 0px; padding-bottom: 0px; padding-right: 30px;
	clear: left; float: left; }

/* メニュー */
#Layer1{ style-position:absolute; left:477px; top:129px; width:341px; height:38px;　z-index:1;
	 margin: 0px; padding: 0px; } 

/* サイト名の文字 */
h1{ padding:0; line-height: 0px; font-size: 0px; margin: 0px; color: #FFFFFF; }

/* サブメニュー部分 */
#SUBMENU{ padding:2; width:160px; background:#fff; margin-top: 25px; float: left; margin-left: 10px; }
*+html #SUBMENU{ margin:6px 0 0; }

/* メイン・テキスト部分 */
#MAIN{  color:#555; padding:5; width: 550px; float:left; clear:none; margin-top: 25px; }
*+html #MAIN{ margin-top:10px; }
.text{ margin:0; padding:10px 10px 2em; }

/* トップへ戻るの指定 */
.backtop{ text-align:right; margin:0; padding:3px 10px; }

/* フッター・ページ下部 */
#footer{ font-size:90%; text-align:center; color:#999; margin:-5px 0px 0px; height:30px;
	background:url(../img/bottom.gif) no-repeat;
	padding-top: 20px; padding-bottom: 2px; padding-right: 0px; padding-left: 0px; clear: both; }
/* フッターのリンク */
#footer a{ text-decoration:none; }
#footer a:link,#footer a:visited{ color:#333; }
#footer a:hover{ color:#999; }

/* 線・レイアウトには未使用 */
hr.no{ display:none; }
/* 画像の枠線を消す */
img { border:0; }

/* 段落 */
p{ margin:0 0 0.4em 0; }
/* 強調 */
em{ font-weight:bold; }
/* さらに強調 */
strong{ font-weight:bold; border-bottom:3px double #8baa39; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #a0a0a0; }
/* 削除 */
del{ text-decoration:line-through; }
/* 引用・出典 */
q,cite{ border-bottom:1px dotted #ccc; }
/* 上付き・下付き文字 */
sup{ font-size:84%; vertical-align:super; }
sub{ font-size:84%; vertical-align:sub; }


/* フォーム */
input,textarea,select{ background:#fff; color:#555; border:1px solid #ccc; margin:0.1em 0; }

/* 番号付きリスト */
#MAIN ol{ list-style-position:outside; margin:0 1em 0 2.5em; }
#MAIN ol li{ padding:0; }
/* 普通リスト */
#MAIN ul{ list-style:disc outside; margin:0.5em 2em; padding:5px; }
#MAIN li{ padding:0; }
/* 説明付きリスト */
#MAIN dl{ list-style-position:inside; padding:5px; }
#MAIN dt{ font-weight:bold; padding:1px 0; color:#8baa39; }
#MAIN dd{ padding:0 5px; margin:0 0.5em; }

/* 引用 */
blockquote{ border:1px solid #ccc; margin:1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:#ccc; color:#505050; margin:1em; padding:5px; }

/* サンプルで使用 */
/* 横列リスト */
#MAIN ul.row{ list-style-type:none; }
#MAIN ul.row li{ display:inline; margin:0 0.2em 0 0; }
/* 画像の横に説明 */
#MAIN dl.img_side dt{ float:left; margin:0 0.5em 0 0; border:none; }
#MAIN dl.img_side dd{ border:none; }
br.clear{ clear:both; line-height:0px; }

/* Box */
.box_1{ border:1px solid #ccc; margin:0.5em 0; padding:5px; }
.box_2{ background:#ccc; color:#505050; margin:0.5em 0; padding:5px; }
.box_3{ color:#505050; margin:0.5em 0; padding:5px; float: right; background-color: #FFFFFF;
	border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid;
	border-bottom-style: solid; border-top-color: #CCCCCC; border-bottom-color: #CCCCCC;
	clear: none; }
/* スクロールバー付きbox */
.box_auto{ height:50px; overflow:auto; margin:0em; border-right-width: 1px;	border-bottom-width: 1px;
	border-left-width: 1px; border-right-style: solid; border-bottom-style: solid;
	border-left-style: solid; border-right-color: #333300; border-bottom-color: #333300;
	border-left-color: #333300; }