/* ****************************************************************** */
/*                                                                    */
/*                        バレンタイン特集2012                        */
/*                                                                    */
/* ****************************************************************** */

/* ------------------------------------------------------------------ */
/*                               共通部                               */
/* ------------------------------------------------------------------ */
li { list-style-type:none;}
.fontB { font-weight:bold;}
.mBtm20 { margin-bottom:20px;}
.mLeft30 { margin-left:30px;}
.mLeft40 { margin-left:40px;}
.mLeft50 { margin-left:50px;}
#mainContents { margin-top:10px;}

/* ------------------------------------------------------------------ */
/*                              ヘッダー                              */
/* ------------------------------------------------------------------ */
#head {
	background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/main.jpg) no-repeat;
	height:300px;
	position:relative;
	width:930px;
}
h2 {
	display:block;
	height:70px;
	overflow:hidden;
	padding:16px 0 0 0;
	position:relative;
	width:715px;
}
h2 img {
	left:0;
	position:absolute;
	top:16px;
}
#head p {
	font-size:114%;
	line-height:150%;
	padding:35px 0 0 30px;
	width:470px;
}

/* ------------------------------------------------------------------ */
/*                           グローバルナビ                           */
/* ------------------------------------------------------------------ */
#head #navi {
	bottom:10px;
	position:absolute;
	left:0;
}
#head #navi li,
#head #navi li a {
	display:block;
	float:left;
	height:60px;
	overflow:hidden;
	position:relative;
}
#head #navi li.navi1,
#head #navi li.navi1 a { width:120px;}
#head #navi li.navi2,
#head #navi li.navi2 a { width:151px;}
#head #navi li.navi3,
#head #navi li.navi3 a { width:195px;}
#head #navi li.navi4,
#head #navi li.navi4 a { width:135px;}
#head #navi li.navi5,
#head #navi li.navi5 a { width:133px;}
#head #navi li.navi6,
#head #navi li.navi6 a { width:196px;}
#head #navi li img,
#head #navi li a img:hover {
	position:absolute;
	top:-60px;
}
#head #navi li a img {
	position:absolute;
	top:0;
}
#head #navi li.navi1 img,
#head #navi li.navi1 a img { left:0;}
#head #navi li.navi2 img,
#head #navi li.navi2 a img { left:-120px;}
#head #navi li.navi3 img,
#head #navi li.navi3 a img { left:-271px;}
#head #navi li.navi4 img,
#head #navi li.navi4 a img { left:-466px;}
#head #navi li.navi5 img,
#head #navi li.navi5 a img { left:-601px;}
#head #navi li.navi6 img,
#head #navi li.navi6 a img { left:-734px;}

/* ------------------------------------------------------------------ */
/*                       インストラクター紹介部                       */
/* ------------------------------------------------------------------ */
.introduction { margin-top:20px;}
.introduction .photo {
	float:left;
	line-height:120%;
	width:180px;
}
.introduction .photo img {
	border:5px solid #ebe3e0;
	margin-bottom:5px;
}
.introduction .photo p { font-size:85%;}
.introduction .text {
	float:left;
	margin-left:20px;
	width:730px;
}
.introduction .text p {
	font-size:114%;
	line-height:160%;
}

