@charset "utf-8";

/*
Theme Name: NIRVANA
Theme URI: http://sexy-bible.com
Description: <a href="http://sexy-bible.com" title="SEXY BIBLE">SEXY BIBLE</a> 専用テンプレート
Version: 1.0
Author: Issei Hara
Author URI: http:/issei-hara.com/
Tags: html5, css3, black, pink, rose
*/

/************************************************/

* {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
transition:0.3s ease-in-out;
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
}

body {
	background-color:#191919;
	background-image:url(images/bg.gif);
	background-attachment:fixed;
	background-position:center;
	color:#fff;
	font-family:"Hiragino Kaku Gothic Pro", Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	font-size:62.5%;
	line-height:1;
	text-align:center;
}

a,
a:link,
a:visited,
a:active {
	color:#f60;
	text-decoration:none;
}

a:hover {
	color:#fff;
	text-decoration:none;
}

hr {
	border:none;
	border-top:1px solid #333;
	clear:both;
	height:0;
	margin:0 100px 100px;
}

.center { text-align:center;}

/************************************************/
/* clearfix *************************************/

#frame:after,
#header:after,
#footer:after,
#h-info:after,
#f-control:after,
#main:after,
.post:after,
#header h1:after,
#header ul:after,
#footer ul:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow: hidden;
}

/************************************************/
/* layout ***************************************/

.line,
#wp_footer,
#top,
#bottom {
	height:0 !important;
	overflow:hidden !important;
	display:block !important;
	clear:both !important;
}

#frame {
	background-color:#000;
	border-left:1px solid #f06;
	border-right:1px solid #f06;
	clear:both;
	display:block;
	margin:0 auto;
	padding:0;
	width:800px;
}

#header,
#footer {
	background-color:#f06;
	color:#000;
	clear:both;
	display:block;
	line-height:1;
	padding:10px;
	text-align:left;
}

#main {
	clear:both;
	display:block;
	line-height:2.0;
	text-align:left;
}


/************************************************/
/* header & footer ******************************/

#header a,
#footer a {color:#000;}

#header a:hover,
#footer a:hover {color:#fff;}

#header h1,
#footer h2 {padding:0; margin:0 20px 0 0; float:left; display:block; clear:both; font-size:1.1em;}

#header h1 a,
#footer h2 a {background:url(images/logo.gif) no-repeat top left; width:120px; height:0; display:block; line-height:15px; padding-top:15px; overflow:hidden; float:left;}

#header p,
#footer p { font-size: 1.1em; float:left; margin-right:20px; height:15px; line-height:16px;}

#header #h-info ul { float:left; height:15px; line-height:16px;}

address { font-size: 1.1em; display:block; float:right; text-align:right; height:15px; line-height:16px;}

#header ul,
#footer ul {}

#header ul li,
#footer ul li {font-size:1.1em; display:block; float:left;}

#header ul li,
#footer ul li {margin-right:20px;}

#header ul li.control,
#footer ul li.control {float:right; margin:0;}

#header .countdown {color:#000; display:block; padding:0; margin:0; font-size:1.1em; text-align:right; float:right; line-height:16px; height:15px;}

#header input {
	background: #f06;
	border:1px solid #906;
	color:#000;
	float:right;
	height: 21px !important;
	margin:-4px 0;
	padding: 0 10px 0 10px !important;
	overflow: hidden;
	width: 180px !important;
	font-size: 1.1em;
}

#header input:focus {color:#000;}


#h-info {}
#f-info {}

#h-control {border-top:1px solid #903; padding-top:10px; margin-top:10px;}
#f-control {border-bottom:1px solid #903; margin-bottom:10px; padding-bottom:10px;}

#h-info,
#f-info,
#h-control,
#f-control {clear:both; display:block;}


/************************************************/
/************************************************/

#headline,
#prologue,
#episode,
#black-box,
#step,
#close,
#benefits,
#faq,
#epilogue,
#prof {
margin-bottom:100px;
}

#main #headline h3 { margin-bottom: 100px;}

