
@charset "utf-8";

/*********************************************************************************/
/*                      　　　　　　　　 共通     　　　　　　　      　　　　         */
/*********************************************************************************/

html{

  font-family: "Hiragino Kaku Gothic ProN W3", "HiraKakuProN-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  }

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
    margin: 0;
    padding: 0;
}
article, aside, figure, figcaption,footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
    display: block;
}

body{text-align: center;
  font-size: 14px;
  color: #545454;
  line-height: 21px;
  display: block;
  margin: 0px;
  padding: 0px;
}
h1{
  margin: 0 auto;
  padding: 0 auto;
  margin-top: 0px;
}
p{  text-align: left;
  margin: 0 0;
}
a{
  text-decoration: none;
}
img {
    border-style:none;
}
.clear{
  clear: both;
}
.wrap{text-align:center;
  overflow: hidden;
  margin: 0 auto;
  width: 960px;
}
#wrap{
  width: 100%;
}
.btn:hover{
  cursor: pointer;
  filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;

}
/*****************************ヘッダー****************************/
nav#campusNav{
  width: 960px;
}
#headertop{
  width: 100%;
  height: 22px;
  background-color: #f2bc32;

}


#conceptword{
  text-align: left;
  padding: 5px 0px;
  font-size: 11px;
  line-height: 11px;
  color: #fff;
  font-weight: normal;
}
#header{
  width: 100%;
  height:59px;
}
#header nav{
  float: right;
}
.nav_header{
  color: #f2bc32;
  border: 3px #f2bc32 solid;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  float: left;
}
.margin15{
  margin: 0px 15px;
}
.nav_header:hover{
  color: #fff;
  background-color: #f2bc32;
}
.logo_header{
  margin-top: 14px;
  float: left;
}
.nav-wrap{
    float: right;
    height: 30px;
    margin-top: 15px;
}
.allbooks{
  margin-top: 20px;
  margin-left: 20px;
  float: left;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  color: #545454;
}
#booksnumber{
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  color: #5dbbbc;
}
/***************************フッター****************************/
footer{
  border-top:none !important;
  height: auto !important;
  background: none !important;
}
#totop{
  background-image: url(img/about_bg.png);
  padding-bottom: 30px;
}
#facebook{

  padding: 20px 0px;
  background-image: url(img/tweed.png);
}
.fb-like-box{
  background-color: #fff;
}
#Footer{
  padding: 20px 0px;
  overflow: hidden;
}
.footerlink{
  text-align: left;
  width: 128px;
  line-height: 12px;
  margin-left: 12px;
  list-style-position: inside;
    list-style: none;
    font-size: 12px;
    font-weight: bold;
    list-style-image: url(img/right.png);

}
li.footermargin{
  padding: 15px 0px;
}
ul.footerlink1{
  float: left;
}
.footerlogo{
  margin-top: 37px;
  float: right;
}
#footerunder{
  padding: 10px 0px;
  background-color: #f2bc32;
}
.copyright{
  line-height: 12px;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.overflow{
  overflow: hidden;
}
.overflow img{
  float: left;
}
/*********************************************************************************/
/*                      　　　　　　　　実装時css   　　　　　　　      　　　　         */
/*********************************************************************************/

#container {
  width:981px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
#upper_container{
  height: 400px;
  background-image:url(back_image.jpg);
  background-size:981px 500px;
  text-align:left;
  /*background-repeat: no-repeat;*/
}
#upper_container_cate{
  background-size:981px 500px;
  border: solid;
  /*background-repeat: no-repeat;*/
}

#tag_searchbox p{
  margin: 0;
  padding: 0;
}
div#tag_searchbox div{
  /*改行をさせない*/
  display: inline-block;
  _display: inline;
}
#under_container {
  margin: 0 auto;
  width: 981px;
  /*border:solid;*/
  /*
  margin: 0 0 20px;
  margin-right: 10px;
  */
}


