@charset "utf-8";

/***** 
---------------------------------------------------------------------------------------------
Ver 0.00 2009,07,28
utf-8 CR+LF
---------------------------------------------------------------------------------------------
*****/



/* basic elements */

html {margin: 0; padding: 0;height:100%;}

body { margin: 0 auto; padding: 0; background-color:#F7F9F8; height:100%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#333333; background-color:#646464; min-width:1000px;} 

/* IE7でpadding指定 */ *:first-child+html body { padding-left: 1px; } 
/* IE6以下でpadding指定 */ *html body { padding-left: 1px; }

* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

form { margin: 0; padding: 0; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul,li, pre, blockquote,dl,dt,dd { margin: 0px ; padding:0px 0px 0px 0px }
li { list-style:none; }

.t-indent { text-indent:-9999px;}
.d_block { display:block; }
.iline { display:inline;}

.align-l { text-align:left;}
.align-r { text-align:right;}
.align-c { text-align:center;}

.float-r { float:right;}
.float-l { float:left;}



/* common  */

div.wrapper{float:left;width:100%; height:100%;}

div#content{
	margin-right: 140px;

}
div#head-left {margin:4px 372px 0 0 ; min-width:660px ; height:44px;background:#1b1b1b url(../images/ttl_icon.gif) 10px 50% no-repeat;}
div#head-right {float:left;width:372px;margin:4px 0 0 -372px; height:44px; background-color:#1b1b1b;}
div#navi{float:left;width:140px;margin-left:-140px;height: 100%; background-color:#1b1b1b; height:700px;position:relative;}
div#head-right a { text-decoration:none;}




/*  タイトル　*/

div#head-left h1 { font-size:12px; padding:5px 0px 0px 0px;; font-weight:bold ; color:#FFFFFF;
padding:15px 0px 0px 50px; }


/*　拡大のインターフェース　*/

#zoom-box { width:308px;_width:305px; float:left;}
#zoom-box img { float:left;}

#zoom-box #slide-box {background:url(../images/zoom_img01.gif) 0 0 no-repeat; width:200px; height:44px;  float:left;}
#cc-scale-slider-track {
	width:184px; margin:0px 0px 0px 8px; 
	height:44px;
}

#cc-scale-slider-handle { background:url(../images/slide.png) 0 0 no-repeat; margin:15px 0px 0px; 
	width:9px; cursor:pointer;
	height:10px;behavior: expression(IEPNGFIX.fix(this));
}

/* メインエリア*/
#cc-viewport-area {
  margin: 17px 0px 0px 16px;
  border: 1px solid #CCCCCC;
  overflow: hidden;
  background-color: #FFFFFF;
  width: 774px;
  height: 547px;
  position: relative;
}
#cc-window-area {
  width: 776px;
}
#cc-left-page-container, #cc-right-page-container {
  float: left;
}

#book-box { float:left; width:100%; margin:70px 0px 0px -100%;_padding:0 0 0 140px; }
#cc-catalog-container {
  width: 805px;
  height: 593px;
  margin: 0 auto;
  position: relative;
  background: url(../images/book_bg.gif) 0 0 no-repeat; 
}
*:first-child+html #book-box { float:left; width:100%; margin:54px 0px 0px -100%;padding:0 0 0 140px; }
#cc-catalog-container .shadow-box {z-index:110;position:absolute;top:15px;left:390px;width: 36px;height: 593px;}

#cc-to-left-next-float {position:absolute;z-index:200;width:52px;height:53px;top:275px;left:-25px;overflow:hidden;}
#cc-to-left-next-float a { display:block; width:50px ; height:115px; behavior: expression(IEPNGFIX.fix(this)); background:url(../images/left_arrow.png) 0 0 no-repeat; text-indent:-9999px; }
#cc-to-left-next-float a:hover { margin:-63px 0px 0px 2px}
#cc-to-right-next-float {position:absolute;z-index:200;width:52px;height:53px;top:275px;left:779px;overflow:hidden;}
#cc-to-right-next-float a { display:block; width:50px ; height:115px; behavior: expression(IEPNGFIX.fix(this)); background:url(../images/right_arrow.png) 0 0 no-repeat; text-indent:-9999px; }
#cc-to-right-next-float a:hover { margin:-63px 0px 0px 2px}




/* コントロールエリア */

#index-box { padding:0 0 10px 0; border-bottom:2px solid #646464; border-top: 3px solid #646464;}
#cc-fixed-toc-container { overflow:auto; height:288px; width:115px; margin:auto;}

#cc-fixed-toc-container li { background:#282828 url(../images/link_arrow01_on.gif) 80px 85% no-repeat; min-height:30px; _height:30px;width:100%; font-size:12px;}
#cc-fixed-toc-container li.list { background:#323232 url(../images/link_arrow02_on.gif) 80px 85% no-repeat;}

