@charset "UTF-8";

/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

html {
  font-size: 62.5%;
}

body {
 width: 100%;
 margin: 0 0 1em;
 padding: 0;
 color:#222;
 background-color: #fff;
 font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 background:url(../img/bg_reigen_body.jpg);
}
a {
 text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0 0 0.5em;
 line-height: 1.1;
 letter-spacing:-1px;
}
p {
 margin: 0 0 1em;
 color: #444;
 font-family: sans-serif;
 font-size: 22px;
 font-size: 2.2rem;
 line-height: 1.3;
 text-align: left;
}
ul {
 margin: 0 0 2em;
 padding: 0;
 list-style-position: inside;
}
img{
	margin:0;
	padding:0;
}

.opa a{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.opa a:hover{
	  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}

.opa_input :hover{
	  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}

.mtb20{
	margin:20px 0;
}

.strong{
	font-weight:bold!important;
}
/* トップページ */
#wrapper{
	width:980px;
	background:url(../img/reigen_top_bg.jpg) no-repeat 0 0;
	height:100%;
	margin:0 auto;
	position:relative;
	z-index:1;
}

#common-header{
	display:none;
}

#movie{
	width:500px;
	margin:0 auto;
	position:relative;
	top:325px;
}

#common-contents{
	height:850px;
}
nav#common-nav{
	width:500px;
	position:relative;
	top:335px;
	margin:0 auto;
}
nav#common-nav li{
	display:inline;
	margin-right:10px;
	line-height:3em;
}
nav#category_area_top{
	width:618px;
	margin:0 auto;
	position:relative;
	top:376px;
}

nav#category_area_top li{
	display:inline;
	list-style:none;
	margin:8px 3px 8px 0;
	line-height:2em;
}


/* 下層ページ */

#sub_wrapper{
	width:980px;
	height:100%;
	margin:0 auto;
	position:relative;
}

#sub-header{
	width:980px;
	height:122px;
	background:url(../img/bg_header.jpg) no-repeat 0 0;
	position:relative;
}
#sub-header h1{
	display:none;
}

nav#sub-nav{
	width:980px;
	height:48px;
}
nav#sub-nav ul{
	margin:0;
}


nav#sub-nav li{
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#sub-contents{
	width:980px;
	background:#fff url(../img/bg_content.jpg) repeat-x;
	height:auto;
}

article#content_inner{
	width:870px;
	margin:30px auto;
}
article.content_inner{
	width:870px;
	margin:30px auto;
	position:relative;
}

article#content_inner_under{
	width:870px;
	margin:20px auto 0 auto;
	display:none;
}

.book_erea{
	margin-top:20px;
}

.book_cover{
	width:450px;
	padding-bottom:10px;
	text-align:center;
	margin:0 auto;
	float:left;
}

.book_cate_cover{
	width:152px;
	text-align:center;
	float:left;
	margin-right:15px;
}

.book_cate_cover img{
	border:solid 1px #ccc;
}


.cate_copy{
	width:320px;
	float:left;
	margin:0 60px 0 0;
	padding:0;
}

.btn_buy{
	text-align:center;
	margin:10px 0;
}

.btn_buy img{
	border:none;
}

.book_erea h3{
	font-size:21px;
	line-height:1.6em;
}

.book_detail{
	width:400px;
	float:left;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.book_detail p{
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.book_cate_detail{
	width:300px;
	float:left;
}

.book_cate_detail h3{
	font-size:16px;
	line-height:1.5em;
	margin:5px 0 0 0;
}

.book_cate_detail p{
	font-size:13px;
	line-height:1.5em;
}

.book_cate_w{
	width:402px;
	float:right;
}


nav#book_select{
	background:#f4f0e5;
	padding:30px 30px 15px 30px;
	border:solid 1px #3a1f11;
	margin-top:30px;
}

nav#book_select li{
	display:inline;
	margin:0 28px 0 0;
}

nav#book_select li img{
	opacity:0.5;
}
nav#book_select li.on img{
	opacity:1;
}

#book_main{
	margin:0 auto;
}

#movie_main{
	width:640px;
	margin:0 auto;
}


.movie_erea{
	width:640px;
	margin:0 auto;
}

nav#movie_select{
	background:#f4f0e5;
	padding:30px 30px 15px 30px;
	border:solid 1px #3a1f11;
	margin-top:30px;
}

nav#movie_select li{
	display:inline;
	margin:0 28px 0 0;
}

nav#movie_select li img{
	opacity:0.5;
}
nav#movie_select li.on img{
	opacity:1;
}



nav#category_area{
	width:618px;
	margin:0 auto;
	position:relative;
	top:407px;
}

nav#category_area li{
	display:inline;
	list-style:none;
	margin:8px 3px 8px 0;
	line-height:2em;
}



#sub-footer{
	width:980px;
	background:#fff;
	padding-bottom:15px;
	text-align:center;
}

.mr0{
	margin-right:0 !important;
}

footer small{
	display:none;
}

#content_inner_under nav#category_area_under{
	width:618px;
	margin:0 auto;
	position:relative;
}

#content_inner_under nav#category_area_under li{
	display:inline;
	list-style:none;
	margin:8px 3px 8px 0;
	line-height:2em;
}


