/* layout */

* { *zoom:1; }

body {
  margin:0;
  padding:0;
}
#manual-header,.debug-tools,#manual-index-buttons,#manual-page-buttons,.manual-index {
	font-family:Meiryo UI,'メイリオ',Meiryo,'ＭＳ ＵＩゴシック',sans-serif;
}
#manual-page-viewer{
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#manual-loading {
position:absolute;
top:50%;
left:0;
right:0;
text-align:center;
}

#manual-header {
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:80px;
}
#manual-header .buttons{
	height:50px;
	margin:-50px 20px 0 0;
-	text-align:right;

  *height:auto; /* for IE7 */
  *margin-top:0px; /* for IE7 */
}
#manual-header .buttons button{
	background:url(../img/layout/buttonbg_80.png) no-repeat;
	width:84px;
	height:26px;
	border:none;
	padding:0 0 2px 0;
	margin:0 2px 0 0;
	font-weight:700;
}

#manual-index-main {
  overflow:hidden; /* 目次項目が少ないためスクロールバーは非表示。目次項目が増えて枠からはみ出るようになったら、autoへの変更を検討する。 */
  position:absolute;
  width:240px;
  top:79px;
  left:0;
  bottom:0;
  z-index:1;
}

#manual-index-sub {
  border-left:solid 1px #CCC;
  border-right:solid 1px #CCC;
  overflow:auto;
  position:absolute;
  width:238px;
  top:79px;
  left:240px;
  bottom:0;
  padding:50px 0 0 0;
	background:url(../img/layout/right_shadow.png) repeat-y left;
}
#manual-index-sub ul{
	border-top:solid 1px #EEE;
}
#manual-index-sub li{
	background:url(../img/layout/list_allow.png) no-repeat 97% 13px;
	border-bottom:solid 1px #EEE;
}
#manual-index-sub li:hover{
	background:url(../img/layout/list_allow_blue.png) no-repeat 97% 13px;
}
#manual-index-sub li a{
	padding:10px 20px 10px 10px;
	text-decoration:none;
	color:#333;
	display:block;
}
#manual-index-sub li a:hover{
	color:#0088CC;
}
#manual-page-buttons {
  position:absolute;
  height:50px;
  top:79px;
  left:480px;
  right:0;
  text-align:right;
	background:url(../img/layout/right_shadow.png) repeat-y left;
}
#manual-page-viewer {
  overflow:auto;
  position:absolute;
  border-top:solid 1px #CCC;
  top:79px;
  left:480px;
  right:0;
  bottom:0;
  padding:0 0 40px 0;
	background:url(../img/layout/right_shadow.png) repeat-y left;
}

#manual-search-result {
  overflow:auto;
  position:absolute;
  top:80px;
  left:0;
  right:0;
  bottom:0;
}

#manual-index-main li,
#manual-index-sub li {
  cursor:pointer;
}

li.manual-section-item {
}

span.manual-chapter-item.current,
li.manual-sub-section-item.current{
	font-weight:700;
	background-color:#F4FCFF!important;
}
li.manual-sub-section-item.current{
	background:#F4FCFF url(../img/layout/list_allow_blue.png) no-repeat 97% 13px  !important;
}
li.manual-sub-section-item.current a{
	color:#0088CC!important;
}
li.manual-section-item.current{
	background-color:#F4FCFF;
}
li.manual-section-item.current a{
	font-weight:700;
	color:#0088CC;
	background:url(../img/layout/list_allow_blue.png) no-repeat 97% 5px;
}

#manual-header div.debug-tools {
}

span.marker {
  position: absolute;
  height: 10pt;
  background-color: #fbff96;
  border: 1px solid #333333;
  padding: 0 3px 3px 3px !important;
  font-size: 8pt;
  z-index: 1;
}

#manual-search-result em {
  background: yellow;
}

/* search-result */
body.search-result #manual-header, body.search-result #manual-search-result {
  /* workaround to avoid choppy scrolling problem on IE7 */
  position:static;
}
/* debug */
body.debug #manual-header{
	height:110px;
	background:#F7F7F7 url(../img/layout/header_shadow_bottom.jpg) repeat-x bottom;
}
body.debug #manual-index-buttons {
	top:110px;
}
body.debug #manual-index-main {
	top:110px;
}
body.debug #manual-page-buttons {
	top:110px;
}
body.debug #manual-page-viewer {
	top:110px;
}
body.debug #manual-index-sub {
	top:110px;
}
body.debug #manual-search-result {
	top:100px;
}
/* depth2 */
body.depth2 #manual-index-sub{
	display:none;
}
body.depth2 #manual-page-buttons,
body.depth2 #manual-page-viewer {
	left:240px;
}
/* depth1 */
#manual-back-to-top{
	padding:25px 40px 25px 20px;
	background:#0088CC url(../img/layout/header_shadow.jpg) repeat-x bottom;
	text-align:left;
}
#manual-back-to-top a{
	color:#FFF;
	font-size:26px;
	text-decoration:none;
	padding:0 20px 0 0;
	line-height:28px;
}
#manual-search-form {
	text-align:right;
	margin:-45px 20px 0 0;
	*margin-top:-65px; /* for IE7 */
	height:45px;
}
#manual-search-form input{
	padding:4px 5px;
	margin:0 0 3px 0;
	width:160px;
}
#manual-search-form input.button{
	background:url(../img/layout/buttonbg_search.png) no-repeat;
	width:84px;
	height:26px;
	border:none;
	padding:0 0 2px 0;
	margin:0;
  *margin-bottom:4px; /* for IE7 */
	font-weight:700;
}
#manual-search-form input.button.disabled{
	background-position:0 -28px;
	color:#AAA;
}
.debug-tools {
	padding:0 20px;
}
.debug-tools span{
	padding:0 15px 0 3px;
}
.debug-tools .buttons{
	display:inline;
	white-space:nowrap;
}
.debug-tools label{
	white-space:nowrap;
}
.debug-tools button{
	background:url(../img/layout/buttonbg_60.png) no-repeat;
	width:63px;
	height:26px;
	border:none;
	padding:0 0 2px 0;
	margin:0 2px 0 0;
	font-weight:700;
}
.debug-tools button:hover,
#manual-search-form input.button:hover{
	background-position:0 -28px;
	color:#777;
}
#manual-search-form input.button.disabled:hover{
	color:#AAA;
}

