@charset "Shift_JIS";



/* 基本設定 */

body,td{
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border:none;
text-align:center;
cursor:default;
font-size:12px;
line-height:20px;
color:#000000;
letter-spacing:1px;
font-weight:normal;
}

a:link{color:#000000;text-decoration:none;}
a:visited{color:#000000;text-decoration:none;}
a:active{color:#000000;text-decoration:none;}
a:hover{color:#ffffff;text-decoration:none;}

img{border:none;}
br{letter-spacing:normal;}



/* ページ設定 */

#page{
width:650px;
text-align:center;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
}



/* トップ絵設定 */

#top{
width:650px;
height:550px;
text-align:center;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background-image:url(img/sample.gif);
background-position:50% 50%;
background-repeat:no-repeat;
border:1px #000000 solid;
}



/* メニュー設定 */

#menu {
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#menu ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

#menu li {display:inline;margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}

#menu li a:link, #menu li a:visited, #menu li a:active {color:#000000;text-decoration:none;padding:0px 0px 0px 0px;}

#menu li a:hover{color:#ffffff;text-decoration:none;padding:0px 0px 0px 0px;}



/* コピーライト設定 */

#copy{
text-align:center;
margin:0px auto 0px auto;
padding:30px 0px 20px 0px;
color:#000000;
font-size:10px;
line-height:25px;
}



/* 各ページ共通設定 */

.text{
margin:0px 0px 0px 0px;
padding:10px 15px 30px 15px;
text-align:left;
font-size:12px;
line-height:20px;
}

.re{
text-align:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


/* イラスト（illust.html）設定 */

#top2{
width:650px;
height:120px;
text-align:center;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background-image:url(img/sample2.gif);
background-position:50% 50%;
background-repeat:no-repeat;
border:1px #000000 solid;
}

#illust {
height:20px;
overflow:no;
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#illust a {color:#000000;width:100%;height:20px;text-align:left;}

#illust ol{list-style-type:none;margin:0px 0px 0px 0px;padding:5px 0px 10px 0px;}

#illust li {display:block;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

#illust li a:link, #illust li a:visited, #illust li a:active {color:#000000;text-decoration:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}

#illust li a:hover{color:#000000;background-color:#ccff00;text-decoration:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}


.left{
width:49%;
float:left;
overflow:no;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.right{
width:49%;
float:right;
overflow:no;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.i-01{
width:49%;
float:left;
overflow:no;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.i-02{
width:49%;
float:right;
overflow:no;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.c-both { clear:both; }



/* タイトル設定 */

h1{
color:#000000;
text-align:center;
font-size:18px;
line-height:20px;
font-family:Georgia;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
letter-spacing:10px;
}

h2{
color:#000000;
text-align:left;
font-size:25px;
line-height:30px;
font-family:Georgia;
margin:0px 0px 0px 0px;
padding:15px 0px 0px 15px;
letter-spacing:10px;
}

h3{
color:#000000;
text-align:left;
font-size:12px;
line-height:20px;
font-weight:normal;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 12px;
background-image:url(img/m1.gif);
background-position:0% 50%;
background-repeat:no-repeat;
}