/*single*/
#thum_cont{
}
#thumbnail {
  width: 200px;
  height: 300px;
  float: left;
  padding-top: 10px;
  /*border: solid;*/
}
#text_info{
  width: 450px;
  float: right;
}
#text_info h1{
  font-size: 1.3em;
}
#text_info h2,
#related_tag h2,
#book_content h2{
  font-size: 1em;
}
#text_info h3,
#book_content h3{
  font-size: 0.8em;
}
#text_info p{
  font-size: 0.5em;
}
#price{
  border: ridge;
  margin-right: 10px;
}
.no_br{
  /*改行をさせない*/
  display: inline-block;
  _display: inline;
}
div#text_info ul
div#text_info ul li {
  margin: 0;
  padding: 0;
}
div#text_info ul{
  list-style: none;
}
div#text_info ul li {
  display: block;
  padding: 0; 
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
div#text_info ul li h2,
div#text_info ul li h3{
  margin:0;
}
#amazon_single{
  margin-right: 10px;
  border: solid;
  text-align: center;
}
#amazon_single_under{
  width: 400px;
  border: solid;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.advertise_single{
  border: solid;
  height: 60px;
  text-align: center;
}
#related_textpage{
  width: 150px;
  height: 200px;
  margin: 20px;
  float: left;
  border: solid;
  text-align: center;
  padding: 5px;
}
#related_textpage_thumb{
  margin: 0 auto;
}
#related_textpage h3{
  font-size: 0.7em;
}
#related_textpage h4{
  font-size: 0.6em;
}
#category_table{
  width: 800px;
  height: 600px;
  margin: 0 auto;
  border: solid;
}
#category_table_left{
  width: 280px;
  float: left;
  padding: 5px;
  font-size: 80%;
}
#category_table_right{
  width: 480px;
  float: right;
  padding: 5px;
  font-size: 80%;
}
#top_howto{
  width: 800px;
  height: 400px;
  margin: 0 auto;
}
#top_howto h1{
  font-size: 1.3em;
  text-align: center;
}
#top_howto h2{
  font-size: 1em;
  text-align: center;
}
div#picture_flow ul
div#picture_flow ul li {
  margin: 0;
  padding: 0;
}
div#picture_flow ul{
  list-style: none;
}
div#picture_flow ul li {
  font-size: 80%;
  display: block;
  float: left;
  padding: 0 10px;
  width: 220px;
}
#tag_table{
  width: 500px;
  margin: 0 auto;
  border: solid;
}
div#category_table ul,
div#category_table ul li,
div#category_table ul li a{
  margin: 0;
  padding: 0;
}
div#category_table ul{
  font-weight: bold;
  list-style: none;
}
div#category_table ul li{
  font-size: 80%;
  display: block;
  float: left;
  padding: 0.5em 0;
  width: 100px;
}
#foot_ichiran{
  width: 960px;
  border-top: ridge;
  margin: 0 auto;
}
#foot_ichiran h2{
  font-size: 90%;
  margin-bottom: 1.5em;
}
div#foot_ichiran ul,
div#foot_ichiran ul li,
div#foot_ichiran ul li a{
  margin: 0;
  padding: 0;
}
div#foot_ichiran ul{
  list-style: none;
}
div#foot_ichiran ul li{
  font-size: 80%;
  float: left;
  padding: 0.1em 0;
}
/*footer*/

/*search.php*/
#search_top{
  border: solid;
}
div#search_top h2{
  font-size: 90%;
  float: left;
}
#search_top_right{
  width: 200px;
  float:right;
  padding: 5px;
}
#search_list{
  border: solid;
}
#search_list_thumbnail{
  width: 100px;
  float: left;
  border: ridge;
}
#search_list_info{
  width: 400px;
  float: left;
  margin-left: 10px;
  border: ridge;
}
.search_list_button{
  width: 80px;
  height: 100px;
  text-align: center;
  float: right;
  border: ridge;
  margin-right: 10px;
  margin-bottom: 10px;
}
#search_list_info h1,
#search_list_info h2{
  font-size:90%;
}
/*sitemap*/
p.copy{
  border-top: ridge #dcdcdc;
  text-align: center;
}
#search_in_detail{
  padding-right: 10px;
  padding-left: 10px;
}
#university option{
  color: #000000;
}