/* manual-chapter-index */
ul.manual-chapter-index{
	border-top:solid 1px #EEE;
}
ul li.top{
}
ul li.bottom{
	margin:0 0 100px 0;
}
li span.manual-chapter-item {
	padding:10px 20px 10px 10px;
	display:block;
	font-size:14px;
	font-weight:700;
	border-bottom:solid 1px #EEE;
	background:url(../img/layout/list_allow_top.png) no-repeat 97% 15px;
}
li.expanded span.manual-chapter-item {
	background:url(../img/layout/list_allow_expanded.png) no-repeat 97% 15px;
}
ul.manual-chapter-index li ul li{
	background:url(../img/layout/dot_lowerlevel.gif) no-repeat 10px center;
	padding:4px 0 0 25px;
	border-bottom:solid 1px #EEE;
}
ul.manual-chapter-index li ul li a{
	background:url(../img/layout/list_allow.png) no-repeat 97% 5px;
	display:block;
	padding:5px 20px 5px 0;
	text-decoration:none;
}
ul.manual-chapter-index li ul li a:hover{
	background:url(../img/layout/list_allow_blue.png) no-repeat 97% 5px;
	color:#0088CC;
}

/* manual-page */
.manual-page h1{
	padding:20px 20px 15px 20px;
/*	background:#FFF url(../img/layout/subtitle_bg.jpg) repeat-x bottom!important;*/
	background:none;
	color:#0088CC;
	font-size:26px;
	text-decoration:none;
	font-weight:normal;
	border-bottom:solid 3px #0088CC;
}
.manual-page h1.q{
	border-bottom:solid 3px #FF6100;
	color:#FF6100;
	background:none!important;
}
.manual-page #container {
    font-size: 100%;
    padding: 0 15px 70px 15px;
	background:none;
}
.manual-page .debug-tools {
	padding:5px 15px 10px 15px;
	margin:0 -15px;
	background:#F7F7F7 url(../img/layout/header_shadow_bottom.jpg) repeat-x bottom;
}
/*
.manual-page h2{
	background:#FFF url(../common/img/layout/subtitle_bg.jpg) repeat-x bottom;
	border-bottom:solid 2px #F00;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-top:solid 1px #CCC;
	padding:10px;
	font-weight:normal;
}
.manual-page h3{
	font-size:14px;
	background:url(../common/img/layout/line_dot.gif) repeat-x bottom;
	border:none;
	color:#333;
}
*/

/* 検索結果 */
#manual-search-result h1{
	padding:20px 20px 15px 20px;
	background:#FFF url(../img/layout/subtitle_bg.jpg) repeat-x bottom;
	color:#0088CC;
	margin:24px;
	font-size:26px;
	text-decoration:none;
	font-weight:normal;
	border:solid 1px #CCC;
	border-bottom:solid 3px #0088CC;
}
#manual-search-result .result-summary {
	padding:20px 24px
}
#manual-search-result .result-list dl{
	margin:0 24px;
}
#manual-search-result .result-list dl dt{
	font-size:16px;
	font-weight:700;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	background: url(../img/layout/line_dot.gif) repeat-x bottom;
}
#manual-search-result .result-list dl dt a{
}
#manual-search-result .result-list dl dd{
	margin:10px 0 30px 0;
}
#manual-search-result .result-nav{
	text-align:center;
	margin:0 0 40px 0;
}
#manual-search-result .result-nav li{
	display:inline;
	margin:0 2px;
}
#manual-search-result .result-nav li a{
	padding:0 5px;
	border:solid 1px #0088CC;
	color:#0088CC;
	text-decoration:none;
}
#manual-search-result .result-nav li.current a{
	background:#0088CC;
	color:#FFF;
}
#manual-search-result .result-nav li a:hover{
	background:#0088CC;
	color:#FFF;
}
#manual-search-result span.keywords{
	font-size:16px;
	font-weight:700;
	color:#0088CC;
	padding:0 3px;
}
#manual-search-result span.nresults {
	font-size:16px;
	font-weight:700;
	color:#F60;
	padding:0 3px;
}


/* ページトップ */
#manual-page-top {
	position: fixed;
	bottom: 0;
	right: 40px;
	padding:0;
	display:none;
}
#manual-page-top a {
	background: url(../img/layout/pagetop_button.gif) no-repeat;
	text-decoration: none;
	color: #fff;
	width: 105px;
	height:30px;
	text-align: center;
	display: block;
	line-height:30px;
	padding:0 15px 0 0;
	font-size:12px;
}
#manual-page-top a:hover {
	background-position:0 -30px;
}

/* tooltips */

#manual-index-main span.manual-tool-tips {
  position:fixed;
  display:block;
  border:1px solid #dca;
  background:#fffaf0;
  text-align:left;
  left: 235px;
  width: 400px;
  z-index:10;
  padding: 5px;
}