@charset "utf-8";

html,
body{
	height:100%;
}

body{
	min-width:1600px;
	min-height:900px;
	position:relative;
}


/** Header  **/
#header{
	position:absolute;
	left:50%;
	top:0;
	width:1534px;
	margin-left:-767px;
	z-index:99;
}

#header h1{
	float:left;
	width:204px;
	height:165px;
	padding:15px 0 0 266px;
	background:url('../images/common/header_bg01.png') no-repeat left bottom;
}

#header .right_box{
	margin-left:696px;
	height:116px;
	background:url('../images/common/header_bg02.png') no-repeat right bottom;
}

.main #header .right_box{
	height:77px;
	font-size:0;
}

#header .right_box .toplink{
	text-align:right;
	font-size:0;
	padding:18px 122px 0 0;
}

#header .right_box .toplink li{
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	margin-left:20px;
}

#header .right_box .toplink li.sns01{
	margin-left:28px;
}
#header .right_box .toplink li.sns02{
	margin-left:5px;
}

*:first-child + html #header .right_box .toplink li{
	display:inline;
}

#header .right_box .topmenu{
	padding:8px 0 0 162px;
	display:none;
}

#header .right_box .topmenu li{
	float:left;
	width:117px;
	height:26px;
	margin-right:8px;	
}

#header .right_box .topmenu li.on{
	background:url('../images/sub/common/bar.png') no-repeat center 2px;
}

#header .right_box .topmenu li a,
#header .right_box .topmenu li span{
	display:block;
	height:100%;
	text-indent:-9999px;
}

#header .right_box .topmenu li.menu01 a{
	background:url('../images/sub/common/gnb01.png') no-repeat center center;
}

#header .right_box .topmenu li.menu02 a,
#header .right_box .topmenu li.menu02 span{
	background:url('../images/sub/common/gnb02.png') no-repeat center center;
}

#header .right_box .topmenu li.menu03 a{
	background:url('../images/sub/common/gnb03.png') no-repeat center center;
}

#header .right_box .topmenu li.menu04 a{
	background:url('../images/sub/common/gnb04.png') no-repeat center center;
}

#header .right_box .topmenu li.menu01.on a{
	background:url('../images/sub/common/gnb01_on.png') no-repeat center center;
}

#header .right_box .topmenu li.menu02.on a{
	background:url('../images/sub/common/gnb02_on.png') no-repeat center center;
}

#header .right_box .topmenu li.menu03.on a{
	background:url('../images/sub/common/gnb03_on.png') no-repeat center center;
}

#header .right_box .topmenu li.menu04.on a{
	background:url('../images/sub/common/gnb04_on.png') no-repeat center center;
}



#gnb{
	position:absolute;
	left:50%;
	margin-left:-576px;
	top:140px;
	padding-top:84px;
	background:url('../images/main/gnb_bg.png') no-repeat center top;
	z-index:99;
}

#gnb span{
	cursor:pointer;
}

#gnb .end{
	margin-top:16px;
}

.sub #gnb{
	display:none;
}

/** Main **/
#main{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
	min-height:100%;
	background:#ebfdfc url('../images/main/main_bg.jpg') no-repeat center bottom;
}

#main .sun{
	position:absolute;
	left:50%;
	bottom:744px;
	margin-left:508px;
}
#main .clouds li{
	position:absolute;
	left:50%;
}

#main .clouds li img{
	width:100%;
	left:0;
	height:auto;
	position:relative;
}

#main .clouds li.cloud01{
	bottom:761px;
	margin-left:-855px;
	width:34px;
}

#main .clouds li.cloud02{
	bottom:655px;
	margin-left:-700px;
	width:72px;
}

#main .clouds li.cloud03{
	bottom:838px;
	margin-left:10px;
	width:108px;
}

#main .clouds li.cloud04{
	bottom:802px;
	margin-left:374px;
	width:72px;
}

