@charset "utf-8";

#center_column {
	width: 435px;
	float: left;
}

#right_column {
	width: 329px;
	float: right;
}

/* ■■■■■■■■■■■■■■■■■ パンくず ■■■■■■■■■■■■■■■■■■ */

#contents_side #pankuzu p.intro {
	font-size: 80%;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: auto;
	height: auto;
	background: none;
	color: #666;
}

/* ■■■■■■■■■■■■■■■■■ 中央コンテンツ ■■■■■■■■■■■■■■■■■■ */

#center_column .title2 {
	clear: left;
	width: 435px;
	height: 23px;
	font-size: 110%;
	margin-bottom: 4px;
	padding-top: 3px;
	text-indent: 8px;
	background: url(../../images/common/title_mid.png) no-repeat;
	color: #666;
	font-weight: bold;
}

#center_column .title3 {
	clear: left;
	width: 433px;
	height: 20px;
	background: url(../../images/common/title_mid_2.png) no-repeat;
	border: solid 1px #ccc;
	border-bottom: none;
	text-indent: 4px;
	font-size: 100%;
	color: #007bbb;
	font-weight: bold;
}

.center_contents {
	clear: left;
	float: left;
	width: 433px;
	border: solid 1px #ccc;
	background: #f8fbf8;
	padding-top: 8px;
	margin-bottom: 18px;
}


/* ■■■■■■■■■■■■■■■■■ ランキングタブ ■■■■■■■■■■■■■■■■■■ */

.ranking_select {
	float: left;
	width: 435px;
	border-bottom: none;
	background-color: #e8ece9;
}

.ranking_select ul {
	list-style: none;
}

.ranking_select ul li {
	float: left;
	text-indent: 4px;
	width: 61px;
	padding: 3px 0px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	cursor: pointer;
	font-size: 10px;
	color: #007bbb;
}

.ranking_select ul li#tabsel1 {
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	width: 61px;
	text-align: center;
}

.ranking_select ul li#tabsel2,
.ranking_select ul li#tabsel3,
.ranking_select ul li#tabsel4,
.ranking_select ul li#tabsel5,
.ranking_select ul li#tabsel6,
.ranking_select ul li#tabsel7{
	border-right: solid 1px #ccc;
	width: 61px;
	text-align: center;
}


.ranking_select ul li.selected {
	border-bottom: solid 1px #f8fbf8;
	background-color: #f8fbf8;
}

.ranking_select ul li#tabsel1.selected {
	border-bottom: solid 1px #f8fbf8;
	background-color: #f0e68c;
}

.tab {
	clear: left;
	float: left;
	width: 433px;
	border: solid 1px #ccc;
	border-top: none;
	background: #f8fbf8;
	padding-top: 8px;
	margin-bottom: 18px;
}

.noshow {
	display: none;
}

/* ■■■■■■■■■■■■■■■■■ ランキングタブ ■■■■■■■■■■■■■■■■■■ */

.b_ranking_select {
	float: left;
	width: 433px;
	border: solid 1px #ccc;
	border-bottom: none;
	background-color: #e8ece9;
}

.b_ranking_select ul {
	list-style: none;
}

.b_ranking_select ul li {
	float: left;
	text-indent: 4px;
	width: 143px;
	padding: 3px 0px;
	border-bottom: solid 1px #ccc;
	cursor: pointer;
	font-weight: bold;
	color: #007bbb;
}

.b_ranking_select ul li#b_tabsel1,
.b_ranking_select ul li#b_tabsel2 {
	border-right: solid 1px #ccc;
	width: 144px;
}


.b_ranking_select ul li.selected {
	border-bottom: solid 1px #f8fbf8;
	background-color: #f8fbf8;
}



/* ランキング1位 */

.b_tab .rank1 {
	float: left;
	width: 418px;
	border-bottom: dotted 1px #ccc;
	margin-left:8px;
	_margin-left:4px;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

#center_column .b_tab .rank1 .rank1_textside {
	float: right;
	width: 249px;
	margin-bottom: 4px;
}

