@charset"Shift_JIS";
/*文字エンコードの設定（削除不可）*/

/************************************************
/*HTML要素（一部#ID）*/
*{font-style:normal;
scrollbar-arrow-color:#366;scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#fff;
scrollbar-track-color:#fff;scrollbar-shadow-color:fff;
scrollbar-darkshadow-color:#fff;margin:0;padding:0;}


html{width:100%;height:100%;color:#366;
font-family:Osaka,"ＭＳPゴシック",Chicago,Sans-serif;
background:url(img/bg.gif) repeat fixed transparent;
text-align:left;display:block;}
* html{font-family:Osaka,Verdana,"ＭＳPゴシック",Chicago,Sans-serif;}

td,body{font-size:70%;line-height:150%;display:block;
color:#333;margin:0;padding:0;text-align:center;}
* 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:#366;}
a:hover{color:#999;}


h1{font-size:48px;line-height:48px;color:#999;
font-family:Century Gothic,Sans-Serif;margin:0.5em;}

h2{color:#366;font-size:28px;line-height:48px;
border-top:solid #366 1px;border-bottom:solid #366 1px;
font-weight:normal;font-family:Century Gothic,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;
text-decoration:underline;font-weight:normal;
text-align:left;padding:0;margin:1em 2em 0.5em 2em;}





div#wrapper{width:598px;height:auto;
border:solid #366 1px;
filter:alpha(opacity=70);-moz-opacity:0.7;
margin:0 auto;text-align:left;position:relative;bottom:30px;}
div#TOP{height:80px;}




/* 左カラム */

div#header{width:598px;height:150px;
border-bottom:solid #366 1px;background:#fff;float:left;}
#header h1{color:#366;text-align:center;
font-weight:normal;margin:0;padding:0;
position:relative;top:60px;}


div#menu{width:598px;height:26px;text-align:center;
smargin:0;padding:0;}
#menu ul{width:598px;margin:0;padding:0;list-style:none;}
#menu li{width:85px;margin:0;padding:0;list-style:none;float:left;}
#menu li a{display:block;font-size:12px;
font-weight:normal;font-family:Century Gothic,Sans-serif;
margin:0;padding:5px 0;border-right:solid #366 1px;}
#menu a:link,#menu a:active,#menu a:visited{
color:#fff;background:#366;}
#menu a:hover{color:#366;background:#fff;}

#menu li.on{width:88px;}
#menu li.on a:link,#menu li.on a:active,#menu li.on a:visited{
color:#366;background:#fff;}
#menu li.on a:hover{color:#9cc;background:#fff;}

/* コンテンツメニュー */
div#main{width:598px;background:#fff;}

#main p{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;}

#main p a{text-decoration:underline;}

.top{width:590px;text-align:right;}

.no{margin:0.5em 3em 1em 4em;padding:2px 5px;}
.no img{border:solid #000 1px;}


/* フッター */
#footer{width:598px;color:#fff;
font-size:11px;background:#366;text-align:right;
padding:5px 0;clear:both;}
* html div#footer{font-size:9px;}

div#footer a:link,#footer a:active,#footer a:visited{
color:#fff;}
#footer a:hover{color:#9cc;}


textarea{color:#366;font-size:10px;
border:solid #366 1px;
margin:1em 0 1em 4em;padding:0.5em;}


.box1{color:#666;font-size:10px;line-height:12px;
border:1px solid #666;margin:1em 4em;padding:0.5em 1em;}
.box2{color:#366;font-size:10px;line-height:12px;background:#eee;
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;}


/* メールフォーム */
form table{margin-left:30px;}
td.name{width:8em;color:#366;font-size:10px;line-height:15px;
text-align:right;padding:5px;float:left;}
input.name{width:20em;height:2em;color:#366;
font-size:10px;line-height:15px;background:#fff;
float:left;border:solid #366 1px;}
input.url{width:25em;height:2em;color:#366;
font-size:10px;line-height:15px;background:#fff;
float:left;border:solid #366 1px;}
textarea.text{font-size:10px;line-height:15px;
color:#366;background:#fff;border:solid #366 1px;
margin:0.5em 0;padding:0.5em;}
td.post{text-align:center;}
input.post{width:60px;height:21px;color:#fff;
font-size:10px;line-height:12px;background:#366;border:solid #366 1px;
text-align:center;margin:1em 0.5em;padding:0;}


/* リンクページ */
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;}



/* index.html */
.index{width:100%;height:100%;
text-align:left;padding:0;}
#index{width:520px}


#index h1{color:#366;font-size:32px;line-height:32px;
position:relative;top:64px;left:32px;
letter-spacing:5px;}


#enter{font-size:28px;font-size:32px;line-height:32px;
font-weight:bold;font-family:Century Gothic;text-align:right;
}

.bg{width:600px;height:300px;
background:url(img/index.gif) no-repeat 0% 0%;}

textarea.index{width:280px;height:130px;border:none;
position:relative;top:120px;left:80px;}