article#content_inner_reijin{
	width:808px;
	position:relative;
	background:#f4f0e5;
	padding:30px 30px 15px 30px;
	border:solid 1px #3a1f11;
	margin:0px auto;
	z-index:500;
}

.reijin_box{
	line-height:0;
	text-align:center;
	margin:20px 0 0 0;
	padding:0;
}
nav#reijin_area ul{
	margin:0;
	padding:0;
}

nav#reijin_area li{
	display:inline;
	margin:0 3px 0 0;
	width:132px;
	float:left;
}

section#c01,section#c02,section#c03,section#c04,section#c05,section#c06,section#c07,section#c08,section#c09,section#c10,section#c11,section#c12,section#c13,section#c14,section#c15{
	width:870px;
	margin:0 auto;
}

.cate_book_wrap{
	margin:0;
	padding:0;
	width:490px;
	position:relative;
	float:left;
	z-index:1;
}

.cate_book{
	display:block;
	height:100%;
	position:relative;
	z-index:100;
	display:none;
}


#cate_book_02{
	display:block;
	height:auto;
	position:absolute;
	left:380px;
	z-index:200;
}


#post815{
	position:relative;
}
#post100{
	position:relative;
	top:10px;
}
#post103{
	position:relative;
	top:30px;
}
#post103_2{
	position:relative;
	top:20px;
}

.f14{
	font-size:14px;
	font-weight:normal;
	margin:0 0 20px 220px;
}
.f12{
	font-size:12px;
	font-weight:normal;
	margin:0 0 20px 90px;
}
.thanks{
	font-size:16px;
	font-weight:normal;
	text-align:center;
	padding:20px;
	border:solid 1px #ccc;
}

.book_cate_detail h3 + .strong {
	font-size:12px;
}

.pub_date{
	margin:-10px 0 20px 0;
	padding:0;
}

.f10{
	font-size:10px;
}

.fb10{
	font-size:14px!important;
	font-weight:bold;
}


.fb20{
	font-size:16px!important;
	font-weight:bold;
}

.under_line{
	text-decoration:underline;
}

.under_line_b{
	font-weight:bold;
	text-decoration:underline;
}

.mt-10{
	margin-top:-10px;
}
.mt-15{
	margin-top:-15px;
}



.mb20{
	margin-bottom:20px;
}

.bg_yellow{
	background:#FFC;
	display:inline;
	padding:3px;
	font-weight:bold;
	font-size:16px!important;
}
.bg_yellow_2{
	background:#FFC;
	display:inline;
	padding:3px;
	font-weight:bold;
}


table#present_form{
	width:700px;
	margin:0 auto;
	font-size:14px;
}

td{
	padding:10px;
	border:solid 1px #ccc;
}
.center{
	text-align:center;
}
.red{
	color:#ba7d7d;
}

.button{
	text-align:center;
	margin:10px 0;
}
#submit{
	background:#cc0000;
	box-shadow:#666 1px 1px 3px;
	border-radius:12px;
	width:100px;
	height:50px;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
}
#reset{
	font-weight:bold;
	background:#e9e9e9;
	box-shadow:#666 1px 1px 3px;
	border-radius:12px;
	width:100px;
	height:50px;
	font-size:16px;
	color:#333;
}

#s_btn{
	width:200px;
	position:absolute;
	top:10px;
	display:inline;
	right:-15px;
	z-index:100;
}
.fb-like{
	float:left;
	margin-right:10px;
}

.g-plusone{
	float:left;
}
#btn_irh{
	position:absolute;
	top:60px;
	right:20px;
	z-index:200;
}

/* QA */
#qa_nav ul{
	width:774px;
	margin:20px auto;
}

#qa_nav li{
	float:left;
	margin:10px 10px 0px 0;
}

#qa_nav li:nth-child(even){
	margin-right:0!important;
}

#qa_w{
	margin-top:40px;
}

#qa_w h2{
	margin-bottom:20px;
}

section#left{
	width:300px;
	text-align:left;
	float:left;
}

section#right{
	width:570px;
	text-align:left;
	float:left;
	margin-bottom:20px;
}
section#right h3{
	margin-bottom:10px;
}

section#right p,#right_bottom p{
	font-size:14px;
	line-height:1.7em;
	font-weight:normal;
	margin-bottom:20px;
}

#right_bottom{
	width:570px;
	text-align:left;
	float:right;
	margin-bottom:50px;

}

#timeline{
	margin-bottom:30px;
}
.left_w,
.right_w{
	float:left;
}

.other_left,
.other_right{
	width:392px;
	margin-bottom:50px;
	clear:right;
}

.other_right{
	margin-left:50px;
}

.other_left p,
.other_right p{
	font-size:14px;
	font-weight:normal;
	line-height:1.7em;
}

/* 守護霊ってなんですか */

.box06{
	margin:20px auto 40px auto;
}

.box06_txt{
	width:350px;
	float:left;
}
.box06_txt p{
	font-size:14px;
	line-height:1.7;
}

.box06_img{
	width:494px;
	float:right;
}


.box06_txt_02{
	width:577px;
	float:left;
}
.box06_txt_02 p{
	font-size:14px;
	line-height:1.7;
	margin-left:56px;
}

.box06_img_02{
	width:268px;
	float:right;
}