#center_column .b_tab .rank1 .rank1_textside .title3_rank {
	width: 209px;
	border: none;
	font-size: 100%;
	background: none;
	text-indent: 0px;
	color: #f00;
	font-weight: bold;
}

#center_column .b_tab .rank1 .rank1_textside .title4_rank {
	width: 209px;
	border: none;
	font-size: 90%;
	background: none;
	color: #666;
	font-weight: bold;
}

#center_column .b_tab .rank1 .rank1_text {
	width: 245px;
	float: right;
	font-size: 90%;
	margin-bottom: 0.5em;
}

#center_column .b_tab .rank1 p.rank1_image {
	width: 160px;
	float: left;
}

#center_column .b_tab .rank1 p.detail {
	width: 249px;
	clear: right;
	float: right;
	text-align: right;
}


/* ランキング2位 */

.b_tab .rank2 {
	float: left;
	width: 208px;
	border-right: dotted 1px #ccc;
	margin-left:8px;
	_margin-left:4px;
	margin-bottom: 8px;
}

#center_column .b_tab .rank2 .rank2_icon {
	width: 208px;
	margin-bottom: 0px;
}

#center_column .b_tab .rank2 .rank2_icon .title3_rank {
	width: 176px;
	border: none;
	font-size: 100%;
	background: none;
	text-indent: 0px;
	color: #f00;
	font-weight: bold;
}

#center_column .b_tab .rank2 .rank2_icon .title4_rank {
	width: 176px;
	border: none;
	font-size: 80%;
	background: none;
	color: #666;
	font-weight: bold;
}

#center_column .b_tab .rank2 p {
	font-size: 80%;
	margin-right: 4px;
}

	#center_column .b_tab .rank2 p.rank2_image {
		width: 80px;
		float: left;
	}

/* ランキング3位 */

.b_tab .rank3 {
	float: right;
	width: 208px;
	margin-left:8px;
	_margin-left:4px;
	margin-bottom: 8px;
}

#center_column .b_tab .rank3 .rank3_icon {
	width: 208px;
	margin-bottom: 0px;
}

#center_column .b_tab .rank3 .rank3_icon .title3_rank {
	width: 176px;
	border: none;
	font-size: 100%;
	background: none;
	text-indent: 0px;
	color: #f00;
	font-weight: bold;
}

#center_column .b_tab .rank3 .rank3_icon .title4_rank {
	width: 176px;
	border: none;
	font-size: 80%;
	background: none;
	color: #666;
	font-weight: bold;
}

#center_column .b_tab .rank3 p {
	font-size: 80%;
	margin-right: 4px;
}


	#center_column .b_tab .rank3 p.rank3_image {
		width: 80px;
		float: left;
	}


.b_tab {
	clear: left;
	float: left;
	width: 433px;
	border: solid 1px #ccc;
	border-top: none;
	background: #f8fbf8;
	padding-top: 8px;
	margin-bottom: 18px;
}

.b_noshow {
	display: none;
}

/* ランキング1位 */
/*
.tab .rank1 {
	float: left;
	width: 418px;
	border-bottom: dotted 1px #ccc;
	margin-left:8px;
	_margin-left:4px;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

#center_column .tab .rank1 .rank1_textside {
	float: right;
	width: 249px;
	min-height: 40px;
	_height: 40px;
	margin-bottom: 4px;
	background: url(../../images/common/rank_1.png) no-repeat top left;
}

#center_column .tab .rank1 .rank1_textside .title3_rank {
	width: 209px;
	border: none;
	font-size: 100%;
	margin-left: 36px;
	background: none;
	text-indent: 0px;
	color: #f00;
	font-weight: bold;
}

#center_column .tab .rank1 .rank1_textside .title4_rank {
	width: 209px;
	border: none;
	font-size: 90%;
	margin-left: 36px;
	background: none;
	color: #666;
	font-weight: bold;
}

#center_column .tab .rank1 .rank1_text {
	width: 245px;
	float: right;
	font-size: 90%;
}

#center_column .tab .rank1 p.rank1_image {
	width: 160px;
	float: left;
}
*/

