@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* local column */
@import "local.css";



/* ===== category style ===== */
/* column setting */


/* local parts */





/* ===== [section] title ===== */
.area_main .title {margin: 0px 0px 20px; text-align: center;}
.area_main .title p {display: none; text-align: left;}

.area_main .title h1 {
	margin: 0px auto 15px;
	height: 150px;
	text-align: left;
	text-indent: -10000px;
	overflow: hidden;
	background: left top no-repeat;
}
	#knowhow .title h1 {background-image: url(../img/category/title_knowhow.gif);}
	#identity .title h1 {background-image: url(../img/category/title_identity.gif);}
	#trend .title h1 {background-image: url(../img/category/title_trend.gif);}
	#special .title h1 {background-image: url(../img/category/title_special.gif);}

.area_main .title iframe {margin: 0px auto;}



/* ===== [section] choose box ===== */
.area_main .choose {margin: 0px 5px 25px;}
.area_main .choose p {display: none;}

.area_main .choose h2 {
	margin: 0px 0px 10px;
	height: 26px;
	text-indent: -10000px;
	overflow: hidden;
	background: left top no-repeat;
}
	#knowhow .area_main .choose h2 {background-image: url(../img/category/belt_choose_knowhow.gif);}
	#identity .area_main .choose h2 {background-image: url(../img/category/belt_choose_identity.gif);}
	#trend .area_main .choose h2 {background-image: url(../img/category/belt_choose_trend.gif);}
	#special .area_main .choose h2 {background-image: url(../img/category/belt_choose_special.gif);}

.area_main .choose ul {zoom: 1;}
.area_main .choose ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */
.area_main .choose ul li {display: inline;}

.area_main .choose ul li h3 {width: 285px; height: 150px;}
	.area_main .choose ul li.tech h3, .area_main .choose ul li.fashion h3, .area_main .choose ul li.date h3 {float: left;}
	.area_main .choose ul li.adv h3, .area_main .choose ul li.life h3, .area_main .choose ul li.ent h3 {float: right;}

.area_main .choose ul li h3 a {
	display: block;
	width: 285px;
	height: 150px;
	text-indent: -10000px;
	overflow: hidden;
	background: left top no-repeat;
}
	.area_main .choose ul li.tech h3 a {background-image: url(../img/category/sub_tech.gif);}
	.area_main .choose ul li.adv h3 a {background-image: url(../img/category/sub_adv.gif);}
	.area_main .choose ul li.fashion h3 a {background-image: url(../img/category/sub_fashion.gif);}
	.area_main .choose ul li.life h3 a {background-image: url(../img/category/sub_life.gif);}
	.area_main .choose ul li.date h3 a {background-image: url(../img/category/sub_date.gif);}
	.area_main .choose ul li.ent h3 a {background-image: url(../img/category/sub_ent.gif);}
	/* hover */
	.area_main .choose ul li.tech h3 a:hover {background-image: url(../img/category/sub_tech_on.gif);}
	.area_main .choose ul li.adv h3 a:hover {background-image: url(../img/category/sub_adv_on.gif);}
	.area_main .choose ul li.fashion h3 a:hover {background-image: url(../img/category/sub_fashion_on.gif);}
	.area_main .choose ul li.life h3 a:hover {background-image: url(../img/category/sub_life_on.gif);}
	.area_main .choose ul li.date h3 a:hover {background-image: url(../img/category/sub_date_on.gif);}
	.area_main .choose ul li.ent h3 a:hover {background-image: url(../img/category/sub_ent_on.gif);}



