@charset "utf-8";
/* CSS Document */

/* ---------- ▼ヘッダーここから ---------- */
/* ---------- ヘッダーイメージ ---------- */
div#wrapper div#main-col div#cont-hdr {
	width:330px;
	height:170px;
	margin:20px auto 10px;
	padding:10px 397px 10px 10px;
	background:url(img/cont_topbanner-event.jpg) no-repeat;
}

/* ---------- ヘッダー見出し ---------- */
div#cont-hdr h3 {
	margin:0 0 8px 0;
	padding:0;
	font-size:1.6em;
	text-align:center;
}

/* ---------- ヘッダーイメージ左テキスト ---------- */
div#cont-hdr p {
	line-height:150%;
	text-align:justify;
	color:#000000;
}

/* ---------- ヘッダーイメージ左テキスト内アンカー ---------- */
div#cont-hdr p a {
	font-size:1.0em;
}
/* ---------- ▲ヘッダーここまで ---------- */
/* ---------- ▼メインコンテンツここから ---------- */
/* ---------- コンテンツボックス ---------- */
div#main-col div.contbox {
	width: 730px;
	margin : 10px auto;
	border: 1px solid #0081A6;
}

/* ---------- コンテンツボックスh4 ---------- */
div.contbox h4 {
	width:95%;
	height:20px;
	margin:0.5em auto;
	padding:0 0 0 20px;
	background:url(../img/cap_3dt.gif) no-repeat;
	line-height:20px;
	font-size:1.6em;
	color:#304CBF;
}

div.contbox p {
	margin: 0.5em 0.3em 0.5em;
	line-height:150%;
}

div.contbox img {
	margin:20px 0 20px 65px;
}

div.contbox ul {
	width: 400px;
	margin: 1.5em auto 1.5em;
	padding-left:16px;
	list-style-type: disc;
	background-color:#FFF1D0;
	border:5px #0033FF groove;
}

div.contbox ul li {
	margin: 0.5em;
	font-size: 1.4em;
	font-weight: bold;
}

/* ---------- キャンペーンご案内ボックス ---------- */
div.contbox ul.cpn { width: 600px; margin: 1.5em auto 1.5em; padding-left:16px; list-style-type: disc; background-color:#DFE6FF; border:5px #FFB300 ridge; }
.contbox ul.cpn li { margin: 0.5em; font-size: 1.4em; line-height:120%; }
.contbox ul.cpn li dl dt { color: #FF0000; }
.contbox ul.cpn li dl dd dl dt { width: 40px; float: left; margin-left: 30px; font-weight: normal; color: #484848; }
.contbox ul.cpn li dl dd dl dd { margin-left: 70px; font-weight: normal; }
dd a { font-size: 100%; }

ul#sly { width: 350px; margin: 0 0 0 10px; background: none; border: none; }
ul#sly li dl dt { width: 5em; float: left; }
ul#sly li dl dd { margin-left: 5.5em; }


div.trade-1 { width: 740px; height: 370px; margin: 0 auto; }

#atm_camp { width: 700px; position: absolute; left: 20px; top: 80px; }

#atm_camp table { border: 1px solid #0033FF; }

#atm_camp table tr td { border: 1px solid #0033FF; padding-left: 3px; line-height: 18px; }

#atm_camp table tr td.tit { width: 17%; height:20px; font-weight: bold; }

#atm_camp table tr td.cont { width: 33%; height:20px; }

#atm_camp h3 { width: 600px; font-weight: bold; font-size: 16px; color: #FF0000; }

#atm_camp h3 a { font-size: 100%; color: #FF0000; text-decoration: none; }

#atm_camp p { width: 80%; line-height: 125%; padding: 10px 60px 0; }

h4#camp_ctn { color: #FF0000; margin: 0 5px 20px; }