/* CSS Document */

@charset "shift_jis";

/* -----------------------------------------------------------
CSS Information

 File name:      36.css
 Author:         butterflife program
----------------------------------------------------------- */

/*----------------------------------------------------
	Reset
----------------------------------------------------*/
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	background: #fff;
	color: #333;
	font-size: small;
	font-family: "CI","Meiryo",verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "lr oSVbN","MS PGothic",Sans-Serif;
}

br {
	letter-spacing: normal;
}

img{vertical-align:bottom;}

/*----------------------------------------------------
	Link
----------------------------------------------------*/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	background-color: #FEF5F5;
	color: #0C0C0C;
	text-align: center;
	background-image: url(../image/2/body-bg.jpg);
	background-position: center 5px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

* + html body {
	font-family:"CI","Meiryo","lr oSVbN", Osaka, "qMmpS Pro W3",sans-serif;
}

#wrap {
	background-color: #FFFFFF;
	width: 750px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container {
	background-image: url(../image/2/container-bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}


/*----------------------------------------------------
	Δpclass
----------------------------------------------------*/
p {
	font-size: 14px;
	line-height: 30px;
	text-align:left;
	margin-bottom: 30px;
	margin-left: 40px;
}
.text-20 {
	margin-bottom: 20px;
}
.text-40 {
	margin-bottom: 40px;
}
.text-60 {
	margin-bottom: 60px;
}
.text-90 {
	margin-bottom: 90px;
}
.text12 {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
}
.text12-20 {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.text12-40 {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	margin-bottom: 40px;
}

.text12-70 {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	margin-bottom: 70px;
}
.left {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
}
.right {
	float: right;
	margin: 0px;
}
.clear {
	clear: both;
}
.yose {
	text-align: left;
	margin-left: 0px;

}
.center {
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}
.bold {
	font-weight: bold;
}
.red {
	color: #E70342;
}
.red-bold {
	font-weight: bold;
	color: #E70342;
}
.pink {
	color: #FF0066;
}
.pink-bold {
	font-weight: bold;
	color: #FF0066;
}
.blue {
	color: #1889AB;
}
.blue-bold {
	font-weight: bold;
	color: #1889AB;
}
.comment {
	font-family: "CI","Meiryo","lr oSVbN", Osaka, "qMmpS Pro W3",sans-serif;
	font-size: 10px;
	line-height: 22px;
	color: #666666;
	text-align: center;
	margin-left: 0px;
}
.pora {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
}

/*----------------------------------------------------
	#head
----------------------------------------------------*/
h1 {
	font-weight: normal;
	font-size: 10px;
	text-align: right;
	color: #FFFFFF;
	background-color: #E64533;
	background-image: url(../image/2/head/h1-bg.jpg);
	background-repeat: repeat-x;
	line-height: 17px;
}
#head {
	margin-bottom: 30px;
}
/*----------------------------------------------------
	#sub
----------------------------------------------------*/
#sub {
	margin-bottom: 90px;
	width: 750px;
}


/* -----------------------------------------------------------
	#week
----------------------------------------------------------- */
#week {
	margin-top: 90px;
	margin-bottom: 90px;
}
#week {
	_zoom: 1;
	overflow: hidden;
}
#before {
	float: left;
	margin-left: 40px;
	margin-right: 30px;
	margin-bottom: 50px;
}
#after {
	float: left;
	margin-right: 10px;
	margin-left: 40px;
	text-align: left;
	margin-bottom: 10px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	width: 750px;
}
#img3 {
	background-image: url(image/2/main/section1-img2-b.gif);
	background-repeat: no-repeat;
	background-position: 450px center;
}
#img8 {
	background-image: url(../image/2/main/img8.jpg);
	background-repeat: no-repeat;
	background-position: 425px 80px;
	margin-bottom: 90px;
}

#sashie1 {
	float: right;
	width: 270px;
	text-align: left;
}
#sashie2 {
	width: 230px;
	float: right;
	text-align: right;
}
#sashie1 p,#sashie2 p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
	color: #FF6600;
	margin-left: 0px;
	text-align: center;
}

/*----------------------------------------------------
	#dietmaster
----------------------------------------------------*/

#dietmaster {
	margin-bottom: 90px;
	width: 630px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}
#dietmaster {
	_zoom: 1;
	overflow: hidden;
}
#kaityou {
	text-align: left;
	width: 480px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
#kaityou p {
	margin-left: 6px;
}

/*----------------------------------------------------
	#plof
----------------------------------------------------*/
#plof {
	margin-bottom: 90px;
	background-color: #FFFFFF;
	background-image: url(../image/2/main/plofile-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;

}

/*----------------------------------------------------
	#recommend
----------------------------------------------------*/

#recommend {
	margin-bottom: 90px;
	width: 630px;
	background-image: url(image/2/main/650box-foot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #EAEAEA;
	border-bottom-color: #EAEAEA;
	border-left-color: #EAEAEA;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
}
#recommend p {
	font-size: 12px;
	line-height: 22px;
	margin-left: 0px;
	margin-bottom: 16px;
}

/*----------------------------------------------------
	#anke
----------------------------------------------------*/

#anke {
	margin-bottom: 50px;
	margin-top: 0px;

}
#anke .box {
	margin-left: auto;
	width: 608px;
	margin-top: 0px;
	margin-right: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FE55A8;
	border-bottom-color: #FE55A8;
	border-left-color: #FE55A8;
	padding-bottom: 20px;
}

