/**********************************
Copyright (C) 2008 UP,Inc.
**********************************/

/* 全体 */

html {}
body {
  text-align: center;
/* 全体のフォントサイズ指定 */

    *font-size: medium; /* IE 7向け */
    *font: small; /* IE 6以下 */
}

/* 新TOPヘッダー */
#container {
    background: url(/images/webhon_top_bg1000.jpg) no-repeat 0 0;
}
/*#topwebhon #container {
    background: url(/images/webhon_top_bgDon.jpg) no-repeat 0 0;
}*/
#blog_header {
    margin: 0;
    height: 110px;
}
#site_name {
    width: 260px;
    height: 110px;
    overflow: hidden;
    float: left;
    background: url(/images/webhon_top_logo1000.gif) no-repeat 73px 15px;
}
#site_name a { display: block; padding-top: 110px;}
#blog_header_link { visibility: hidden; height: 1px; overflow: hidden;}

/* DACバナー部 */
#blog_header #banner { float: right;
margin: 10px 10px 0 0;}
/*#banner iframe { margin: 0px 10px 0 0;}*/


/****************************************/
/* 新メニュー201208 */

#globalmenu2012 {
   clear: left;
   margin-left: 1px;
}
#globalmenu2012 li {
    float: left;
    height: 40px;
    overflow: hidden;
}
#globalmenu2012 li a {
    display: block;
    height: 40px;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-top: 41px;
}
#globalmenu2012 li.home a {
    width: 45px;
    background-image: url(/images/glnavi_home.jpg);
}
#globalmenu2012 li.books a {
    width: 119px;
    background-image: url(/images/glnavi_books.jpg);
}
#globalmenu2012 li.publi a {
    width: 119px;
    background-image: url(/images/glnavi_publi.jpg);
}
#globalmenu2012 li.enta a {
    width: 119px;
    background-image: url(/images/glnavi_enta.jpg);
}
#globalmenu2012 li.honzatsu a {
    width: 119px;
    background-image: url(/images/glnavi_honzatsu.jpg);
}
#globalmenu2012 li.bookstand a {
    width: 119px;
    background-image: url(/images/navi_bookstand.jpg);
}
#globalmenu2012 li a:hover {
    background-position: 0 -40px;
}
#globalmenu2012 li.search table { width: 218px;}
#globalmenu2012 li table.gsc-search-box { margin: 10px 0 30px 10px;}
#globalmenu2012 li input.gsc-input { width: 110px;}
#globalmenu2012 li .gsc-clear-button { width: 25px;}

/*ヘッダーGoogle窓臨時*/
.header_google { margin-top: 8px; margin-left: 8px; font-size: 12px;}
.searchbox { width: 100px;}

