@charset "UTF-8";
/* CSS Document */
@import url(init.css);


body {background-color: #ffffff;}

html, body {height: 100%;}

body,td,th {
color:#655845;
font-size:12px;
letter-spacing:2px;
line-height: 180%;
}


a:link {color: #9ca456; text-decoration:underline;}
a:visited {color: #9ca456;text-decoration:underline;} 
a:active {color: #9ca456; text-decoration:underline;} 
a:hover {color: #b15429; text-decoration:underline;}

h2 IMG {
margin-bottom: 30px;
}

#wrap {
width: 100%;
height: 100%;
min-height: 100%;
}

#header {
width: 975px;
height: 40%;
margin: 0 auto;

}

#back {
width: 100%;
height: 30%;
min-height: 30%;
background:url(../img/top/back.jpg) repeat;
position:absolute;
bottom: 0;
}


/* コンテンツ */


#conts {
width: 975px;
margin: 0 auto;
height: 30%;
}

#logo {
width:300px;
float: left;
}

#menu {
width:665px;
margin-top: 35px;
float: left;
margin-left: 10px;
vertical-align: bottom;
}


ul.menu li {float: left; }


#menu  ul li a:link,
#menu  ul li a:visited,
#menu  ul li a:hover,
#menu  ul li a:active,
#menu  ul li {
display:block;
text-indent:-9999px;
line-height: nomal;
overflow:hidden;
}

#menu .con a {
width: 94px;
height: 25px;
background: url(../img/top/menu_con.gif) no-repeat;
}

#menu .con a:hover { background: url(../img/top/menu_con_o.gif) no-repeat;}

#menu .class a {
width: 84px;
height: 25px;
background: url(../img/top/menu_class.gif) no-repeat;
}

#menu .class a:hover { background: url(../img/top/menu_class_o.gif) no-repeat;}


#menu .price a {
width: 71px;
height: 25px;
background: url(../img/top/menu_price.gif) no-repeat;
}

#menu .price a:hover { background: url(../img/top/menu_price_o.gif) no-repeat;}

#menu .sche a {
width: 107px;
height: 25px;
background: url(../img/top/menu_sche.gif) no-repeat;
}

#menu .sche a:hover { background: url(../img/top/menu_sche_o.gif) no-repeat;}

#menu .diary a {
width: 74px;
height: 25px;
background: url(../img/top/menu_diary.gif) no-repeat;
}

#menu .diary a:hover { background: url(../img/top/menu_diary_o.gif) no-repeat;}

#menu .pro a {
width: 90px;
height: 25px;
background: url(../img/top/menu_pro.gif) no-repeat;
}

#menu .pro a:hover { background: url(../img/top/menu_pro_o.gif) no-repeat;}

#menu .mail a {
width: 68px;
height: 25px;
background: url(../img/top/menu_mail.gif) no-repeat;
}

#menu .mail a:hover { background: url(../img/top/menu_mail_o.gif) no-repeat;}

#menu .news a {
width: 65px;
height: 25px;
background: url(../img/top/menu_news.gif) no-repeat;
}

#menu .news a:hover { background: url(../img/top/menu_news_o.gif) no-repeat;}


/* 余白 */

.bottom30 { margin-bottom: 30px;}
.top50 {margin-top: 50px;}

#footer .top50 {
padding-top: 50px;
_padding-top: 0px;}