/*----------------------------------------------------
	#bullet
----------------------------------------------------*/
#bullet {
	margin-bottom: 90px;
}
#bullet table {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 650px;
	border-collapse: collapse;
}
#bullet .minititle {
	margin-top: 10px;
	margin-bottom: 10px;
}
#bullet .odd p {
	margin-left: 20px;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
}
#bullet tr {
	background-image: url(../campaign/img/bullet/box-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#bullet .odd {
	width: 420px;
} 
#bullet .even {
	text-align: center;
}

/*----------------------------------------------------
	.voice
----------------------------------------------------*/

.voice {
	margin-bottom: 50px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
}
.voice .box {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E31B5A;
	border-left-color: #E31B5A;
	padding-top: 15px;
	padding-bottom: 15px;
}
.voice p {
	margin: 0px;
}
.voice .title {
	font-family: "CI", "Meiryo", "lr oSVbN", Osaka, "qMmpS Pro W3", sans-serif;
	color: #FFFFFF;
	line-height: 52px;
	background-color: #E31B5A;
	background-image: url(../campaign/img/voice/voice-title_r1_c1.gif);
	padding-left: 50px;
	font-size: 22px;
	background-position: center;
	font-weight: bold;
}
.voice .commentbox {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFCEC;
	padding-top: 10px;
	clear: both;
}
.voice .from {
	color: #FFFFFF;
	text-align: right;
	line-height: 32px;
	background-image: url(../campaign/img/voice/voice-from_r2_c1.gif);
	background-repeat: no-repeat;
	padding-right: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: center;
	clear: both;
}
.voice .commentbox p {
	margin-left: 10px;
	line-height: 24px;
	margin-bottom: 10px;
}
.right-30 {
	float: right;
	margin-right: 30px;
}

/*----------------------------------------------------
	#present
----------------------------------------------------*/

#present {
	text-align: center;
	margin-top: 90px;
	margin-bottom: 90px;
}
.present1,.present2,.present3,.present4 {
	width: 726px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 60px;
	background-image: url(../image/2/present/bg-line.jpg);
	background-repeat: repeat-y;
}
#present .present1 p {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 684px;
	margin-left: 42px;
	background-image: url(../image/2/present/bg-img1.jpg);
	background-repeat: no-repeat;
	background-position: right 30px;
}

#present .present2 p {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 348px;
	background-image: url(../image/2/present/bg-img2.jpg);
	background-position: 54px center;
	background-repeat: no-repeat;
	height: 170px;
}

#present .present3 p {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 684px;
	margin-left: 42px;
	background-image: url(../image/2/present/bg-img3.jpg);
	background-repeat: no-repeat;
	background-position: 397px center;
	height: 159px;
}

#present .present4 p {
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 348px;
	background-image: url(../image/2/present/bg-img4.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;
	height: 200px;
}




/*----------------------------------------------------
	#faq
----------------------------------------------------*/

#faq {
	margin-bottom: 90px;
	text-align: center;
	width: 670px;
	padding-top: 10px;
	border: 1px solid #333333;
	margin-right: auto;
	margin-left: auto;
}

#faq .box1 {
	margin-bottom: 30px;
	width: 650px;
	background-image: url(../campaign/img/top-bg.gif);
	background-repeat: no-repeat;
	background-position: center 18px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;

}
#faq .box1 p {
	margin-top: 0px;
	margin-left: 65px;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
}
#faq .box1 .qtitle {
	font-size:20px;
	color: #333333;
	margin-top: 0px;
	letter-spacing: 1px;
	margin-bottom: 30px;
	padding-top: 25px;
	font-weight: bold;
}
#faq .box1 a {
	color: #0033FF;
	text-decoration: underline;
	font-size: 12px;
	line-height: 12px;
}
#faq .box1 .b {
	line-height: 12px;
	margin-bottom: 8px;
	margin-top: 5px;
	font-family: "lr SVbN", "Osaka|";
	letter-spacing: normal;
}



#faqmail {
	background-repeat: no-repeat;
	height: 235px;
	width: 558px;
	background-image: url(../image/faq/faq-mail.jpg);
	margin-right: auto;
	margin-left: auto;
}
#faqmail .mail {
	padding-top: 160px;
	padding-left: 100px;
	text-align: left;
}
#faqmail .mail a {
	color: #666666;
	font-size: 13px;
	text-decoration: underline;
}


/*----------------------------------------------------
	#kessai
----------------------------------------------------*/

#kessai {
	width: 750px;
	margin-bottom: 90px;
}
.mousikomi {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 90px;
}
#kessai .keitai {
	margin-top: 30px;
	margin-bottom: 30px;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(image/2/kessai/keitai_r3_c1.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	text-align: center;
}
#kessai .keitai p {
	margin-left: 30px;
}





/*----------------------------------------------------
	#tuisin
----------------------------------------------------*/

#tuisin {
	margin-bottom: 90px;
	width: 585px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #ECEAE5;
	background-image: url(../image/2/main/tuisin-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#tuisin .img1 {
	background-image: url(../image/2/main/tuisin-foot2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 255px;
	padding-bottom: 90px;

}

#tuisin p {
	margin-left: 40px;
}





/*----------------------------------------------------
	#foot
----------------------------------------------------*/

#footer {
	margin-bottom: 0px;
	background-image: url(../image/back-foot.jpg);
	background-repeat: repeat-x;
	background-position: top;
	clear: both;
	background-color: #FFC0D3;
	padding: 10px;
	width: 730px;
}
#footer {
	_zoom: 1;
	overflow: hidden;
}
#footer a {
	font-size: 10px;
	margin-right: 10px;
	color: #FFFFFF;
}
#footer .link {
	width: 60%;
	text-align: left;
	float: left;
}
#copyright {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	text-align: right;
	background-color: #FFA5BF;
}
