@charset "shift_jis";

/* F2011033101 */

.float_l {
	float: left;
}
.float_r {
	float: right;
}
.clear {
	clear:both;
}

.color_purple{
	color: #f3f;
}

#pickup {
	padding: 20px 0 10px;
	word-break:break-all;
}

#pickup img {
	vertical-align: bottom;
}

#pickup dl,
#pickup dl dt,
#pickup dl dd {
	margin: 0;
	padding: 0;
}

/*
____________________ 上部タイトル画像 */
#Top_pickup_Title {
	height: 195px;
	width: 590px;
	padding-bottom: 25px;
	background-image: url({$_path}/cmpimage/20110331pick_up_head1_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#Top_pickup_Title h2, #Top_pickup_Title p {
	display:none;
}

#pickup .pickup {
	position: relative;
}

#pickup .pickup .date {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	color: #fa7e74;
	font-size: 83%;
	font-weight: bold;
}

/*
____________________ 左寄せ画像 */
.img_left {
	float:left;
	padding-bottom: 20px;
}

.img_right {
	float:right;
	padding-bottom: 20px;
}

/*
____________________ コンテンツBOX */
/* オススメBOX */
#pickup .recommendBox {
	margin-bottom: 5px;
	background: url({$_path}/cmpimage/20110331pick_up_bg_01.gif) no-repeat 0 100%;
}

#pickup .recommendBox.oneClm {
	width: 292px;
}

#pickup .recommendInBox {
	width: 288px;
	border-top: 1px solid #ccc;
	padding: 0 1px;
	padding-bottom: 5px;
}

#pickup .recommendBox dl {
	float: left;
	width: 150px;
	margin: 0;
	padding: 9px 0 0 8px;	
}
#pickup .recommendBox dl dt,
#pickup .recommendBox dl dd {
	margin: 0;
	font-size: 84%;
	line-height: 1.4;
}

#pickup .recommendBox dl dt {
	padding-bottom: 8px;
}

#pickup .recommendBox dl dd {
	padding: 0 0 5px 1px;
}

#pickup .recommendBox dl dd a:link,
#pickup .recommendBox dl dd a:visited,
#pickup .recommendBox dl dd a:hover,
#pickup .recommendBox dl dd a:active {
	color: #f33;
}

#pickup .recommendBox .img_right {
	padding: 9px 10px 3px 0;
}

#pickup .recommendBox .button {
	clear: right;
	float: right;
	width: 107px;
	padding: 0 4px 9px 0;
}


/* コンテンツBOX 01 */
#pickup .top_contentsBox01 {
	padding: 12px 0 20px;
}

#pickup .top_contentsBox01 .section {
	padding-bottom: 20px;
}

#pickup .top_contentsBox01 .section.border {
	margin-bottom: 30px;
	border-bottom: 1px dashed #999;
}

#pickup .top_contentsBox01 .float_r {
	width: 405px;
}

#pickup .top_contentsBox01 .float_r p {
	padding-bottom: 18px;
}

#pickup .top_contentsBox01 .float_r .link {
	height: 18px;
	margin-bottom: 19px;
	padding: 0 0 0 24px;
	background: url({$_path}/cmpimage/20110331pick_up_icon_01.gif) no-repeat 0 0;
	line-height: 18px;
}

#pickup .top_contentsBox01 .float_r .link a:link,
#pickup .top_contentsBox01 .float_r .link a:visited,
#pickup .top_contentsBox01 .float_r .link a:hover,
#pickup .top_contentsBox01 .float_r .link dd a:active {
	color: #f33;
}

#pickup .top_contentsBox01 .float_r dl {
	padding-bottom: 5px;
}
#pickup .top_contentsBox01 .float_r dl dt {
	padding-bottom: 5px;
	color: #f33;
}

#pickup .top_contentsBox01 .inBox {
	clear: both;
	width: 560px;
	padding: 18px 14px;
	border: 1px solid #75beff;
	background-color: #eaf7ff;
}

#pickup .top_contentsBox01 .inBox .clear {
	width: 560px;
}

#pickup .top_contentsBox01 .inBox.gray {
	width: 548px;
	border: 2px solid #999;
	background-color: #fff;
	padding: 17px 19px;
}

#pickup .top_contentsBox01 .inBox.gray .text {
	float: left;
	width: 430px;
}

/* コンテンツBOX 02 */
#pickup .top_contentsBox02 {
	padding-bottom: 20px;
}

#pickup .top_contentsBox02 .float_l {
	width: 390px;
	padding-bottom: 20px;
}

#pickup .top_contentsBox02 .float_l p {
	padding-bottom: 18px;
}

#pickup .top_contentsBox02 .inBox {
	clear: both;
	padding: 1px;
	border: 1px solid #f89388;
}

#pickup .top_contentsBox02 .border {
	padding: 13px;
	border: 1px solid #f89388;
}

#pickup .top_contentsBox02 .inBox dl dt {
	padding-bottom: 15px;
	color: #09f;
	vertical-align: bottom;
	font-weight: bold;
}

#pickup .top_contentsBox02 .inBox dl dt img {
	padding-right: 5px;
	vertical-align: bottom;
}

#pickup .top_contentsBox02 .inBox dl dd {
	padding: 0 5px 15px;
}


/*
____________________ h3タイトル */
#pickup .recommendBox h3 {
	position: relative;
	top: -1px;
	left: -1px;
	float: left;
	width: 129px;
	margin: 0;
	padding: 0;
}

#pickup h3.title_pickup_01 {
	height: 43px;
	margin-bottom: 17px;
	padding: 0 58px 0 14px;
	background: url({$_path}/cmpimage/20110331pick_up_title_02.gif) no-repeat 0 0;
	font-size: 116%;
	line-height: 43px;
	color: #fff;
	font-weight: bold;
}


/*
____________________ h4タイトル */
#pickup .top_contentsBox01 div.float_r h4 {
	padding-bottom: 8px;
	color: #f33;
	font-size: 150%;
}

#pickup .top_contentsBox02 h4 {
	margin-bottom: 15px;
	font-size: 116%;
}


/*
____________________ h5タイトル */
#pickup .top_contentsBox01 .inBox h5 {
	float: left;
	margin: 0 10px 5px 0;
	padding: 0 10px;
	background-color: #87b300;
	font-size: 100%;
	line-height: 1.5;
	color: #fff;
	font-weight: normal;
}

#pickup .top_contentsBox01 .inBox.gray h5 {
	float: left;
	width: 430px;
	margin: 0 0 12px;
	padding: 0;
	background-color: #fff;
	font-size: 116.6%;
	line-height: 1.5;
	color: #06f;
	font-weight: bold;
}

