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



/* 全体設定 */
*{
line-height:18px;

scrollbar-arrow-color:#369;
scrollbar-face-color:#000;
scrollbar-highlight-color:#000;
scrollbar-3dlight-color:#000;
scrollbar-track-color:#000;
scrollbar-shadow-color:#369;
scrollbar-darkshadow-color:#000;
margin:0;
}

html{
width:100%;
height:100%;
background:#000;
color:#000;
overflow:auto;
overflow-x:hidden;
display:block;
}

body,td{
color:#fff;
background:#000;
font-size:12px;
text-align:left;
text-valign:top;
margin:0;
display:block;
}
body{
width:100%;
height:auto;
}




/* リンク */
a{text-decoration:none;}
a:link,a:visited,a:active{color:#369;}
a:hover{color:#fff;}



/* 見出し */
h1{
font-size:32px;
line-height:80px;
color:#fff;
margin:0 20px;
}

h2{
color:#fff;
background-image:url(sora.jpg);
background-repeat:repeat;
margin:40px 150px 20px -20px;
padding:3px 0 3px 8px;
font-size:14px;
}


h3{
font-size:12px;
color:#fff;
border-left:solid #fff 9px;
margin:20px -10px 10px -10px;
padding:0 0 0 3px;

}





/* 全体―背景とか */
#wrapper{
height:100%;
width:100%;
background:#000;
text-align:left;}


/* タイトル */
#head{
height:100px;
padding:30px 0 0 20px;
}


/* 著作権表示 */
#right{
color:#000;
font-size:9px;
padding:0 10px 20px 0;
text-align:right;
}



/* メニューの背景画像 */
.menu{
width:100%;
height:100%;
background-image:url(sora.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:0% 0%;
}
.menu a:link,.menu a:visited{
color:#000;
}
.menu a:hover{
color:#369;
}

/* メニューの設定 */
div#menu{
width:300px;
}

/* メニューのリスト設定 */
#menu ul {
width:auto;
text-align:left;
margin:0;
padding-left:18px;
}

#menu li{
padding:0; 
margin:3px;
list-style-type:none;
background:none;
text-align:center;
float:left;
}

/* メニューのリストリンク設定 */
#menu li a{
width:80px;
font-weight:bold;
display:block;
font-size:12px;
}
#menu li a:link,#menu li a:visited,#menu li a:active{
color:#fff;
background-image:url(img/menu.png);
background-repeat:epeat;
padding:30px 0;
}
#menu li a:hover{
background-image:none;
color:#000;
padding:30px 0;
}
.no{
width:80px;
background-image:none;
padding:30px 0;
}

/* IEフィルター設定 */
* html div#menu li a{
width:80px;
color:#fff;
font-size:12px;
display:block;
margin:0;
filter:alpha(opacity=70);
background-color:#000000;
background-image:none;
}
* html #menu li a:link,* html #menu li a:visited,* html #menu li a:active{
background-image:none;
filter:alpha(opacity=70);
background-color:#000000;
padding:30px 0;
}
* html #menu li a:hover{
color:#000;
background-image:none;
background-color:#fff;
padding:30px 0;
}



/* メインページ余白指定 */
#main{
padding:40px 60px 20px 60px;
text-align:left;
vertical-align:top;
}


/* テキストエリア */
textarea{
width:360px;
height:100px;
color:#fff;
background:#000;
font-size:11px;
line-height:15px;
border-style:solid;
border-color:#369;
border-width:1px 0;
padding:3px 5px;
}



/* 装飾box */
.box1{
color:#369;
background:#000;
border:1px solid #369;
margin:5px 10px;
padding:3px 5px;
}
.box2{
padding:3px 5px;
margin:5px 10px;
border:1px solid #036;
background:#036;}


/* 引用 */
blockquote{
padding:3px 5px;
margin:5px 20px;
color:#000;
background:#99c;
}



/* 画像のボーダー0 */
img{border:none;}



/* メインコンテンツ */
#no li{
margin:0 0 0 10px;
}
#no ol{
margin:0 0 0 30px;
}
#no ul{
margin:0 0 0 30px;
list-style-type:square;
}
#no a{
text-decoration:none;
padding:0 3px;
} 



/* メールフォーム */
td#l{
width:80px;
text-align:right;
color:#69c;
padding:5px;
float:left;
}

input#n{
width:150px;
height:16px;
color:#fff;
font-size:11px;
line-height:15px;
background:#000;
border:solid #69c 1px;
}

input#h{
width:200px;
height:16px;
color:#fff;
font-size:11px;
line-height:15px;
background:#000;
border:solid #69c 1px;
}

textarea#t{
width:300px;
height:80px;
font-size:11px;
line-height:15px;
color:#fff;
border:solid #69c 1px;
padding:3px;
}

td#mf{
text-align:center;
}

input#mf{
width:64px;
height:25px;
font-size:12px;
background:#369;
color:#fff;
border:double #369 3px;
text-align:center;
text-valign:middle;
padding:0;
}



/* リンクページ */
dl.link{
width:400px;
padding:5px;
}
dl.link dt{
float:left;
margin:-3px 5px 0 0;
}
dl.link2{
width:400px;
padding:5px;
}
dl.link2 dt{
float:left;
margin:0 5px 0 0;
}


/* index.html */
.index{
width:35%;
height:100%;
font-size:11px;
color:#fff;
background:#000;
background-image:url(sora.jpg);
background-attachment:fixed;
background-repeat:no-repeat;

}

#index{
width:260px;
text-align:left;
padding:30px 80px;
}

font-family:verdana,ms ui gothic;