@charset "UTF-8";

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

@import url("http://issei-hara.com/includes/reset.css");

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

* {
	margin: 0;
	padding: 0;
	border:none;
	list-style:none;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
}

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;
	margin: 0;
	padding: 0;
	text-align: center;
	text-indent:1.5;
}

a, a:link, a:visited, a:active {
	color: #f60;
	text-decoration: none;
-webkit-transition:0.3s ease-in-out; /* CSS3 */
}

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

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

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

#frame:after,
#header:after,
#footer:after,
#header-body:after,
#footer-body:after,
#main:after,
.post:after,
#head-control:after,
#foot-control:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow: hidden;
}

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

#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 {
	padding:10px;
	margin:0;
	background-color: #f06;
	color:#000;
	clear:both;
	display:block;
	text-align:left;
}

#main {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	width: 800px;
	text-align:left;
	line-height: 1.75;
}

#content {padding:50px 0 0.1em 0;margin:0;}

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

#header h1,
#footer h2 {padding: 0;margin: 0 0 5px 0;}

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

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

#header .utility,
#footer .utility {float: right;text-align: right;}

#header .utility a,
#footer .utility a {
	color: #000;
	background-color: #f06;
	padding: 2px 10px;
	border: 1px solid #000;
	text-decoration: none;
}

#header .utility a:hover,
#footer .utility a:hover {color:#f06;background-color: #000;}

#header p { font-size: 1.1em; float: left; padding:0; margin:0; clear:both; }
#footer p { font-size: 1.1em; float: right; padding: 0; margin: 0; text-align: right; display: block;}

#header ul,
#footer ul {padding: 0;margin:0;}

#header ul { float:right;}
#footer ul { float:left; clear:both;}

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

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

address { display: block; text-align: right;}

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

#intro { background-position:top left; background-repeat:no-repeat; width:800px; height:600px;}
#intro p { padding-top:500px; padding-left:500px;}
#ps {background:url(/images/e-book/ps.gif) top left no-repeat; padding:0; margin:0; width:800px; height:500px;}
#ps p {padding-top:390px; padding-left:500px;}

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

blockquote {
	margin: 0 15px 30px 15px;
	padding: 30px 30px 0.1em;
	border: 1px solid #333;
	clear: both;
	display: block;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}

#content .post {
	margin: 0 auto;
	padding: 0 0 0.1em 0;
	width: 600px;
	margin-bottom: 30px;
	clear: both;
	display: block;
}

#content .box,
#content .voice,
#content .episode {
	border: 1px solid #333;
	background-color: #191919;
	clear: both;
	padding: 30px 30px 0.1em;
	margin-bottom: 45px;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}


#content .voice {}

.meta { color:#666; line-height:1.0; padding:0; margin:0;}

#content .post h2 {
	color: #f06;
	font-size: 2.4em;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 0;
}

h3, h4, h5 {
color: #f06;
font-size: 2.0em;
font-weight: bold;
padding: 0;
margin: 0;
}

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

dl dd { font-size: 1.2em;}

#content .post p {
	margin: 0 0 30px 0;
}

#content .post p span {
	color: #f06;
	font-size: 1.5em;
}



#content .post ul,
#content .post ol {
	margin: 0 0 30px 0;
	margin-left: 15px;
	padding-left: 15px;
}

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

#content .post ol li {list-style:decimal; list-style-position:outside;}

#content .post ul li span {color:#f06; font-size:1.2em;}


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

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

#content 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;
}

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

p.click { height:60px; overflow:hidden; padding:0;}
p.click a { display:block; height:60px; background-image:url(/images/order.gif); background-position:top left; background-repeat:no-repeat; text-indent:-600px;}

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

dl {
	padding: 0 0 15px 0;
}

dl dt {
	color: #f06;
}

dl dd {
	margin-bottom: 15px;
}

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

#content .episode { margin-bottom: 60px;}

#content .episode h2 {
	background-image: url(/images/text/episode.gif);
	background-repeat: no-repeat;
	width: 520px;
	height: 50px;
	overflow:hidden;
	line-height: 50px;
	text-indent: 520px;
 }

#content .episode .photo { float: left; width: 120px; margin-right: 20px;}
#content .episode .photo img { width: 120px; height:120px;}


#content .episode p:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow: hidden;
}

#content .episode h2#e-1 { background-position: 0 0;}
#content .episode h2#e-2 { background-position: 0 -50px}
#content .episode h2#e-3 { background-position: 0 -100px;}
#content .episode h2#e-4 { background-position: 0 -150px;}
#content .episode h2#e-5 { background-position: 0 -200px;}
#content .episode h2#e-6 { background-position: 0 -250px;}
#content .episode h2#e-7 { background-position: 0 -300px;}
#content .episode h2#e-8 { background-position: 0 -350px;}
#content .episode h2#e-9 { background-position: 0 -400px;}
#content .episode h2#e-10 { background-position: 0 -450px;}
#content .episode h2#e-11 { background-position: 0 -500px;}
#content .episode h2#e-12 { background-position: 0 -550px;}
#content .episode h2#e-13 { background-position: 0 -600px;}
#content .episode h2#e-14 { background-position: 0 -650px;}
#content .episode h2#e-15 { background-position: 0 -700px;}
#content .episode h2#e-16 { background-position: 0 -750px;}
#content .episode h2#e-17 { background-position: 0 -800px;}
#content .episode h2#e-18 { background-position: 0 -850px;}
#content .episode h2#e-19 { background-position: 0 -900px;}
#content .episode h2#e-20 { background-position: 0 -950px;}
#content .episode h2#e-21 { background-position: 0 -1000px;}
#content .episode h2#e-22 { background-position: 0 -1050px;}
#content .episode h2#e-23 { background-position: 0 -1100px;}
#content .episode h2#e-24 { background-position: 0 -1150px;}

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

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

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

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

#content .field input.text,
#content .field select.text,
#content .field textarea.text { width:350px; border: 1px solid #333; padding: 5px;}

#content .field textarea.text { height: 80px; overflow: auto;}

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

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

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