#main .clouds li.cloud05{
	bottom:740px; 
	margin-left:422px;
	width:122px;
}

#main .clouds li.cloud06{
	bottom:662px;
	margin-left:562px;
	width:44px;
}

#main .clouds li.cloud07{
	bottom:692px;
	margin-left:824px;
	width:32px;
}

#main .ship{
	position:absolute;
	left:50%;
	bottom:552px;
	margin-left:-140px;
}

#main .winds li{
	position:absolute;
	left:50%;
	z-index:9;
}

#main .winds li p img{
	width:100%;
	height:auto;
}

#main .winds li.wind01{
	margin-left:-685px;
	bottom:542px;
}

#main .winds li.wind01 .img01{
	position:absolute;
	left:0;
	width:57px;
	top:-20px;
}

#main .winds li.wind01 .img02{
	position:absolute;
	left:13px;
	top:0;
	width:30px;
}

#main .winds li.wind02{
	margin-left:-280px;
	bottom:552px;
}

#main .winds li.wind02 .img01{
	position:absolute;
	width:57px;
	left:0;
	top:-20px;
}

#main .winds li.wind02 .img02{
	position:absolute;
	left:13px;
	top:0;
	width:30px;
}


#main .winds li.wind03{
	margin-left:-225px;
	bottom:522px;
}

#main .winds li.wind03 .img01{
	position:absolute;
	left:0;
	width:38px;
	top:-15px;
}

#main .winds li.wind03 .img02{
	position:absolute;
	left:10px;
	width:18px;
	top:0;
}

#main .txt li{
	position:absolute;
	left:50%;
	z-index:9;
}

#main .txt li.txt01{
	margin-left:-358px;
	top:124px;
	display:none;
}

#main .txt li.txt02{
	margin-left:-348px;
	top:196px;
	display:none;
}

#main .txt li.txt03{
	margin-left:-350px;
	top:278px;
	display:none;
}

#main .milks li{
	position:absolute;
	left:50%;
}

#main .milks li.bg{
	margin-left:2px;
	bottom:336px;
	display:none;
}

#main .milks li.milk01{
	margin-left:15px;
	bottom:376px;
}

#main .milks li.milk01 img{
	position:relative;
	top:-650px;
}

#main .milks li.milk02{
	margin-left:102px;
	bottom:345px;
	z-index:2;
}
#main .milks li.milk02 img{
	position:relative;
	top:-700px;
}

#main .milks li.milk03{
	margin-left:228px;
	bottom:372px;
}
#main .milks li.milk03 img{
	position:relative;
	top:-700px;
}


#main .milks li.weed01{
	margin-left:68px;
	bottom:372px;
	z-index:3;
}

#main .milks li.weed02{
	margin-left:118px;
	bottom:345px;
	z-index:3;
}

#main .milks li.best{
	position:absolute;
	left:50%;
	bottom:600px;
	z-index:9;
	margin-left:274px;
	display:none;
}

#main .cows li{
	position:absolute;
	left:50%;
}

#main .cows li.cow01{
	margin-left:-636px;
	bottom:352px;
}

#main .cows li.cow02{
	margin-left:-132px;
	bottom:424px;
}

#main .cows li.cow03{
	margin-left:-504px;
	bottom:224px;
}


#main .cows li.cow04{
	margin-left:508px;
	bottom:412px;
}

#main .cows li.cow05{
	margin-left:310px;
	bottom:322px;
}

#main .milkman{
	position:absolute;
	left:50%;
	margin-left:-256px;
	bottom:270px;
}

#main .main_btn{
	position:absolute;
	left:50%;
	margin-left:427px;
	bottom:238px;
}


#footer{
	position:absolute;
	left:50%;
	bottom:52px;
	width:600px;
	margin-left:-484px;
}

#footer .logo{
	float:left;
}

#footer .txt{
	margin-left:130px;
}




