@charset "utf-8";

/*
カワイイをつくる.com
Copyright (C) KAO Corporation. All Rights Reserved.

[Present]
0. Import CSS
1. Common
2. presentTop
3. presentEntry

*/

/* //////////////////////////////////////////////////
[Present]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	@: 0. Import CSS
-------------------------------------------------- */
@import url(/kawatsuku/css/base.css);
@import url(/kawatsuku/css/base.module.css);

/* --------------------------------------------------
	@: 1. Common
-------------------------------------------------- */
.end {
	color: #ff9300;
	font-weight: bold;
	margin: 3px 0 0 0;
}

.icnEnd {
	position: absolute;
	top: 40px;
	right: 10px;
}

/* --------------------------------------------------
	@: 2. presentTop
-------------------------------------------------- */

/* @: ttlPage
----------------------------------- */
.presentTop .ttlPage {
	position: relative;
	*zoom: 1;
}
.presentTop .ttlPage p {
	font-weight: bold;
	color: #EB4C77;
}
.presentTop .ttlPage p.info {
	float: left;
	width: 560px;
	/*text-align: center;*/
	line-height: 2;
}
.presentTop .ttlPage p.alertMembers {
	float: right;
	width: 350px;
	line-height: 2;
}

/* @: blockIndex
----------------------------------- */
.presentTop .blockIndex {
	margin-top:30px;
	margin-bottom: 30px;
}
.presentTop .blockIndex .unitIndex {
}
.presentTop .blockIndex .unitIndex li {
	float: left;
}
.presentTop .blockIndex .unitIndex li.link {
	padding: 15px 0 0 15px;
}
.presentTop .blockIndex .unitIndex .blands {
	width: 950px;
	float: left;
}
.presentTop .blockIndex .unitIndex .blands h2 {
	position: relative;
	z-index: 1;
}
.presentTop .blockIndex .unitIndex .blands h2.center {
	text-align: center;
}
.presentTop .blockIndex .unitIndex .blands p {
	position: relative;
	margin-top: -66px;
}

.presentTop .blockIndex .unitIndex .blands ul {
}
.presentTop .blockIndex .unitIndex .upper {
	width: 940px;
	padding-top: 10px;
	margin:0 auto;
	/*background: url(/kawatsuku/img/present/top/line_index_01.png) no-repeat left bottom;*/
}
.presentTop .blockIndex .unitBnr1 {
	float: right;
	width: 218px;
	padding-top: 77px;
}

.presentTop .blockIndex .unitBnr2 {
	float: right;
	width: 218px;
	padding-top: 25px;
}

/* @: blockPresent
----------------------------------- */
.blockPresent {
	background: url(/kawatsuku/img/present/top/bg_present_mdl.jpg) repeat-y;
}
.blockPresent .body {
	background: url(/kawatsuku/img/present/top/bg_present_top.jpg) no-repeat;
}
.blockPresent .inner {
	position: relative;
	padding-bottom: 70px;
	background: url(/kawatsuku/img/present/top/bg_present_btm.jpg) no-repeat left bottom;
}
.blockPresent .unitImg {
	overflow: hidden;
	float: left;
	width: 585px;
	text-align: center;
}
.blockPresent .unitImg h3 {
	position: absolute;
	top: 0;
	left: 0;
}
.blockPresent .unitImg .img {
clear: left;
}
.blockPresent .unitImg .img img{
float:left;
margin:0;
padding:0;
}
.blockPresent .unitImg .note {
	margin-top: 10px;
	font-size: 93%;
}
.blockPresent .unitTxt {
	overflow: hidden;
	_display: inline;
	float: right;
	width: 325px;
	margin-right: 40px;
	padding-top: 70px;
}
.blockPresent .unitTxt .term {
	margin-bottom: 20px;
}
.blockPresent .unitTxt .txt {
	margin-bottom: 1em;
	font-size: 93%;
}
.blockPresent .unitTxt .txt .num {
	vertical-align: middle;
	margin: 3px 5px 3px 0;
}

/* @: blockRule
----------------------------------- */
.presentTop .blockRule {
	margin-bottom: 30px;
}
.presentTop .blockRule h2 {
	margin-bottom: 30px;
}
.presentTop .boxRule {
	background: url(/kawatsuku/img/present/top/bg_rule_mdl.png) repeat-y;
	*zoom: 1;
}
.presentTop .boxRule .inner {
	background: url(/kawatsuku/img/present/top/bg_rule_top.png) no-repeat;
}
.presentTop .boxRule .inner2 {
	padding: 30px;
	background: url(/kawatsuku/img/present/top/bg_rule_btm.png) no-repeat left bottom;
}

/* @: goPageTop
----------------------------------- */
.presentTop .goPageTop {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* @: presentDetail
----------------------------------- */
.presentTop .presentDetail {
	position: absolute;
	top: 112px;
	left: 122px;
}

ul.listActionBtnC {
	margin-top: 10px;
}