@charset "UTF-8";

/*---------------------------------------------------------------------------------------------
	TOP PAGE
---------------------------------------------------------------------------------------------*/
#topInfoBox {
	width: 1111px;
	overflow: hidden;
	margin: 0 auto 12px;
	*zoom: 1;
}
#topInfoBox .innTop {
	overflow: hidden;
	margin: 10px 0 0;
	*zoom: 1;
}
#topInfoBox .innTop .free728-15 {
	float: left;
	margin: 0;
}
#topInfoBox .innTop .snsBtnBox {
	float: right;
}
.snsBtnBox {
	text-align: right;
	margin:0;
}
#topInfoBox .innL {
	float: left;
	width: 336px;
}
#topInfoBox .innR {
	position: relative;
	float: right;
	width: 764px;
	behavior: url(/pie/PIE.htc);
}
#topInfoBox .innR .icoPickUp {
	position: absolute;
	top: 14px;
	left: 0;
}
#topInfoBox .innR .inn {
	width: 758px;
	height: 279px;
	overflow: hidden;
	margin: 17px 0 0 auto;
	background: #FFFFFF;
	border: 1px solid #EAE2DF;
	border-top: 1px solid #6AA745;
	*zoom: 1;
}
#topInfoBox .innR .inn .slideCtsBox {
	padding: 20px 10px;
}
#topInfoBox .innR .inn .slideCtsBox .ctsBox {
	margin: 0 0 0 38px;
}

#topInfoBox .innR .inn .slideCtsBox dl {
	float: left;
	width: 210px;
	margin: 0 5px;
}
#topInfoBox .innR .inn .slideCtsBox dl dt {
	position: relative;
	width: 210px;
	height: 140px;
	overflow: hidden;
	margin: 0 auto 10px;
	border: 1px solid #EEEEEE;
	border-radius: 5px;
	behavior: url(/pie/PIE.htc);
}
#topInfoBox .innR .inn .slideCtsBox dl dt p {
	height: 130px;
	padding: 5px 5px 0 5px;
	overflow: hidden;
}
#topInfoBox .innR .inn .slideCtsBox dl dt p img {
	width: 200px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
#topInfoBox .innR .inn .slideCtsBox dl dd {
	margin: 0 0 10px;
}
#topInfoBox .innR .inn .slideCtsBox dl dd a {
	display: block;
	font-weight: bold;
	text-align: center;
}

#topInfoBox .innR .inn .slideCtsBox dl dd.txt {
	font-size: 77%;
}

#topBox {
	width: auto;
}

/* TOPページ用共通タイトル */
.topCmnTitBox {
	width: auto;
	overflow: hidden;
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #A2CD58;
	*zoom: 1;
}
.topCmnTitBox h2 {
	float: left;
	color: #333333;
	font-size: 154%;
	font-weight: bold;
}
.topCmnTitBox p {
	float: right;
	margin: 5px 0 0;
	color: #111111;
	font-size: 93%;
}