/** SubStyle **/
#sub{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
	min-height:100%;
	background:#ebfdfc url('../images/sub/common/sub.jpg') no-repeat center bottom;
	display:none;
}
*:first-child+html #sub{
	
	background:#ebfdfc url('../images/sub/common/sub.jpg') no-repeat center bottom fixed;
}
#sub .sun{
	position:absolute;
	left:50%;
	bottom:710px;
	margin-left:-558px;
}
#sub .clouds li{
	position:absolute;
	left:50%;
}

#sub .clouds li img{
	width:100%;
	height:auto;
	position:relative;
}

#sub .clouds li.cloud01{
	bottom:654px;
	margin-left:-700px;
	width:72px;
}

#sub .clouds li.cloud02{
	bottom:706px;
	margin-left:-642px;
	width:120px;
}

#sub .clouds li.cloud03{
	bottom:656px;
	margin-left:-228px;
	width:74px;
}

#sub .clouds li.cloud04{
	bottom:688px;
	margin-left:-142px;
	width:106px;
}

#sub .clouds li.cloud05{
	bottom:618px; 
	margin-left:240px;
	width:72px;
}

#sub .clouds li.cloud06{
	bottom:738px;
	margin-left:480px;
	width:34px;
}

#sub .clouds li.cloud07{
	bottom:662px;
	margin-left:562px;
	width:40px;
}


#sub .ship{
	position:absolute;
	left:50%;
	bottom:552px;
	margin-left:-140px;
}

#sub .winds li{
	position:absolute;
	left:50%;
	z-index:9;
}

#sub .winds li p img{
	width:100%;
	height:auto;
}

#sub .winds li.wind01{
	margin-left:-685px;
	bottom:542px;
}

#sub .winds li.wind01 .img01{
	position:absolute;
	left:0;
	width:57px;
	top:-20px;
}

#sub .winds li.wind01 .img02{
	position:absolute;
	left:13px;
	top:0;
	width:30px;
}

#sub .winds li.wind02{
	margin-left:-280px;
	bottom:552px;
}

#sub .winds li.wind02 .img01{
	position:absolute;
	width:57px;
	left:0;
	top:-20px;
}

#sub .winds li.wind02 .img02{
	position:absolute;
	left:13px;
	top:0;
	width:30px;
}


#sub .winds li.wind03{
	margin-left:-225px;
	bottom:522px;
}

#sub .winds li.wind03 .img01{
	position:absolute;
	left:0;
	width:38px;
	top:-15px;
}

#sub .winds li.wind03 .img02{
	position:absolute;
	left:10px;
	width:18px;
	top:0;
}
#sub .winds li.wind_bg{
	margin-left:-678px;
	bottom:487px;
	
}


#sub .cows li{
	position:absolute;
	left:50%;
}

#sub .cows li.cow01{
	margin-left:-528px;
	bottom:434px;
}

#sub .cows li.cow02{
	margin-left:565px;
	bottom:344px;
}
#sub .cows li.cow_weed{
	margin-left:-480px;
	bottom:434px;
	width:14px;
}
#sub .cows li.cow_weed img{
	width:100%;
	height:auto;
}


#sub .milkman{
	position:absolute;
	left:50%;
	margin-left:-808px;
	bottom:240px;
	z-index:99;
}

#sub .weed{
	position:absolute;
	left:50%;
	margin-left:-260px;
	top:50%;
	margin-top:196px;
	z-index:99;
}

#container{position:absolute;left:0; top:0;height:100%;z-index:9;}
#container > div{float:left;height:100%;position:relative}

/** Scene01 **/
#container #scene01{}
#container #scene01 .inner_con{
	position:absolute;
	left:50%;
	top:50%;
	width:968px;
	height:572px;
	background:url('../images/sub/sub01/sub01_bg.png') no-repeat left top;
	margin:-316px 0 0 -440px;
}

#container #scene01 .inner_con .inner_title{
	margin-top:-10px;
	text-align:center;
	margin-bottom:20px;
}

#container #scene01 .inner_con .inner_list{
	padding-left:106px;
}

