@charset "utf-8";
/* CSS Document */
/*ページ全体*/
*html body div#wapper {
margin:0 0 0 10%;
}

div#wapper{
width: 822px;
margin: auto;
}

body{
background: url(../images/back00.jpg) repeat-x #FFFFFF;
}


/*ヘッダー*/
div#header{
width: 822px;
background: url(../common/back01.jpg) repeat-y ;
}

div#h_rain01{
width: 818px;
height: 5px;
margin:auto;
background: #D7061C ;
}
div#h_rain02{
width: 798px;
height: 50px;
padding:10px;
}

div#h_rain02 img,foam{
float:left;
}

div#h_rain03{
width: 798px;
height: 50px;
padding:10px;
}

/*文字サイズと検索*/
diV#ks{
margin:2px 0 0 0;
text-align:right;
font-size:12px;
}

div#fontChanger{
float:right;
font-weight:bold;
}

div#fontChanger span{
display:inline-block;
width:19px;
height:18px;
padding:1px 3px 0 0;
background:url(../images/back05.jpg) right top no-repeat;
}

.kensaku{
background:#FFFFFF;
border:solid 1px #888888;
background:url(../images/kensakuback.jpg) left center no-repeat;
}

/*ナビ*/
div#gnavi{
width: 822px;
float:left;
}

div#gnavi ul{
width: 822px;
}

div#gnavi li{
list-style:none;
float:left;
}

div#gnavi a{
display:block;
text-indent:-9877em;
/* Hides form IE5-mac \*/
overflow:hidden;
/* End hide from IE5-mac */
}

a.navi01{
width:118px;
height:50px;
background-image: url(../common/navi01.jpg);
}
a:hover.navi01{
width:118px;
height:50px;
background-image:url(../common/navi01_on.jpg);
}

a.navi02{
width:117px;
height:50px;
background-image:url(../common/navi02_on.jpg);
}
a:hover.navi02{
width:117px;
height:50px;
background-image:url(../common/navi02_on.jpg);
}

a.navi03{
width:117px;
height:50px;
background-image:url(../common/navi03.jpg);
}
a:hover.navi03{
width:117px;
height:50px;
background-image:url(../common/navi03_on.jpg);

}a.navi04{
width:117px;
height:50px;
background-image: url(../common/navi04.jpg);
}
a:hover.navi04{
width:117px;
height:50px;
background-image:url(../common/navi04_on.jpg);
}

a.navi05{
width:117px;
height:50px;
background-image:url(../common/navi05.jpg);
}
a:hover.navi05{
width:117px;
height:50px;
background-image:url(../common/navi05_on.jpg);
}

a.navi06{
width:117px;
height:50px;
background-image:url(../common/navi06.jpg);
}
a:hover.navi06{
width:117px;
height:50px;
background-image:url(../common/navi06_on.jpg);
}

a.navi07{
width:119px;
height:50px;
background-image:url(../common/navi07.jpg);
}
a:hover.navi07{
width:119px;
height:50px;
background-image:url(../common/navi07_on.jpg);
}


/*メインコンテンツ*/
div#contents{
width: 822px;
clear:both;
border-top: solid 1px #CCCCCC;
background: url(../common/back01.jpg) repeat-y ;
}

div#contents:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html div#contents {
    height: 1em;
    overflow: visible;
}
/**/

div#contents object,embed{
margin:0 10px 0 10px;
}

/*サイドメニュー*/
div#sidemenu{
width: 169px;
margin:0 0 0 2px; 
float:left;
background: url(../images/back00.jpg) repeat-x;
}

div#sidemenu li{
width: 169px;
height:50px;
}

*html body a.sidemenu {
height:50px;
width:169px;
}

*html body a:hover.sidemenu {
height:50px;
width:169px;
}

*html body .komidasi {
height:30px;
width:628px;
}

a.sidemenu{
display:inline-block;
width:144px;
height:33px;
padding:17px 0 0 25px;
font-weight:bold;
color:#666666;
background-image:url(../common/back07.jpg);
}
a:hover.sidemenu{
display:inline-block;
width:144px;
height:33px;
padding:17px 0 0 25px;
font-weight:bold;
color:#000000;
background-image:url(../common/back07_on.jpg);
}



/*rightfield*/
div#rightfield{
width:628px;
height:auto;
float:left;
padding:0 0 20px 10px;
border-left:solid 1px #999999;
}

.komidasi{
height:25px;
margin:20px 0 20px 0;
padding:6px 0 0 25px;
font-weight:bold;
color:#666666;
background: url(../common/komidasi.jpg) no-repeat;
}

.books{
padding:10px;
float:left;
}

/*フッター*/
div#footer{
width: 822px;
height: 32px;
clear: both;
padding:10px 0 0 0;
background: url(../common/back06.jpg)
}


div#footer p{
text-align:center;
}