.clearfix{
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

nav#sidenav{
  width : 160px;
  border-style: solid solid hidden hidden;
  padding: 5px 0px 5px 30px;
}
nav#sidenav {
  border-color: #dcdcdc;
  text-color: #000000;
}
nav#sidenav li{
  list-style-image: url(../img/mark.png);
}
nav#sidenav p.3dtext{
  color: #616161 ;
  font-family: 'Bevan', serif;
  font-size: 50px ;
  background: #3b3b3b ;
  text-shadow:
  2px 2px 0px #939393,
  4px 4px 0px #1c1c1c;
}
.content{
  width: 520px;
  background: #ffe4e1;
}

#tag_search{
  width:600px;
  margin: 0 auto;
}
p#sample{
  text-align:center;
  margin: 5px 0 5px 0 ;
  padding-top: 30px;
  color: #616161 ;
  font-family: 'Bevan', serif;
  font-size: 40px ;
  text-shadow:
  -1px -1px 1px rgba(0, 0, 0, 0.4),
  1px 1px 1px rgba(255, 255, 255, 0.5);
}
p.cate1{
  border-bottom: solid #dcdcdc;
  padding-bottom: 10px;
  padding-margin: 20px;
  text-align: center;
}





/*********************************************************************************/
/*                      　　　　　　　　 トップページ     　　　　　　　      　　　　         */
/*********************************************************************************/

/****************************メインビジュアル****************************/
#mainvisual{
  width: 100%;
  height: 463px;
  overflow: hidden;
}
#mainvisual-wrap{
  height: 463px;
  background-image: url(img/main_bg.png);
  background-repeat: no-repeat;
  -moz-background-size:100% auto;
background-size:100% auto;
}
#catchcopy{
  text-align: center;
  padding-top: 137px;
  width: 831px;
  margin: 0 auto;
}
#catchcopy img{
  text-align: center;
}
#freeword{
  margin:0 auto;
margin-top: 30px;
  overflow: hidden;
  width: 620px;
  height: 58px;
  background-image: url(img/choose_bg.png);
}
.freesearch{
  float: left;
  margin: 10px;
  font-size: 16px;
  line-height: 16px;
  width: 456px;
  height: 34px;
  border: 1px #a1a1a1 solid;
  padding-left: 10px;
  -webkit-box-shadow: 0px 5px 10px 0 #ededed inset; /* Safari, Chrome用 */
  -moz-box-shadow: 0px 5px 10px 0 #ededed inset; /* Firefox用 */
  box-shadow: 0px 5px 10px 0 #ededed inset; /* CSS3 */
}
.search-btn{
  float: left;
  margin-top: 10px;
}
#choose-search{
  width: 100%;
  height: 64px;
  margin-top: 113px;
  background-image: url(img/choose_bg.png);
}
#topsubmit{
  background-image: url(img/search_btn.png);
  width:121px; 
  height:38px;
  text-indent: -9999px;
  border:none;
  cursor: pointer;

}
/***************************トップ学部学科からさがす****************************/
.searchform-params{
  float: left;
}
.DropDownField{
  float: left;
  margin-right: 10px;
}
#university{
  /*width: 156px;*/
  width: 300px;

}
#department{
  /*width: 282px;*/
  width: 300px;
}
#course{
  width: 230px;
}
#semester{
  /*width: 125px;*/
  width: 209px;
}
#tag_searchbox select{
  margin-right: 5px;
margin-top: 12px;
font-size: 16px;
line-height: 16px;
padding:10px 0px 10px 12px;
border: 1px solid #B3B3B3;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: 0px 0px 5px 0 #bdbcbc inset,0px 0px 2px 0 #9fa1a0; /* Safari, Chrome用 */
  -moz-box-shadow: 0px 0px 5px 0 #bdbcbc inset,0px 0px 2px 0 #9fa1a0; /* Firefox用 */
  box-shadow: 0px 0px 5px 0 #bdbcbc inset,0px 0px 2px 0 #9fa1a0; /* CSS3 */
  

}
.top_submit{
  float: left;
}
#tag_searchbox select:hover{
  cursor: pointer;
}
.send-btn{
  background-image: url(img/search_btn.png);
  border: none;
  width: 121px;
  height: 38px;
  margin: 12px 0px 0px 5px;
  padding: 0px;
  cursor: pointer;
}
/***************************半額以下の教科書****************************/

