@charset "utf-8";
/* CSS Document */
/* ---------------------------------------------------------------------------------- */
/* base color */
/* 
#B4D200　くすみ緑
#FFD756　黄色
#FF7800　濃オレンジ

#FFE4B5 背景色
#B4E646 線緑
#446600 濃緑
 */
/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */
/* basic presetting */
/* ---------------------------------------------------------------------------------- */
/* reset styles */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
margin: 0px;
padding: 0px;
}

/* a */
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}

/* body */
body{
font-size:63%;/* 10px will be the base size */
font-family:"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;/* Gothic */color:#333333;
background:#FFE4B5 url(../images/bg_body.gif) repeat-y;
}

/* ---------------------------------------------------------------------------------- */
/* Structure */
/* ---------------------------------------------------------------------------------- */
/* header以下くくり */
#warpper{
position:relative;
top:50px;
left:0px;
width:740px;
padding:0px 30px 10px;
color:#666666;
}

/* footer */
#footer{
clear:both;
position:relative;
top:60px;
left:0px;
width:800px;
height:120px;/* ie6用test */
color:#666666;
font-size:120%;
background:url(../images/bg_footer.gif) top no-repeat;
}
#footer p{
padding:30px 30px 10px 35px;
}

/* ---------------------------------------------------------------------------------- */
/* menu */
/* ---------------------------------------------------------------------------------- */
#menu{
width:800px;
height:50px;
position:absolute;
top:75px;
left:0px;
background-image:url(../images/menu.gif);
}
#menu ul{
list-style-type:none;
}
#menu ul li{
float:left;
}
#menu ul li a{
display:block;
background-image:url(../images/menu.gif);
overflow:hidden;
height:0px;
padding-top:20px;
}
#menu01 a{background-position:0px 0px; width:85px;}
#menu02 a{background-position:-85px 0px; width:75px;}
#menu03 a{background-position:-160px 0px; width:80px;}
#menu04 a{background-position:-240px 0px; width:95px;}
#menu05 a{background-position:-335px 0px; width:105px;}
#menu06 a{background-position:-440px 0px; width:160px;}
#menu07 a{background-position:-600px 0px; width:100px;}
#menu08 a{background-position:-700px 0px; width:100px;}

#menu01 a:hover{background-position:0px -50px;}
#menu02 a:hover{background-position:-85px -50px;}
#menu03 a:hover{background-position:-160px -50px;}
#menu04 a:hover{background-position:-240px -50px;}
#menu05 a:hover{background-position:-335px -50px;}
#menu06 a:hover{background-position:-440px -50px;}
#menu07 a:hover{background-position:-600px -50px;}
#menu08 a:hover{background-position:-700px -50px;}

/* ---------------------------------------------------------------------------------- */
/* 文字を大きくするには */
/* ---------------------------------------------------------------------------------- */
#howtofont{
position:absolute;
top:10px;
left:655px;
width:125px;
height:25px;
background-image:url(../images/btn_font_on.gif);
}
#howtofont a{
display:block;
width:125px;
height:0px;
padding-top:25px;
overflow:hidden;
background-image:url(../images/btn_font_off.gif);
}
#howtofont a:hover{
background-image:none;
}

/* ---------------------------------------------------------------------------------- */
/* other common style */
/* ---------------------------------------------------------------------------------- */
a.indexfinger{
height:1em;
padding-left:30px;
background:white url(../images/img_hand.gif) top left no-repeat;
}