@charset "utf-8";
/*
======================================
	[1]HTML/BODY/WRAP
	[999]clearfix
======================================
*/
.txtC {text-align: center;}
.txtR {text-align: right;}
.txtL {text-align: left;}
.boxL {float: left;}
.boxR {float: right;}

.marB10{margin-bottom:10px !important;}
.marB20{margin-bottom:20px !important;}
.marB30{margin-bottom:30px !important;}
.marB40{margin-bottom:40px !important;}
.marB50{margin-bottom:50px !important;}
.marB60{margin-bottom:60px !important;}
.marB70{margin-bottom:70px !important;}
.marB80{margin-bottom:80px !important;}
.marB90{margin-bottom:90px !important;}
.marB100{margin-bottom:100px !important;}

.padL10 {padding-left: 10px;}
.padL20 {padding-left: 20px;}
.padL30 {padding-left: 30px;}
.padL40 {padding-left: 40px;}
.padL50 {padding-left: 50px;}
.padL60 {padding-left: 60px;}
.padL70 {padding-left: 70px;}
.padL80 {padding-left: 80px;}
.padL90 {padding-left: 90px;}
.padL100 {padding-left: 100px;}
.padL110 {padding-left: 110px;}
.padL120 {padding-left: 120px;}
.padL130 {padding-left: 130px;}
.padL140 {padding-left: 140px;}
.padL150 {padding-left: 150px;}

.padT10 {padding-top: 10px;}
.padT20 {padding-top: 20px;}
.padT30 {padding-top: 30px;}

.padR10 {padding-right: 10px;}
.padR20 {padding-right: 20px;}
.padR30 {padding-right: 30px;}


/*------------------------------------------------
	HTML/BODY/WRAP
------------------------------------------------*/
.pankuzu {
	width: 960px;
	margin: 0 auto;
}
.wrapper {
	width: 1132px;
	text-align: center;
}
#headerHc .wrapper {
	width: 960px;
	text-align: left;
}
#headerHc h2 {
	position: absolute;
	left: 0;
	top: 30px;
}
#contents_main {
	background-image: url(../img/main_bg.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	text-align: center;
}

/*------------------------------------------------
	#main
------------------------------------------------*/
#contents_main #main {
	background-image: url(../img/main_02.png);
	width: 1080px;
	height: 755px;
/*
	background-image: url(../img/main_01.png);
	width: 1080px;
	height: 1186px;
*/
	margin: 0 auto 30px;
	position: relative;
}
#contents_main #main .btn07 {
	position: absolute;
	right: 100px;
	bottom: 165px;
/*
	right: 100px;
	bottom: 590px;
*/
}
#contents_main #main .btn08 {
	position: absolute;
	right: 100px;
	bottom: 55px;
/*
	right: 100px;
	bottom: 480px;
*/
}
/*
#contents_main #main .btn09 {
	position: absolute;
	right: 100px;
	bottom: 370px;
}
*/
#contents_main #main .btn10 {
	position: absolute;
	right: 100px;
	bottom: 135px;
}
#contents_main #main .banner-style {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 20px;
}
#contents_main #main .btn07 a:hover img,
#contents_main #main .btn08 a:hover img,
#contents_main #main .btn09 a:hover img,
#contents_main #main .btn10 a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*
#contents_main #main .btn01 a,
#contents_main #main .btn02 a,
#contents_main #main .btn03 a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:130px;
	height: 65px;
	background-position: 0 top;
}
#contents_main #main .btn01 a {background-image: url(../img/main_btn01.png);}
#contents_main #main .btn02 a {background-image: url(../img/main_btn02.png);}
#contents_main #main .btn03 a {background-image: url(../img/main_btn03.png);}

#contents_main #main .btn01 a:hover,
#contents_main #main .btn02 a:hover,
#contents_main #main .btn03 a:hover {
	background-position: 0 bottom;
}
*/
#contents_main #main .present {
	position: absolute;
	right: 100px;
	bottom: 31px;
}