/* ===== [section] pickup block ===== */
.area_main .entry {margin: 0px 5px 20px;}
.area_main .entry h2 {
	margin: 0px 0px 10px;
	height: 26px;
	text-indent: -10000px;
	overflow: hidden;
	background: left top no-repeat;
}
	/* contents list */
	.tech#knowhow .area_main .entry h2 {background-image: url(../img/category/belt_subcate_tech.gif);}
	.adv#knowhow .area_main .entry h2 {background-image: url(../img/category/belt_subcate_adv.gif);}
	.fashion#identity .area_main .entry h2 {background-image: url(../img/category/belt_subcate_fashion.gif);}
	.life#identity .area_main .entry h2 {background-image: url(../img/category/belt_subcate_life.gif);}
	.date#trend .area_main .entry h2 {background-image: url(../img/category/belt_subcate_date.gif);}
	.ent#trend .area_main .entry h2 {background-image: url(../img/category/belt_subcate_ent.gif);}
	#special .area_main .entry h2 {background-image: url(../img/category/belt_list_special.gif);}
	/* pickup contents */
	#knowhow .area_main .entry#pickup h2 {background-image: url(../img/category/belt_pickup_knowhow.gif);}
	#identity .area_main .entry#pickup h2 {background-image: url(../img/category/belt_pickup_identity.gif);}
	#identity .area_main .entry#pr h2 {background-image: url(../img/category/belt_identity_recom.gif);}
	#trend .area_main .entry#pickup h2 {background-image: url(../img/category/belt_pickup_trend.gif);}
	#special .area_main .entry#pickup h2 {background-image: url(../img/category/belt_pickup_special.gif);}


/* ----- contents list (size small) ----- */
.area_main .entry ul {margin: 0px 0px 30px; zoom: 1;}
.area_main .entry ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */
.area_main .entry ul li {margin: 0px 0px 10px; padding-left: 235px; min-height: 114px; position: relative; zoom: 1;}
	* html .entry ul li {height: 114px;}

/* small size */
.area_main .entry ul li h3 {margin: 0px 0px 5px; padding-top: 1px; font-size: 17px; line-height: 1.3;}
.area_main .entry ul li h3 a img {
	border: 2px solid #DEDEDE;
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*
	#knowhow .area_main .entry ul li h3 a img {border-color: #92A7C0;}
	#identity .area_main .entry ul li h3 a img {border-color: #94B397;}
	#trend .area_main .entry ul li h3 a img {border-color: #CFC797;}
	#special .area_main .entry ul li h3 a img {border-color: #E0A0A2;}
*/
.area_main .entry ul li h3 a:hover img,
.area_main .entry ul li h3 a:active img,
.area_main .entry ul li h3 a:focus img {
	border-color: #CCCCCC;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.area_main .entry ul li p {margin: 0; font-size: 13px;}


/* ----- pickup list (size large) ----- */
.area_main .entry#pickup ul {margin: 0;}
.area_main .entry#pickup ul li {margin: 0px 0px 20px; padding: 0; min-height: 1em;}
	* html .entry#pickup ul li {height: auto;}

/* large size */
.area_main .entry#pickup ul li h3 {margin: 0px 0px 8px; padding: 0;}
.area_main .entry#pickup ul li h3 a {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	background: #FFFFFF left center no-repeat;
}

.area_main .entry#pickup ul li p {margin: 0px 3px 8px;}
.area_main .entry#pickup ul li p.more {margin: 0px 3px; /margin-top: 10px; font-size: 13px !important; text-align: right;}

.area_main .entry#pickup ul li p.thum {margin: 0;}
.area_main .entry#pickup ul li p.thum a img {
	float: left;
	margin-right: 12px;
	border: 2px solid #DEDEDE;
	vertical-align: middle;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.area_main .entry#pickup ul li p.thum a:hover img {
	border-color: #CCCCCC;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* inner list */
.area_main .entry#pickup ul ul {margin: 0px 0px 0px 10px;}
.area_main .entry#pickup ul ul li {
	margin: 0px 0px 4px;
	position: static;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	zoom: normal;
}
.area_main .entry#pickup ul ul li a {margin: 0px 0px 5px; padding-left: 18px; background: left center no-repeat;}
	#knowhow .area_main .entry#pickup ul ul li a {background-image: url(../img/common/arrow_blue.gif);}
	#identity .area_main .entry#pickup  ul ul li a {background-image: url(../img/common/arrow_green.gif);}
	#trend .area_main .entry#pickup  ul ul li a {background-image: url(../img/common/arrow_yellow.gif);}
	#special .area_main .entry#pickup  ul ul li a {background-image: url(../img/common/arrow_red.gif);}