#page {padding:100px 0 50px; margin:0 auto; width:600px;}
#content {}

.countdown { text-align:center; padding: 10p 0 0 0; margin-bottom:50px; font-size:1.8em;}

.post {
	clear:both;
	display:block;
	margin:0 auto;
	padding:0;
	width:600px;
}


/************************************************/
/************************************************/

blockquote,
.box,
.box-rose,
.e-book,
.step,
.benefits,
.message,
.voice,
.prof,
.box-gold {
	clear:both;
	display:block;
	margin:0 0 50px 0;
	padding:30px 30px 0.1em;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}



/************************************************/

.message {
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;}

blockquote {
	margin:0 15px 50px 15px;
	border:1px solid #333;
}


.box,
.voice,
.episode,
.e-book {
	border:1px solid #333;
	background-color:#191919;
}

.box-rose {
background-color:#f06;
}

.box-gold {
background-color:#996;
border:1px solid #cc6;
color:#000;
padding:30px 30px 15px;}


/************************************************/

#main .box h2 {}
#main .box h3 { margin-bottom:15px;}

#main .box p {margin-bottom:30px;}

#main .box hr { margin: 0 0 30px 0;}

#main .box-rose .meta { color:#000; font-weight:bold;}
#main .box-rose h2 { color:#fff; margin-bottom:15px;}
#main .box-rose p { color:#000; margin-bottom:15px; font-weight:bold;}



/************************************************/
.message {
background:url(images/m-3.gif), url(images/m-1.gif), url(images/m-2.gif);
background-position:center bottom, center top, center 40px;  
background-repeat: no-repeat, no-repeat, repeat-y;
padding:40px 30px 40px;
line-height:2.0;
}

#main .message p,
#main .message dl dt,
#main .message dl dd {font-size:1.3em; line-height:2.0em; margin:0; padding:0;}

#main .message dl dd { margin-bottom:26px;}


.message h2,
.message h3 { font-size:12px;}


#main .message dl { margin:0; padding:0;}

#main .message dl dt,
#main .message dl dd { padding-left:30px;}

.message dl dt {
background:url(images/bg-q.gif) left top no-repeat;
}
.message dl dd {
background:url(images/bg-a.gif) left top no-repeat;
}

/************************************************/

#sche { background:url(/images/time/t-bg.gif) left top repeat-y; margin-bottom:50px; padding:0;}

.sche-1 {background:url(/images/time/t-border.gif), url(/images/time/t-1.gif);}
.sche-2 {background:url(/images/time/t-border.gif), url(/images/time/t-2.gif);}
.sche-3 {background:url(/images/time/t-border.gif), url(/images/time/t-3.gif);}
.sche-4 {background:url(/images/time/t-border.gif), url(/images/time/t-4.gif);}
.sche-5 {background:url(/images/time/t-border.gif), url(/images/time/t-5.gif);}
.sche-6 {background:url(/images/time/t-6.gif) left top no-repeat;}

.sche-1,
.sche-2,
.sche-3,
.sche-4,
.sche-5 {background-position:left bottom,left top; background-repeat:no-repeat;}

.sche {margin:0; padding:20px 0 0.1em 250px;}

#main .sche p {margin: 0 0 20px 0; font-size:1.4em;}

/************************************************/

/* 通常バージョン*/
.step {
	background-color: #191919;
	border:1px solid #333;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

#main .step h3 {
border-bottom:1px solid #333;
color:#fff;
font-size:40px;
font-weight:bold;
line-height:1.5;
margin:0 0 30px 0;
padding:0;
box-shadow:0 1px 0 #000;
-webkit-box-shadow:0 1px 0 #000;
-moz-box-shadow:0 1px 0 #000;
}

#main .step h4 {}
#main .step p {}