/* ------------------------------------------------------------------ */
/*                           インデックス部                           */
/* ------------------------------------------------------------------ */
.index {
	background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_bg.jpg) no-repeat bottom right #ebe3e0;
	padding:12px 0;
	margin-top:20px;
	width:930px;
}
.index h3 {
	display:block;
	height:30px;
	overflow:hidden;
	position:relative;
	width:570px;
}
.index h3 img {
	left:0;
	position:absolute;
	top:0;
}
.index li {
	border:5px solid #FFF;
	display:inline;
	float:left;
	min-height:150px;
	_height:150px;
	margin:12px 0 0 12px;
	width:437px;
}
.index li.hand { border:5px solid #d7cbc6;}
.index li.hommei { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_hommei.jpg) no-repeat;}
.index li.giri { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_giri.jpg) no-repeat;}
.index li.gyaku { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_gyaku.jpg) no-repeat;}
.index li.tomo { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_tomo.jpg) no-repeat;}
.index li.brand { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_brand.jpg) no-repeat;}
.index li.hand.hommei { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_hommei_on.jpg) no-repeat;}
.index li.hand.giri { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_giri_on.jpg) no-repeat;}
.index li.hand.gyaku { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_gyaku_on.jpg) no-repeat;}
.index li.hand.tomo { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_tomo_on.jpg) no-repeat;}
.index li.hand.brand { background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/index_brand_on.jpg) no-repeat;}
.index li {	background-color:#FFF !important;}
.index li dt a {
	display:block;
	height:32px;
	margin:24px 0 0 30px;
	overflow:hidden;
	position:relative;
}
.index li.hommei dt a { width:295px;}
.index li.giri dt a { width:375px;}
.index li.gyaku dt a { width:263px;}
.index li.tomo dt a { width:263px;}
.index li.brand dt a { width:268px;}
.index li dt a img {
	left:-30px;
	position:absolute;
	top:-24px;
}
.index li dd {
	line-height:140%;
	margin-left:20px;
	padding-top:18px;
	width:240px;
}

/* ------------------------------------------------------------------ */
/*                            コンテンツ部                            */
/* ------------------------------------------------------------------ */
.point {
	background:#fef9fa;
	border:1px solid #ea3c5d;
	float:right;
	margin-left:20px;
	padding:10px 20px 15px;
	width:378px;
}
.lead {	line-height:160%;}
.items {
	margin:0 auto;
	width:800px;
}
.items li {
	float:left;
	width:240px;
}
.items .photo a img {	border:8px solid #EEE9E6;}
.items .photo a:hover {
	filter:alpha(opacity=70);  /* IE7以下 */
	-ms-filter:"alpha(opacity=70)"; /* IE8 */
	-khtml-opacity:0.7;  /* Safari 1.x, 他khtml */
	opacity:0.7;
}
.items dt { padding:5px 0;}
.items dt a {
	font-size:114%;
	font-weight:bold;
}
.items .price span {
	font-family:Verdana;
}
.items .comment {
	line-height:140%;
	margin-top:5px;
}

/* ------------------------------------------------------------------ */
/*                               法　則                               */
/* ------------------------------------------------------------------ */
.rule {
	float:left;
	width:450px;
}
.rule dt {
	background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/housoku_number.gif) no-repeat left top;
	color:#666;
	font-size:124%;
	font-weight:bold;
	height:50px;
	margin-top:10px;
	padding:15px 0 0 74px;
}
.rule dt.housoku1 { background-position:0 0;}
.rule dt.housoku2 { background-position:0 -200px;}
.rule dt.housoku3 { background-position:0 -400px;}
.rule dt.housoku4 { background-position:0 -600px;}
.rule dt.housoku5 { background-position:0 -800px;}
.rule dt.housoku6 { background-position:0 -1000px;}
.rule dd {
	background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/housoku_bg_tp.gif) no-repeat top left;
}
.rule dd .comment {
	background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/housoku_bg_btm.gif) no-repeat bottom right;
	line-height:160%;
	padding:15px 20px;
}
.selectitem {	width:400px;}
.rule .selectitem { margin:10px auto;}
.selectitem ul { margin-top:5px;}
.selectitem li {
	float:left;
	text-align:center;
	width:120px;
}
.rule .selectitem li img {
	border:5px solid #EEE9E6;
	margin-bottom:5px;
}
.column .selectitem li img {
	border:5px solid #E7E0DA;
	margin-bottom:5px;
}
.selectitem li img:hover {
	filter:alpha(opacity=70);  /* IE7以下 */
	-ms-filter:"alpha(opacity=70)"; /* IE8 */
	-khtml-opacity:0.7;  /* Safari 1.x, 他khtml */
	opacity:0.7;
}
.selectitem li a {
	font-weight:bold;
	line-height:120%;
}