#cc-fixed-toc-container li a { background:url(../images/link_arrow01.gif) 80px 85% no-repeat; display:block;min-height:30px;_height:30px; padding:2px 0 2px 2px; }
#cc-fixed-toc-container li.list a { background-color: #282828; background:url(../images/link_arrow02.gif) 80px 85% no-repeat;}

#cc-fixed-toc-container li a:link ,
#cc-fixed-toc-container li a:visited ,
#cc-fixed-toc-container li a:active { color:#FFFFFF; text-decoration:none;}
#cc-fixed-toc-container li a:hover { background-image:none; color:#ff6816; text-decoration:underline;}

div#navi .menu-01 img { float:left;}
div#navi .menu-01 { background:url(../images/page_bg.gif) 0 0 no-repeat; height:39px;}
div#navi .menu-01 span { display:block ; padding:16px 0px 0px 10px; font-size:12px; width:65px; float:left}

div#navi .menu-02,
div#navi .menu-03,
div#navi .menu-05 {  border-top: 2px solid #646464; height:40px; line-height:0; font-size:0 }
div#navi .menu-02 a,
div#navi .menu-03 a,
div#navi .menu-05 a { line-height:100%; font-size:12px;}


div#navi .menu-04 { padding:9px 0px 0px;height:31px; border-top: 2px solid #646464;}
div#navi .menu-04 img { float:left;}
div#navi .menu-04 input { width:30px; font-size:12px; float:left; }
div#navi .menu-04 span { display:block; width:44px; height:20px;  float:right; background:url(../images/menu_img07.gif) 0 0 no-repeat; text-indent:-9999px;margin:1px 0px 0px;}
div#navi .menu-04 span:hover {  background:url(../images/menu_img07.gif) 1px -19px no-repeat;}

div#navi .menu-05 { border-bottom: 2px solid #646464;}

#cc-auto-flip {
  display: inline-block;
  width: 71px;
  height: 40px;
  cursor: pointer;
}
#cc-auto-flip.cc-auto-flip-started {
  background-image: url(../images/auto_s_bot.gif);
}
#cc-auto-flip.cc-auto-flip-started:hover {
  background-image: url(../images/auto_s_bot_ov.gif);
}
#cc-auto-flip.cc-auto-flip-stopped {
  background-image: url(../images/auto_bot.gif);
}
#cc-auto-flip.cc-auto-flip-stopped:hover {
  background-image: url(../images/auto_bot_ov.gif);
}

#cc-auto-flip-high {
  display: inline-block;
  width: 69px;
  height: 40px;
  cursor: pointer;
}
#cc-auto-flip-high.cc-auto-flip-started {
  background-image: url(../images/auto2_s_bot.gif);
}
#cc-auto-flip-high.cc-auto-flip-started:hover {
  background-image: url(../images/auto2_s_bot_ov.gif);
}
#cc-auto-flip-high.cc-auto-flip-stopped {
  background-image: url(../images/auto2_bot.gif);
}
#cc-auto-flip-high.cc-auto-flip-stopped:hover {
  background-image: url(../images/auto2_bot_ov.gif);
}


/* 目次一覧 */

#mokuji-box {border:3px solid #1b1b1b;position:absolute;left:-367px;top:51px;width:354px;height:600px;
padding:3px;z-index: 1000; background:url(../images/mokuji_bg.png) 0 0 repeat;behavior: expression(IEPNGFIX.fix(this));
}

#mokuji-box-in { position:absolute;left:-367px;top:90px;width:335px;height:600px;
padding:3px;z-index: 1001;}

#mokuji-box-in  { padding:10px; overflow:auto; height:540px;}
#mokuji-box-in  li { background:url(../images/mokuji_icon.gif) 0 0px no-repeat; padding:0px 0px 5px 20px; font-size:12px;}

#mokuji-box-in  li a:link ,
#mokuji-box-in  li a:visited ,
#mokuji-box-in  li a:active { color:#FFFFFF; text-decoration:none; }
#mokuji-box-in  li a:hover { background-image:none; color:#ff6816; text-decoration:underline; }




/*  clear  */


.clr_box { clear:both; }

.clr_both { clear: both;font-size:2px; line-height:1}

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;

}
.pkg:after {

    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
}

.pkg { display: inline-block; }

/* no ie mac \*/

* html .pkg { height: 1%; }

.pkg { display: block; }


/* Override default bookmarks styles. */
.cc-bookmark-style {
  left: -26px;
}

#cc-bookmark-element-0 {
  top: 30px;
}

#cc-bookmark-element-1 {
  top: 70px;
}

#cc-bookmark-element-2 {
  top: 110px;
}

#cc-bookmark-element-3 {
  top: 150px;
}

#cc-bookmark-element-4 {
  top: 190px;
}

#cc-bookmark-element-5 {
  top: 230px;
}