@charset"Shift_JIS";
/*文字エンコードの設定（削除不可）*/

/************************************************
/*HTML要素（一部#ID）*/
*{font-style:normal;
scrollbar-arrow-color:#000;scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#fff;
scrollbar-track-color:#000;scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#fff;margin:0;padding:0;}


html{width:100%;height:100%;color:#000;background:#fff;
font-family:Osaka,"ＭＳPゴシック",Chicago,Sans-serif;
background:url(img/bg.gif) repeat-y fixed;
text-align:left;display:block;}
* html{font-family:Osaka,Verdana,"ＭＳPゴシック",Chicago,Sans-serif;}

td,body{font-size:70%;line-height:150%;display:block;
margin:0;padding:0;}
* html td,* html body{font-size:65%;margin:0;padding:0;}
td{background:transparent;}
img{border:none;}

a{text-decoration:none}
a:link,a:visited,a:active{color:#699;}
a:hover{color:#9cc;}


h1{font-size:48px;line-height:48px;color:#699;
font-family:Impact,Sans-Serif;text-align:left;margin:0;}

h2{color:#fff;font-size:28px;line-height:60px;background:#000;
font-weight:normal;font-family:Impact,sans-Serif;
letter-spacing:3px;margin:0 0 20px 0;padding:0 10px}

h3{color:#366;font-size:12px;line-height:15px;
font-family:Century Gothic,Sans-serif;font-weight:normal;
text-align:left;padding:0;margin:1em 0 0 1em;}





div#wrapper{width:640px;height:auto;margin:0;text-align:left;}
div#TOP{height:10px;}




/* 左カラム */
div#left{width:200px;position:relative;top:0;left:0;float:left;}
#left strong{color:#699;text-decoration:underline;
margin:10px;}

div#header{width:200px;height:180px;background:#fff;}
#header h1{text-align:center;margin:0;padding:0;
position:relative;top:50px;}

div#count{width:200px;color:#fff;background:#000;text-align:left;
margin:0 0 10px 0;padding:0;}
div#count p{margin:0;padding:5px 10px;}

div#new{width:100%;text-align:left;margin:0 0 15px 0;padding:0;}
#new textarea{width:160px;border:solid #000 1px;background:#fff;
margin:5px 0 0 15px;padding:0;}



div#menu{width:200px;color:#fff;background:#000;
text-align:center;margin:0 0 10px 0;padding:5px 0;}
div#menu a{font-size:12px;font-weight:bold;
font-family:Arial,Sans-serif;margin:0 1px;padding:0;}
div#menu a:link,div#menu a:active,div#menu a:visited{
color:#fff;}
div#menu a:hover{color:#699;}



/* メールフォーム */
div#mail{width:200px;text-align:left;}
#mail p{margin:0 10px;}

form table{margin:1em 0 0 1em;}
td.name{width:160px;color:#000;line-height:10px;text-align:left;padding:0;}
input.name{width:160px;color:#fff;font-size:10px;
background:#000;border:solid #000 1px;margin-bottom:5px;}
input.url{width:160px;color:#fff;font-size:10px;
background:#000;border:solid #000 1px;margin-bottom:5px;}
textarea.text{width:160px;height:100px;color:#fff;font-size:10px;
background:#000;border:solid #000 1px;margin:0;padding:0;}
td.post{text-align:center;}
input.post{width:50px;height:21px;color:#fff;font-size:10px;
background:#000;border:solid #000 1px;
text-align:center;margin:1em 0.5em;padding:0;}


/* コンテンツメニュー */
div#main_menu{width:200px;}

.no{margin:0 0.5em 1em 1em;padding:2px 5px;}
.no img{border:solid #000 1px;}
.no a:link, .no a:active{color:#366;}
.no a:visited{color:#9cc;}
.no a:hover{color:#ccc;}


/* リンクページ */
div#link{width:200px;height:auto;font-size:11px;}
* html div#link{font-size:9px;}
#link p{margin:0 1em;}
#link p a:hover{color:#699;font-weight:bold;}

dl.link{width:400px;margin-left:3em;padding:5px;}
dl.link dt{float:left;margin:-3px 5px 0 0;}
dl.link2{width:400px;margin-left:3em;padding:5px;}
dl.link2 dt{float:left;margin:0 5px 0 0;}











/* 右カラム */
#main{width:439px;text-align:left;
margin:0 auto;padding:0 0 20px 0;float:left;
position:relative;top:-10px;}
* html div#main{top:-18px;}

#main p{color:#000;border:solid #000 1px;
margin:0 3em 2em 3em;padding:5px;}

#main ul,#main ol{margin:0 4em 1em 5em;padding:1em 0;}
#main li{margin:0;padding:0;}

.top{width:420px;height:20px;text-align:right;}


/* フッター */
#footer{width:630px;height:30px;font-size:11px;
text-align:right;clear:both;}
* html div#footer{font-size:9px;}







textarea{width:30em;height:6em;color:#000;font-size:10px;
border-style:dashed;border-color:#000;border-width:1px 0;
margin:1em 2em;padding:0.5em;}




.box1{color:#699;font-size:10px;line-height:12px;
border:1px solid #699;margin:1em 4em;padding:0.5em 1em;}
.box2{color:#366;font-size:10px;line-height:12px;background:#9cc;
border:1px solid #366;margin:1em 4em;padding:0.5em 1em;}
blockquote{color:#fff;font-size:10px;line-height:12px;
border:4px double #fff;background:#366;
margin:1em 6em;padding:0.5em 1em;}








/* index.html */
.index{width:100%;height:100%;
background:none;text-align:left;padding:0;}
#index{width:480px;padding:50px 0 20px 0;
position:relative;left:100px;}


#index h1{font-size:24px;line-height:48px;
color:#9cc;letter-spacing:5px;}
#index h1:first-letter{color:#366;font-size:48px;
font-weight:bold;}
#index p{color:#fff;background:#000;
border:solid #000 1px;margin:0 4em;padding:5px;}

#enter{font-size:24px;line-height:24px;font-weight:bold;
font-family:impact;text-align:right;}