@charset "UTF-8";

/*/////////////////////////////////////////////////////////////////
*
* ---- depth ----
* 10 content1
* 20 content2
* 30 content3
* 40 content4
*
* 100 bgContainer
* 500 view
* 900 c3ScrollArea(Carousel)
* 998 footer
* 999 header
*
*
/////////////////////////////////////////////////////////////////*/

/* header
/////////////////////////////////////////////////////////////////*/

.header{
	width:100%;
	height:57px;
	background: url(../img/bg_header_shadow.png) 0 bottom repeat-x;
	z-index: 999;
}
.header .pattern{
	width:100%;
	height:50px;
	text-align: center;
	background:#65312b;
}
.header .inner{
	margin: 0 auto;
	width:1024px;
	height:400px;
	text-align: left;
	position: relative;
}

.header .inner #viewLogo{
	position: absolute;
	top: 0;
	left:42px;
	z-index:1000;
}
.header .inner #viewInfo{
	z-index:1000;
	position: absolute;
	top: 212px;
	right:123px;
	z-index:800;
}
.header .inner .pagetop{
	float: right;
	margin:11px 10px 0 0;
}
.sns{
	float: right;
	margin:18px 0 0 10px;
}
.tw, .fb, .go{
	margin:0 2px 0 0;
	float:left;
}
.tw{
	width:68px;
	overflow:hidden;
}
.fb{
	width:70px;
	overflow:hidden;
}
.go{
	width:33px;
	overflow:hidden;
}

/* debug <div id="scrollValue">0</div>*/
#scrollValue{
	position: fixed;
	z-index: 9999;
}
/* container
/////////////////////////////////////////////////////////////////*/

#container{
	background: #fff;
	text-align:center;
}

/* slider */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 15px 0 35px 0;
	*zoom: 1;
}

.bx-wrapper img {
/*	max-width: 100%;*/
	display: block;
}
#slideAll{
	width:1024px;
	height:366px;
	margin:0 auto;
	position: relative;
}
#slider{
	width:2400px;
	position: absolute;
	left:50%;
	margin-left:-1200px;
	z-index: 500;
	overflow: hidden;
}
hr.sec{
		background:url(../img/bg_pattern.gif) repeat-x left bottom;
		border:0;
		height:29px;
}

/* main container
/////////////////////////////////////////////////////////////////*/
#content1{
	width:100%;
	height:2720px;
	background: url(../img/pattern1.gif);
}
#content1 .inner,
#content2 .inner{
	width: 960px;
	margin:0 auto;
	position: relative;
}
#content1 .inner img{
	position: absolute;
}
#content1 .pagetop{
	padding:2400px 130px 0 0;
	float:right;
}

#content2{
	position: relative;
	width:100%;
	background: url(../img/pattern2.gif);
	overflow:hidden;
}
#content2 .inner{
	padding:0 0 142px 0;
}
#content2 h2 img{
	padding:20px 40px 14px 0;
}
#content2 .pagetop{
	position: absolute;
	bottom:20px;
	right:5px;
	z-index:1000;
}
.pageNavi{
	width:860px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -430px;
}
.pageNavi .bContact,
.pageNavi .pagetop{
	float: right;
	width:112px;
}
.pageNaviBtm{
	width:860px;
	position: absolute;
	bottom:0;
	left: 50%;
	margin-left: -430px;
}
.pageNaviBtm .pagetop{
	float: right;
	width:112px;
}

/* content
/////////////////////////////////////////////////////////////////*/
#content1 h2{
	text-align:center;
	padding:0 0 0 18px;
}
#content1 h2 img{
	position: relative !important;
/*	top:12px;
	left:227px;*/
}
#content1 p.lead {
	padding:20px 0 0 25px;
}
#content1 p.lead img{
	position: relative !important;
/*	top:192px;
	left:250px;*/
}
#nori img{
	top:1361px;
	left:276px;
	z-index:800;
}
#spoon img{
	top:1240px;
	right:140px;
	z-index:800;
}
#heart img{
	top:1765px;
	left:38px;
	z-index:800;
}
#ttl1 img{
	top:3px;
	left:213px;
}

#c1Ttl2 img{
	top:303px;
	left:3px;
}
#ttl2 img{
	top:295px;
	left:0;
}
#c1Ttl3 img{
		top:850px;
	right:-17px;
}
#ttl3 img{
	top:843px;
	right:-23px;
}
#c1Img1 img{
	top:0;
	left:-11px;
}

