@charset "utf-8";


/* == overwrite ------------------------------------------------------------------ */

#container{
	background: url("/global/campaign/img/bg-contents-head.jpg") no-repeat right top;
}
.contentsHeaderBlock {
	padding: 0 0 45px;
}


/* == campaign ------------------------------------------------------------------ */
#contentsArea h3{
	margin: 13px 0;
}
h4{
	margin: 10px 0;
}

.tryBox{
	background: url("/global/common/img/bg-box02.gif") no-repeat left bottom;
	width: 820px;
	margin: 40px 0;
	padding: 0 0 13px 0;
}
.tryBox h4{
	background: url("/global/common/img/bg-box02.gif") no-repeat left top;
	width: 790px;
	margin: 0;
	padding: 13px 15px;
}
.tryBox dl {
	width: 790px;
	margin: 0;
	padding: 0 15px;
	overflow: hidden;
}
.tryBox dt{
	margin: 0 10px 0 0;
	padding: 0;
	width: 110px;
	float: left;
	clear: both;
}
.tryBox dd{
	margin: 0;
	padding: 0;
	width: 670px;
	float: left;
}
.tryBox p {
	width: 790px;
	margin: 13px 0 0 0;
	padding: 0 15px;
	overflow: hidden;
}

.bnListBox { overflow: hidden; margin: -60px 0 0 -10px; padding: 0; width: 840px; }
.bnListBox li { float: left; margin-right: 0; width: 250px; height: 240px; text-align: center; }
.bnListBox .bn-large { margin-top: 80px; }
.bnListBox .bn-middle { margin-top: 0; width: 340px; height: 160px; }
.bnListBox .bn-small { width: 170px; height: 190px; }
.bnListBox span { display: block; margin-top: 5px; }
.bnListBox em { display: block; color: #c83c00; }

.bnBox{
	background: url("/global/common/img/bg-box01.gif") no-repeat left bottom;
	width: 820px;
	margin: 40px 0 20px 0;
	padding: 0 0 15px 0;
}
.bnBox h4{
	background: url("/global/common/img/bg-box01.gif") no-repeat left top;
	width: 790px;
	margin: 0;
	padding: 13px 15px;
}

.bnBox ol{
	list-style: none;
	width: 790px;
	margin: 0 15px;
	padding: 0;
	overflow: hidden;
}
.bnBox ol li{
	background: url("/global/campaign/img/bg-arrow-d.gif") no-repeat 10% 100%;
	margin: 0 0 5px 0;
	padding: 0 0 20px 0;
}
.bnBox ol li.last{
	background: none;
	margin: 0;
	padding: 0;
}