@charset "euc-jp";
/* CSS Document */

/* Reset
=======================================*/

* {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	color: #152637;
}

body {
	font-size: 12px;
}

ul,li {
	padding:0;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	font-weight: bold !important;
}

table {
	border-collapse:separate;
}



/* Style
=======================================*/

.clear {
	clear: both;
}


.cont_box{
	width: 700px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	line-height: 1.3;
	background:url(/dol/campaign/friend2012/img/cnt_bg.jpg) top center;
}

.text_box_full{
	width: 600px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.3;
	color: #152637;
	/* border: solid 1px #000; */
}

.icon_box{
	padding-bottom: 5px;
}

.at{
	font-size: 10px;
	line-height: 1;
	color: #375823;
}

.Line{
	width: 100%;
	padding: 10px 0 10px 0;
	background:url(/dol/campaign/friend2012/img/Line.jpg) center center no-repeat;

}

#img_box_cont3{
	width: 700px;
	height: 263px;
	margin: 0 auto;
	text-align: center;
	background:url(/dol/campaign/friend2012/img/img3.jpg) top center no-repeat;
}

#img_box_cont4{
	width: 655px;
	height: 253px;
	margin: 0 auto;
	text-align: center;
	text-align: left;
	padding-left: 45px;
	padding-top: 10px;
	background:url(/dol/campaign/friend2012/img/img4.jpg) top center no-repeat;
}
#img_box_cont4 table{
	height: 215px;
	border-collapse: collapse;
}

#img_box_cont4 td{
	border: solid 1px #fff;
	padding: 5px;
	text-align: center;
}

td.bg_color1{ background: #f4ced9;}
td.bg_color2{ background: #c8eab9;}
td.bg_color3{ background: #c2e0ed;}

.cont_in_box{
	width: 700px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background:url(/dol/campaign/friend2012/img/cnt_in_bg.jpg) top center;
	/* border: solid 1px #000; */

}

#btn_text{
	width: 281px;
	height: 43px;
	margin: 0 auto;
	text-align: right;
	/* border: solid 1px #000; */
	float: right;
	padding: 12px 48px 0 0;
}

#btn_text a{
	width: 281px;
	height: 43px;
	display: block;
	background: url(/dol/campaign/friend2012/img/btn_sele.jpg) 0 0 no-repeat;
}

#btn_text a:hover{
	background: url(/dol/campaign/friend2012/img/btn_sele.jpg) 0 -43px no-repeat;
}

#btn_text strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


#btn_img{
	width: 310px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	/* border: solid 1px #000; */
	float: left;
	padding: 15px 0 0 45px;
	
}

#btn_img a{
	width: 276px;
	height: 205px;
	display: block;
	/* border: solid 1px #000; */
	/* background: #ff8040; */
}

#btn_img strong{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* Layout
=======================================*/




#closebt{ width: 140px; margin: 0 auto; text-align: center;}
#closebt a{ background: url(/dol/hangame/static/live_event/img/close.jpg) no-repeat 0 0; height: 35px; width: 140px; display: block;}
#closebt a:hover{ background: url(/dol/hangame/static/live_event/img/close.jpg) no-repeat 0 -35px; height: 35px; width: 140px; display: block;}
#closebt strong{ position: absolute; width: 0; height: 0; overflow: hidden;}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}