/* 都道府県地図＆ジャンル */
#topBox #topSearchBox {
	overflow: hidden;
	margin: 0 0 15px;
	*zoom: 1;
}
#topBox #topSearchBox .innL {
	float: left;
	width: 436px;
}
#topBox #topSearchBox .innL #topMap {
	position: relative;
	width: 406px;
}
#topBox #topSearchBox .innL #topMap img {
	display: block;
	margin: 32px 0 0;
}
#topBox #topSearchBox .innL #topMap h3 {
	position: absolute;
	top: 0;
	left: 40px;
	font-size: 93%;
}
#topBox #topSearchBox .innL #topMap ul {
	position: absolute;
	width: 80px;
	font-size: 85%;
}
#topBox #topSearchBox .innL #topMap ul li {
	float: left;
	margin: 0 10px 5px 0;
}
#topBox #topSearchBox .innL #topMap ul li a {
	color: #333333;
	text-decoration: none;
}
#topBox #topSearchBox .innL #topMap ul li a:hover {
	text-decoration: underline;
}
#topBox #topSearchBox .innL #topMap ul#hokkaido {
	top: 30px;
	left: 252px;
}
#topBox #topSearchBox .innL #topMap ul#tohoku {
	top: 135px;
	left: 335px;
}
#topBox #topSearchBox .innL #topMap ul#kanto {
	top: 280px;
	left: 310px;
}
#topBox #topSearchBox .innL #topMap ul#chubu {
	top: 115px;
	left: 182px;
}
#topBox #topSearchBox .innL #topMap ul#kinki {
	top: 312px;
	left: 214px;
}
#topBox #topSearchBox .innL #topMap ul#chugoku {
	top: 220px;
	left: 70px;
}
#topBox #topSearchBox .innL #topMap ul#shikoku {
	top: 353px;
	left: 123px;
}
#topBox #topSearchBox .innL #topMap ul#kyushu {
	top: 300px;
	left: 5px;
}
#topBox #topSearchBox .innL #topMap ul#okinawa {
	top: 142px;
	left: 85px;
}
#topBox #topSearchBox .innR {
	float: right;
	width: 309px;
	overflow: hidden;
	*zoom: 1;
}
#topBox #topSearchBox .innR .topCmnTitBox {
	margin-bottom: 15px;
}

#topBox #topSearchBox .innR dl {
	float: left;
	width: 138px;
	margin: 0 0 15px;
}
#topBox #topSearchBox .innR dl dt {
	float: left;
	width: 40px;
}
#topBox #topSearchBox .innR dl dd {
	float: left;
}
#topBox #topSearchBox .innR dl dd a {
	display: block;
	width: 85px;
	padding: 12px 0 12px 10px;
	color: #333333;
	font-size: 93%;
	text-decoration: none;
}
#topBox #topSearchBox .innR dl dd a:hover {
	text-decoration: underline;
}

/* ランキング＆ピックアップ */
#topBox #topRankBox {
	overflow: hidden;
	margin: 0 0 15px;
	*zoom: 1;
}
#topBox #topRankBox .innL {
	float: left;
	width: 414px;
	overflow: hidden;
	padding: 10px 15px 0 5px;
	background: #FFFFFF;
	border-top: 1px solid #A2CD58;
	border-right: 1px solid #EAE2DF;
	border-bottom: 1px solid #EAE2DF;
	border-left: 1px solid #EAE2DF;
	*zoom: 1;
}
#topBox #topRankBox .innL .cmnTitBox {
	margin: 0 0 10px 10px;
}
#topBox #topRankBox .innL .rankBox {
	overflow: hidden;
	height: 150px
	*zoom: 1;
}
#topBox #topRankBox .innL .rankBox dl {
	float: left;
	width: 128px;
	margin: 0 0 0 10px;
}
#topBox #topRankBox .innL .rankBox dl dt {
	width: 28px;
	margin: 0 auto 7px;
}
#topBox #topRankBox .innL .rankBox dl dd {
	margin: 0 0 2px;
	text-align: center;
	height: 87px;
	overflow: hidden;
	margin: 0 auto 10px;
	border: 1px solid #EEEEEE;
	border-radius: 5px;
	behavior: url(/pie/PIE.htc);
}
#topBox #topRankBox .innL .rankBox dl dd p {
	height: 77px;
	padding: 5px 5px 0 5px;
	overflow: hidden;
}
#topBox #topRankBox .innL .rankBox dl dd p img {
	width: 116px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}

#topBox #topRankBox .innL .rankBox dl dd.titLink {
	height: 1.3em;
	border: none;
}
#topBox #topRankBox .innL .rankBox dl dd.titLink a {
	display: block;
	font-size: 85%;
	font-weight: bold;
}
#topBox #topRankBox .innR {
	float: right;
	width: 309px;
}
#topBox #topRankBox .innR .cmnCtsBox {
	padding: 10px 15px 0;
}
#topBox #topRankBox .innR ul {
	height: 155px;
	margin: 10px 0 0;
}
#topBox #topRankBox .innR ul li {
	padding: 6px 0;
}
#topBox #topRankBox .innR ul li a {
	display: block;
	padding: 0 0 0 15px;
	background: url(../images/common/csr_05.gif) no-repeat 0 4px;
}