/****************************************/
/* フォントサイズ変更フィールド */
body.fontLarge {
    font-size: 125%;
}
.fontChanger { float:right;}
.fontChanger dl {
    float:right;
    font-size: 12px;
    padding: 5px 0px;
}
.fontChanger dt {
    float:left;
    padding-top: 7px; padding-right: 5px; color:#333;
}
.fontChanger dd {
    float:left;
    padding: 2px 6px;
    margin: 2px 1px 4px;
    background-color: #393;
    border: #393 solid 1px;
    color: #FFF;
}
.fontChanger dd:hover,
.fontLarge .fontChanger .fontChangeLarge,
.fontNormal .fontChanger .fontChangeNormal {
    background-color: #fff;
    border: #393 solid 1px;
    color: #393;
}
.fontLarge .fontChanger .fontChangeNormal,
.fontNormal .fontChanger .fontChangeLarge {
    cursor: pointer;
}
.fontChanger dd:hover { color:#f00;}
.fontChanger dd.active { cursor: auto;}

                       
/****************************************/
/* 共通設定 */
/****************************************/

/* 強調部分は太字 */
strong { font-weight:bold;}
/* amazonの呼び出し画像に枠線を追加 */
dl.book dt img { border: #ccc solid 1px;}

/****************************************/
/* 共通レイアウト設定 */
/****************************************/

/* 共通全体枠 */
#container {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

/* 共通パーツ文字サイズ */
#globalmenu,#footer,
.contentNavi,.rightNavi, .pageNavi { font-size: 82%;}

/* 共通ナビゲーション類 */
.pageNavi,.contentNavi,.rightNavi { margin: 3px 0;}
.contentNavi { text-align: center;}
.rightNavi { text-align: right;}

.pageNavi { clear: both;}
.pageNaviMoji .pageNavi { clear: none; margin-bottom: 5px;}
.pageNaviMoji .fontChanger { font-size: 82%;}
.pageNaviMoji { min-height: 32px;}


/* MT生成パンくず用CSS */
.pageNavi { padding: 5px;}
.pageNavi li { display: inline; color: #999;}
.pageNavi li a { color: #999;}
.pageNavi li a:hover { color: #333;}

/* 前後リンク用 */
.contentNavi span { color: #666;}


/* 共通フッター */
#footer{
    clear: both;
    height: 60px;
    background: url(/images/footnavi_bg1000.jpg) no-repeat;
}
#footer ul {
    float: left;
    width: 580px;
    height: 45px;
    overflow:hidden;
    margin-left: 20px;
}
#footer ul li { float: left;}
#footer ul li a { display: block; padding-top: 45px;}
#footer ul li.about { width: 128px;}
#footer ul li.about a { background: url(/images/footnavi_about.jpg) no-repeat 0 0;}
#footer ul li.privacy { width: 155px;}
#footer ul li.privacy a { background: url(/images/footnavi_privacy.jpg) no-repeat 0 0;}
#footer ul li.chosakuken { width: 80px;}
#footer ul li.chosakuken a { background: url(/images/footnavi_chosakuken.jpg) no-repeat 0 0;}
#footer ul li.access { width: 100px;}
#footer ul li.access a { background: url(/images/footnavi_access.jpg) no-repeat 0 0;}
#footer ul li a:hover { background-position: 0 -45px;}

#footer p.copyright {
     width: 320px;
     height: 45px;
     float:right;
     background: url(/images/footnavi_copyright.jpg) no-repeat 0 0;
     text-indent: -9999px;
}

/****************************************/
/* ページ設定 */

#content { line-height: 130%;}

/*  カラムは基本的にフロート */
#alpha { float: left; width: 670px; margin-bottom: 30px;}
#beta { float: right; width: 300px; margin-bottom: 30px;}

/*------------------------------------------------------*/
/* 記事部分（デフォルト設定） */
.entry-title {
    font-weight: bold;
    margin-bottom: 1em;
}
.entry-content { margin: 0 0.5em 0 1em;}
.entry-body { font-size: 88%; line-height: 1.7;}
.entry-body p {
    line-height: 1.7;
    margin-bottom: 1em;
}
.entry-footer {
    color: #666;
    font-size: 82%;
    text-align: right;
    padding: 5px 3px;
    clear: both;
    vertical-align:middle;
}
.entry-footer iframe { display: inline;}

/*------------------------------------------------------*/
/* 書籍紹介部分（デフォルト設定・右側縦表示＆標準表示） */
.bookArea {
    width: 150px;
    float: right;
    color: #006699;
    font-size: 82%;
    text-align: center;
}
.bookArea dl { margin: 0 0 20px 10px;}
.bookArea dt img { margin-bottom: 5px; border: #666 solid 1px;}
.bookArea dd { line-height: 1.3;}
.bookArea dd img { margin-top: 5px;}


/****************************************/
/* 新サイドバー部 */

#beta ul li,
#beta dd { font-size: 82%;}

#beta ul { padding: 10px;}
#beta ul li {
    padding-left: 20px;
    padding-bottom: 5px;
    background: url(/images/list_icon.gif) no-repeat left 4px;
}
#beta ul li.more { background: none; text-align: right;}

#beta div.side_common_box { background-color: #F5F5F9; margin-bottom: 10px;}
#beta div.side_box { margin-bottom: 20px;}

#beta h3 {
    font-size: 88%;
    font-weight: bold;
    color: #333;
    background: url(/images/side_boxheader_bg300.jpg) no-repeat;
    margin-bottom: 0;
    padding: 10px 2px 2px 7px;
}
#beta .side_box h3 {
    background: url(/images/side_boxheader2_bg300.jpg) no-repeat;
}
#beta h4 { font-size: 88%; font-weight: bold; margin-bottom: 5px;}
#beta ul { border: #CCC solid 1px; padding-bottom: 5px; padding-top:5px;}

/* 最新更新部 */
#beta ol { border-top: #ccc solid 1px;}
#beta ol li {
    padding: 5px 8px;
    border-color: #CCC;
    border-style: solid;
    border-width: 0 1px 1px;
}
#beta ol dt {
    margin-right: 5px;
    float: left;
    text-align: center;
    width:60px;
}
#beta ol dt img { border: #CCC solid 1px; width:100%; height:auto;}
#beta ol dt a { display: block;}
#beta ol dt img { margin-left: auto; margin-right: auto;}
#beta ol ol.area_herf { width: 109px; float:left;}
#beta ol ol { border: none;}
#beta ol ol li {
    padding: 0;
    border: none;
    text-align: center;
    font-size: 82%;
}
#beta ol ol li.image { padding: 5px 0;}
#beta ol ol li.image img { border: #999 solid 1px;}
#beta ol ol li.title { margin-top: 5px; font-weight: bold;}

