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


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

/*#mainArea{ background:url(../img/top_h2_bg.gif) repeat-x; width:980px; height:351px; margin:30px 0 0 0; overflow:hidden; position:relative; }*/
#mainArea{ width:980px; height:351px; margin:30px 0 0 0; overflow:hidden; position:relative; }
#mainArea #genre{ width:516px; float:left; }
#mainArea #genre li{ float:left; }
#mainArea #ranking{ position:absolute; top:42px; left:530px; }

/*#nav { width:980px; margin:30px 0 0 0; overflow:hidden; }
#nav ul li { float:left; margin-right:14px; }
#nav ul li.last { margin-right:0; }*/

#selection { width:980px; margin:30px 0 0 0; overflow:hidden; }
#selection h2{ background:url(../img/top_h2_bg.gif) repeat-x; }
#selection ul{ width:1000px; margin:0 -20px 0 0; padding:0; overflow:hidden; }
#selection li{ margin:0 20px 20px 0; float:left; }

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

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

#newin #slide{ background:url(../../img/newin_slidebg.gif) no-repeat; width:909px; height:330px; padding:30px 0 0 71px; position:relative; overflow:hidden; }
#newin #slide ul{ position:absolute; top:0; left:3px; height:270px; }
#newin #slide ul li{ margin:0 15px 0 0; padding:0; float:left;}
.jcarousel-next-horizontal { background:url(../../img/slide_arw_r.gif) no-repeat center 0; position:absolute; top:0px; right:0px; width:71px; height:270px; cursor:pointer; }
.jcarousel-prev-horizontal { background:url(../../img/slide_arw_l.gif) no-repeat center 0; position:absolute; top:0px; left:-71px; width:71px; height:270px; 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:30px 0 0 0;}
#osusume div.title {margin:0; padding:13px 0 0 0;}
#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:30px 0 0 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.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 20px;}
#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 25px;}
/*リニューアル時に追加*/
#guidecont p.midashi3 {font-size:12px; font-weight:bold; margin:0; padding:5px 5px 5px 10px; background:url(../../img/footer_adv/arw_01.gif) no-repeat left 19px;}
#guidecont p.midashi4 {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;}



#selection li,
#standard li{ margin:0 10px 20px 0; float:left; }

#selection li img,
#standard li img{ border:3px solid #fff;}

#selection li a:hover img,
#standard li a:hover img{ border:3px solid #be0000;}




/* リニューアル追加CSS
**********************************************************************/

/*--総合評価--*/
#rating_head {
	clear: both;
	position: absolute;
	top: 80px;
}
#rating_txt_01 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 0 0;
}
#rating_star {
	float: left;
	padding: 4px 5px 0 0;
}
#rating_txt_02 {
	float: right;
}
#rating_point {
	font-size: 21px;
	font-weight: bold;
	color: #bf0000;
	vertical-align: middle;
}
#rating_review {
	font-size: 13px;
	vertical-align: middle;
}
#rating_day {
	font-size: 10px;
	vertical-align: middle;
}

/*--パララックス--*/
#bg_illust_wrap {
	width: 100%;
	background: url(../../img/renew/illust_bg.gif) center top no-repeat fixed;
	-moz-background-size:cover;
    background-size:cover;
}
#bg_illust_in {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 30px;
	overflow: hidden;
    zoom: 1;
}

/*--NEWS--*/
#news_wrapp {
	width: 430px;
	height: 352px;
	float: right;
	background-color: #FFF;
	background-image: url(../../img/renew/news_bg.gif);
	background-position: right 40px bottom 15px;
	background-repeat: no-repeat;
}
#news_in dl {
	clear: both;
}
#news_in dt {
    clear: left;
    float: left;
    width: 6em;
	padding: 5px 0 5px 5px;
}
#news_in dd {
	padding: 5px 5px 5px 100px;
	border-bottom: 1px dotted #CCCCCC;
}
#news_iframe {
	width: 400px;
	height: 260px;
	padding: 20px 10px 20px 20px;
}
#slide_wrap {
	width: 100%;
	height: 422px;
	background: url(../../img/renew/slide_bg.gif) left top repeat-x;
}
#slide_in {
	width: 980px;
	margin: 0 auto;
}

