/* QuuuPON! index css */


/*======================================================================*
 *  [ common ]
 *======================================================================*/

#genre, #area, #coupon, #new, #pickup {
	padding-bottom: 40px;
}

#genre h2, #area h2, #coupon h2, #new h2, #pickup h2 {
	width: 735px;
	height: 36px;
	margin: 0;
	padding-bottom: 10px;
	text-indent: -9999px;
	clear: both;
}


/*======================================================================*
 *  [ genre ]
 *======================================================================*/

#genre h2 {
	background: url(../../img/genre-title.gif) left top no-repeat;
}

#genre h3 {
	margin: 0;
}

#genre h3 a {
	/*\*/
	overflow: hidden;
	/**/
	width: 170px;
	height: 60px;
	text-indent: -9999px;
	display: block;
}

#genre ul {
	margin: 0;
	padding: 0 0 0 16px;
	list-style-type: none;
}

#genre li {
	width: 170px;
	padding: 0 3px 0 2px;
	border-right: 1px dashed #bfc0c2;
	border-bottom: 1px dashed #bfc0c2;
	float: left;
}

#genre li ul {
	width: 160px;
	margin: 0;
	padding: 5px 0 10px 10px;
}

#genre li li {
	width: 148px;
	padding: 0 0 2px 12px;
	background: url(../../img/icon-list.gif) left 5px no-repeat;
	border: none;
}
/*
#genre li li a, 
#genre li li a:link, #genre li li a:visited {
	text-decoration: none;
}
*/
#genre li li a:hover, #genre li li a:active {
	text-decoration: underline;
	color: #aa5103;
}


/*======================================================================*
 *  [ genre enter ]
 *======================================================================*/

#genre .enter h3 a {
	background: url(../../img/genre-btn_enter.gif) left top no-repeat;
}


/*======================================================================*
 *  [ genre beauty ]
 *======================================================================*/

#genre .beauty h3 a {
	background: url(../../img/genre-btn_beauty.gif) left top no-repeat;
}


/*======================================================================*
 *  [ genre gourmet ]
 *======================================================================*/

#genre .gourmet h3 a {
	background: url(../../img/genre-btn_gourmet.gif) left top no-repeat;
}


/*======================================================================*
 *  [ genre shopping ]
 *======================================================================*/

#genre .shopping {
	border-right: none;
}

#genre .shopping h3 a {
	background: url(../../img/genre-btn_shopping.gif) left top no-repeat;
}


/*======================================================================*
 *  [ genre school ]
 *======================================================================*/

#genre .school {
	border-bottom: none;
}

#genre .school h3 a {
	background: url(../../img/genre-btn_school.gif) left top no-repeat;
}


/*======================================================================*
 *  [ genre culture ]
 *======================================================================*/

#genre .culture {
	border-bottom: none;
}

#genre .culture h3 a {
	background: url(../../img/genre-btn_culture.gif) left top no-repeat;
}


/*======================================================================*
 *  [ genre stay ]
 *======================================================================*/

#genre .stay {
	border-bottom: none;
}

#genre .stay h3 a {
	background: url(../../img/genre-btn_stay.gif) left top no-repeat;
}


/*======================================================================*
 *  [ genre service ]
 *======================================================================*/

#genre .service {
	border-right: none;
	border-bottom: none;
}

#genre .service h3 a {
	background: url(../../img/genre-btn_service.gif) left top no-repeat;
}


/*======================================================================*
 *  [ area ]
 *======================================================================*/

#area h2 {
	background: url(../../img/area-title.gif) left top no-repeat;
}

#area ul {
	margin: 0;
	padding: 0 13px 0 20px;
	list-style-type: none;
}

#area li {
	width: 114px;
	height: 61px;
	padding-right: 3px;
	float: left;
}

#area li a {
	/*\*/
	overflow: hidden;
	/**/
	width: 114px;
	height: 61px;
	text-indent: -9999px;
	display: block;
}

#area li.station a {
	background: url(../../img/area-btn_station.gif) left top no-repeat;
}

