/* 分かりやすいように説明をつけてありますが、説明と改行は消した方が軽くなっていいですよ */



/* 全体設定 */
*{
line-height:18px;
font-family:verdana,ms ui gothic;
margin:0;
}

body,td,form,input{
line-height: 150%;
font-size: 95%;
color:#663300;
text-align:left;
text-valign:top;
margin:0;
}

body{
background-image: url('http://rikava.red-b.org/img/img/kotori3.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}


/* リンク */
a{text-decoration:none;}
a:link,a:visited,a:active{COLOR:#336600;}
A:HOVER{color:#666;}



/* 見出し1・サイト名 */
h1{
font-size: 20px;
color: #FFCCCC;
line-height: 80px;
margin: 8px 0 0 30px;
background-image: url('http://rikava.red-b.org/img/img/0103.gif');
background-repeat: no-repeat;
}
#h1{
color:#669966;
}

/* 見出し2 */
/* もとはborder-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;border-top-style: double;
border-bottom-style: double; */
h2{
font-size: 110%;
color: #CC6666;
vertical-align: top;
margin: 20px -20px 10px;
padding: 0 0px 10px 10px;
background-image: url('http://rikava.red-b.org/img/img/enpitu_1.gif');
background-repeat: no-repeat;
background-position: left bottom;
}

/* 小見出し3 */
h3{
font-size: 110%;
color: #CC6666;
vertical-align: top;
margin: 20px -20px 10px;
padding: 0 0px 10px 10px;
background-image: url('http://rikava.red-b.org/img/img/enpitu_2.gif');
background-repeat: no-repeat;
background-position: left bottom;
}

/* ハリネズミ */
.hari{
font-size: 18pt;
color: #663333;
line-height: 50px;
margin: 0 0 10px;
padding-bottom: 0px;
padding-left: 80px;
background-image: url('http://rikava.red-b.org/img/img/bee_line2.gif');
background-repeat: no-repeat;
background-position: left bottom;
}

/* 全体―背景とか */
#wrapper{
height:100%;
width:100%;
text-align:left;}

/* テーブル */
.td{
margin: 0 0 0 50px;
border-right-style: solid;
border-right-color: #FFFFFF;
border-left-style: solid;
border-left-color: #FFFFFF;
height: 100%;
width: 600px;
background-image: url('http://rikava.red-b.org/img/img/filter2.gif');
background-repeat: repeat;
}

.head{
color: #000000;
text-align: left;
vertical-align: middle;
height: 120px;
width: 600px;
background-color: #FFFFFF;
background-image: url('http://rikava.red-b.org/img/img/border_s011.gif');
background-repeat: repeat;
}
.end{
color: #000000;
text-align: left;
vertical-align: middle;
height: 20px;
width: 600px;
background-color: #FFFFFF;
background-image: url('http://rikava.red-b.org/img/img/border_s011.gif');
background-repeat: repeat;
}
.menu{
width:600px;
height:30px;
border-bottom:solid #FFF 0px;
text-align:center;
}
/* クロエ */
#choloe{
font-size: 90%;
margin-right: 0px;
margin-left: 5%;
background-color: #FFFFF0;
}

/* 著作権表示 */
.right{
width:600px;
height:20px;
color:#CC3300;
background-color:#FFF;
font-size:9px;
padding:5px;
text-align:right;
background-image: url('http://rikava.red-b.org/img/img/border_s011.gif');
}


/* メニュー */
#menu ul {

width:600px;
height:30px;
list-style-type:none;
margin:0;
padding:0px;
}
#menu li {
width:75px;
height:30px;
font-size:12px;
padding:5 0 0 0;
float:left;
}
/* メニューワードの隙間設定 */
#menu li a{
background-image: url('http://rikava.red-b.org/img/img/border_s011.gif');
width:75px;
height:20px;
font-weight:bold;
float:left;
}
#menu li a:link,#menu li a:visited,#menu li a:active{
color:#CC0000;
background-color:#FFFFFF;
}
#menu li a:hover{
color:#666633;
background-color:#fff;
}


/* メインページ余白指定 */
#main{
margin:40px 40px 20px 40px;
line-height: 150%;
text-align:left;
vertical-align:top;
}


/* テキストエリア */
textarea{
color:#663300;
font-size:13px;
line-height:15px;
border-style:dashed;
border-color:#990000;
border-width:1px;
padding:3;
}


/* 引用 */
blockquote{
padding:3px 5px;
margin:5px 20px;
color:#fff;
background:#69c;
}


/* 装飾box */
.box1{
padding:3px 5px;
margin:5px 10px;
border:1px solid #69c;
background:#fff;
}
.box2{
padding:3px 5px;
margin:5px 10px;
border:1px solid #cde;
background:#cde;}
/* 単独用 */
.uni{
background-color: #FFFFFF;
background-image: url('http://rikava.red-b.org/img/img/border_s011.gif');
background-repeat: repeat;
}


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



/* メインコンテンツ */
#no li{
margin:0 0 0 10;
}

#no ol{
margin:0 0 0 30;
}

#no ul{
margin:0 0 0 30;
list-style-type:square;
}

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



/* メールフォーム */
td#l{
text-align:right;
color:#036;
}

input#n{
width:150px;
height:20px;
border-style:solid;
border-color:#69c;
border-width:1px;
font-size:11px;
line-height:15px;
}

input#h{
width:200px;
height:20px;
border-style:solid;
border-color:#69c;
border-width:1px;
font-size:11px;
line-height:15px;
}

textarea#t{
width:300px;
height:80px;
border-style:solid;
border-color:#69c;
border-width:1px;
font-size:11px;
line-height:15px;
padding:3;
}

td#mf{
text-align:center;
}

input#mf{
font-size:12px;
background:#69c;
color:#fff;
border:solid #69c 1px;
width:50px;
height:20px;
text-align:center;
text-valign:middle;
padding:0 0 0 0;
}



/* リンクページ */
#link dl.link dt{
float:left; margin:-3 5 0 0;
}

#link dl.link2 dt{
float:left; margin:0 5 0 0;
}

/* エンターページ */
.enter{
width:400px;
margin:60px 100px;
}

#enter{
font-size:11px;
background:#fff;
background-image:url(http://rikava.red-b.org/img/img/enter.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:0% 0%;
overflow-x:hidden;overflow-y:hidden;
}
#enter h1{margin:0 0 30px 0;}