@charset "utf-8";

/* =================================================
 * Theme Name: ------ theme
 * @Description: -----------
 * @Version: 1.0
 * @date: May 18, 2010
 * @Author: C.Yoshimoto
 * @copyright (c) 2010  FOURIER Inc. (fourier.jp)
 * ================================================= */

/* ***************************************************
 * CSS初期化設定
 * *************************************************** */
* {
  margin: 0;
  padding: 0;

}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,select,textarea,p,
blockquote,table,th,td {
  margin:0;
  padding:0;
  vertical-align: baseline;
}

table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:1em;
  line-height:160%;
}

fieldset,img {
  border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}

ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

q:before,q:after {
  content:'';
}

abbr,acronym {
  border:0;
}




strong {
  font-weight:bold;
}
hr {
  margin:10px 0;
  padding:0;
  border-top:1px solid #cccccc;
}

.clear {
  clear:both;
}

.c2l {
  float:left;
}

.c2r {
  float:right;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ***************************************************
 * LAYOUT
 * *************************************************** */
body{
  background:#f4f2ea url(/images/common/bg.gif) 0px 0px repeat-x;
  color:#333333;
  font-size:12px;
  text-align:center;
  /* border-top:5px #C0A6F0 solid; */
  line-height:150%;
	font-family : "Lucida Grande", "Avant Garde", Helvetica, "Kozuka Gothic std", "Hiragino Kaku Gothic Pro", "小塚ゴシック Std R", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}


a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

a:link,a:visited {
color:#5A4384;
text-decoration:underline;
}
a:hover,a:active {
text-decoration:none;
}

.clear{
clear:both;
}
.mb30{
margin-bottom:30px;
}


/*-------------------------------------------------
	layout
---------------------------------------------------*/

#container{
  margin:0px auto;
  text-align:left;
}

#printHeader {
  display:none;
}

#header {
  margin:0 auto;
  width:910px;
  background: #9f95bf;
}
#navigation {
  clear:both;
  margin:0 auto;
  width:910px;
  
}
#wrapper {
  clear:both;
  margin:30px auto 0 auto;
  width:910px;
}

#content {
  float:right;
  /* width:630px; */
  width:600px;
  text-align:left;
}
#sidebar{
  float:left;
  margin-right:20px;
  width:260px;
  text-align:left;
  border:1px solid #ccc;
  background:#ECEAE2;
}
.sideBanner { 
 margin: 2px 2px 0;
}
.sideBanner li { 
 margin-bottom: 2px;
}
.sideBanner img {
  vertical-align: top;
}

#extra{
  clear:both;
  margin:30px auto 0 auto;
  width:910px;
}

#footer{
  clear:both;
  background:#f4f2ea url(/images/common/bg-footer.gif) 0px 0px repeat-x;
}
#footerInner{
  clear:both;
  margin:0 auto;
  padding:20px 0;
  width:910px;
  color:#888888;
}

/*-------------------------------------------------
	header
---------------------------------------------------*/
div#logo {
  float:left;
  width:300px;
  height:80px;
  display:block;
  text-align: left;
}

div#lang {
  float:left;
  margin-top:20px;
  width:120px;
}

div.fontsize{
  float:left;
  margin:15px 0 0 20px;
  width:100px;
}

div#searchBox {
  float:right;
  margin-top:35px;
  width:250px;
  text-align:right;
}



div#searchBox input#s {
    background: #fff url("/images/common/icon-search.gif") no-repeat scroll left center;
    border: 0 none;
    display: block;
    float: left;
    font-size: 85%;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 1px 2px 1px 25px;
    width: 170px;
}

div#searchBox input#submit {
    -moz-border-radius: 0 0 0 0;
    background: url("/images/common/search-button.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 50px;
}


/*-------------------------------------------------
	home
---------------------------------------------------*/
div.home_box{
  margin-bottom:30px;
}

#home_right img{
vertical-align:middle;
}

.home_box dl dd span.new {
  color: #fff;
  margin-right: 10px;
  background: #CC3300;
  padding: 0 3px;
  font-size: 11px;
}

/* book_list------------------------------ */
div.home_box ul{
margin:-55px 0 0 0;
float:right;
}
div.home_box ul li{
display:inline;
}
div.home_box ul li a{
border:none;
}
div.home_box ul.book_list{
margin:0;
float:left;
width:100%;
height:100%;
}

