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


#contentsArea{
	width:100%;
	background:#F7F6F2;
	margin-bottom:0;
	padding-bottom:2em;
}
div#root{
	width:860px;
	margin-left:auto;
	margin-right:auto;
}
#contentsArea h2,
#contentsArea li,
#contentsArea p{
	text-align:left;
}
#contentsArea p{
	line-height:1.6;
}
#sodaWrap{
	width:100%;
	background:#F7F6F2;
	padding-top:40px;
}
#sodaWrap #aquaWrap1,
#sodaWrap #aquaWrap2,
#sodaWrap #aquaWrap3{
	width:100%;
	text-align:center;
}
#sodaWrap #aquaWrap1{
	background:url(../../img/pickup/sodapremium/aqua_bg1.png) no-repeat center 0;
}
#sodaWrap #aquaWrap2{
	background:url(../../img/pickup/sodapremium/aqua_bg2.png) no-repeat center 0;
}
#sodaWrap #aquaWrap3{
	background:url(../../img/pickup/sodapremium/aqua_bg3.png) no-repeat center 0;
}
#main{
	width:860px;
	margin:0 auto;
}
#main-inner{
	width:800px;
	margin:0 auto;
}
/*----------------#sec1--------------------*/
#main #sec1{
	width:862px;
	padding-bottom:40px;
	position:relative;
}
#main #sec1 .cnt1 img{
	display:block;
}
#main #sec1 .cnt1 img.fix1,
#main #sec1 .cnt1 img.fix2{
	position:absolute;
}
#main #sec1 .cnt1 img.fix1{
	top:-34px;
	right:30px;
}
#main #sec1 .cnt1 img.fix2{
	bottom:51px;
	left:29px;
}

/*----------------#sec2--------------------*/

#sec2,
#sec3{
	padding-bottom:25px;
}
#sec2 .cnt1{
	padding-bottom:40px;
}
#sec2 .cnt1 h2,
#sec2 .cnt1 .txt1{
	padding-bottom:20px;
}
#sec2 .cnt2 h2{
	padding-bottom:15px;
}
#sec2 .cnt2 ul.imgBox{
	width:800px;
	height:494px;
	position:relative;
}
#sec2 .cnt2 ul.imgBox li{
	width:262px;
	height:262px;
	position:absolute;
}
#sec2 .cnt2 ul.imgBox li.box1{
	top:0;
	left:2px;
}
#sec2 .cnt2 ul.imgBox li.box2{
	top:0;
	left:270px;
}
#sec2 .cnt2 ul.imgBox li.box3{
	top:0;
	right:0;
}
#sec2 .cnt2 ul.imgBox li.box4{
	top:235px;
	left:136px;
}
#sec2 .cnt2 ul.imgBox li.box5{
	top:235px;
	right:136px;
}

/*----------------#sec3--------------------*/

#sec3 .inner{
	width:800px;
	background:url(../../img/pickup/sodapremium/sec3_bgbottom.png) no-repeat bottom;
	padding-bottom:34px;
}
#sec3 .cntBox{
	width:800px;
	background:url(../../img/pickup/sodapremium/sec3_bgmiddle.gif) repeat-y 0 0px;
}
#sec3 .cnt1 .cntBox .img1{
	width:550px;
	padding:25px 125px 35px 125px;
}
#sec3 .cnt2 .cntBox h2{
	text-align:center;
	padding-bottom:25px;
}
#sec3 .detailBox{
	width:716px;
	margin:0 auto;
}
#sec3 .detailBox .leftBox{
	width:387px;
	float:left;
}
#sec3 .detailBox .leftBox ul{
	padding-bottom:12px;
}
#sec3 .detailBox .leftBox ul li{
	width:387px;
	display:block;
	padding-bottom:10px;
}
#sec3 .detailBox .leftBox p.txt1{
	padding-top:15px;
	width:343px;
	background:url(../../img/pickup/sodapremium/dotted.gif) repeat-x;
}
#sec3 .detailBox .rightBox{
	width:329px;
	float:left;
}
	
/*----------------#sec4--------------------*/

#sec4{
	padding-bottom:10px;
}
#sec4 .inner{
	width:800px;
	background:#FFF;
}
#sec4 .inner .detailBox{
	padding:28px 10px 10px 10px;
}
#sec4 .inner .detailBox .leftBox{
	width:314px;
	float:left;
}
#sec4 .inner .detailBox .leftBox h3{
	padding-bottom:15px;
}
#sec4 .inner .detailBox .rightBox{
	width:421px;
	float:left;
	padding-left:18px;
}

/*----------------#pagetop--------------------*/

#pagetop{
	width:800px !important;
} 
#pagetop a{
	width:127px;
	height:24px;
	display:block;
	background:url(../../img/pickup/sodapremium/pagetop_ovr.png) no-repeat;
	float:right;
}