#beta #side_ranking ul { border-bottom: none;}
#beta #side_ranking li {
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: 1px 4px;
    border-bottom: #CCC solid 1px;
}
#beta #side_ranking li a { padding-left: 0;}
#beta #side_ranking .no1{ background-image: url(/images/side_no1.gif);}
#beta #side_ranking .no2{ background-image: url(/images/side_no2.gif);}
#beta #side_ranking .no3{ background-image: url(/images/side_no3.gif);}
#beta #side_ranking .no4{ background-image: url(/images/side_no4.gif);}
#beta #side_ranking .no5{ background-image: url(/images/side_no5.gif);}
#beta #side_ranking li.no5 { border-bottom: none;}
#beta #side_ranking li { margin-bottom: 0;}
#beta #side_ranking li dl { margin: 5px 0 3px 0;}
#beta #side_ranking li dd { font-size: 100%;}


/****************************************/
/* コーナー囲み・2列 */
.box_2 { margin-left: 15px;}
.box_2 .content_box { width: 319px; border: #999 solid 1px; margin-right: 2px;}
.box_2 .content_box h4 { margin: 10px; font-weight: bold;}
.box_2 .content_box dl { margin: 10px;}
.box_2 .content_box dt { padding-right: 10px; padding-bottom: 10px; float: left;}
.box_2 .content_box dt img { border: #999 solid 1px;}
.box_2 .content_box dd.title {
    font-size: 88%;
    font-weight: bold;
    margin-bottom: 0;
}
.box_2 .content_box dd.subtitle { font-size: 88%;}
.box_2 .content_box dd.read { font-size: 82%; line-height: 160%;}
.box_2 .content_box dd.for { font-size: 82%; color:#999; text-align: right; margin-top: 0.5em;}


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


.mt-archive-index h3 { font-weight: bold; font-size: 120%;}

#alpha .entry-list { margin: 10px 0px 20px; border-top: #CCC solid 1px;}
#alpha .entry-list li {
   color: #333;
   padding: 5px 10px 5px 10px;
   border-bottom: #CCC solid 1px;
   font-size: 88%;
}
#alpha .entry-list li span.date{ color: #666; font-size: 82%;
}


.top_info { margin-bottom: 5px; font-size: 82%; color: #339933;}

/* バナーの下は10pxあける */
#beta .side_banner p { margin-top: 10px;}
/* レクタングルバナーの下は10pxあける */
#rectangle { margin-bottom: 10px;}

/* Yahoo!adの位置調整 */
#yahooad { padding-top: 50px; text-align: center;}
#yahooad table { margin: 30px auto; text-align: left;}


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

.cl_399 { color: #399; font-weight: bold;}
.cl_993 { color: #993; font-weight: bold;}
.cl_339 { color: #339; font-weight: bold;}
.cl_393 { color: #393; font-weight: bold;}
.cl_933 { color: #933; font-weight: bold;}
.cl_f60 { color: #f60; font-weight: bold;}


.mt-entry-image-right,
.mt-entry-image-right p,
.mt-entry-image-left,
.mt-entry-image-left p,
.mt-entry-image-center,
.mt-entry-image-center p,
.mt-image-right,
.mt-image-right p,
.mt-image-left,
.mt-image-left p,
.mt-image-center,
.mt-image-center p { line-height: 1.3; color: #6666FF;}
.entry-body .mt-entry-image-right p,
.entry-body .mt-entry-image-left p,
.entry-body .mt-entry-image-center p { margin-bottom: 0.5em;}


.banner { margin-bottom: 10px;}

#fb-root {display:none;}
.fb-like { margin-right: 1em;}

/*iframe.twitter-share-button {
    width: 110px!important;
}*/  
                    
                    
/****************************************/
/* ↓↓過去ファイル用旧CSS↓↓ */

#globalmenu {
   clear: left;
   margin-left: 105px;
}
#globalmenu li {
    float: left;
    height: 40px;
    overflow: hidden;
}
#globalmenu li a {
    display: block;
    height: 40px;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-top: 41px;
}
#globalmenu li.home a {
    width: 120px;
    background-image: url(/images/navi_home.jpg);
}
#globalmenu li.books a {
    width: 119px;
    background-image: url(/images/navi_books.jpg);
}
#globalmenu li.publi a {
    width: 119px;
    background-image: url(/images/navi_publi.jpg);
}
#globalmenu li.enta a {
    width: 119px;
    background-image: url(/images/navi_enta.jpg);
}
#globalmenu li.honzatsu a {
    width: 119px;
    background-image: url(/images/navi_honzatsu.jpg);
}

#globalmenu li.ghome a {
    width: 110px;
    background-image: url(/images/gnavi_home.jpg);
}
#globalmenu li.gbooks a {
    width: 109px;
    background-image: url(/images/gnavi_books.jpg);
}
#globalmenu li.gpubli a {
    width: 109px;
    background-image: url(/images/gnavi_publi.jpg);
}
#globalmenu li.genta a {
    width: 109px;
    background-image: url(/images/gnavi_enta.jpg);
}
#globalmenu li.ghonzatsu a {
    width: 109px;
    background-image: url(/images/gnavi_honzatsu.jpg);
}
#globalmenu li.gpremium a {
    width: 109px;
    background-image: url(/images/gnavi_premium.jpg);
}

