@charset "utf-8";

/*index_container*/
#main    { background-image: url(../images/top_main.gif); width: 615px; float: left; margin-right: 15px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }

/*main*/
#main div.mainbox { background-color: #fff; width: 593px; margin-bottom: 10px; padding: 10px; border: solid 1px #dbdbdb; }

#main div.top { background-image: url(../images/top_main1.jpg); background-repeat: no-repeat;}
#main div.top h1{ background-image: url(../images/top_h1.gif); text-indent: -9999px; width: 189px; height: 31px; overflow: hidden; margin: 0 0 10px; padding: 0; }
#main div.top p { line-height: 18px; }
#main div.top p a#joinus2 { background-image: url(../images/joinus2.gif); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 30px; overflow: hidden; margin-top: 10px; display: block; }
#main div.top p a#joinus2:hover{ background-position: 0 -30px; }
#main div.top p a#add_spice { background-image: url(../images/add_spice.gif); background-repeat: no-repeat; text-indent: -9999px; width: 274px; height: 30px; overflow: hidden; margin-top: 5px; display: block; }
#main div.top p a#add_spice:hover { background-position: 0 -30px; }

/*search*/
#main div#search { width: 200px; float: left; margin: 0; }
#main div#search h2 { background-image: url(../images/main_title01.gif); background-repeat: no-repeat; text-indent: -9999px; width: 126px; height: 26px; overflow: hidden; margin: 0 0 10px; padding: 0; }
#main div#search p a#search { background-image: url(../images/main_seach.gif); background-repeat: no-repeat; text-indent: -9999px; width: 77px; height: 20px; overflow: hidden; float: left; margin-top: 5px; display: block; }
#main div#search p a#search:hover  { background-position: 0 -20px; }

/*largeclass*/
#main div#largeclass { width: 390px; float: left; margin: 0; font-size: 16px;}
#main div#largeclass h2 { background-image: url(../images/main_title02.gif); background-repeat: no-repeat; text-indent: -9999px; width: 154px; height: 26px; overflow: hidden; margin: 0 0 10px; padding: 0; }
/*#main div#largeclass table { font-size: 16px; line-height: 16px; }
#main div#largeclass table a { margin-right: 10px; }*/
#main div#largeclass ul li  { float: left; }
#main div#largeclass ul li.headlink {position: relative;}
#main div#largeclass ul li.headlink a { margin-top:10px; margin-left:30px; display: block; width: 100px; }
#main div#largeclass ul li.headlink a img {position: absolute; top:8px; left:0px;}
#main div#largeclass ul li.headlink ul{padding:5px; left:10px; top:32px; position: absolute; display: none; clear: left; background-color: #fdf9e5;  z-index:10; width:120px; border: solid 1px #000; }
#main div#largeclass ul li.headlink ul li{ font-size: 14px; float: left; }
#main div#largeclass ul li.headlink ul li a { margin:5px; display: block; width: auto; }

#main div.mainadbox { text-align: center; clear: both; padding-top: 15px; }

/*new_spice*/
#new_spice h2 { background-image: url(../images/main_title03.gif); background-repeat: no-repeat; text-indent: -9999px; width: 84px; height: 26px; overflow: hidden; margin: 0 0 10px; padding: 0; }
#new_spice ul.spicelist li { color: #85530f; font-size: 10px; background-image: url(../images/back_sankaku.gif); background-repeat: no-repeat; margin: 5px 0; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px dotted #dbdbdb; }
#new_spice ul.spicelist li a { font-size: 14px; }

/*#main h2#new_entry { background-image: url(../images/main_title04.gif); background-repeat: no-repeat; text-indent: -9999px; width: 84px; height: 26px; overflow: hidden; margin: 0 0 10px; padding: 0; }*/

#main .linkbox01 { margin-top: 10px; }
#main .linkbox02 { width:468px; margin: 10px auto; }


#main_right    { width: 300px; float: left; }
#main_right div.bannerbox01 { margin-bottom: 10px; }
#main_right div.contentsbox01 { background-color: #fff; width: 298px; margin-bottom: 10px; border: solid 1px #dbdbdb; }
#main_right div.contentsbox01 h2 { color: #f9f1da; font-size: 14px; font-weight: bolder; line-height: 14px; background-image: url(../images/right_title01.gif); background-repeat: no-repeat; width: 288px; height: 21px; margin: 0; padding-top: 10px; padding-left: 10px; display: block; }
#main_right div.contentsbox01 table { margin: 5px; }
#main_right div.contentsbox01 a#login { background-image: url(../images/login.gif); background-repeat: no-repeat; text-indent: -9999px; width: 77px; height: 20px; overflow: hidden; display: block; }
#main_right div.contentsbox01 a#login:hover { background-position: 0 -20px; }

#main_right div.contentsbox01 a#joinus { background-image: url(../images/joinus.gif); background-repeat: no-repeat; text-indent: -9999px; width: 260px; height: 28px; overflow: hidden; margin-left: 10px; display: block; }
#main_right div.contentsbox01 a#joinus:hover { background-position: 0 -28px; }

#main_right div.oshirase    { margin: 10px; }
#main_right p.date    { color: #321d12; font-size: 10px; font-weight: bold; line-height: 10px; margin-bottom: 5px; }#main_right p.news    { line-height: 18px; margin-bottom: 5px; }