#underhalf{
  overflow: hidden;
  padding: 30px 0px;
  background-image: url(img/tweed.png);
}
#underhalf img{
  display: block;
  text-align: center;
}
.cheap-box{
  margin-right: 0px !important;
  -webkit-box-shadow: 0px 6px 15px 0 #000000; /* Safari, Chrome用 */
  -moz-box-shadow: 0px 6px 15px 0 #000000; /* Firefox用 */
  box-shadow: 0px 6px 15px 0 #000000; /* CSS3 */
  margin-left: 20px;
    float: left;
  width: 176px;
  background-color: #fff;
}
.percent{
  margin-top: 12px;
  margin-left: -3px;
  margin-bottom: 11px;
  text-align: center;
  text-shadow: 0px -1px 1px #7a3547;
  line-height: 14px;
  padding-top: 8px;
  font-weight: bold;
  width: 173px;
  height: 22px;
  color: #fff;
  background-image: url(img/slide_percent.png);
}
.slideimg{
  margin: 0 auto;
  text-align: center;
  padding-bottom: 15px;
}
.slidetitle{
  overflow: hidden;
  height: 36px;
  width: 146px;
    padding: 0 15px;
    text-align: center;
  

}
.slidetitle{
  margin-bottom: 15px;
}
.slidetitle a{
  color: #545454;
   font-size: 12px;
  font-weight: bold;
  color: #545454;
  line-height: 18px;
}
.slidetitle a:hover{
  color: #f2bc32;
}
.pricebox{
  padding: 8px 0px;
  background-color: #efefef;
}
.regular{
  margin-left: 15px;
  float: left;
  font-size: 12px;
  line-height: 12px;
}
img.pricedown-right{
    float: left;
    margin: 0 5px;
}
.pricedown{
  float: left;
  font-weight: bold;
  color: #c15772;
  line-height: 14px;
}
.caroufredsel_wrapper{
  width: 100% !important;
  overflow: visible !important;
}
#underhalf .caroufredsel_wrapper #thumbs{
  overflow: visible !important;
  margin-left: -74px !important;
}
/***************************大学からさがす****************************/
#search-univname{
  padding-bottom: 30px;
}
h2.searchfrom{
  background-color: #f2bc32;
  color: #fff;
  font-size:20px;
  line-height: 20px;
  padding: 10px 0px 10px 15px;
  font-weight: normal;
  margin-top: 30px;
}
h3.area{
  text-align: left;
  background-color: #efefef;
  color: #545454;
  font-size: 14px;
  line-height: 14px;
  padding: 5px 0 5px 10px;
}
.unvleft{
  width: 300px;
  float: left;
}
.border{
  background-color: #fff;
  overflow: hidden;
  padding: 15px;
  border: 1px #f2bc32 solid;
}
li.unvname{
  text-align: left;
  margin-top: 15px;
  line-height: 12px;
  margin-left: 12px;
  list-style-position: inside;
  width: 137px;
  float: left;
    list-style: none;
    font-size: 12px;
    font-weight: bold;
    list-style-image: url(img/right.png);
}
.link{
  color: #5dbbbc;
  text-decoration: none;
}
.link:hover{
  color: #f2bc32;
  
}
.unvleft ul{
  list-style-position: inside;
  overflow: hidden;
}
.margin20{
  margin-top: 20px;
}
.unvright{
  margin-left: 15px;
  width: 613px;
  float: left;
}
/***************************about****************************/
.graybg{
  padding-bottom: 30px;
  background-image: url(img/about_bg.png);
  overflow: hidden;
}
h2.abouttitle{
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  padding: 30px 0;
}
.ill{
  float: left;
  width: 216px;
  height: 222px;
}
h3.about-title{
  line-height: 16px;
  margin-bottom: 12px;
  font-size: 16px;
}
.aboutcontent{
  text-align: left;
  width: 714px;
  float: left;
  margin-left:20px;
}
.min{
  margin-top: 20px;
}
/***************************特徴****************************/
#point{
  padding-bottom: 30px;
  overflow: hidden;
}
.pointbox{
  height: 321px;
  float: left;
  width: 294px;
  border: 3px #f2bc32 solid;
}
.pointimg{
  margin: 30px 0px;
}
.point-p{
  margin: 0 30px 30px 30px;
  font-size: 16px;
}
.point2{
  margin: 0 30px;
}
/***************************キーワード****************************/

