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

/************************************************
/*HTML要素（一部#ID）*/
*{font-style:normal;
font-family:Osaka,Verdana,"ＭＳPゴシック",Chicago,Sans-serif;
scrollbar-arrow-color:#fff;scrollbar-face-color:#000;
scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#000;
scrollbar-track-color:#000;scrollbar-shadow-color:#000;
scrollbar-darkshadow-color:#000;margin:0;padding:0;}


html{width:100%;height:100%;color:#000;text-align:left;display:block;}
td,body{font-size:12px;line-height:18px;display:block;
background:url(img/bg.jpg) no-repeat fixed 50% 50%;margin:0;padding:0;}
* html td,* html body{font-size:11px;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:#000;}


h1{font-size:36px;line-height:36px;color:#369;
font-family:HGS明朝E,Serif;text-align:left;}
h2{font-size:12px;color:#fff;background:url(img/h2.jpg) no-repeat;
margin:2em 30px;padding:3px 10px;text-align:left;}
h3{font-size:12px;color:#000;line-height:11px;
border-bottom:solid #000 1px;padding:0 3px;margin:1em 3em;text-align:left;}




/* id設定 */
/* 全体―背景とか */
#top{width:640px;background:#000;
border-left:solid #000 1px;border-right:solid #000 1px;
margin:0 auto 0 50px;}
* html div#top{width:642px;}
#wrapper{width:640px;height:auto;color:#000;
border-left:solid #000 1px;border-right:solid #000 1px;
margin:0 auto 0 50px;padding:0;}
* html div#wrapper{width:642px;}

#head{width:100%;height:80px;text-align:left;background:#000;}
#head h1{color:#fff;font-size:36px;font-style:italic;
font-weight:normal;position:relative;top:20px;left:20px;}


div#menu{width:638px;background:#fff;}

#menu ul{width:638px;height:38px;list-style-type:none;
margin:0;padding:0;}
#menu li{text-align:center;float:left;}
#menu li a{width:85px;font-weight:bold;margin:5px 0 5px 5px;float:left;}
* html div#menu li a{font-size:9px;}
#menu li a:link,#menu li a:active,#menu li a:visited{
color:#fff;background:#000;padding:5px 0;}
#menu li a:hover{color:#369;padding:5px 0;}

#menu li.on a:link,#menu li.on a:active,#menu li.on a:visited{
color:#000;background:#fff;padding:5px 0;}
#menu li.on a:hover{color:#69c;padding:5px 0;}

#right{width:640px;color:#fff;font-size:10px;background:#000;
text-align:right;margin:0;padding:10px 0;}
* html div#right{font-size:9px;}
#right a{padding-right:5px;}
#right a:link,#right a:active,#right a:visited{color:#369;}
#right a:hover{color:#fff;}


div#main{width:640px;height:auto;text-align:left;
background:#fff;filter:alpha(opacity=80);-moz-opacity:0.8;
margin:0 auto;padding:2em 0;}
#main p{margin:1em 4em;padding:0;}
#main ul,#main ol{margin:1em 0;padding:0 4em 0 6em;}
#main li{margin:0;}

.top{width:620px;text-align:right;margin-bottom:10px;}
* html .top{margin-top:10px;}



textarea{color:#000;font-size:10px;line-height:12px;
border-style:solid;border-color:#000;border-width:1px 0;
margin:0.5em 0 0.5em 4em;padding:0.5em;}

.box1{color:#369;font-size:10px;line-height:12px;
border:1px solid #369;margin:0.5em 4em;padding:0.5em 1em;}
.box2{color:#036;font-size:10px;line-height:12px;background:#69c;
border:1px solid #036;margin:0.5em 4em;padding:0.5em 1em;}
blockquote{color:#369;font-size:10px;line-height:12px;border:3px double #369;
background:#000;margin:0.5em 5em;padding:0.5em 1em;}



.no{margin:1em 6em;padding:0;}
.no img{border:solid #000 1px;}

/* メールフォーム */
form table{margin-left:3em;}
td.name{width:8em;color:#000;text-align:right;padding:5px;float:left;}
input.name{width:20em;height:2em;color:#fff;font-size:10px;line-height:15px;
background:#000;border:solid #000 1px;}
input.url{width:25em;height:2em;color:#fff;font-size:10px;line-height:15px;
background:#000;border:solid #000 1px;}
textarea.text{color:#fff;font-size:10px;line-height:15px;
background:#000;border:solid #000 1px;margin:0;padding:0.5em;}
td.post{text-align:center;}
input.post{width:50px;height:18px;color:#fff;font-size:10px;
line-height:12px;background:#000;border:solid #000 1px;
text-align:center;margin:1em 0.5em;padding:0;}



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


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