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

/************************************************
/*HTML要素（一部#ID）*/
*{font-style:normal;
scrollbar-arrow-color:#ccc;scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#fff;
scrollbar-track-color:#fff;scrollbar-shadow-color:#ccc;
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/ras2013.jpg) no-repeat 100% 100% 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:#966;}
a:hover{color:#999;}


h1{font-size:36px;line-height:36px;color:#c99;
font-family:Century Gothic,Sans-serif;font-weight:normal;
text-align:left;margin:0;padding:0;}

h2{color:#c99;font-size:28px;line-height:60px;
background:url(img/h2.gif) repeat;
border-top:solid #c99 1px;border-bottom:solid #c99 1px;
font-family:Century Gothic,Sans-serif;
letter-spacing:3px;margin:0 0 20px 0;padding:0 10px}

h3{color:#c99;font-size:12px;line-height:15px;
font-family:Arial,Sans-serif;
text-align:left;padding:0;margin:1em 0 0 1em;}





div#wrapper{width:100%;
background:url(img/bg.gif) repeat-y fixed 50px 0%;
height:auto;margin:0;text-align:left;}
div#TOP{width:100%;sheight:10px;
background:url(img/bg.gif) repeat-y fixed 50px 0%;}




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

div#header{width:198px;height:180px;}
#header h1{text-align:center;margin:0;padding:0;
position:relative;top:60px;}

div#count{width:198px;color:#999;text-align:left;
border-top:dashed #c99 1px;border-bottom:dashed #c99 1px;
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:180px;color:#999;border:#fff;
margin:5px 0 0 18px;padding:0;}



div#menu{width:198px;height:24px;
font-family:Arial;text-align:center;
border-top:dashed #c99 1px;border-bottom:dashed #c99 1px;
margin:0 0 10px 0;padding:3px 0;}
div#menu a{font-size:10px;margin:0 1px;padding:0;}
div#menu a:link,div#menu a:active,div#menu a:visited{
color:#c99;}
div#menu a:hover{color:#999;}



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

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


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

.no{margin:0 0.5em 1em 1em;padding:2px 5px;}
.no img{border:solid #999 1px;}
.no a:link, .no a:active{color:#966;}
.no a:visited{color:#c99;}
.no a:hover{color:#ccc;}


/* リンクページ */
div#link{width:198px;height:auto;font-size:11px;}
* html div#link{font-size:9px;}
#link p{margin:0 1em;}
#link p a:link,#link p a:active,#link p a:visited{color:#c99;}
#link p a:hover{position:relative;top:1px;left:1px;}

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











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

#main p{color:#999;margin:0 3em 0.5em 3em;padding:5px;}

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

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


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







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




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








/* index.html */
.index{width:100%;height:100%;
text-align:center;padding:0;}
#index{width:480px;text-align:left;
margin:0 auto;padding:50px 0 20px 0;}


#index h1{font-size:24px;line-height:48px;
color:#ccc;letter-spacing:5px;}
#index h1:first-letter{color:#966;font-size:48px;
font-weight:bold;}
#index p{color:#633;background:#c99;
border:solid #633 1px;margin:0 4em 1em 4em;padding:5px 10px}

#enter{font-size:24px;line-height:24px;
font-family:Century gothic;text-align:right;}
#enter a:hover{position:relative;top:3px;left:3px;}