#area li.mitsuke a {
	background: url(../../img/area-btn_mitsuke.gif) left top no-repeat;
}

#area li.lala a {
	background: url(../../img/area-btn_lala.gif) left top no-repeat;
}

#area li.fukude a {
	background: url(../../img/area-btn_fukude.gif) left top no-repeat;
}

#area li.toyoda a {
	background: url(../../img/area-btn_toyoda.gif) left top no-repeat;
}

#area li.other a {
	background: url(../../img/area-btn_other.gif) left top no-repeat;
}


/*======================================================================*
 *  [ coupon / new / pickup ]
 *======================================================================*/

#coupon h2 {
	background: url(../../img/coupon-title.gif) left top no-repeat;
}

#new h2 {
	background: url(../../img/new-title.gif) left top no-repeat;
}

#pickup h2 {
	background: url(../../img/pickup-title.gif) left top no-repeat;
}

#coupon .coupon-box, #new .coupon-box, #pickup .coupon-box {
	width: 340px;
	padding: 0 7px 0 20px;
	float: left;
}

#coupon .coupon-box h3, #new .coupon-box h3, #pickup .coupon-box h3 {
	width: 158px;
	margin: 0;
	padding: 5px 0 5px 17px;
	background: url(../../img/icon-index.gif) left 7px no-repeat;
	float: right;
}

#coupon .coupon-box a, 
#coupon .coupon-box a:link, #coupon .coupon-box a:visited,
#coupon .coupon-box a:hover, #coupon .coupon-boxi a:active,
#new .coupon-box a, 
#new .coupon-box a:link, #new .coupon-box a:visited,
#new .coupon-box a:hover, #new .coupon-boxi a:active,
#pickup .coupon-box a, 
#pickup .coupon-box a:link, #pickup .coupon-box a:visited,
#pickup .coupon-box a:hover, #pickup .coupon-boxi a:active {
	color: #aa5103;
}

#coupon .coupon-box .img, #new .coupon-box .img, #pickup .coupon-box .img {
	width: 148px;
	border: 1px solid #dbd3c2;
	float: left;
}

#coupon .coupon-box .img img, #new .coupon-box .img img, #pickup .coupon-box .img img {
	width: 148px;
}

#coupon .coupon-box p, #new .coupon-box p, #pickup .coupon-box p {
	width: 175px;
	margin: 0;
	float: right;
}


/*======================================================================*
 *  [ blog ]
 *======================================================================*/

#blog h3 {
	width: 735px;
	height: 25px;
	margin: 0;
	padding-bottom: 10px;
	background: url(../../img/blog-title.gif) left top no-repeat;
	text-indent: -9999px;
}

#blog ul {
	margin: 0;
	padding: 0 20px;
	list-style-type: none;
}

#blog li {
	padding-bottom: 5px;
	line-height: 140%;
}

#blog li .date {
	width: 170px;
	color: #45a3ce;
	font-size: 85%;
	display: block;
	float: left;
}

#blog li .date img {
	padding-left: 10px;
	vertical-align: middle;
}

#blog li .txt {
	width: 525px;
	display: block;
	float: left;
}




/*======================================================================*
 *  [ clearfix ]
 *======================================================================*/

#genre:after, #genre ul:after,
#area ul:after,
#coupon:after, #coupon .coupon-box:after,
#new:after, #new .coupon-box:after,
#pickup:after, #pickup .coupon-box:after,
#blog li:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
#genre, #genre ul,
#area ul,
#coupon, #coupon .coupon-box,
#new, #new .coupon-box,
#pickup, #pickup .coupon-box,
#blog li { display: inline-block; } /* IE7,MacIE */
#genre, #genre ul,
#area ul,
#coupon, #coupon .coupon-box,
#new, #new .coupon-box,
#pickup, #pickup .coupon-box,
#blog li { display: block; } /* Opera,Safari */

/* Mac版IEのみに適用 \*//*/
#genre, #genre ul,
#area ul,
#coupon, #coupon .coupon-box,
#new, #new .coupon-box,
#pickup, #pickup .coupon-box,
#blog li { overflow: hidden; }
/* */