.totop{
  margin-top: 30px;
  float: right;
}
.toptagcloud a{
  color:#5dbbbc;
}
.toptagcloud a:hover{
  color:#f2bc32;
}


/*********************************************************************************/
/*                      　　　　　　　　 カテゴリーページ     　　　　　　　      　　　　         */
/*********************************************************************************/
/***************************ぱんくず****************************/
.blackbg{
  overflow: hidden;
  background-image: url(img/tweed.png);
}
.blackbg a{
  height: 18px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}
.blackbg a:hover{
  color: #fff;
  font-size: 12px;
}
.pankuzu{
  margin-top: 0px;
  margin-right: 5px;
  float: left;
}
.pankuzulink{
float: left;
}
a.pankuzulink:hover{
  color: #f2bc32;
}
.pankuzu_posttitle{
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  float: left;
}
#breadcrumb_search{
  margin-top: 11px;
  float: right;
}
.pankuzu-right{
  margin: 2px 5px 0 15px;
}
.freewordbox{
  float: left;
  width: 215px;
  height: 26px;
  font-size: 12px;
  line-height: 12px;
  border: 1px #a1a1a1 solid;
padding-left: 10px;
-webkit-box-shadow: 0px 5px 10px 0 #ededed inset;
-moz-box-shadow: 0px 5px 10px 0 #ededed inset;
box-shadow: 0px 5px 10px 0 #ededed inset;
}
.freeword-send{
  background-image: url(img/search_icon.png);
border: none;
width: 29px;
height: 30px;
padding: 0px;
cursor: pointer;
float: left;
text-indent: -9999px;
}
/***************************サイド****************************/
#side{
  width: 250px;float: left;
}
.side-2{
  height: 576px;
  overflow-y: scroll;
}
/*学部・学科からさがす*/
.DropDownField-category{

}
.areaname_side{
  background-color: #efefef;
  color: #545454;
}
#sidebar_tag_search{
  /*height: 257px;*/
  height: 212px;
  padding-bottom: 17px;
  border: 1px #bebebe solid;
  background-color: #fff;
  margin-bottom: 20px;
}
.side-choosesearch{
  margin-top: 17px;
  margin-left: 17px;
  width: 216px !important;
  height: 34px;
  padding-left: 10px;
  color: #545454;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  border-radius: 0px;
  border: none;
  background-image: url(img/category-unv_bg.png);
-webkit-appearance: none;
-moz-appearance: none;
  
}
.side-choosesearch:hover{
  cursor: pointer;
}
#contentswrap{
background-image: url(img/about_bg.png);
}
.content-wrap{
  padding-top: 30px;
  overflow: hidden;
}
.searchform-controls input{
  border: none;
  width: 119px;
  height: 36px;
  background-image: url(img/category_search-btn.png);
  -webkit-appearance: none;
-moz-appearance: none;
padding: 0px;
margin-top: 17px;
  
}