ul.book_list li{
display:inline;
padding:0 0 0 20px;
}

ul.book_list li a img{
  border:2px solid #F4F2EA;
}
ul.book_list li a:hover img{
  border:2px solid #333;
}

div.home_box h2{
float:left;
}

div.home_box dl{
  margin:0 0 0.7em 0;
  padding:0 0 0.7em 0;
  border-bottom:1px dotted #CCCCCC;
}

div.home_box dt{
  float:left;
  margin:0 1em 0 0;
  line-height: 140%;
}

div.home_box dd {
    line-height: 140%;
    margin-left: 110px;
}


        #slider {
            height: 300px;
        }
        #slider img {
            position: absolute;
        }

/*-------------------------------------------------
	sidebar
---------------------------------------------------*/
table.sidebarBookmark {
  background: #fff url(/images/common/sidebar-bookmark-bg.gif) no-repeat scroll 0 0 ;
  margin: 10px 0 0 0;
  padding:5px;
  width: 260px;
  border:1px solid #ccc;
}
table.sidebarBookmark td {
    padding: 0px 0px 0px 25px;
    width: 120px;
    line-height:25px;
    height:25px;
}
table.side_filer {
  margin:0 10px;
}
table.side_filer th {
  font-size:90%;
}
table.side_filer td {
  font-size:90%;

}







/* column------------------------------------ */


#column_tag{
background:#F4F2EA;
margin:0 0 1.5em;
padding:0.5em;
}
#column_tag a{
padding:0.2em 0.5em;
margin:0;
}
/*#column_tag ul li{
display:inline;
border-right:solid 1px #AAAAAA;
border-left:solid 1px #AAAAAA;

padding:0 1em;
margin:0 0 0 -1px;
}
*/





/* filtering --------------------------------------*/


#filtering{
background:#eceae2;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
line-height:2em;
}

#filtering table th, 
#filtering table td {
  padding:5px;
  vertical-align:top;
}

#filtering select{
margin:0;
width:10em;
}





/* books --------------------------------------*/
div.books{
  background:#eceae2;
  border:1px solid #e1ddd7;
  margin:0 0 30px;
}
div.booksInner{
  margin:15px;
}
div.booksImgBox{
  width:160px;
  float:left;
}
div.booksImgBox img {
  width:105px;
  height:150px;
}

div.booksContentBox{
  width:390px;
  float:right;
}

/* recommendation --------------------------------------*/
div.recommendation{
  background:#eceae2;
  border:1px solid #e1ddd7;
  margin:0 0 15px;
  width:293px;
  float: left;
}
div.recommendationInner{
	margin: 10px;
}
div.recommendationImgBox{
  width:120px;
  float:left;
}
div.recommendationContentBox{
  width:150px;
  float:right;
}

table.recommendation{
  margin:20px 0;
}
table.recommendation th {
  background:#d7d0dc;
  border-bottom:1px solid #eceae2;
  text-align:right;
  font-size:88%;
  padding:1px 5px 1px 10px;;
}
table.recommendation td {
  border-bottom:1px solid #eceae2;
  font-size:88%;
  padding:1px 5px 1px 10px;;
}

/*-------------------------------------------------
	footer
---------------------------------------------------*/

#footer img{
float:left;
margin-right:20px;
vertical-align:middle;
}

#footer_text{
float:left;
text-align:left;
}

#extra img{
float:right;
margin:0;
}



/* ***************************************************
 * HX
 * *************************************************** */

h2{
width:100%;
margin:0 0 20px 0;
padding:0 0 2px 0;
background: url(/images/hx/h2_bg.gif) repeat-x left bottom;
}

h3{
  margin:20px 0 10px 0;
  padding:0 0 5px 0;
  background: url(/images/hx/h2_bg.gif) repeat-x left bottom;
  font-size:1.2em;
  font-weight:bold;
}

#content div.topic h3{
font-size:1.3em;
margin:5px 0;
font-weight:800;
}

#content div.topic h3 a:link,
#content div.topic h3 a:visited{
text-decoration:none;
}
#content div.topic h3 a:hover,
#content div.topic h3 a:active{
text-decoration:none;
border-bottom:2px solid #5A4384;
}

#content div.topic h3.single {
  font-size:1.6em;
  background:none;
}


h3.books{
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  background: #ECEAE2 url(/images/hx/h2_bg.gif) repeat-x left bottom;
  font-size:1.2em;
  font-weight:bold;
}

