@charset"Shift_JIS";
/*文字エンコードの設定（削除不可）*/

/************************************************
/*HTML要素（一部#ID）*/
*{font-style:normal;

scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:deepskyblue;
scrollbar-darkshadow-color:deepskyblue;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:deepskyblue;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}



html{width:100%;height:100%;color:#999;background:#fff;
font-family:Osaka,"ＭＳPゴシック",Chicago,Sans-serif;
text-align:center;display:block;}
* html{font-family:Osaka,Verdana,"ＭＳPゴシック",Chicago,Sans-serif;}

td,body{font-size:80%;line-height:150%;display:block;
margin:0;padding:0;}
* html td,* html body{font-size:70%;margin:0;padding:0;}
td{background:transparent;}
img{border:none;}

a{text-decoration:none}
a:link,a:visited,a:active{color:#369;}
a:hover{color:#999;}


h1{font-size:36px;line-height:36px;color:#999;font-weight:normal;
font-family:HG正楷書体-PRO,Serif;text-align:left;margin:0;}

h2{font-size:20px;line-height:21px;color:#999;
font-family:Century Gothic,Sans-serif;font-weight:normal;
margin:1em 2em 0 2em;padding:0;text-align:left;}
h2:first-letter{color:#369;font-size:30px;}

h3{width:60%;color:#fff;font-size:17px;background-image:url(img/h3bg.jpg);
background-repeat:no-repeat;
line-height:20px;font-family:Century Gothic,Sans-serif;
font-weight:normal;text-align:left;padding:2px 5px;margin:1.5em 0 0 3.9em;}




/* menu（左フレーム） */
.menu{width:280px;height:100%;color:#fff;
margin:0;padding:0;} 


#space{height:280px;}
#space h1{width:280px;font-size:30px;color:#fff;letter-spacing:2px;
font-family:Century Gothic;
filter:dropshadow(color='#000000',offx='1',offy='1',positive='true');
position:relative;top:100px;text-align:center;}
#space h1:first-letter{color:#39c;font-size:48px;
font-weight:bold;}

#menu{width:100%;font-size:14px;line-height:30px;
text-align:center;margin:0;padding:0;}

#menu ul{width:280px;list-style:none;margin:0;padding:0;}
#menu li{width:280px;height:15px;margin:0;padding:0;}
#menu li a{font-family:Century gothic;letter-spacing:2px;
display:block;margin:0;padding:0;}
#menu li a:link,#menu li a:visited,#menu li a:active{
color:#000;border:solid #fff 1px;}
#menu li a:hover{color:#0099ff;border:solid #000 1px;}


#right{font-size:11px;margin:0;padding:0;
text-align:right;position:relative;top:20px;right:5px;}
* html div#right{font-size:9px;}




/* main（右フレーム） */
#wrapper{width:100%;height:auto;
background-attachment: fixed;
background-image: url(img/sora12-f.jpg);
background-repeat: no-repeat;
background-position: right top;}

#main{width:100%;text-align:left;margin:0 auto;padding:30px 0 50px 0;}
* html div#main{padding:50px 0;}

#main p{width:80%;margin:0 6em 1em 6em;padding:10px 1em;border:solid #999 1px;}
#main ul,#main ol{margin:0 5em 1em 7em;padding:1em 2.5em;
background:url(img/bg.gif) repeat-y;}
#main li{margin:0em 0 0 0;padding:0;}



textarea{color:#000;font-size:20px;line-height:30px;
background:#666;
border-style:dashed;border-color:#666;border-width:1px 0;
margin:1em 2em;padding:0.5em;}


.no{border:solid #999 1px;margin:0 8em 1em 8em;padding:5px 10px;}
.no img{border:solid #fff 1px;}
.no a:link, .no a:active{color:#369;}
.no a:visited{color:#69c;}
.no a:hover{color:#666;}




.box1{color:#369;font-size:10px;line-height:12px;background:#000;
border:1px solid #369;margin:1em 8em;padding:0.5em 1em;}
.box2{color:#036;font-size:10px;line-height:12px;background:#69c;
border:1px solid #036;margin:1em 8em;padding:0.5em 1em;}
blockquote{color:#369;font-size:10px;line-height:12px;border:4px double #369;
background:#000;margin:1em 9em;padding:0.5em 1em;}





/* メールフォーム */
form table{margin:2em 0 0 3em;}
* html form table{margin-left:66px;}
td.name{width:8em;color:#999;text-align:right;padding:5px;float:left;}
input.name{width:20em;height:2em;color:#999;font-size:10px;line-height:15px;
background:#000;border:solid #999 1px;}
input.url{width:25em;height:2em;color:#999;font-size:10px;line-height:15px;
background:#000;border:solid #999 1px;}
textarea.text{color:#999;font-size:10px;line-height:15px;
background:#000;border:solid #999 1px;margin:0;padding:0.5em;}
td.post{text-align:center;}
input.post{width:50px;height:18px;color:#999;font-size:10px;
line-height:12px;background:#000;border:solid #999 1px;
text-align:center;margin:1em 0.5em;padding:0;}



/* リンクページ */
dl.link{width:400px;margin-left:6em;padding:5px;}
dl.link dt{float:left;margin:-3px 5px 0 0;}
dl.link2{width:400px;margin-left:6em;padding:5px;}
dl.link2 dt{float:left;margin:0 5px 0 0;}


/* index.html */
.index{width:100%;height:100%;

background-attachment: fixed;
background-image: url(img/sora2.jpg);
background-repeat: no-repeat;
background-position: center center}

;text-align:left;padding:0;}
#index{width:600px;padding:50px 0 20px 0;
position:relative;left:100px;}
#index p{margin:0 3em;}


#index h1{font-size:21px;color:#fff;letter-spacing:5px;
font-family:Century Gothic;font-weight:normal;}
#index h1:first-letter{color:#369;font-size:48px;
font-weight:bold;}

#index p img{margin:10px;}