#container #scene01 .inner_con .inner_list li{
	float:left;
	width:164px;
	height:120px;
	padding-left:163px;
	padding-top:12px;
	margin-right:70px;
	margin-bottom:12px;
	position:relative;
	background:url('../images/sub/sub01/dashed.png') repeat-x left bottom;
}

#container #scene01 .inner_con .inner_list li .icon{
	position:absolute;
	left:16px;
	top:0px;
	z-index:2;
}

#container #scene01 .inner_con .inner_list li .icon02{
	position:absolute;
	left:106px;
	top:-3px;
	z-index:2;
}

#container #scene01 .inner_con .inner_list li.bg_none{
	background:none;
}

#container #scene01 .inner_con .inner_list li.type02{
	padding-top:0px;
	height:132px;
}

#container #scene01 .inner_con .inner_list li .txt{
	margin-bottom:8px;
}

#container #scene01 .inner_con .inner_list li .thumb{
	position:absolute;
	left:0;
	top:0;
	width:163px;
	height:132px;
	text-align:center;
}


/** Scene03 **/
#container #scene03{}
#container #scene03 .inner_con{
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:510px;
	background:url('../images/sub/sub03/sub03_bg.png') no-repeat left top;
	margin:-290px 0 0 -360px;
}

#container #scene03 .inner_con .large_box{
	position:absolute;
	left:15px;
	top:76px;
	width:521px;
	height:297px;
	padding:10px 0 0 13px;
	background:url('../images/sub/sub03/large_bg.png') no-repeat left top;
}

#container #scene03 .inner_con .right_box{
	position:absolute;
	left:550px;
	top:100px;
	width:238px;
	text-align:center;
	font-size:0;
}

#container #scene03 .inner_con .right_box .list02{
	margin:26px 0 38px 0;
}

#container #scene03 .inner_con .right_box li a{
	margin:0 4px;
}

#container #scene03 .inner_con .thumb_list li{
	position:absolute;
}

#container #scene03 .inner_con .thumb_list li.thumb01{
	left:82px;
	top:388px;
}

#container #scene03 .inner_con .thumb_list li.thumb02{
	left:210px;
	top:404px;
}

#container #scene03 .inner_con .thumb_list li.thumb03{
	left:276px;
	top:394px;
}

#container #scene03 .inner_con .thumb_list li.thumb04{
	left:416px;
	top:398px;
}

#container #scene03 .inner_con .thumb_list li.thumb05{
	left:565px;
	top:398px;
}

#container #scene03 .inner_con .thumb_list li.thumb06{
	left:712px;
	top:396px;
}


/** Scene04 **/
#container #scene04{}
#container #scene04 .inner_con{
	position:absolute;
	left:50%;
	top:50%;
	width:718px;
	height:414px;
	padding-top:80px;
	background:url('../images/sub/sub04/sub04_bg.png') no-repeat left top;
	margin:-276px 0 0 -320px;
	text-align:center;
	font-size:0;
}
#container #scene04 .inner_con .event{
	position:absolute;
	left:-32px;
	top:60px;
}

#container #scene04 .inner_con .txt01{
	margin-bottom:18px;
	padding-left:30px;
}

#container #scene04 .inner_con .txt02{
	margin-bottom:14px;
}

#container #scene04 .inner_con .txt03{
	margin-bottom:12px;
	padding-right:18px;
}

#container #scene04 .inner_con .txt04{
	margin-bottom:18px;
}





#prev{position:fixed; top:50%; left:50%;margin-top:-90px;margin-left:-570px;text-indent:-9999px;cursor:pointer;z-index:999;width:64px;height:64px;background:url('../images/sub/common/prev.png') no-repeat left top;}
#next{position:fixed; top:50%; left:50%;margin-top:-90px;margin-left:500px;text-indent:-9999px;cursor:pointer;z-index:999;width:64px;height:64px;background:url('../images/sub/common/next.png') no-repeat left top;}