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



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

html{
width:100%;
height:100%;
color:#000;
background:#fff;
display:block;
}

BODY{

background : #ffffff url(img/bg.jpg) no-repeat fixed 0% 0%;
font-size:12px;
text-align:left;
margin:0;
display:block;
}
* html body{
font-size:11px;
}
td{
font-size:12px;
}





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

/* 見出し */
h1{
color:333;
font-size:30px;
line-height:30px;
margin:0;
}

h2{
width:640px;
height:28px;
color:#603;
font-size:16px;
font-family:Times New Roman;
background : url(img/h2.gif) no-repeat;
filter:alpha(style=1,opacity=100,finishopacity=0);
margin:20px -20px;
padding:5px 14px;
}

h3{
color:#999;
font-size:12px;
font-family:Arial;
border-left:solid #ccc 8px;
margin:10px -10px;
padding:0 0 0 3px;
}





/* id設定 */

/* メニュー */
.menu{
width:100%;
height:100px;
background : url(img/menu.jpg) no-repeat fixed 0% 0%;
}
.menu h1{
font-family:Times New Roman,HGS明朝E,Serif;
position:relative;
left:10px;
}
div#menu{
position:relative;
top:12px;
left:50px;
}
#menu ul {
height:30px;
text-align:center;
position;relative;
}


#menu li {
margin:0;
list-style-type:none;
float:left;
margin:0 10px;
}
#menu li a{
font-size:14px;
font-family:Times New Roman;
font-weight:bold;
text-decoration:none;
padding:0;
float:left;
}
#menu li a:link,#menu li a:visited,#menu li a:active{
color:#666;
}
#menu li a:hover{
color:#fff;
}




/* 著作権 */
#right{
font-size:9px;
text-align:right;
position:relative;
top:12px;
right:10px;
}
#right a{
text-decoration:none;
}


/* メイン */
#main {
width:600px;
color:#000;
padding:20px 0 20px 100px;
}
* html div#main{
width:640px;
}
#main ul,#main ol{
margin:18px 20px;
padding:0;
}
#main li{
margin:9px 0;
}


/* テキストエリア */
textarea{
width:300px;
height:80px;
color:#666;
background:transparent;
font-size:10px;
line-height:12px;
border-style:dashed;
border-color:#966;
border-width:1px 0 ;
padding:5px;
margin:10px 0;
}


/* 装飾box */
.box1{
color:#633;
font-size:10px;
background:transparent;
border:solid #633 1px;
margin:5px 10px;
padding:5px;
}
.box2{
color:#633;
font-size:10px;
background:#ecc;
border:solid #633 1px;
margin:5px 10px;
padding:5px;
}

/* 引用 */
blockquote{
color:#333s;
font-size:10px;
background:#999;
border:solid #999 1px; 
margin:5px 20px;
padding:5px;
}


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


/* メインコンテンツ */
#no li{
margin:0 0 0 10px;
}
#no ol{
margin:0 0 0 30px;
}
#no ul{
margin:0 0 0 30px;
list-style-type:square;
}
#no a{
text-decoration:none;
padding:0 3px;
} 



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

input#n{
width:150px;
height:16px;
color:#999;
font-size:10px;
line-height:12px;
background:#fff;
border-style:dashed;
border-color:#633;
border-width:0 0 1px 0;
}

input#h{
width:200px;
height:16px;
color:#999;
font-size:10px;
line-height:12px;
background:#fff;
border-style:dashed;
border-color:#633;
border-width:0 0 1px 0;
}

textarea#t{
width:300px;
height:80px;
color:#999;
font-size:10px;
line-height:12px;
border:dashed #633 1px;
padding:3px;
}

td#mf{
text-align:center;
}

input#mf{
width:60px;
height:24px;
color:#633;
font-size:10px;
background:transparents;
border:solid #633 1px;
padding:0;
}



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


/* index.html */
.index{
width:100%;
height:100%;
color:#666;
font-size:12px;
background : url(img/index.jpg) no-repeat 100% 0%;
text-align:left;
}
* html .index{
font-size:11px;
}
#index{
width:640px;
text-align:left;
padding:30px 50px;
position:relative;
top:80px;
left:50px;
}
#index img{
margin:20px 0;
}