/*大学からさがす*/
li.side-area{
  text-align: center;
  padding: 10px 0px;
  width: 248px;
  border: 1px #bebebe solid;
  font-size: 14px;
  line-height: 14px;
  margin-left: -1px;
  margin-top: -1px;
  font-weight: bold;
  background-image: url(img/side_bg.png);
}
#accordion{

  background-color: #fff;
  border: 1px #bebebe solid;
}
#accordion .category-list{
  text-align: left;
  height: 33px;
}
.according_head{
  color: #545454;
  margin-left: -1px;
  font-weight: bold;
  float: left;
  font-size: 12px;
  line-height: 12px;
  padding-top: 10px;
  padding-bottom: 9px;
  padding-left: 10px;
  width: 240px;
  height: 14px;
  background-image: url(img/category-univ_bg.png);

}
.according_head:hover{
  color: #f2bc32;
}
.category-department{
  margin-left: 10px;
  color: #5dbbbc;
  font-size: 12px;
  line-height: 22px;
  font-weight: bold;
}
.category-department:hover{
  color: #f2bc32;
}
#accordion dd{
  margin: 5px 0px;
}
.banner{
  float: left;
  margin-top: 20px;
}
.category-department a{
  color: #5dbbbc;
}
.category-department a:hover{
  color: #f2bc32;
}
/***************************メインコンテンツ****************************/
#maincontent{
  float: right;
  width: 680px;
}
.subtitle{
  text-align: left;
  font-weight: bold;
  background-color: #f2bc32;
  color: #fff;
  line-height: 16px;
  font-size: 16px;
  padding: 8px 0 8px 10px;

}
.category-top{
  margin-bottom: 15px;
}
.searched{
    font-weight: normal;
}
.transition{
  height: 27px;
  overflow: hidden;
  margin-bottom: 15px;
}
.previous{
  float: left;
}
.next{
  float: right;
}
.pagebox{
  margin-bottom: 15px;
  height: 141px;
  overflow: hidden;
  background-color: #fff;
  border: 1px #bebebe solid;
}
.category-contents{
  text-align: left;
  height: 129px;
  width: 554px;
  float: left;
}
.category-percent{
  float: left;
  margin: 15px 0px;
  padding: 6px 0 6px 8px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  width: 70px;
  height: 12px;
  background-image: url(img/category_percent.png);
}
.category-booktitle{
  width: 452px;
  overflow: hidden;
  height: 24px;
  float: left;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin: 15px 0 15px 15px;
}
.category-booktitle a{
  color: #545454;

}
.category-booktitle a:hover{
  color: #f2bc32;
  
}
.category-img{
  margin-left: 15px;
  margin-right: 15px;
  float: left;
}
.category-detail{
  width: 455px;
height: 72px;
float: left;
overflow: hidden;
}
.category-writer{
  height: 14px;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 15px;
}
.buy-btn{
  float: left;
  padding-top: 15px;
}
#maincontent h5.category-price{
  margin-bottom: 10px;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    padding: 0px;
    margin-top: 0px;
}
.category-cheaprice{
  color: #c15772;
  font-weight: bold;
}
.category-tag{
  overflow: hidden;
  float: left;
}
.single-relateWrap{
  width: 190px;
  height: 52px;
  overflow: hidden;
}

.beforetag{
  float: left;
}
.tagname{
  float: left;
}
p.tagname a{
  width: auto;
  height: 12px;
  text-indent: 0px;
  margin-right: 10px;
  float: left;
  font-size: 12px;
  line-height: 12px;
  background-color:#f2bc32;
  padding: 5px 10px 5px;
  color: #fff;
  text-shadow: 0px -1px 0px #c09527;
}
.categorybtn{
  margin-right: 10px;
  float: left;
  font-size: 12px;
  line-height: 12px;
  background-color: #545454;
  padding: 5px 10px;
  color: #fff;
}
.numbers{
  margin-right: 10px;
  font-size: 14px;
  float: right;
  font-weight: normal;
}
.category-category{
  float: left;
}
.category-category a{
  float: left;
  font-size: 12px;
  line-height: 12px;
  background-color: #545454;
  padding: 5px 10px;
  color: #fff;
}
.category-category a.subcategory{
  margin-right: 10px;
  padding: 5px 10px 5px 0px;
}
.pages,.nextpostslink,.previouspostslink{
  display: none;
}

#maincontent > div.wp-pagenavi > span.current {
color: #fff;
background-color: #f2bc32;
padding: 0px;
width: 36px;
height: 25px;
display: block;
text-align: center;
line-height: 14px;
padding-top: 11px;
border: none;
float: left;
margin: 0 10px 10px 0px;
}
a.page.larger,a.page.smaller{
  color: #545454;
background-color: #fff;
padding: 0px;
width: 36px;
height: 25px;
display: block;
text-align: center;
line-height: 14px;
padding-top: 11px;
border: 1px #545454 solid;
float: left;
margin: 0 10px 10px 0px;
}

/*********************************************************************************/
/*                      　　　　　　　　 記事ページ     　　　　　　　      　　　　         */
/*********************************************************************************/

