@charset "utf-8";
/* ===================================================================
 style info : ファイル読み込み
=================================================================== */

/* default style - リセット・共通 -- */
@import url("default.css");
/* module style - モジュール -- */
@import url("module.css");
/* menunavi style - メニューナビ -- */
@import url("menunavi.css");

/* ===================================================================
 style info : 個別css
=================================================================== */

#contents { padding-top:20px}
#leftBlock { border-top:2px solid #000; padding: 0; margin: 0; width: 670px !important; float: left; display: block;  }
#leftBlockInner { padding: 20px 0; margin:0; width:auto; height:auto}
#leftBlock #leftBlockInner #listArrowHeader {text-align:left !important; background:none; height:60px}
h2#bkTitle { width:120px; height:50px; display:block; padding:10px; text-indent:-9999px; background: url(../img/share/bktitle.jpg) no-repeat 0 0;}

#centerBlock { padding: 0; margin:0; position: relative; width: 670px !important; float:left; display: block;}
#breadArea { margin:0; padding:10px 10px 12px 140px; border-bottom:2px solid #000; text-align:right;}
#breadArea ol{ float:right;}
#centerBlockInner { margin:0; padding:20px 10px 60px 10px;} 
#centerBlockInner h1 { color:#000; font-size:1.4em; font-weight:bold; margin: 0 -10px 20px; padding-bottom:20px; border-bottom:1px solid #000}
/* mod start by uga 2013.5.21 */
/* #centerBlockInner h2 { color:#000; font-size:1.2em; margin:20px 0 !important; padding-left:0 !important} */
#centerBlockInner h2 { color:#000; background-image: none !important; background-color: #ebf2ff; font-size:1.2em; margin:20px 0 !important; padding-left:0.5em !important; border-left-width: 4px; border-left-style: solid; border-left-color: #7b8fe4;}
/* mod end by uga 2013.8.2 font-size 1.2 => 1.1 , padding-left => not important , line-height:1.8em by uga */
#centerBlockInner h5 { color:#000; font-size:1.1em; margin:20px 0 !important; padding-left:0; font-weight:bold !important; line-height:1.8em;}
#centerBlockInner p { font-size:1.1em; line-height:1.8em;}
#centerBlockInner img { max-width:630px !important; height:auto !important}
#bkBtn { position:absolute; top:0px; left:0; display:inline-block; width:127px; height:31px;}
#bkBtn a{ display:block; width:127px; height:31px; cursor:pointer; background: url(../img/share/bkbtn.jpg) no-repeat 0 0;}
#socialBtn { clear:left; padding:60px 0 0;}
#socialBtn div { float: left;}
#socialBtn div#twitter { width:100px;}
/* del start by uga 2014.2.13 
.edctlt_title1 { background: none !important; border: none; border-left:1px solid #333}
.edctlt_form1 { background: none !important; border: none;}
 del end by uga 2014.2.13 */
.table_book { margin-top: 20px !important; margin-bottom: 20px;}
.book_title { height: auto !important; }

#rightBlock { float:none !important; padding-left: 696px;  margin-top:0; width:284px}

.ie6 #container { width: 980px; margin: 0px auto; max-width:980px;}
.ie6 #contents { position:relative; width:980px;}
.ie6 #rightBlock { float:right !important; padding-left: 0;  margin-top:0; top:20px; right:0px; position:absolute; z-index:3}
.ie7 #rightBlock { float:right !important; padding-left: 0;  margin-top:0; top:20px; right:0; position:absolute}



/* ===================================================================
 style info : 横幅480px以下
=================================================================== */

@media screen and (max-width: 480px) {

#header { background:#fff; padding:10px 0; border-bottom:none}
#contents { padding-top:0; background:none;}
#leftBlock { border-top:none; background:#fff; padding: 10px 10px 20px; margin: 0; width: auto !important; float: none; display: block;  }
#leftBlockInner { padding: 0 0; margin:0; width:auto; height:auto}
#leftBlock #leftBlockInner #listArrowHeader {text-align:left !important; background:none; width:100%; height:50px}
h2#bkTitle { width:120px; height:50px; display:block; padding:0px; margin:0 auto; text-indent:0px; background:none}
h2#bkTitle a{ width:120px; height:40px; display:block !important; padding:0px; text-indent:-9999px; background: url(../img/share/bktitle_sp.jpg) no-repeat 50% 0; cursor:pointer; margin:0 auto }

#centerBlock { padding: 20px 10px; margin:0; width: auto !important; float:none; display: block; background:#FFF}
#centerBlockInner { margin:0; padding:0px;} 
#centerBlockInner img { max-width:90% !important; height:auto !important}
table { width:100%}
table img{ width:auto; height:auto;}
#breadArea { margin:0; padding:0 0 10px; font-size:.9em; line-height:1.4em; border-bottom:2px solid #000; text-align:left}
#centerBlockInner h1 { width:auto; margin: 0 0px 20px; font-size:1.2em; line-height:1.4em; padding-top:20px}
#centerBlockInner h2 { width:auto}
#centerBlockInner h5 { width:auto; font-size:1.1em;}
#socialBtn { padding-top: 0px;}

	
#rightBlock { float:none !important; padding:0; margin-top:10px; width:auto}

/* 削除する項目 */
}



/* ===================================================================
 style info : 印刷対応
=================================================================== */
@media print{
#container,#contents,#centerBlock {width:100%}
#contents { border-top:none}
#header,#nav,#navSub,#headerInnerTopNav,#leftBlock,#leftBlockInner,#rightBlock,#footer,#page-top{ display:none}
}