@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	リンク・インプットをタップ時のクラス
------------------------------------------------------------*/
a.tapCtrl, input.tapCtrl,
.tapCtrl a, .tapCtrl input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.tap {

}

/*------------------------------------------------------------
	TOP
------------------------------------------------------------*/
#conts .campaign_b,
#conts .campaign,
#conts .gNavi {
	margin-bottom: 10px;	
}

#conts .campaign_b img,
#conts .campaign img,
#conts .gNavi li img {
	vertical-align: top;	
}

#conts .gNavi li {
	display: inline;
}

#conts .campaign_b a,
#conts .campaign a,
#conts .gNavi li a {
	display: block;
	margin-bottom: 7px;	
}

#conts .campaign_b a:hover img,
#conts .campaign a:hover img,
#conts .gNavi li a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}

#conts .campaign p a {
	background: url(../../img/index/bnr_campaign_over.jpg) no-repeat;
}

#conts .campaign_b p a {
	background: url(../../img/index/bn_benetton_over_20130328.jpg) no-repeat;
}

#conts .gNavi li.navi01 p a {
	background: url(../../img/index/gnavi01_over.jpg) no-repeat;
}

#conts .gNavi li.navi02 p a {
	background: url(../../img/index/gnavi02_over.jpg) no-repeat;
}

#conts .gNavi li.navi03 p a {
	background: url(../../img/index/gnavi03_over.jpg) no-repeat;
}

/*------------------------------------------------------------
	下層共通
------------------------------------------------------------*/
#conts .flL {
	float: left;
	width: 275px !important;
	margin-right: 10px;
}

#conts .flR {
	float: right;
	width: 275px !important;
}

#conts .linkArea {
	border-top: 1px solid #00A73C;
	padding: 15px 10px 0;
	margin: 0 auto 15px;
	overflow: hidden;
	clear: both;
}

#conts .linkArea .txt {
	float: left;
	margin-right: 20px;
	padding: 0 5px;
	background: #00A73C;
	height: 45px;
	line-height: 3.3;
	color: #fff;
	font-size: 14px;
}

#conts .linkArea ul {
	float: left;
	margin-top: 10px;
}

#conts .bnr {
	margin-bottom: 5px;
	text-align: center;	
}  

#conts .bnr li {
	display: inline;	
}

#conts .linkArea ul li a {
	font-size: 14px;
	color: #0068B7;
	text-decoration: none;
}

#conts .linkArea ul li a:hover {
	text-decoration: underline;
}

#conts h2 {
	margin: 0 0 8px 1px;
	padding: 1px 10px 3px;
	font-size: 15px;
	color: #fff;
}

#conts .topWrap_k h2 {
	background: url(../../img/index/main_ttl.jpg) no-repeat right bottom;
}

#conts .topWrap h2 {
	background: url(../../img/index/main_ttl.jpg) no-repeat right bottom;
}

#conts .wrap003 h2 {
	background: url(../../img/003/main_ttl.jpg) no-repeat right bottom;
}

#conts .wrap002 h2 {
	background: url(../../img/002/main_ttl.jpg) no-repeat right bottom;
}

#conts .lovedomeWrap h2 {
	background: url(../../img/lovedome/main_ttl.jpg) no-repeat right bottom;
}

#conts .keyVisual,
#conts .commonBox .itemTxt {
	margin-bottom: 10px;
	padding-bottom: 15px;
	zoom: 1;
}

#conts .commonBox h3 {
	margin-bottom: 10px;
	font-size: 13px;
}

#conts .commonBox .btn {
	clear: both;
	zoom: 1;
}

#conts .commonBox .topBtn {
	float: right;
}

#conts .commonBox .topBtn a,
#conts .commonBox .ftTop a {
	width: 105px;
	display: block;
	padding: 3px 0;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	
	/*background: -moz-linear-gradient(
		left ,
		rgb(0,160,228) 1%,
		rgb(44,47,128) 100%);
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0.01, rgb(0,160,228)),
		color-stop(1, rgb(44,47,128))
	);*/
	background: url(../../img/common/template/btn_pagetop.jpg) no-repeat;
}

#conts .commonBox .topBtn a:hover,
#conts .commonBox .ftTop a:hover {
	background: url(../../img/common/template/btn_pagetop_ov.jpg) no-repeat;
}

#conts .gotoTop {
	text-align: right;
	margin-bottom: 10px;
	font-size: 12px;
}

#conts .gotoTop a {
	color: #0068B7;		
}

#conts .gotoTop a:hover {
	text-decoration: none;
}

#conts .commonBox .ftTop {
	margin-bottom: 15px;
	clear: both;
}

#conts .commonBox .ftTop a {
	float: right;
}

#conts .commonBox .itemTxt ul {
	width: 100%;
	margin-bottom: 10px;
}

#conts .commonBox .itemTxt li {
	margin-bottom: 5px;
	border-radius: 10px 0 0 10px;
	clear: both;
	zoom: 1;
}

#conts .commonBox .itemTxt li a {
	display: block;
	text-decoration: none;
	clear: both;
	cursor: pointer;
}

#conts .commonBox .itemTxt li a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#conts .commonBox .itemTxt li span {
	display: block;
}

#conts .commonBox .itemTxt li .name {
	width: 35%;
	float: left;
	padding: 2px 10px;
	border-radius: 10px 0 0 10px;
	font-size: 12px;
	color: #fff;
	vertical-align: top;
	text-align: left;
}

#conts .commonBox .itemTxt li .detail {
	float: left;
	width: 59%;
	padding: 2px 0 2px 10px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

#conts .commonBox .itemTxt table .blank {
	background: #fff;
	height: 5px;
}

#conts .itemBox .itemBody {
	margin-bottom: 10px;
}

#conts .itemBox .flR {
	float: right;
	margin-bottom: 10px;
}

#conts .itemBox table {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
}

#conts .itemBox table th p {
	height: 16px;
	padding: 2px 10px 4px;
	text-align: left;
	color: #fff;
	font-size: 12px;
}

#conts .itemBox table td {
	vertical-align: top;
	padding: 5px;
}

#conts .itemBox table td:first-child {
	width: 90px;	
}

#conts .itemBox table td .itemImg {
	margin-top: 5px;
	display: block;
	padding-left: 5px;
}

#conts .itemBox table td .txt01 {
	font-size: 12px;	
}

#conts .listType {
    margin-bottom: 10px;	
}

#conts .listType li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
}

#conts .itemBox table td .feature {
	margin-bottom: 5px;
	text-align: right;
	text-align: center;
}

#conts .itemBox table td .txt02 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

#conts .itemBox table td .txt03 {
	font-size: 12px;
}