.book_number{
	padding: 0 10px 20px;
	text-align: right;
	font-weight: bold;
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}
.book_number .navi_box {
	margin: 1em 0;
}
.book_number a{
	margin: 5px 1px 5px 0;
	border: 1px #999999 solid;
	color: #3774d0;
	padding: 10px 15px;
	font-weight: normal;
	text-decoration: none;
}
.book_number a:hover{
	border: 1px #999999 solid;
	background-color: #3774d0;
	color: #f2f2f2;
	padding: 10px 15px;
	font-weight: normal;
	text-decoration: none;
}
.book_number .book_number1{
	border: 1px #999999 solid;
	background-color: #3774d0;
	padding: 10px 15px;
	font-weight: bold;
	color: #ffffff;
}
.book_number .book_number_list{
	padding: 0 1em 0 0;
	font-weight: normal;
}


body {
font:14px "ヒラギノ角ゴ Pro W3";
background: #ffffff;
margin: 0;
padding: 0;
}
#wrap {
padding: 0;
background: #ffffff;
}
section, nav {
margin: 0;
}


p {
/*margin-bottom: 1em;*/
}

ul, li {
list-style: none;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

nav {
background: #000000; */
width: 100%;
height: 120px;
}

#top {
	background: url("../img/header_bg.png") repeat-x;
}

#top h1 {
margin: 0;
padding: 0;
width: 100%;
height: 153px;
background: url("../img/header_img.png") no-repeat left;
text-indent: -9999px;
}

ul, li {
margin: 0;
padding: 0;
line-height: 120%;
}

nav ul {
border:1px solid #bbbbbb;
background: #ffffff;
width: 95%;
margin: 0 auto;
padding-top: 5px;
text-align: center;
}
nav li {
}