/***************************ぱんくず****************************/
.posttitle{

}
.category-pankuzu{
  margin-left: 10px;
}
.pankuzu_wrap{
  overflow: hidden;
  float: left;
  padding: 17px 0px;
  width: 690px;

}
/**************************メインコンテンツ****************************/
#bookMainTitle{
  text-align: left;
  padding: 15px 30px;
  background-color: #fff;
  border-top: 8px #f2bc32 solid;
  border-left: 1px #bebebe solid;
  border-right: 1px #bebebe solid;
}
#bookContentWrap{
  overflow: hidden;
  width: 680px;
}
.single-booktitle{
  text-align: left;
  font-size: 24px;
  line-height: 24px;
}
h2.single-author{
  padding: 12px 0px;
   font-size: 14px;
   line-height: 14px;
   font-weight: normal;
}
#bookContent{
  text-align: left;
  background-color: #fff;
  border: 1px #bebebe solid;
  padding: 30px;
  overflow: hidden;
}
.detailContent{
  width: 356px;
  float: right;
}
.bookThumb{
  text-align: left;
  position: relative;
  float: left;
  width: 232px;
  height: 296px;
  overflow: hidden;
}
img.bookimg_single{
  width: 232px;
  height: auto;
  position: absolute;
  
}
.icon-money{
  float: left;
}
.moneytitle{
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  padding: 3px 0 3px 10px;
  float: left;
}
.price-box{
  margin-top: 10px;
  background-color: #efefef;
  width: 356px;
  height: 56px;
}
.percent-single{
  margin-left: -3px;
  margin-top: 15px;
float: left;
  color: #fff;
  width: 93px;
  padding: 5px 0px 5px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  background-image: url(img/percent_bg_single.png);
}
.cheap-price_single{
  margin-left: 15px;
  padding: 13px 0px;
  float: left;
  font-size: 30px;
  color: #c15772;
  line-height: 30px;
  font-weight: bold;
}
.costPrice{
  float: left;
  padding-left: 15px;
  padding-top: 21px;
  font-size: 14px;
  line-height: 14px;

}
.careful{
  margin-top: 7px;
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 18px;
}
.singledetail-wrap{
  width: 356px;
  padding-top: 10px;
  border-bottom: 1px #efefef solid;
  padding-bottom: 10px;
  overflow: hidden;
}
.single-list{
  float: left;
}
h3.singledetail-title{
  width: 58px;
  float: left;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  margin-left: 10px;
}
p.singledetail{
  float: left;
  font-size: 12px;
  line-height: 12px;
}
a.single_btn{
  width: 364px;
  height: 53px;
}
a.single_btn img{
  margin-top: 30px;
  margin-left: 142px;
  width: 364px;
  height: 53px;
  float: left;
}
.advertisement{
  text-align: center;
  padding-top: 33px;
  margin-top: 30px;
  width: 618px;
  height: 47px;
  background-color: #efefef;
}
.advertisement2{
  float: left;
}

#maincontent h4#relateTitle,h4#detailTitle,h4#keywordTitle{
  padding: 10px 0 10px 40px;
  width: 578px;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
}
#relateTitle{
  background-image: url(img/relate_bg.png);
  width: 578px;
}
#detailTitle{
  background-image: url(img/bookdetail_bg.png);
}
#keywordTitle{
  background-image: url(img/keyword_bg.png);
}
.related_textpage{
  margin-right: 20px;
  height: 284px;
  float: left;
  width: 190px;
  border: 1px #bebebe solid;

}
.relatedThumb{
  overflow: hidden;
  width: auto;
  height: 110px;
  margin-left: 40px;
}
.relatedThumb img{
  float: left;
  width: auto;
  height: 110px;
  margin-left: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
  
}
div.related_textpage{
  margin-bottom: 20px;
}
h2.relatedTitle{
  font-size: 14px;
  line-height: 15px;
  overflow: hidden;
  height: 14px;
  text-align: center;
  margin-bottom: 15px;
}
h2.relatedTitle a{
  text-align: center;
  color: #545454;
  font-size: 14px;
  line-height: 14px;
}
h2.relatedTitle a:hover{
  color: #f2bc31;
}
h3.relatedAuthor{
  overflow: hidden;
  height: 14px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  font-weight: normal;
}
.relatedPriceBox{
  margin: 0 auto;
  overflow: hidden;
  background-color: #efefef;
}
.relatedPrice{
  
  padding: 9px 0px;
  float: left;
  font-size: 16px;
  color: #c15772;
  font-weight: bold;
  line-height: 16px;
}
.originalPrice{
  font-size: 14px;
  line-height: 14px;
  float: left;
  margin-left: 10px;
  padding: 10px 0px;

}
.single-relatedTag{
  float: right;
  margin: 15px 5px 15px 0px;

}
#relate{
  width: 638px;
  overflow: hidden;
}
#relatedKeyword{
  overflow: hidden;
}
.related-tag{
  margin-bottom: 10px;
}
.single-ads{
  margin-top: 30px;
}
.adsright{
float: right;
}