/* ------------------------------------------------------------------ */
/*                   インストラクター紹介＠フッター                   */
/* ------------------------------------------------------------------ */
.lecture {
	border-bottom:1px solid #0A958E;
	border-left:1px solid #0A958E;
	border-right:1px solid #0A958E;
	padding:0 20px 20px;
}
.lecture .lecHalf {
	float:left;
	width:430px;
}
.lecture .name {
	border-bottom:1px dotted #999;
	font-weight:bold;
	padding-bottom:3px;
	margin-bottom:5px;
}
.lecture .name p {
	border-left: 3px solid #4A3613;
	padding-left:5px;
}
.lecture .explan {
	float:left;
	margin:10px 0 0 10px;
	width:280px;
}
.lecture .explan > p { line-height:160%;}

/* ------------------------------------------------------------------ */
/*                              コラム部                              */
/* ------------------------------------------------------------------ */
.column {
	background:url(https://img1.kakaku.k-img.com/images/calendar/valentine/2012/btm_column.gif) no-repeat bottom #F8F4F3;
	margin-top:20px;
}
.column .cInner {	padding:15px 30px 20px;}
.column .cInner p {	line-height:160%;}
.column .clmHalf {
	float:left;
	width:440px;
}

/* ------------------------------------------------------------------ */
/*                           ブランドで選ぶ                           */
/* ------------------------------------------------------------------ */
.bTxt {
	font-size:114%;
	line-height:160%;
	padding:10px 25px;
}
.brandItems {
	margin:0 auto;
	width:880px;
}
.brandItems li {
	float:left;
	width:160px;
}
.brandItems li img {	border:6px solid #EEE9E6;}
.brandItems li a img:hover {
	filter:alpha(opacity=70);  /* IE7以下 */
	-ms-filter:"alpha(opacity=70)"; /* IE8 */
	-khtml-opacity:0.7;  /* Safari 1.x, 他khtml */
	opacity:0.7;
}
.brandItems li p {
	padding:5px 0 10px;
	text-align:center;
}
.brandItems li p a {
	font-size:114%;
	font-weight:bold;
}

/* ------------------------------------------------------------------ */
/*                             価格で選ぶ                             */
/* ------------------------------------------------------------------ */
.priceRange {
	margin:0 auto;
	width:830px;
}
.priceRange dl { float:left;}
.priceRange dl.clm1 {	width:190px;}
.priceRange dl.clm2 {	width:390px;}
.priceRange dl.clm2 dd { float:left;}
.priceRange dd { margin-bottom:10px;}
.priceRange dd a {
	background:#FCFAFB;
	border:1px solid #DCD4D1;
	display:block;
	font-family:Verdana;
	font-size:114%;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
	width:148px;
}
.priceRange dd a:hover { background:#FFF;}

/* ------------------------------------------------------------------ */
/*                             ページング                             */
/* ------------------------------------------------------------------ */
.prev { float:left;}
.next { float:right;}
.prev a,
.next a {
	display:block;
	height:60px;
	overflow:hidden;
	position:relative;
	width:300px;
}
.prev a img,
.next a img {
	left:0;
	position:absolute;
}
.next a img:hover,
.prev a img:hover {
	position:absolute;
	left:-300px;
}
.pn02 .prev a img,
.pn02 .prev a img:hover { top:0px;}
.pn03 .prev a img,
.pn03 .prev a img:hover { top:-60px;}
.pn04 .prev a img,
.pn04 .prev a img:hover { top:-120px;}
.pn05 .prev a img,
.pn05 .prev a img:hover { top:-180px;}
.pn01 .next a img,
.pn01 .next a img:hover { top:-240px;}
.pn02 .next a img,
.pn02 .next a img:hover { top:-300px;}
.pn03 .next a img,
.pn03 .next a img:hover { top:-360px;}
.pn04 .next a img,
.pn04 .next a img:hover { top:-420px;}

/* ------------------------------------------------------------------ */
/*                             過去の特集                             */
/* ------------------------------------------------------------------ */
#feature { margin-top:50px;}
#feature h3 {
	background:url(https://img1.kakaku.k-img.com/images/article/search/search_new/feature930_top.gif) no-repeat;
	font-size:114%;
	padding:6px 10px 5px 12px;
}
#feature .featureBox {
	background:url(https://img1.kakaku.k-img.com/images/article/search/search_new/line_dots02.gif) repeat-x left bottom;
	line-height:140%;
	margin-top:10px;
	padding:0 10px 10px;
}
#feature .featureBox .headline {
	font-size:110%;
	font-weight:bold;
}