#globalmenu li a:hover {
    background-position: 0 -40px;
}
#globalmenu li.search table { width: 218px;}
#globalmenu li table.gsc-search-box { margin: 10px 0 30px 10px;}
#globalmenu li input.gsc-input { width: 110px;}
#globalmenu li .gsc-clear-button { width: 25px;}

/* ↑↑過去ファイル用旧CSSここまで↑↑ */
/****************************************/

/****************************************/
/* ↓↓新BOOKS用CSS↓↓ */

/* 書籍新テンプレ用 */

.books { text-align: center;color: #006699; /*font-size: 1.3rem;*/ line-height:1.4;}
.books .img { margin: 0 auto 0.5em;}
.books .img img {width: 100%; height:auto;border: 1px solid #666;}
.books .buy a:before { content:">> ";}
.books { margin-bottom: 20px;}
.books dl { margin: 0;}
.books dt { width: auto;}
.books .buy dt {
  color:/*#fff*/#000;
  background-color:#C6C7A0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin:5px 0;
line-height:1;
padding: 3px 0 2px;
  font-size:11px;
}
.books .buy { padding: 0 10px;}
.books .buy a { 
/*  display:block;border:#ccc solid 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 2px 5px; margin-top: 1px;*/
}
.books .buy a:before {
  content:">> ";
}
/*.books .buy a:hover { background-color: #11981f; color: #fff;text-decoration: none;}*/

.bookArea { width: 150px; float: right;}
.bookArea .books { margin-bottom: 20px; margin-left: 20px;}
.bookArea .img { width: 100px;}

.topArea .books,
.bottomArea .books{ font-size: 82%;}

/*上部書籍エリア */
.topArea { width: 220px; margin-left:20px; float: right;}
.topArea .img { width: 200px; margin:0 auto 0.5em;}

/*下部書籍エリア */
.bottomArea { 
    width:100%;
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
    margin: 2em 0;
}
.bottomArea .img { width: 120px;}
.bottomArea .books { width: calc(100% / 3);overflow: hidden;}

/* ↑↑新BOOKS用CSSここまで↑↑ */
/****************************************/

/****************************************/
/* ↓↓著者紹介用↓↓ */

.chosha p { font-size: 88%;}

#beta .side_box ol dt { width: 80px; float:left;}
.side_box ol dt img { width: 100%; height:auto;}

.side_box ol li { overflow: hidden;}
.side_box ol dd { margin-left: 90px;}
.side_box ol dd.title { margin-top: 10px; font-weight: bold;}
.side_box dd.more a:before { content:">>";}

.footer-sns { display: inline-block;}