/* サイト紹介＆広告 */
#topBox .topSiteInfoBox {
	width: auto;
	margin: 0 0 15px;
}
#topBox .topSiteInfoBox .free728-15 {
	margin: 0 0 10px;
	padding: 10px 0 5px;
}
#topBox .topSiteInfoBox .siteInfoTxt {
	position: relative;
	width: auto;
	overflow: hidden;
	margin: 0 0 15px;
	padding: 7px 18px;
	background: #D8F5B3;
	border: 1px solid #ACD36C;
	border-radius: 5px;
	*zoom: 1;
	behavior: url(/pie/PIE.htc);
}
#topBox .topSiteInfoBox .siteInfoTxt dl {
	color: #508E11;
}
#topBox .topSiteInfoBox .siteInfoTxt dl dt {
	float: left;
	width: 47px;
}
#topBox .topSiteInfoBox .siteInfoTxt dl dd {
	float: right;
	line-height: 1.5;
	width: 624px;
	margin: 7px 0 0;
	font-size: 93%;
}

/* 新着 */
#topBox .topPickupBox {
	width: auto;
	margin: 0 0 15px;
}

/* キーワード */
#topBox #topKeywordBox {
	width: auto;
	margin: 0 0 15px;
}
#topBox #topKeywordBox .cmnCtsBox {
	padding-bottom: 5px;
}
/*
#topBox #topKeywordBox  ul {
	overflow: hidden;
	*zoom: 1;
}
#topBox #topKeywordBox  ul li {
	float: left;
	margin: 0 20px 15px 0;
	font-size: 108%;
}
#topBox #topKeywordBox  ul li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}
#topBox #topKeywordBox  ul li a span {
	font-size: 77%;
	font-weight: normal;
}
#topBox #topKeywordBox  ul li a:hover {
	text-decoration: underline;
}
*/

#topBox #topKeywordBox ul {
	overflow: hidden;
	*zoom: 1;
}
#topBox #topKeywordBox ul li a {
	position: relative;
	display: block;
	*display: inline;
	float: left;
	margin: 0 10px 10px 0;
	padding: 7px 14px 6px;
	background: #F3F3F3;
	border: 1px solid #F3F3F3;
	border-radius: 4px;
	font-weight: normal;
	text-decoration: none;
	behavior: url(/pie/PIE.htc);
}
#topBox #topKeywordBox  ul li a span {
	font-size: 77%;
	font-weight: normal;
}
#topBox #topKeywordBox ul li a:hover {
	position: relative;
	background: #E1E1E1;
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	behavior: url(/pie/PIE.htc);
}

/* ランキング */
#topBox #topRankingBox {
	width: auto;
	margin: 0 0 15px;
}
#topBox #topRankingBox .cmnTitBox {
	margin: 0 0 5px;
	padding: 0;
	border-bottom: none;
}
#topBox #topRankingBox .inn {
	width: 181px;
	margin: 0 0 0 -1px;
	float: left;
	border: 1px solid #8EBB71;
	overflow: hidden;
}
#topBox #topRankingBox .inn h3 {
	padding: 3px;
	text-align: center;
	color: #FFF;
	background-color: #6AA745;
}
#topBox #topRankingBox .inn dl:nth-child(odd) {
	background-color: #FFFFFF;
}
#topBox #topRankingBox .inn dl:nth-child(odd) {
	background-color: #F6F6F6;
}
#topBox #topRankingBox .inn dl:nth-child(even) {
	background-color: #FFFFFF;
}
#topBox #topRankingBox .inn dl.non:nth-child(odd) {
	background-color: #F6F6F6;
}
#topBox #topRankingBox .inn dl {
	padding: 8px 0;
	overflow: hidden;
}
#topBox #topRankingBox .inn dl dt {
	float: left;
	width: 32px;
	color: #EAAF00;
	text-align: center;
	font-weight: bold;
}