/*------------------------------------------------
	closing style
------------------------------------------------*/
.closing01 {
	background-image: url(../img/closing_bg01.png);
	width: 906px;
	height: 374px;
	position: relative;
	margin: 0 auto;
}
.closing01 .btn01 {
	position: absolute;
	right: 56px;
	bottom: 38px;
}
.closing02 {
	background-image: url(../img/closing_bg02.png);
	width: 906px;
	height: 318px;
	position: relative;
	margin: 0 auto;
}
.closing02 .btn02 {
	position: absolute;
	right: 56px;
	bottom: 38px;
}
.closing05 {
	background-image: url(../img/closing_bg05.png);
	width: 941px;
	height: 380px;
	position: relative;
	margin: 0 auto;
}
.closing05 .btn03 {
	position: absolute;
	right: 20px;
	bottom: 30px;
}
.closing06 {
	background-image: url(../img/closing_bg06.png);
	width: 938px;
	height: 380px;
	position: relative;
	margin: 0 auto;
}
.closing06 .btn04 {
	position: absolute;
	right: 20px;
	bottom: 30px;
}
.closing07 {
	background-image: url(../img/closing_bg07.png);
	width: 1132px;
	height: 445px;
	position: relative;
	margin: 0 auto;
}
.closing07 .btn05 {
	position: absolute;
	right: 109px;
	bottom: 5px;
}
.btn06 {
	width:600px;
	height: 65px;
	margin: 0 auto;
}
.closing08 {
	background-image: url(../img/closing_bg08.png);
	width: 906px;
	height: 324px;
	position: relative;
	margin: 0 auto;
}
.closing08 .btn {
	width: 375px;
	height: 100px;
	position: absolute;
	right: 56px;
	bottom: 38px;
}
.closing09 {
	background-image: url(../img/closing_bg09.png);
	width: 989px;
	height: 412px;
	position: relative;
	margin: 0 auto;
}
.closing09 .btn {
	width: 376px;
	height: 90px;
	position: absolute;
	right: 43px;
	bottom: 6px;
}
.closing10 {
	background-image: url(../img/closing_bg03.png);
	width: 906px;
	height: 380px;
	position: relative;
	margin: 0 auto;
}
.closing10 .btn11 {
	width: 375px;
	height: 100px;
	position: absolute;
	right: 58px;
	bottom: 38px;
}
.closing10 .btn11 a {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 379px;
	height: 100px;
	background-image: url(../img/btn05.png);
	background-position: left top;
	background-repeat:  no-repeat;
}
.closing10 .btn11 a:hover {
	background-position: left bottom;
}
.closing08 .btn a:hover img,
.closing09 .btn a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/*------------------------------------------------
	btn style
------------------------------------------------*/
.btn01 a,
.btn02 a,
.btn03 a,
.btn04 a,
.btn05 a,
.btn06 a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-position: 0 top;
}
.btn01 a:hover,
.btn02 a:hover,
.btn03 a:hover,
.btn04 a:hover,
.btn05 a:hover,
.btn06 a:hover {
	background-position: 0 bottom;
}

.btn01 a {
	width:375px;
	height: 100px;
	background-image: url(../img/btn03.png);
}
.btn02 a {
	width:375px;
	height: 100px;
	background-image: url(../img/btn03.png);
}
.btn03 a {
	width:375px;
	height: 100px;
	background-image: url(../img/btn03.png);
}
.btn04 a {
	width:375px;
	height: 100px;
	background-image: url(../img/btn03.png);
}
.btn05 a {
	width:375px;
	height: 100px;
	background-image: url(../img/btn03.png);
}
.btn06 a {
	width:600px;
	height: 65px;
	background-image: url(../img/btn06.png);
}
/*------------------------------------------------
	only style
------------------------------------------------*/
.img06box {
	background-image: url(../img/img06_bg.png);
}
.bg01 {
	background-image: url(../img/bg01.png);
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.green {
	background-image: url(../img/green_bg.png);
	background-repeat: repeat-y;
	width: 1100px;
	margin: 0 auto 40px;
}

.green .start {
	background-image: url(../img/green_start.png);
	background-repeat: no-repeat;
	background-position: 0 top;
	padding-top: 52px;
}
.green .inner {
	background-image: url(../img/green_end.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	padding-bottom: 27px;
}








.ingredient,
div.caution {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}
.caution dd {
	padding-top: 0;
}

#footLink {
	padding: 20px;
}
#footLink a {
	color: #333333;
	padding: 0 10px;
}

#copyBox {
	border-top: 1px solid #DF0067;
	padding: 20px;
	margin-top: 20px;
}

/*------------------------------------------------
	#sendBox
------------------------------------------------*/
#sendBox {
	margin: 0 auto;
	width: 900px;
	background-image: url(../img/send_bg.png);
	text-align: center;
}
#sendBox .inner {
	background-image: url(../img/send_end.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	padding-bottom: 46px;
}
#sendBox .inner .txt {
	font-size: 120%;
}
#sendBox .innerBox {
	border: 1px solid #FE6A00;
	width: 800px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
#sendBox .innerBox.anxiety {
	width: 800px;
	height: 340px;
	position: relative;
	text-align: left;
}
#sendBox .innerBox.anxiety h4 {
	position: absolute;
	top: 0;
	left: 0;
}
#sendBox .innerBox.anxiety .illast {
	position: absolute;
	top: 63px;
	right: 20px;
}
#sendBox .innerBox.anxiety .txtBox {
	position: absolute;
	top: 80px;
	left: 22px;
	width: 770px;
}
#sendBox .innerBox.anxiety .txtBox p {
	line-height: 1.7em;
	font-size: 120%;
	padding-left: 30px;
}
#sendBox .innerBox.anxiety .txtBox p span {
	font-size: 70%;
	line-height: 1.3em;
}
#sendBox .innerBox.anxiety .txtBox h5 {
	margin-bottom: 5px;
}