h2,h3,h4,h5 {
width: 100%;
/* border: 1px solid #777777; */
margin: 0 0 20px;
padding: 10px 0;
text-align: center;
display: block;
color:#ffffff;
background-color: #676968;
font-size: 1.4em;
background: -webkit-gradient(linear, left top, left bottom, from(#676968), to(#e7e7e7));
}

.insection {
margin: 10px 0;
}


.prev1 {
text-align: center;
margin: 0;
padding-top: 20px;
float: left;
}
.next1 {
text-align: center;
margin: 0;
padding-top: 20px;
float: right;
}

ul.noimg1{
 text-align:center;
 margin-left: 10px;
 margin-bottom: 10px;
}
 
.noimg1 li{
 display:inline-block;
 margin: 0 10px;
 }
 
p.more {
text-align: right;
margin: 20px auto 10px;
width: 95%;
clear: both;
}

/*								会社詳細*/
h2.syosai {
margin: 0;
padding: 0;
width: 100%;
height: 32px;
background: url("../img/mymenu_bg.gif") repeat-x center top;
color: #ffffff;
text-align: center;
font-size: 100%;
text-shadow: 0 -1px 1px #666;
line-height: 250%;
clear: both;
}

/*								会社概要、プライバシーポリシー*/
.company, .privacy {
width: 85%;
margin: 1em auto;
}

.privacy {
width: 90%;
margin: 1em auto;
}

/*				プライバシーポリシー*/
ol.privacy {
margin: 30px auto;
}

li.privacy {
margin:0 ;
width:100%;
font-weight: bold;
list-style-type: decimal;
}


.company p, .privacy p {
margin: 1.2em;
}


.company h3, .privacy h3 {
background: url("../img/guide_bg.gif") repeat;
color: #808080;
text-align: left;
font-size: 1.0em;
margin-bottom: 1.2em;
padding-left:0.5em;
width: auto;
}


/*				規約*/
ol .kiyaku, ul .kiyaku {
margin:0 50px;
margin-bottom:10px;
list-style-type: disc;
}
li .kiyaku {
}

/*サイト案内 start */
.annai {
border-top: 1px solid #525252;
background-color: #ffffff;
/*-webkit-border-radius: 8px;
border-radius: 8px;*/
width: 100%;
margin: 10px 0;
display: inline-block;
font-size: 0.9em;
}
.annai li a {
text-decoration: none;
display: block;
padding: 20px 10px;
}
.annai a {
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
}
.annai a:link {
color: #333333;
}
.annai a:visited {
color: #333333;
}
.annai a:hover {
color: #333333;
}

ul.an1 {
float: left;
width: 50%;
}
.an1 li {
border-bottom: 1px solid #525252;
/* background: -webkit-gradient(linear, left top, left bottom, from(#fdfbf0), to(#fff59c)); */
}
.an1 li:last-child {
}
ul.an2 {
float: left;
width: 50%;
}
.an2 li {
border-bottom: 1px solid #525252;
border-left: 1px solid #525252;
/* background: -webkit-gradient(linear, left top, left bottom, from(#fdfbf0), to(#fff59c)); */
}
.an2 li:last-child  {
}





/*			PC版表示*/
p#for_pc a{
width: 90%;
border: 1px solid #777777;
margin: 20px auto;
padding: 10px 0;
font-size: 1.2em;
text-align: center;
display: block;
color:#333333;
text-decoration:none;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: #F4F4FF;
background: -webkit-gradient(linear, left top, left bottom, from(#F4F4FF), to(#CCCCFF));
}





/*								フッター*/

footer {
background: url("../img/footer.png") repeat-x;
height: 20px;
margin: 0;
clear: both;
}
footer p {
color: #ffffff;
text-shadow: 0 -1px 0 #fff;
text-align: center;
font-size: 0.9em;
text-shadow: 0 1px 1px #5E2847;
}
footer p a{
color: #ffffff;
font-size: 0.9em;
text-decoration:none;
}


/* 本の表示 index.html */
.g_index {
width: 100%;
margin: 10px 0;
display: inline-block;
font-size: 0.9em;
}
.g_index li a {
text-decoration: none;
display: block;
padding: 20px 10px;
}
.g_index a {
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
}

.g_index ul.g_index_n {
	text-align:center;
	width: 100%;
}
.g_index ul.g_index_n li.img_area {
	
}
.g_index ul.g_index_n li a img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
} 

ul.g_index1 {
float: left;
text-align:center;
width: 50%;
}
ul.g_all_index1 li{
	/* background: -webkit-gradient(linear, left top, left bottom, from(#fdfbf0), to(#fff59c)); */
}
.book_img {
	margin-top: .5em;
	margin-left: .5em;
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.book_img:before, .book_img:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.book_img:after{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

.book_title{
	font-size: 1.5em;
background: url("../img/book_title_bg.png") repeat;
	color: #ffffff;
	padding: .25em;
	border-top: 3px solid #730A0E;
}

ul.g_index2 {
float: left;
text-align:center;
width: 50%;
/* background: -webkit-gradient(linear, left top, left bottom, from(#fdfbf0), to(#fff59c)); */
}
.g_all_index2 li{
	display: block;
	margin-top:20px;
	padding-bottom: .5em;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#fdfbf0), to(#fff59c)); */	
	border-bottom: 1px dashed #730A0E;
}

/* 本の表示 book_list.html */
.g_all_index {
border-top: 1px solid #e0e0e0;
width: 100%;
display: inline-block;
font-size: 0.9em;
}

.g_all_index p.more {
/*text-align: right;
width: 100%;*/
padding-top: 20px;
}
*/

.g_all_index li a {
text-decoration: none;
display: block;
padding: 20px 10px;
}
.g_all_index a {
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
}

ul.g_all_index1 {
float: left;
text-align:center;
width: 45%;
}
ul.g_all_index1 li{
	/* background: -webkit-gradient(linear, left top, left bottom, from(#fdfbf0), to(#fff59c)); */
}
ul.g_all_index2 {
float: left;
text-align:left;
width: 50%;
}
.g_all_index2 li{
	display: block;
	margin-top:20px;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#fdfbf0), to(#fff59c)); */	
}

.s_error {
	color:red;
}


.social_btn { 
margin: 10px 0px 0px 0px; 
padding: 0px; 
float: right;
}
.social_btn .sns_btn { 
float: right; 
margin: 0px 3px 0px 3px; 
padding: 0px; 
display: inline; 
}

.social_btn .twitter { 
display: inline;
float: right;
margin: 0 1px 0 10px;
padding: 0;
width: 70px;
}

.social_btn .facebook { 
float: right; 
margin: 0px 1px 0px 0px; 
padding: 0px; 
display: inline; 
width: 120px; 
}

a.fb-like {
float: right; 
margin: 0px 10px 0px 0px; 
	display: inline-block;
	padding-left: 20px;
	padding-right: 2px;
	border: solid 1px #CAD4E7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	height: 20px;
	line-height: 20px;
	background: url(../../common/img/f_logo.png) no-repeat 2px center #ECEEF5;
	text-decoration: none;
	color: #3B59B8;
	font-size: 11px;
	font-family: "lucida grande",tahoma,verdana,arial,"Hiragino Kaku Gothic Pro",Meiryo;
}
a.fb-like:hover {
float: right; 
margin: 0px 10px 0px 0px; 
	font-size: 11px;
	font-family: "lucida grande",tahoma,verdana,arial,"Hiragino Kaku Gothic Pro",Meiryo;
	background: url(../../common/img/like_icon.png) no-repeat 2px center #ECEEF5;
	border: solid 1px #9DACCE;
}

textarea.s_in03 {
	width: 15em;
}