/*********************************************************************************/
/*                      　　　　　　　　 サイトマップ     　　　　　　　      　　　　         */
/*********************************************************************************/

.sitemapTitle{
  text-align: left;
  font-size: 16px;
  background-image: url(img/side_bg.png);
  padding:5px 0 5px 10px;
  margin-top: 20px;
  clear: both;
}
.cate2{
  text-align: left;
  border-bottom: 2px #efefef solid;
  padding-bottom: 5px;
  margin:15px 0px 10px 0px;
  line-height: 12px;
  font-size: 12px;
  font-weight: bold;
}
ul.sitemapUl li{
  text-align: left;
  list-style: none;
  list-style-image: url(img/right.png);
  list-style-position: inside;
  float: left;
  width: 154px;
}
ul.sitemapUl li a{
  font-weight: bold;
  font-size: 12px;
  color: #5dbbbc;
}
ul.sitemapUl li a:hover{
  color: #f2bc32;
}
ul.sitemapUl{
  overflow: hidden;
  clear: both;
}
.tagcloud a{
  color: #5dbbbc;
}
.tagcloud a:hover{
  color: #f2bc32;
}
.tagcloud{
  margin-top: 10px;
}
#sitemapWrap {
  border-top: 8px #f2bc32 solid;
padding: 30px;
background-color: #fff;
border: 1px #bebebe solid;
border-top: 8px #f2bc32 solid;
}
.sitemapmargin{
  margin-top: 10px;
}
/*********************************************************************************/
/*                      　　　　　　　　 学生サポーター募集     　　　　　　　      　　　　         */
/*********************************************************************************/

.recrui_ttitle{
  text-align: left;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 15px;
  border-bottom: 2px #f2bc32 solid;
  padding-bottom: 2px;

}
ul.recruit_first{
  text-align: left;
  list-style: none;
  list-style-image: url(img/recruit_list.png);
  list-style-position: inside;
  font-weight: bold;
}
.recruitbottom{
  margin-bottom: 15px;
}
.recruittop{
  margin-top: 15px;
}
#sitemapWrap table{
  text-align: left;
  border: #d4d4d4;
  border-collapse: collapse;
border-spacing: 0;
}
#sitemapWrap tr th{
  background-color: #efefef;
  padding: 10px;
}
#sitemapWrap td{
  padding: 10px;
}
/*********************************************************************************/
/*                      　　　　　　　　 お問い合わせ     　　　　　　　      　　　　         */
/*********************************************************************************/

.contact-p{
  margin-top: 15px;
}
h3.contactTitle{
  text-align: left;
  font-size: 14px;

}
.important{
  color: #ef0f0f;
  margin-bottom: 20px;
}
.form{
  margin-bottom: 15px;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,.wpcf7-form-control.wpcf7-textarea,.wpcf7-form-control.wpcf7-text{
  border:1px solid #777;
    padding: 5px;
    color: #999;
    background: #fff;
    border-radius: 5px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
    -webkit-border-radius: 5px;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
    -moz-border-radius: 5px;
     
    

}
.wpcf7-form-control.wpcf7-submit{
  font-size: 16px;
  padding: 10px;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  color: #000000;
}
.wpcf7-list-item{
  display: block;
}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required,.wpcf7-form-control.wpcf7-textarea{
  color: #000000;
}

/*********************************************************************************/
/*                      　　　　 campus共通ヘッダー   　　　　　　　      　　　　         */
/*********************************************************************************/


/*********************************************************************************/
/*                      　  　　　 スマホ用css   　　　　　　　      　　　　         */
/*********************************************************************************/
@media screen and (min-width: 0px) and (max-device-width: 320px) {
  #mainvisual-wrap {
height: 463px;
background-image: url(img/main_bg.png);
background-repeat: no-repeat;
-moz-background-size: auto 100%;
background-size: auto 100%;
}
}