/* ピンクバージョン 

.step {
padding: 0;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}

.step-head {
background-color: #f06;
padding: 30px 30px 0.1em;
border: 1px solid #f06;
border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
}

.step-body {
border: 1px solid #f06;
padding: 30px 30px 0.1em;
margin: 0;
border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
}

#main .step .meta {
color:#000;
font-weight: bold;
}

#main .step h3 {
border-bottom: 1px solid #903;
color:#fff;
font-size:2.8em;
line-height: 1.5;
font-weight:bold;
padding-bottom: 10px;
margin-bottom: 10px;
}

#main .step p {
font-weight: bold;
color: #fff;}

*/


/* .step 共通 */

#main .step h4 {
margin: 0;
}

#main .step p {
margin: 0 0 30px 0;
font-size:1.4em;
}

#main .step dl {
padding: 0;
margin: 0;
}

#main .step dl dt {
background:url(images/check.gif) no-repeat left top;
color:#f06;
font-size:1.6em;
line-height:30px;
margin:0; 
padding:0 0 0 40px;
}

#main .step dl dd {
margin:0 0 30px 0;
padding:0 0 0 40px;
font-size:1.5em;
}



/************************************************/


#benefits {
display: none;
}

.benefits {
border: 1px solid #f60;
padding: 0 0 0.1em;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}

#main .benefits .meta {
background-color:#f60;
color:#300000;
padding: 10px 30px 0;
line-height:1.5;
}

#main .benefits h3 {
background-color:#f60;
color:#300000;
font-size:2.4em;
margin:0 0 30px 0;
padding:0 30px 10px;
line-height:1.5;
font-weight:bold;
}

#main .benefits h4 {
padding:0 30px 0;
margin:0 0 15px 0;
color:#f60;
font-size:2.0em;
font-weight:bold;
}

#main .benefits p {
padding:0 30px;
margin-bottom:30px;
}


/************************************************/

.prof,
.box-gold {
background-color:#996;
border:1px solid #cc6;
color:#000;
padding:30px 30px 15px;
}

.box-gold hr {
margin:0;
margin:30px 0;
}

.prof a,
.box-gold a {color:#000;}

.prof a:hover,
.box-gold a:hover {color:#fff;}

.prof,
.prof .meta,
#main .prof h3,
.prof p,
.box-gold,
.box-gold .meta,
#main .box-gold h3,
.box-gold p {color:#000;}

#main .prof h3,
#main .box-gold h3 {font-weight:bold; margin:0 0 15px 0;}


#main .prof p,
#main .box-gold p {font-size:1.2em; line-height:2.0em; margin:0 0 15px 0; padding:0;}

#main .prof ul { margin-bottom:15px;}
#main .prof ul li {
font-size:1.2em;
line-height:2.0em;
list-style-image:url(images/bullet-noir.gif);
margin:0;
padding:0;
}



/************************************************/

ul.order {
}

ul.order li {
margin-bottom:30px;
}

/************************************************/

#main .e-book h3 {margin:0; padding:0;}
#main .e-book ul {margin:0; padding:0; margin-bottom:30px;}
#main .e-book ul li { font-size:1.2em;line-height:1.5; background:none; list-style:none;}

#main .voice h2,
#main .voice h3 {font-weight:normal; font-size:12px;line-height: 2.0em; margin:0; padding:0; color:#f06;}

.prof img,
.voice img {float:right; padding:3px; background:#fff; margin: 0 0 15px 15px;}

.photo,
.photo img {float:right; margin:0 0 0 15px;}

.photo-l,
.photo-l img {float:left; margin-right:15px;}


p.name {text-align:right; font-size:1.2em; margin:0; padding:0; line-height:2.0em;}
p.sign {text-align:right;}

p.sign img {padding:0; border:none; margin:0; float:none; background:none; vertical-align:middle;}


#ps {
background:url(/images/item/ps.gif) no-repeat left bottom;
padding:0 100px 50px;
}

/************************************************/

#main #order hr { margin:50px 0;}

#main .confirmation { border:1px solid #333; padding:30px 30px 0.1em; margin-bottom:50px;}

#main .confirmation ul { margin:0; padding:0;}
#main .confirmation ul li{
	background-image: url(images/check.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style:none;
	line-height:30px;
	margin:0 0 30px 0;
	padding:0 0 0 40px;
}

#main .info { color:#fff;}

#main #order h3 { color:#fff; text-align:center;}
#main #order .info h3 { color:#fff; margin:0 0 15px 0; font-size:1.5em; text-align:left;}

#main .info ul { margin-bottom:0; padding-bottom:35px;}
#main .info ul li { margin-bottom:15px; list-style-image:url(images/bullet-blanc.gif);font-size:1.3em;}

/************************************************/

.meta {color:#f06; font-size:1.5em; line-height:1; font: "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3"}

#main h2 {
	color:#fff;
	font-size:3.0em;
	font-weight:bold;
	margin:0 0 50px 0;
	padding:0;
	line-height:1.5;
}

#main h3,
#main h4 {
font-size:2.0em;
color:#fff;
margin-bottom:50px;
}

#main p,
#main ul li,
#main ol li,
#main dl.check dt,
#main dl.check dd,
dl dt {
	font-size:1.6em;
}

dl dd {font-size:1.2em;}

#main p {margin:0 0 50px 0;}

#main span {color:#f06;}

#main del {text-decoration:line-through; padding:0 5px;}

#main ul,
#main ol {
	margin:0 0 50px 0;
	margin-left:15px;
	padding-left:15px;
}