/* ランキング1位 */

.tab .rank1 {
	float: left;
	width: 208px;
	border-right: dotted 1px #ccc;
	margin-left:8px;
	_margin-left:4px;
	margin-bottom: 8px;
}

#center_column .tab .rank1 .rank1_icon {
	width: 208px;
	min-height: 40px;
	_height: 40px;
	margin-bottom: 0px;
	background: url(../../images/common/rank_1.png) no-repeat top left;
}

#center_column .tab .rank1 .rank1_icon .title3_rank {
	width: 176px;
	border: none;
	font-size: 100%;
	margin-left: 32px;
	background: none;
	text-indent: 0px;
	color: #f00;
	font-weight: bold;
}

#center_column .tab .rank1 .rank1_icon .title4_rank {
	width: 176px;
	border: none;
	font-size: 80%;
	margin-left: 32px;
	background: none;
	color: #666;
	font-weight: bold;
}

#center_column .tab .rank1 p {
	font-size: 80%;
	margin-right: 4px;
}

	#center_column .tab .rank1 p.rank1_image {
		width: 80px;
		float: left;
	}




/* ランキング2位 */

.tab .rank2 {
	float: right;
	width: 208px;
	margin-left:8px;
	_margin-left:4px;
	margin-bottom: 8px;
}

#center_column .tab .rank2 .rank2_icon {
	width: 208px;
	min-height: 40px;
	_height: 40px;
	margin-bottom: 0px;
	background: url(../../images/common/rank_2.png) no-repeat top left;
}

#center_column .tab .rank2 .rank2_icon .title3_rank {
	width: 176px;
	border: none;
	font-size: 100%;
	margin-left: 32px;
	background: none;
	text-indent: 0px;
	color: #f00;
	font-weight: bold;
}

#center_column .tab .rank2 .rank2_icon .title4_rank {
	width: 176px;
	border: none;
	font-size: 80%;
	margin-left: 32px;
	background: none;
	color: #666;
	font-weight: bold;
}

#center_column .tab .rank2 p {
	font-size: 80%;
	margin-right: 4px;
}

	#center_column .tab .rank2 p.rank2_image {
		width: 80px;
		float: left;
	}


/* ランキング3位 */

.tab .rank3 {
	float: left;
	width: 208px;
	border-right: dotted 1px #ccc;
	margin-left:8px;
	_margin-left:4px;
	margin-bottom: 8px;
}

#center_column .tab .rank3 .rank3_icon {
	width: 208px;
	min-height: 40px;
	_height: 40px;
	margin-bottom: 0px;
	background: url(../../images/common/rank_3.png) no-repeat top left;
}

#center_column .tab .rank3 .rank3_icon .title3_rank {
	width: 176px;
	border: none;
	font-size: 100%;
	margin-left: 32px;
	background: none;
	text-indent: 0px;
	color: #f00;
	font-weight: bold;
}

#center_column .tab .rank3 .rank3_icon .title4_rank {
	width: 176px;
	border: none;
	font-size: 80%;
	margin-left: 32px;
	background: none;
	color: #666;
	font-weight: bold;
}

#center_column .tab .rank3 p {
	font-size: 80%;
	margin-right: 4px;
}

	#center_column .tab .rank3 p.rank3_image {
		width: 80px;
		float: left;
	}


/* ランキング4位 */

.tab .rank4 {
	float: left;
	width: 208px;
	margin-left:8px;
	_margin-left:4px;
	margin-bottom: 8px;
}