#c1Img3 img{
	top:-40px;
	left:750px;
	z-index:800;
}
#ttl6 img{
	position: absolute;
	top:70px;
	left:890px;
}
#c1Img4 img{
	top:426px;
	left:0;
}
#c1Img5 img{
	top:320px;
	right:-5px;
}
#c1Img6 img{
	top:1085px;
	left:86px;
}
#c1Img7 img{
	top:918px;
	right:32px;
}
#c1Img8 img{
	top:1368px;
	left:42px;
}
#c1Img9 img{
	top:1242px;
	right:34px;
}
#c1Img10 img{
	top:1530px;
	right:28px;
}
#c1Img11 img{
	top:1678px;
	left:34px;
}
#c1Img12 img{
	top:1730px;
	right:6px;
}
#c1Img13 img{
	top:2047px;
	right:13px;
}
#c1Img14 img{
	top:2126px;
	left:45px;
}
#c1Img15 img{
	top:2516px;
	left:117px;
}
#c1Img16 img{
	top:2374px;
	right:73px;
}
hr.sec01{
	background:url(../img/bg_sec01.gif) repeat-x;
	border:0;
	height:25px;
}
hr.sec02{
	background:url(../img/bg_sec02.gif) repeat-x;
	border:0;
	height:23px;
}

#content2 #ttl4 img{
	position:absolute;
	top:12px;
	left:22px;
}
#content2 #ttl5 img{
	position:absolute;
	bottom:15px;
	left:10px;
}
/* #content2
/////////////////////////////////////////////////////////////////*/
#content2 .box{
	background:url(../img/bg_btm.png) no-repeat 0 bottom;
	padding:0 0 48px 0;
  width: 914px;
	margin:0 auto;
}
#content2 .box .wrap{
	background:url(../img/bg_head.png) no-repeat;
	padding:48px 0 0;
}
#content2 .box .inner{
	background:url(../img/bg_body.png) repeat-y;
	padding-bottom:0;
}
#content2 .prize1,
#content2 .prize2{
	width: 823px;
	margin:0 60px 0 50px;
	overflow: hidden;
	_zoom:1;
	background:url(../img/dot.gif) repeat-x 0 bottom;
	text-align:left;
}
/* prize1 */
#content2 .prize1 .colL{
	width: 415px;
	float: left;
	padding:0 0 30px 45px;
}
#content2 .prize1 .colR{
	float: left;
	padding:0 0 0 12px;
}
#content2 .prize1 .colR h3{
	padding:0 0 12px 0;
}
/* prize2 */
#content2 .prize2{
	overflow: hidden;
	_zoom:1;
}
#content2 .prize2 .colL{
	width: 330px;
	float: left;
	padding:18px 0 0 41px;
}
#content2 .prize2 .colR{
	width: 330px;
	float: right;
	padding:18px 41px 0 0;
}
#content2 .prize2 p{
	padding:13px 0 33px 0;
}
/* prize3 */
#content2 .prize3{
	width: 823px;
	margin:0 60px 0 50px;
	text-align:left;
}
#content2 .prize3 h3{
	padding:15px 0 8px 41px;
}
#content2 .prize3 ul{
	padding:0 0 0 41px;
}
#content2 .prize3 ul li{
	width: 221px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 36px 0 0;
  vertical-align:top;
}
#content2 .prize3 ul li p{
	padding:8px 0 30px 0;
}
#content2 .prize3 p{
	padding:20px 98px 20px 93px;
}
#content2 .past{
	position: absolute;
	right:46px;
	bottom:105px;
/*	text-align:right;
	padding:0 48px 0 0;*/
	z-index:1000;
}
/* footer
/////////////////////////////////////////////////////////////////*/
#footer{
	position: relative;
	padding:30px 0 25px 0;
	width:100%;
}
#footer .inner{
	margin:0 auto;
	width:860px;
	text-align:left;
}
#footer .section .colL{
	float:left;
	width:607px;
}
#footer .section .colR{
	float:left;
	width:253px;
}
#footer .section .ttl{
	margin:0 0 13px 0;
}
#footer .section p{
	margin:0 0 20px 20px;
	font-size:17px;
}
#footer .section p.img{
	margin:0 0 6px 20px;
}
#footer .section p.commnet{
	font-size:14px;
}
#credit{
	position: relative;
	width:100%;
	padding:8px 0 8px 0;
	background: #fff;
	border-top:1px solid #65312b;
	z-index:998;
}
#credit .inner{
	margin: 0 auto;
	width:860px;
	text-align: left;
}
#credit .copy{
	float:left;
	padding: 2px 0 0 0;
	width:430px;
}
#credit .sitelink{
	float:right;
	width:430px;
	font-size:17px;
	text-align:right;
}
.fixBtm{
	position: fixed !important;
	height: 26px !important;
	bottom: 0;
}

#spBtn{
	display:none;
}