div#sidebar h3 {
  margin:0 0 0 0;
  padding:5px 0;
  background: url(/images/hx/h2_bg.gif) repeat-x left top;
  font-size:1em;
  font-weight:bold;
}

h4.books{
  background:#fdfdfd;
  border-left:3px solid #c0a6f0;
  padding:8px 5px 8px 15px;
  font-weight:800;
  font-size:14px;
  margin:0 0 30px;
}

h4.trackback {
  margin-top:15px;
  padding:10px 0;
  background: url(/images/hx/h2_bg.gif) repeat-x left top;
  font-weight:bold;
}


ul.hxbtn {
    float: right;
    margin: -55px 0 0;
}

ul.hxbtn li {
    display: inline;
}

/* ***************************************************
 * NAVI
 * *************************************************** */
#navigation{
height:52px;
background:url(/images/common/navigation.gif) 0px 0px no-repeat;
}
#navigation ul li{
display:inline;
}
#navigation ul li a{
float:left;
display:block;
width:130px;
height:52px;
text-indent:-9999px;
overflow:hidden;
}

ul.home a.gn_1,
a:hover.gn_1{
background:url(/images/common/navigation.gif) 0px -60px no-repeat;
}
ul.page-id-12 a.gn_2,
a:hover.gn_2{
background:url(/images/common/navigation.gif) -130px -60px no-repeat;
}
ul.page-id-10 a.gn_3,
a:hover.gn_3{
background:url(/images/common/navigation.gif) -260px -60px no-repeat;
}
ul.page-id-6 a.gn_4,
a:hover.gn_4{
background:url(/images/common/navigation.gif) -390px -60px no-repeat;
}
ul.page-id-4 a.gn_5,
a:hover.gn_5{
background:url(/images/common/navigation.gif) -520px -60px no-repeat;
}
ul.page-id-14 a.gn_6,
a:hover.gn_6{
background:url(/images/common/navigation.gif) -650px -60px no-repeat;
}
/*
ul.page-id-14 a.gn_7,
a:hover.gn_7{
background:url(/images/common/navigation.gif) -780px -60px no-repeat;
}
*/

/* ----------------------------------------------------------------
 * 言語変更ナビゲーション (div#lang)
 * ---------------------------------------------------------------- */
div#lang {

}

div#lang ul {
  margin:0;
  padding:0;
  height:44px;
  line-height:5px;
  background: url(../images/common/lang.gif) no-repeat;
}

div#lang ul li {
  margin:0;
  padding:0;
  text-align:left;
  overflow:hidden;
  text-indent:-5000px;
}

div#lang ul li a {
  display:block;
  width:120px;
  height:24px;
  line-height:24px;
}

div#lang ul li.ja a:hover, 
div#lang ul li.ja_On a {
  background: url(../images/common/lang.gif) 0px -50px;
}
div#lang ul li.en a:hover, 
div#lang ul li.en_On a {
  background: url(../images/common/lang.gif) 0px -74px;
}

/* ----------------------------------------------------------------
 * フォントサイズ変更ナビゲーション (div.fontsize)
 * ---------------------------------------------------------------- */
div.fontsize ul {
  margin:0;
  padding:0;
  height:52px;
  line-height:25px;
  background: url(../images/common/font_size.gif) no-repeat;
}
div.fontsize ul li {
  float:left;
  display:inline;
  margin:0;
  padding:0;
  text-align:left;
  text-indent:-5000px;
  overflow:hidden;
}
div.fontsize ul li a {
  display:block;
  width:33px;
  height:33px;
  line-height:33px;
  margin:20px 0 0 0;
}
/* hover,_On */
div.fontsize ul li a.fontsize_small:hover,
div.fontsize ul li a.fontsize_small_On {
  background: url(../images/common/font_size.gif) 0px -52px;
}
div.fontsize ul li a.fontsize_mid:hover,
div.fontsize ul li a.fontsize_mid_On {
  background: url(../images/common/font_size.gif) -33px -52px;
}
div.fontsize ul li a.fontsize_big:hover,
div.fontsize ul li a.fontsize_big_On {
  background: url(../images/common/font_size.gif) -66px -52px;
}

/* ----------------------------------------------------------------
 * SNSナビゲーション (div.snsBtn)
 * ---------------------------------------------------------------- */