#center_column .tab .rank4 .rank4_icon {
	width: 208px;
	min-height: 40px;
	_height: 40px;
	margin-bottom: 0px;
	background: url(../../images/common/rank_4.png) no-repeat top left;
}

#center_column .tab .rank4 .rank4_icon .title3_rank {
	width: 176px;
	border: none;
	font-size: 100%;
	background: none;
	text-indent: 0px;
	color: #f00;
	font-weight: bold;
}

#center_column .tab .rank4 .rank4_icon .title4_rank {
	width: 176px;
	border: none;
	font-size: 80%;
	background: none;
	color: #666;
	font-weight: bold;
}

#center_column .tab .rank4 p {
	font-size: 80%;
	margin-right: 4px;
}

	#center_column .tab .rank4 p.rank4_image {
		width: 80px;
		float: left;
	}

/* トピックス */

.center_contents .topics_imageside {
	width: 140px;
	float: left;
	padding: 6px 0px 2px;
	margin-left: 8px;
	_margin-left: 4px;
	margin-bottom: 8px;
	border: solid 1px #ccc;
	background-color: #eee;
}

#center_column .center_contents .topics_imageside p {
	text-align: center;
	font-size: 80%;
}

.center_contents .topics_textside {
	float: right;
	width: 282px;
	font-size: 80%;
	margin-bottom: 8px;
}

.center_contents .topics_textside ul {
	margin-left: 2em;
	margin-bottom: 8px;
}

.center_contents .topics_textside ul li {
	margin-bottom: 8px;
}

.center_contents  p.topics_footer {
	clear: both;
	width: 417px;
	margin: 0 auto 2px;
	border-top: dotted 1px #ccc;
	padding-top: 2px;
	font-size: 80%;
	text-align: right;
	color: #999;
}

/* トピックス２ */
.center_contents .topics2_block {
	clear: both;
}
.center_contents .topics2_imageside {
	width: 140px;
	float: left;
	padding: 6px 0px 2px;
	margin-left: 8px;
	_margin-left: 4px;
	margin-bottom: 8px;
	border: solid 1px #ccc;
	background-color: #eee;
}

#center_column .center_contents .topics2_imageside p {
	text-align: center;
	font-size: 80%;
}

.center_contents .topics2_textside {
	float: right;
	width: 282px;
	font-size: 80%;
	margin-bottom: 8px;
}

.center_contents .topics2_textside ul {
	margin-left: 2em;
	margin-bottom: 8px;
}

.center_contents .topics2_textside ul li {
	margin-bottom: 8px;
}

.center_contents  p.topics2_footer {
	clear: both;
	width: 417px;
	margin: 0 auto 2px;
	border-top: dotted 1px #ccc;
	padding-top: 2px;
	font-size: 80%;
	text-align: right;
	color: #999;
}

/* おすすめ情報 */

.center_contents dl.recommend {
	margin: 0 8px 12px;
}

.center_contents dl.recommend dt {
	font-weight: bold;
}

.center_contents dl.recommend dd {
	font-size: 90%;
	margin-bottom: 10px;
}

.center_contents  p.recommend_footer {
	width: 417px;
	margin: 0 auto 2px;
	border-top: dotted 1px #ccc;
	padding-top: 2px;
	font-size: 80%;
	text-align: right;
	color: #999;
}

/* ■■■■■■■■■■■■■■■■■ 右側コンテンツ ■■■■■■■■■■■■■■■■■■ */

ul.site_bnr {
	list-style: none;
	width: 329px;
	margin-bottom: 8px;
}

ul.site_bnr li {
	width: 329px;
	height: 66px;
	margin-bottom: 4px;
}

ul.site_bnr li.bnr_1 a {background: url(../../images/common/bnr_1.png) no-repeat;}
ul.site_bnr li.bnr_2 a {background: url(../../images/common/bnr_2.png) no-repeat;}
ul.site_bnr li.bnr_3 a {background: url(../../images/common/bnr_3.png) no-repeat;}