/*--TOMOZO ニューアライバル--*/
#carousel {
	position: relative;
	width: 100%;
	height: 270px;
	margin-top: 60px;
	clear: both;
	overflow: hidden;
}
#carousel ul {
	width: 100%;
	overflow: hidden;
    _zoom: 1;
}
#carousel ul li {
	list-style-type: none;
	width: 270px;
	float: left;
	padding: 0 15px;
}
#carousel ul li a {
	display: block;
	width: 270px;
	height: 270px;
}
#nav {
	width: 1000px;
	margin-right: -20px;
	margin-top: 30px;
}
#nav li {
	float: left;
	margin-right: 20px;
}

/*--TOMOZO セレクション--*/
#selection_wrap {
	width: 100%;
	padding-top: 50px;
}
#selection_wrap h3 {
	background: url(../../img/renew/h2_top_line.png) left top repeat-x;
	text-align: center;
	margin-bottom: 30px;
}
#selection_in {
	width: 980px;
	margin: 0 auto;
}
#selection_wrap h2{ background:url(../img/top_h2_bg.gif) repeat-x; }
#selection_in ul{ width:1000px; margin:0 -20px 0 0; padding:0; overflow:hidden; }
#selection_in li{ margin:0 20px 20px 0; float:left; }

/*--TOMOZO スタンダード--*/
#standard_wrap {
	width: 100%;
	padding-top: 50px;
}
#standard_wrap h3 {
	background: url(../../img/renew/h2_top_line.png) left top repeat-x;
	text-align: center;
	margin-bottom: 30px;
}
#standard_in {
	width: 980px;
	margin: 0 auto;
}
#standard_wrap h2{ background:url(../img/top_h2_bg.gif) repeat-x; }
#standard_in ul{ width:1000px; margin:0 -20px 0 0; padding:0; overflow:hidden; }
#standard_in li{ margin:0 20px 20px 0; float:left; }

/*--5つの特長バナー--*/
#right_side_bnr {
	clear: both;
	position: relative;
}
#h3_feature {
	width: 60px;
	height: 145px;
	position: fixed !important;
	position: absolute;
	right: 0;
	top: 155px;
	z-index: 10000;
}
.tab_ban {
	width: 60px;/* 最初に表示されるバナーの幅 */
	height: 90px;/* バナーの高さ */
	position: fixed !important;/* バナーを固定します */
	position: absolute;
	right: 0;/* 右から0pxの位置に指定 */
	z-index: 10000;
	
	/* 以下アニメーションの設定 */
	-webkit-transition: width ease-in-out 0.3s;
	-moz-transition: width ease-in-out 0.3s;
	-ms-transition: width ease-in-out 0.3s;
	-o-transition: width ease-in-out 0.3s;
	transition: width ease-in-out 0.3s;
}
.tab_ban a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}
.tab_ban:hover {/* カーソルが乗った時の動きを指定 */
	width: 290px;/* バナーが伸びた時の幅 */
}
.tab_ban a:hover {
	/* IE9用 */
	width: 290px\9;
}
#tab01 {
	background: url(../../img/renew/bnr_feature_01.png) 0 0 no-repeat;
	top: 305px;
}
#tab02 {
	background: url(../../img/renew/bnr_feature_02.png) 0 0 no-repeat;
	top: 400px;
}
#tab03 {
	background: url(../../img/renew/bnr_feature_03.png) 0 0 no-repeat;
	top: 495px;
}
#tab04 {
	background: url(../../img/renew/bnr_feature_04.png) 0 0 no-repeat;
	top: 590px;
}
#tab05 {
	background: url(../../img/renew/bnr_feature_05.png) 0 0 no-repeat;
	top: 685px;
}