div.snsBtn {
  float: left;
  margin: 34px 0 0 20px;
  width: 65px;
}
div.snsBtn ul { 
  margin: 0;
  padding: 0;
  height: 33px;
  line-height: 25px;
	background: url(/images/common/header-sns.png) no-repeat;
}
div.snsBtn ul li {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  text-align: left;
  text-indent: -5000px;
  overflow: hidden;
}
div.snsBtn ul li a {
  display: block;
  width: 32px;
  height: 33px;
  line-height: 33px;
}
/* hover,_On */
div.snsBtn ul li.facebookBtn a:hover {
  background: url(/images/common/header-sns.png) 0 -33px;
}
div.snsBtn ul li.twitterBtn a:hover {
  background: url(/images/common/header-sns.png) -32px -33px;
}


/* ***************************************************
 * POINT
 * *************************************************** */
img.booksImg{
  width:156px;
  border:2px solid #fff;
}

p.booksComment{
  margin:10px 0 0 0;
}

table.books{
  margin:20px 0 40px;
}
table.books th {
  background:#d7d0dc;
  border-bottom:1px solid #eceae2;
  text-align:right;
  font-size:88%;
  padding:1px 5px 1px 10px;
  white-space:nowrap;
}
table.books td {
  border-bottom:1px solid #eceae2;
  font-size:88%;
  padding:1px 5px 1px 10px;;
}

ul.books{
  margin:0;
  padding:0;
  width:400px;
}
ul.books li{
  float:left;
  margin:0 10px 0 0 ;
  padding:0;
}

div.searchMeta {
  margin: 0 0 20px 0;
  padding:10px 0 10px 0;
  background: #eceae2;
}
div.searchMeta span {
  font-size:1.4em;
  font-weight:bold;
}
div.searchMeta em {
  font-size:1.4em;
  font-weight:bold;
}
div.searchTxt strong {
  background: #FFFF00;
}


/* ***************************************************
 * PAGES
 * *************************************************** */
/* profile */
table.profile {

}

table.profile th {
  padding:2px 10px;
}

table.profile td {
  padding:2px 10px;
}


/* blog */
#content div.topic{
margin:0 0 25px 0;
/* border-bottom:1px dotted #7f6f5b; */
padding:0 0 10px 0;
}


#content div.topic div.topic_date{
font-size:0.9em;
font-weight:800;
}



#content div.topic p{
line-height:2em;
letter-spacing:0.05em;
text-align:justify;
margin:0 0 1em 0;
}

#content div.topic p.more{
float:right;
font-size:1.3em;
font-weight:800;
}

#content div.topic tags,
#content div.topic categories{
float:right;
}


#content div.topic ol#commentlist {
  list-style-type:circle;
  padding-left:20px;
}
#content div.topic ol#commentlist li {
  margin-bottom:10px
}

#content div.topic ol#commentlist li p {
  margin:0;
  line-height:120%;
  letter-spacing:0;
  font-size:90%;
}
#content div.topic ol#commentlist li p.cominfo {
  font-style:italic;
}

div.pager {
  margin:0;
  padding:0;
  vertical-align:top;
}
div.pager div.nextlink {
  float:left;
  margin-right: 2px;
}
div.pager div.numlink {
  float:left;
}
div.pager div.prevlink {
  float:left;
  margin:0 0 0 5px;
}
div.pager span a {
  margin:0 0 0 3px;
  padding:0 5px;
  height:20px;
  line-height:20px;
  border:1px solid #333;
  text-decoration:none;
}
div.pager span._On a,
div.pager span a:hover
{
  background:#333;
  color:#fff;
}
div.pager span._On a {
  background:#333;
  color:#fff;
}

.entry_module_outline {
  margin-bottom: 10px;
}

/* ***************************************************
 * CONTACT FORM
 * *************************************************** */
table.contact_form{
}

table.contact_form tr{
border-bottom:1px dotted #d2cddc;
}


table.contact_form th{
text-align:right;
/*background:#DAD3E8;
*/padding:0.5em 0.5em 0 0;

}
table.contact_form td{
padding:1em 0 1em 0.5em;
}

table.contact_form span.essential{
color:#CC3300;
margin:0 0.5em 0 0;
}

table.contact_form tr.send{
text-align:right;
border-bottom:none;
}

table.contact_form textarea{
font-size:12px;
}

em {
font-style:italic;
}