#main ul li {
	list-style-image:url(images/bullet.gif);
	list-style-position:outside;
}

#main ol li {list-style:decimal; list-style-position:outside; font-size:1.8em;}

#main ul.check {padding:0 0 0.1em 0; margin:0; display:block; clear:both;}
#main ul.check li {
	background-image: url(images/check.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style:none;
	line-height:30px;
	margin:0 0 30px 0;
	padding:0 0 0 40px;
}

#main ul.check {
padding:40px 40px 0.1em;
margin-bottom:50px;
border:1px solid #333;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

#main ul.check li { font-size:2.0em; margin-bottom:40px;}


#main dl.check {
	padding: 0 0 0.1em 0;
}

#main dl.check dt {
	background-image:url(images/check.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:40px;
	display:block;
	color:#f06;
	line-height:30px;
}

#main dl.check dd {
	display:block;
	padding-left:40px;
	margin-bottom:50px;
}


p.order {line-height:1; text-align:center;}

/************************************************/
/************************************************/

#main dl {padding:0 0 35px 0;}

#main dl dt {color:#f06;}

#main dl dd {margin-bottom:15px;}


/************************************************/

.intro-box {
	border:1px solid #333;
	background-color:#191919;
	clear:both;
	display:block;
	margin:0 0 50px 0;
	padding:50px 50px 0.1em;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

#main .intro-box .submit-intro {
text-align:center;
}

#main fieldset input.text-intro {
background-color:#000;
width:490px;
border:1px solid #333;
font-size:1.5em;
height:40px;
line-height:41px;
padding:5px;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

/************************************************/
/* .form ****************************************/

#content .form {clear:both; display:block;}

fieldset,
#content .field {padding:0 0 0.1em; margin: 0 0 30px 0; display:block; clear:both; font-size: 1.3em;}

#main .box fieldset p,
#main .fieldset p { margin:0; padding:0; font-size:1.0em; margin-bottom:5px;}

#main fieldset p label em,
#content .field p label em {color:#f06;}

#main fieldset input.text,
#content .field input.text,
#content .field select.text,
#content .field textarea.text {
background-color:#000;
width:350px;
border:1px solid #333;
padding:5px;
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}



#content .field textarea.text {height:120px; overflow:auto;
transition:0s;
-webkit-transition:0s;
-moz-transition:0s;}

#main fieldset input.submit,
#content .field input.submit {
	background-color:#191919;
	border:1px solid #333;
	color:#fff;
	margin:0;
	padding:5px;
	width:350px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#main fieldset input.submit:hover,
#content .field input.submit:hover {
	background-color:#f06;
	border:1px solid #f06;
	color:#fff;
}

/* end ******************************************/
/************************************************/
/************************************************/