/* ----- pr list (2009/10/09) ----- */

.area_main .entry#pr dl{
	margin: 0px 5px 30px;
	padding-bottom:10px;
	width:580px;
	background: url(../img/common/forstyle_waku_under.gif) left bottom no-repeat;
	zoom: 1;
}
.area_main .entry#pr dt{
	margin: 0px 0px 8px;
	padding: 10px;
	border: 0;
	height: 20px;
	background: url(../img/common/forstyle_waku_top.gif) left top no-repeat;
}

.area_main .entry#pr dt a {

	background:transparent url(/img/common/pickup.gif) no-repeat scroll 0 2px;
	display:inline-block;
	padding:0 0 0 65px;
	font-size:16px;
	font-weight:bold;

}

.area_main .entry#pr dd p {
	font-size:13px;
	margin-right:5px;
}

.area_main .entry#pr dd p.date {
	font-size:15px;
	font-weight:bold;
	color: #346E37
}

.area_main .entry#pr dd p.link {
	font-size:15px;
	text-align:right;
	margin:0px 5px 0px 0px;
}

.area_main .entry#pr dd img {

	border:2px solid #CCCCCC;
	float:left;
	margin:5px;

}

/* ----- each contents setting ----- */
/* chance */
.area_main .entry#pickup ul .chance h3 a {padding: 3px 0px; height: 113px; background-image: url(../img/chance/title.gif);}

/* style */
.area_main .entry#pickup ul .style h3 a {height: 130px; background-image: url(../img/style/title.jpg);}
.area_main .entry#pickup ul .style p {margin: 0px 3px 10px;}
.area_main .entry#pickup ul .style ul li {float: left; margin: 0px 0px 8px; width: 35%; /width: 50%;}

/* mote1 */
.area_main .entry#pickup ul .mote1 h3 a {height: 200px; background-image: url(../img/mote1/title.jpg);}

/* loverank */
.area_main .entry#pickup ul .loverank h3 {width: 510px;}
.area_main .entry#pickup ul .loverank h3 a {height: 145px; background-image: url(../img/loverank/title_s.gif);}
.area_main .entry#pickup ul .loverank p {margin: 0px 0px 10px 10px;}

/* sp2 */
.area_main .entry#pickup ul .sp2 h3 a {height: 130px; background-image: url(../img/sp2/title.gif);}
.area_main .entry#pickup ul .sp2 p {font-size: 13px;}

/* spring */
.area_main .entry#pickup ul .spring h3 a {height: 120px; background-image: url(../img/spring/title.gif);}
.area_main .entry#pickup ul .spring p {font-size: 13px;}

/* christmas */
.area_main .entry#pickup ul .christmas h3 a {height: 130px; background-image: url(../img/christmas/title.gif);}
.area_main .entry#pickup ul .christmas p {font-size: 13px;}

/* valentine */
.area_main .entry#pickup ul .valentine h3 a {height: 120px; background-image: url(../img/valentine/title.gif);}
.area_main .entry#pickup ul .valentine p {font-size: 13px;}

/* koikatsu */
.area_main .entry#pickup ul .koikatsu h3 a {height: 120px; background-image: url(../img/koikatsu/title.gif);}
.area_main .entry#pickup ul .koikatsu p {font-size: 13px;}

/* item */
.area_main .entry#pickup ul .item h3 a {height: 130px; background-image: url(../img/item/item_title.gif);}
.area_main .entry#pickup ul .item p {font-size: 13px;}