@charset"Shift_JIS";
/*文字エンコードの設定（削除不可）*/

/************************************************
/*HTML要素（一部#ID）*/
*{font-style:normal;
scrollbar-arrow-color:#999;scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;scrollbar-3dlight-color:#fff;
scrollbar-track-color:#fff;scrollbar-shadow-color:#999;
scrollbar-darkshadow-color:#fff;margin:0;padding:0;}


html{width:100%;height:100%;color:#666;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:75%;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:#693;}
a:hover{color:#999;}


h1{;font-size:48px;line-height:48px;color:#693;font-weight:normal;
font-family:Century Gothic,Sans-Serif;text-align:left;margin:0;}

h2{color:#693;font-size:30px;line-height:30px;
font-weight:normal;font-family:Century Gothics,sans-Serif;
margin:0;padding:0 10px}

h3{color:#999;font-size:12px;line-height:15px;
border-bottom:solid #ccc 1px;font-family:Arial,Sans-serif;
text-align:left;padding:0 0.5em;margin:1em 0 0 1em;}

h4{color:#999;font-size:28px;line-height:28px;
font-family:Century Gothic;font-weight:normal;
margin:1em 1em 0.5em 1em;padding:0;}
h4:first-letter{color:#693;font-size:36px;line-height:36px;}




div#wrapper{width:840px;height:auto;
margin:0 auto;padding:30px 0;text-align:left;}

div#TOP{height:10px;}

div#header{width:840px;height:200px;
background:url(img/apple.gif) no-repeat;}
#header h1{text-align:right;margin:0;padding:0;
position:relative;top:130px;right:20px;}



/* 左カラム */
div#left{width:200px;position:relative;top:30px;left:0;float:left;}
#left h2{color:#693;font-size:12px;line-height:18px;
font-family:Arial;font-weight:bold;text-align:right;
background:url(img/apple3.gif) no-repeat;margin:0;padding:5px 5px 5px 0;}


div#count{width:200px;text-align:left;
margin:0 0 10px 0;padding:0;}
div#count p{font-size:10px;margin:0;padding:5px 10px;}



div#menu{width:200px;text-align:left;
margin:0 0 10px 0;padding:5px 0;}
div#menu a{font-size:12px;font-weight:bold;
font-family:Arial,Sans-serif;margin:0 1px;padding:0;}
#menu ul{margin:0 0 0 20px;padding:0;list-style:none;}
#menu li a{margin:0;padding:0 0 5px 12px;}
#menu li.on{background:url(img/on.gif) no-repeat 0% 50%;}

div#new{width:100%;text-align:left;margin:0 0 15px 0;padding:0;}
#new textarea{color:#999;width:180px;height:80px;
border:solid #999 1px;background:#fff;
margin:5px 0 0 20px;padding:0;}


/* メールフォーム */
div#mail{width:200px;text-align:left;}
#mail p{font-size:10px;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:200px;}
#main_menu h3{margin:1em 0;}

.no{margin:0 0 1em 1em;padding:0px;}
.no img{border:solid #999 1px;}
.no a:link, .no a:active{color:#693;}
.no a:visited{color:#9c6;}
.no a:hover{color:#ccc;}

/* リンクページ */
div#link{width:200px;height:auto;font-size:11px;}
* html div#link{font-size:9px;}
#link ul{margin:0 0 0 20px;padding:0;list-style:none;}
#link li a{margin:0;padding:0 0 5px 12px;}
#link li{background:url(img/on.gif) no-repeat 0% 50%;}

dl.link{width:600px;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;}




/* 右カラム */
#main{width:620px;text-align:left;
margin:0 auto;padding:0;float:left;
position:relative;top:30px;left:20px}

#main p{margin:0 0 2em 3em;padding:5px;}

#main ul,#main ol{margin:0 4em 1em 5em;padding:1em 0;}
#main li{margin:0;padding:0;}

.top{width:620px;height:20px;text-align:right;}




/* フッター */
#footer{width:840px;height:100px;font-size:15px;
background:url(img/apple2.gif) no-repeat;
position:relative;top:50px;text-align:right;clear:both;}
* html div#footer{font-size:9px;}

#footer ul{list-style:none;}
#footer li{list-style:none;position:relative;top:30px;right:20px;}





textarea{width:30em;height:6em;color:#666;font-size:10px;
border-style:solid;border-color:#999;border-width:1px 0;
margin:1em 2em;padding:0.5em;}


.box1{color:#999;font-size:10px;line-height:12px;
border:1px solid #999;margin:1em 4em;padding:0.5em 1em;}
.box2{color:#666;font-size:10px;line-height:12px;background:#eee;
border:1px solid #666;margin:1em 4em;padding:0.5em 1em;}
blockquote{color:#fff;font-size:10px;line-height:12px;
border:4px double #fff;background:#693;
margin:1em 6em;padding:0.5em 1em;}









/* index.html */
.index{width:100%;height:100%;
background:none;text-align:left;padding:0;}
#index{width:480px;padding:50px 0 20px 0;
position:relative;left:100px;}


#index h1{font-size:24px;line-height:48px;
color:#999;letter-spacing:5px;}
#index h1:first-letter{color:#693;font-size:48px;
font-weight:bold;}
#index p{color:#666;border-left:solid #9c6 2px;
border-right:solid #9c6 2px;margin:0 4em;padding:1em;}

#enter{font-size:24px;line-height:24px;font-weight:bold;
font-family:impact;text-align:right;}

