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


/* 全体設定 */
*{line-height:18px;
font-family:Osaka,Arial,Verdana,"ＭＳPゴシック",Chicago,Sans-serif;
scrollbar-arrow-color:#f66;scrollbar-face-color:#fdc;
scrollbar-highlight-color:#fdc;scrollbar-3dlight-color:#fdc;
scrollbar-track-color:#fdc;scrollbar-shadow-color:#fdc;
scrollbar-darkshadow-color:#fdc;
margin:0;padding:0;}

html{width:100%;height:auto;color:#000;
background:#fff url(bg.gif) repeat fixed;
display:block;}

body{color:#000;font-size:12px;
text-align:center;
margin:0;display:block;}

td{font-size:10px;}


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



/* 見出し */
h1{color:#000;font-size:30px;line-height:30px;}

h2{color:#c66;font-size:12px;background:#fff;
margin:0;padding:2px 10px;}

h3{color:#c66;font-size:12px;
background:url(h3.gif) no-repeat 0 50%;
margin:20px 10px 10px 10px;padding:0 0 0 18px;}


/* 全体―背景とか */
div#wrapper{width:680px;height:auto;
color:#000;background:#fdc;
border-left:solid #fff 3px;
border-right:solid #fff 3px;
margin:0 auto;}

div#head{width:620px;height:200px;
background:url(head_sample.jpg);
text-align:left;margin:0 auto 60px auto;
position:relative;top:30px;}
#head img{text-align:right;margin:25px;}


/* メニュー（左カラム） */
#menu{width:200px;height:auto;
margin:0;padding:0;float:left;
position:relative;left:26px;}

#menu ul{width:200px;
list-style-type:none;
margin:0;padding:0;}

#menu li{width:100%;
margin-bottom:10px;padding:0;
list-style-type:none;float:left;}

#menu li a{width:190px;
font-size:11px;font-family:Times New Roman;
text-decoration:none;
background:url(menu.gif) no-repeat transparent;
margin:0;padding:3px 0 5px 10px;
text-align:center;float:left;}
* html div#menu li a{padding:3px 0 5px 20px;}

#menu li a:link,#menu li a:visited,#menu li a:active {color:#000;}
#menu li a:hover{color:#999;background:url(img/menu-on.gif) no-repeat transparent;}

#menu li.on a{background:url(menu-on.gif) no-repeat transparent;}
#menu li.on a:link,#menu li.on a:visited,#menu li.on a:active{color:#000;}
#menu li.on a:hover{color:#999;}



/* コンテンツ */
div#main{width:410px;height:auto;
text-align:left;border:solid #fff 1px;
margin-left:238px;padding:0;}
* html div#main{width:410px;margin-left:205px;}

#main ul,#main ol{margin:18px 40px;padding:0;}
#main li{margin:9px 0;padding:0;}

p{margin:10px 20px;padding:0;}

.top{text-align:right;margin:10px 5px;}



/* 著作権（フッター） */
div#footer{width:410px;
border:solid #fff 1px;
margin:20px 0 0 238px;padding:5px 0;
text-align:right;clear:both;}
* html div#footer{margin:20px 0 20px 208px;}

#footer ul{margin:0;padding:0;
text-align:right;display:inline;}
#footer li{font-size:10px;
margin-right:10px;display:inline;}



/* テキストエリア */
textarea{width:300px;height:60px;
font-family:Verdana,ＭＳPゴシック;
color:#f66;font-size:10px;
background:transparent;line-height:12px;
border-style:dashed;border-color:#f66;border-width:1px 0;
margin:10px 20px;padding:5px;}
* html textarea{margin-left:-180px;}


/* 装飾box */
.box1{font-family:Verdana,ＭＳPゴシック;
color:#f66;font-size:10px;
background:transparent;line-height:12px;
border:solid #f66 1px;
margin:5px 20px;padding:5px;}
.box2{font-family:Verdana,ＭＳPゴシック;
color:#c30;font-size:10px;
background:#fc9;line-height:12px;
border:solid #c30 1px;
margin:5px 20px;padding:5px;}

/* 引用 */
blockquote{font-family:Verdana,ＭＳPゴシック;
color:#fdc;font-size:10px;
background:#f66;line-height:12px;
margin:5px 30px;padding:5px;}



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



/* メインコンテンツ */
#no ol{margin:0 40px;padding:0;}
#no ul{margin:0 40px;padding-left:0;
list-style-type:circle;}

#no li{margin:0;padding:0;
list-style-position:outside;}

#no a{text-decoration:none;padding:0 3px;} 




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

input#n{width:150px;height:16px;
color:#000;font-size:10px;
background:transparent;line-height:12px;
border:solid #c33 1px;}

input#h{width:200px;height:16px;
color:#000;font-size:10px;
background:#fdc;line-height:12px;
border:solid #c33 1px;}

textarea#t{width:260px;height:80px;
color:#000;font-size:10px;
line-height:12px;
border:solid #c33 1px;
margin:0;padding:3px;}

td#mf{text-align:center;}

input#mf{width:50px;height:21px;
font-family:Verdana,ＭＳPゴシック;
font-size:10px;color:#c33;
background:#fdc;
border:solid #c33 1px;
margin:5px 2px;padding:0;
}




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

dl.link2{width:380px;
margin-left:10px;padding-top:18px;}
dl.link2 dt{float:left;margin:0 5px 0 0;}


/* index.html */
.index{width:600px;text-align:center;margin:0 auto;}

div#index{width:600px;
font-size:12px;background:#fdc;
border:solid #fff 3px;text-align:left;
margin:50px 0;padding:20px 50px 0 50px;}
#index img{margin:20px -10px;}