body {
 font-size: 12px;
 line-height:17px;
 font-family:sans-serif;
 -webkit-text-size-adjust: none;
 text-align:justify;  
 text-justify: inter-ideograph;
  background: #e4f4f1 /* url(/tgs2012/net/campaign/images/back.jpg) top center repeat-y */ ;
}

a {text-decoration: none;}

.pc_w{
	/* width: 80%;
	min-width: 800px;  */
	width: 800px;
	margin: 0 auto;
	text-align: center;
	border: solid 1px #4db59f;
	background: #fff;

}

header h1 {
 margin: 4px 10px;
 font-weight: normal;
 font-size:12px;
 color:#666;
}

header div#main-pic-container {
 background:#fff;
}

header #main-pic {
 position: relative;
 width: 800px;
 height: 195px;
 margin: 0 auto;
}

header #main-pic div {
 position: absolute;
 text-align:center;
}

.filp-front {
 -webkit-animation: flip1 10s infinite;
}

.filp-back {
 -webkit-animation: flip2 10s infinite;
}


footer nav ul {
 height: 30px;
}
footer nav li {
 /* width: 20%; */
 float:left;
 font-size: 10px;
 /* border: solid 1px #000; */
}
footer nav li a {
 display:block;
 text-align:center;
 color:#6b6b6b;
 line-height:44px;
 font-size: 10px;
 text-shadow: 0 1px 1px #ffffff;
 text-decoration: none;
 padding: 0 5px;
}
footer nav li:first-child a {
 border-left:none;
}

div#lead {
 padding: 8px 10px;
 text-align: left;
}

section#gift h2 {
 background: #3698c5;
 font-size: 20px;
 padding: 8px 10px;
 color:#ffffff;
 margin-bottom: 10px;
 margin-top: 10px;
 text-align: left;
}

section#gift h3{
 width: 99%;
 /* background: #abd5e9; */
 font-size: 14px;
 padding: 8px 0 3px 0;
 color:#174357;
 margin: 0 auto 10px auto;
 text-align: left;
 border-bottom: solid 1px #abd5e9;
}
.text_box{
	text-align: left;
	padding: 0 5px;
}

.gift_List{
	width: 785px;
	margin: 0 auto;
	text-align: center;
	/* border: solid 1px #000; */
	margin-bottom: 10px;

}

section#gift .gift_item {
 position: relative;
 width: 254px;
 border: solid 2px #ddd;
 min-height: 56px;
 line-height: 1.4;
 float:left;
 text-align: center;
 margin: 0 auto;
 margin-right: 5px;
 background: #fff;
}

section#gift .gift_item:last-child{
	margin-right: 0px;
}

section#gift .gift_item h4 {
 font-weight: bold;
 padding-top: 10px;
 color:#000;
 font-size: 14px;
}

section#gift .gift_item h5{
 font-weight: bold;
 padding-top: 10px;
 color:#000;
 font-size: 14px;
 min-height: 30px;
}

.item_ss{
	 width: 210px;
	 height: 129px;
	 border: solid 1px #000;
	 margin: 0 auto;
	 text-align: center;
}
.item_text{
	width: 210px;
	 height: 50px;
	 /* border: solid 1px #000; */
	 margin: 0 auto;
	 text-align: left;
	 padding-top: 5px;
	 font-size: 12px;
	 line-height: 1.2;
}

.info_s{
	height: 20px;
	border: 0;
	background: #71c6b5;
	/* box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);*/
	padding-top: 10px;
	padding-bottom: 5px;
}

.info{
	height: 130px;
	border: 0;
	background: #e8e8e8;
	/* box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);*/
	padding-top: 10px;
	padding-bottom: 5px;
}

.pc_stdiv{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.common_link{
	padding-top: 5px;
}

.title{
	padding: 20px 5px 10px 10px;
	text-align: left;
	margin: 20px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #582814;
}

.bg_online{
	background: #fdd2d2;
	padding-bottom: 10px;
}

.bg_mbg{
	background: #fffbd0;
	padding-bottom: 10px;
}

.bg_gree{
	background: #d9ffd0;
	padding-bottom: 10px;
}



section#gift .gift_item2 {
 position: relative;
 width: 500px;
 min-height: 56px;
 line-height: 1.4;
 float:left;
 text-align: left;
 margin: 0 auto;
 margin-right: 5px;
 background: #fff;
}


section#gift .gift_item2 h4 {
 font-weight: bold;
 padding-top: 10px;
 color:#000;
 font-size: 14px;
}

a{ color: #004080; text-decoration: underline;}
a:visited { color: #004080; }
a:hover { color: #f00; text-decoration: none;}
a:active { color: #004080; }




.btn_free a{
	width: auto;
	/* min-width: 100px; */
	background: #fff;
	padding: 5px;
	display: block;
	float: left;
	margin-left: 5px;
	text-decoration: none;
	color: #800000;
	border: solid 2px #47af9a;
	text-align: center;
}
.btn_free a:visited { color: #800000; }
.btn_free a:hover { background: #3698c5; color: #fff; /* text-decoration: underline; */ border: solid 2px #1c4e66;}
.btn_free a:active { color: #800000; }


.topup{
	width: 95%;
	margin: 0 auto;
	text-align: right;
}

footer {
 border-top: solid 1px #ccc;
 padding: 5px 0;
 text-align: center;
}

footer small {
 font-size: 12px;
 color:#666666;
}

.rubi{
	font-size: 10px;
	font-weight: normal;
	margin-bottom: -3px;
}

.red{
	color: #800000;
}



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