@charset "UTF-8"; /* CSS Document */

/* top
**********************************************************************/

#mainArea{ background:url(../img/title_bg.jpg) repeat-x; width:980px; height:362px; margin:15px 0 0 0; overflow:hidden; position:relative; }
#mainArea #genre{ width:255px; float:left; }
#mainArea #purpose{ width:255px; float:right; }
#mainArea #ranking{ position:absolute; top:42px; left:265px; }

#standard{ width:980px; margin:15px 0 0 0; overflow:hidden; }
#standard h2{ background:url(../img/title_bg.jpg) repeat-x; }
#standard ul{ width:1000px; margin:0 -20px 0 0; padding:0; overflow:hidden; }
#standard li{ margin:0 20px 20px 0; float:left; }

#garden{ margin:13px 0 0 0; overflow:hidden; }
#garden h2{ background:url(../../img/garden_title_bg.jpg) no-repeat; width:980px; height:63px; position:relative; }
#garden h2 #gardenTitle{ position:absolute; top:23px; left:58px; }
#garden h2 #gardenBtn{ position:absolute; top:24px; left:490px; }

#garden #slide{ background:url(../../img/garden_slide_bg.gif) repeat-x; width:909px; height:125px; padding:11px 0 0 71px; position:relative; overflow:hidden; }
#garden #slide ul{ position:absolute; top:0; left:0px; height:110px; }
#garden #slide ul li{ margin:0 15px 0 0; float:left; }
.jcarousel-next-horizontal { background:url(../../img/slide_next.png) #ECEEB4 no-repeat center 0; position:absolute; top:0px; right:0px; width:71px; height:110px; cursor:pointer; }
.jcarousel-prev-horizontal { background:url(../../img/slide_prev.png) #ECEEB4 no-repeat center 0; position:absolute; top:0px; left:-71px; width:71px; height:110px; cursor:pointer;}

#footerBnrArea{ width:1000px; margin:30px -20px 0 0; overflow:hidden;}
#footerBnrArea li{ float:left; margin:0 20px 20px 0; }


* {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:160%; }

.double_price {text-decoration: line-through !important;}




/* reset
**********************************************************************/
body{ background:none; }
.forTop{width:980px; margin:0 auto; padding:20px 0 0 0;}


/* footer_adv
**********************************************************************/
#osusume {width:980px; margin:0 auto; padding:20px 0 0 0;}
#osusume div.title {margin:0; padding:13px 0 0 0; border-top:1px solid #ddd;}
#osusume ul {margin:0; padding:16px 0 0 0;}
#osusume li {float:left; margin:0; padding:0 16px 22px 0;}
#osusume li.last {padding-right:0;}


#calendartitle {width:980px; margin:0 auto; padding:13px 0 0 0; border-top:1px solid #ddd;}
#calendar {width:980px; margin:0 auto; padding:0 0 30px 0;}
#calendar img {float:left; margin-bottom:30px;}
#calendar img.cal01 {margin-right:30px;}


#guide {width:980px; margin:0 auto; padding:0;}
#guide div.title {margin:0; padding:13px 0 0 0; border-top:1px solid #ddd;}


#guidecont {width:980px; margin:0 auto; padding:15px 0 40px 0;}
#guidecont div.le {float:left; width:300px; margin:0 40px 0 0; padding:0;}
#guidecont div.ce {float:left; width:300px; margin:0 40px 0 0; padding:0;}
#guidecont div.ri {float:left; width:300px; margin:0; padding:0;}

#guidecont p {font-size:12px; margin:0; padding:2px 5px;}
#guidecont p.ttl {margin:0; padding:0;}
#guidecont p.midashi {font-size:12px; font-weight:bold; margin:0; padding:5px 5px 5px 10px; background:url(../../img/footer_adv/arw_01.gif) no-repeat left 18px;}
#guidecont p.midashi2 {font-size:12px; font-weight:bold; margin:0; padding:5px 5px 5px 10px; background:url(../../img/footer_adv/arw_01.gif) no-repeat left 22px;}
#guidecont p.underline {text-decoration:underline;}

#guidecont p span {color:#c51100;}
#guidecont p span.txtl {font-size:14px; font-weight:bold;}
#guidecont p img.ico {margin:0 0 0 10px; vertical-align:middle;}




#standard li{ margin:0 10px 20px 0; float:left; }
#standard li img{ border:3px solid #fff;}


#standard li a:hover img{ border:3px solid #f00;}