#right_column .title3 {
	clear: right;
	width: 327px;
	height: 20px;
	background: url(../../images/common/title_mid_2.png) no-repeat;
	border: solid 1px #ccc;
	border-bottom: none;
	text-indent: 4px;
	font-size: 100%;
	color: #007bbb;
}

.right_contents {
	clear: right;
	float: right;
	width: 327px;
	background: #f8fbf8;
	border: solid 1px #ccc;
	margin-bottom: 12px;
	padding: 12px 0px;
}

#right_column .right_contents .title {
	width: 310px;
	margin: 0 auto 8px;
	min-height: 42px;
	_height: 42px;
}

#right_column .right_contents .pickup {background: url(../../images/common/img_pickup.png) no-repeat top left;}
#right_column .right_contents .get {background: url(../../images/common/img_get.png) no-repeat top left;}

#right_column .title2 {
	clear: left;
	width: 330px;
	height: 23px;
	font-size: 110%;
	margin-bottom: 4px;
	padding-top: 3px;
	text-indent: 8px;
	background: url(../../images/common/title_mid.png) no-repeat;
	color: #666;
	font-weight: bold;
}


#right_column .right_contents .title .title3 {
	width: 244px;
	height: auto;
	margin-left: 64px;
	text-indent: 0px;
	background: none;
	border: none;
	font-weight: bold;
}

#right_column .right_contents .title .title4 {
	width: 244px;
	margin-left: 64px;
	font-weight: normal;
	font-size: 80%;
	color: #ed6d35;
	letter-spacing: 1px;
}

.right_contents dl.contents_text {
	width: 212px;
	float: right;
	font-size: 80%;
	letter-spacing: 1px;
}

.right_contents dl.contents_text dt {
	color: #ea5532;
}

.right_contents dl.contents_text dd {
	margin-left: 1em;
}

.right_contents p.contents_photo {
	width: 98px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 8px;
	_margin-left: 4px;
}

.right_contents p.contents_photo img {
	border: solid 1px #ccc;
}

/* 右下トピックス */

.right_topics {
	clear: left;
	float: left;
	width: 313px;
	margin-left: 8px;
	_margin-left: 4px;
	margin-bottom: 8px;
}

.right_topics p.right_topics_photo {
	width: 98px;
	float: left;
}

.right_topics p.right_topics_photo img {
	border: solid 1px #ccc;
}

.right_topics .right_topics_text {
	width: 208px;
	float: right;
}

.right_topics .right_topics_text h3{
	font-size: 90%;
}


.right_topics2 {
	clear: left;
	float: left;
	width: 293px;
	margin-left: 8px;
	_margin-left: 4px;
	margin-bottom: 8px;
}

.right_topics2 p.right_topics_photo {
	width: 98px;
	float: left;
}

.right_topics2 p.right_topics_photo img {
	border: solid 1px #ccc;
}

.right_topics2 .right_topics_text {
	width: 188px;
	float: right;
}

.right_topics2 .right_topics_text h3{
	font-size: 90%;
}


#right_column .right_topics .right_topics_text .title3 {
	width: 208px;
	height: auto;
	text-indent: 0px;
	background: none;
	font-size: 80%;
	border: none;
}

#right_column .right_topics2 .right_topics_text .title3 {
	width: 208px;
	height: auto;
	text-indent: 0px;
	background: none;
	font-size: 80%;
	border: none;
}

#right_column .right_topics .right_topics_text .title4 {
	width: 208px;
	font-weight: normal;
	font-size: 80%;
	color: #ed6d35;
	letter-spacing: 1px;
}


#right_column .right_topics2 .right_topics_text .title4 {
	width: 208px;
	font-weight: normal;
	font-size: 80%;
	color: #ed6d35;
	letter-spacing: 1px;
}

#right_column .right_topics .right_topics_text p {
	font-size: 80%;
}

#right_column .right_topics2 .right_topics_text p {
	font-size: 80%;
}