@charset "utf-8";
/* CSS Document */

/* import css 
-------------------------------------------------- */
@import url('/projector/cn/spec/manual/css/webfont.css'); 
@import url('/projector/cn/spec/manual/css/pure-drawer.min.css') screen; 
@import url('/projector/cn/spec/manual/css/pure-drawer-add.css') screen; 
@import url('/projector/cn/spec/manual/css/swiper.min.css');

/* Language font
-------------------------------------------------- */
body {
    font-family: Roboto,"Droid Sans",-apple-system,BlinkMacSystemFont,‘Helvetica Neue’,YuGothic,"Microsoft YaHei","Hiragino Sans GB","WenQuanYi Micro Hei",Meiryo,Verdana,sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	line-height: 1.5;
}

/* header  ヘッダースタイル 
-------------------------------------------------- */
header {
	border-top: 4px solid #00906D;
	margin-bottom: 1em;
	padding: 20px 0;
}

.header-logo {
	height: 24px;
}

/* pager
-------------------------------------------------- */
nav .pager {
	margin-top: 4em;
}

nav .pager li > a, .pager li > span {
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0;
	color: #00906D;
}

/* footer  フッタースタイル 
-------------------------------------------------- */
footer {
    margin-top: 2em;
	margin-bottom: 4em;
	border-top: #ccc solid 1px;
	padding-top: 1em;
    font-size: small;
}

footer p {
    text-align: center;
}

footer ul {
    list-style: none;
    padding-left: 0;
}

footer li {
    color: #00906D;
}

footer li a, footer li a:link, footer li a:visited, footer li a:hover, footer li a:active {
    color: #111;
}

@media (min-width:768px){
    footer ul {
        text-align: right;
    }
    footer li {
        display: inline;
        padding-left: 1em;
    }
}

/* breadcrumb */
.breadcrumb {
	margin-bottom: 0px;
    font-size: small;
}

.breadcrumb > li + li:before {
	content: "\003e\00a0";
}

.breadcrumb li a {
	color:#00906D;
}

/* Google Search */
#___gcse_0 .gsc-search-button {
	box-sizing: content-box;
}

#___gcse_0 .gsc-input-box {
	height: auto;
}

.search-note {
	padding-left: 13px;
	padding-right: 13px;
	font-size: x-small;
	color: #666666;
	text-align: right;
    margin-bottom: 32px;
}

.search-note img {
	margin-left: 0.25em;
	margin-right: 0.25em;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding-bottom: 0px !important;
}

/* jumbotron ジャンボトロンスタイル 
-------------------------------------------------- */
.container .jumbotron {
    background-color: #9F9FA0;
    border-radius: 0;
    color: #fff;
}

@media (min-width:480px){
    .container .jumbotron {
    background-image: url("../images/z_projector.png");
    background-repeat: no-repeat;
    background-position: center right 15px;
    }
}

@media (min-width:768px){
    .container .jumbotron {
    background-position: center right 60px;
    }
}

.container .jumbotron p {
    font-weight: bold;
    margin-bottom: 0;
}

.container .jumbotron .title {
    font-size: 2em;
    margin-top: 0.5em;
}

/* dropdown  ドロップダウンメニュースタイル 
-------------------------------------------------- */
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #006f54;
}

/* 見出し
-------------------------------------------------- */
h1 {
    font-size: 2.5em;
    font-weight: bold;
    /*color: #00906D;*/
    margin-bottom: 1em;
}

h2 {
    padding: 0.25em;
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    background: #00906D;
    margin-top: 2em;
}

h2.cover {
    font-size: 1.5em;
}

h2.cover a, h2.cover a:link, h2.cover a:visited, h2.cover a:hover, h2.cover a:active {
    display: block;
    color: #fff;
    text-decoration: none;
}

h2.cover a:hover, h2.cover a:active {
    text-decoration: underline;
}

h3 {
    font-weight: bold;
    font-size: 1.5em;
    border-bottom: 4px solid #00906D;
    margin-top: 2em;
}

h3.symbol {
    border: none;
    margin-left: 1.25em;
    text-indent: -1.25em;
}

h3.symbol:before {
    content: "■";
    margin-right: 0.25em;
}

h4 {
    font-weight: bold;
    font-size: 1.25em;
}

h4::before {
	content: "\e074";
	display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    color: #00906D;
    line-height: 1;
    position: relative;
	margin-right: 0.25em;
    top: 2px;
}

/* link-list 
-------------------------------------------------- */
.link-list, .anchor-list {
	list-style: none;
	margin-left: 0;
}

.link-list li, .anchor-list li {
	margin-left: 0.5em;
	text-indent: -1em;
	margin-bottom: 1em;
}

.link-list li:before {
	content: "\e250";
	display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
	color: #444;
    line-height: 1;
    position: relative;
	margin-right: 0.25em;
    top: 2px;
}

.anchor-list li:before {
	content: "\e252";
	display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
	color: #444;
    line-height: 1;
    position: relative;
	margin-right: 0.25em;
    top: 2px;
}

/* panel パネルスタイル
-------------------------------------------------- */
.panel-bordered {
	padding: 1em;
	border: #ccc solid 4px;
	margin-bottom: 1em;
}

/* procedure 手順スタイル
-------------------------------------------------- */
.procedure {
    margin-top: 2em;
    margin-bottom: 2em;
    counter-reset: step_num;
    list-style: none;
    padding: 0;
}

.procedure > li.step {
    margin-bottom: 3em;
    border-top: 2px solid #ccc;
    padding-top: 0.5em;
    position: relative;
}

.procedure li.step::before {
    position: absolute;
    counter-increment: step_num;
    content: counter(step_num);
    display: inline-block;
    width: 32px;
    font-weight: bold;
    font-style: italic;
    font-size: 2em;
    line-height: 32px;
    color: #00906D;
}

.procedure li.step > * {
    margin-left: 3em;
}

.procedure > li.step .step-lead {
	font-weight: bold;
}

.procedure li.step > .row > div:first-child {
    padding-left: 0;
}

.procedure ol {
    list-style: none;
    padding-left: 0;
}

.procedure ol li p {
    margin-left: 28px;
    text-indent: -28px;
}

.procedure ol li p.text-indent {
    margin-left: 56px;
}

/* table 表組みスタイル
-------------------------------------------------- */
/*
.table-noborder > tbody > tr > td, .table-noborder > tbody > tr > th, .table-noborder > tfoot > tr > td, .table-noborder > tfoot > tr > th, .table-noborder > thead > tr > td, .table-noborder > thead > tr > th {
	border: none;
}
*/

.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	vertical-align: middle;
	border-color: #999;
/*
	border-left: none;
*/
}

/*
.table-bordered, .table-bordered > thead > tr > th:last-child, .table-bordered > tbody > tr > td:last-child {
	border-right: none;
}
*/

.table-bordered > thead > tr > th {
	background-color: #888;
	text-align: center;
    color: #fff;
/*
    border-left-color: #fff;
    border-right-color: #fff;
*/
	border-bottom-width: 1px;
}

.table-parts > tbody > tr > th {
	width: 36px;
    text-align: right;
}

.note {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 1em;
    margin-bottom: 2em;
}

.note .note-title {
    font-weight: bold;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
}

.lead {
    font-weight: bold;
}

.footnote {
    counter-reset: cnt;
}

.text-footnote {
    position: relative;
    margin-left: 1.5em;
    counter-increment: cnt;
}

.text-footnote::before {
    display: inline-block;
    content: "*"counter(cnt);
    margin-left: -1.5em;
    width: 1em;
    position: absolute;
    top: 0;
    left: 0;
}

/* TOC 目次スタイル
-------------------------------------------------- */
.chapter_title {
	cursor: pointer;
	padding: 1em 0.5em;
	margin: 0.5em 0 0;
	font-weight: bold;
	color: #fff;
	background: #00906D;
}

.topic-list {
	display: none;
	list-style: none;
	padding: 0;
}

.topic-list li a {
	display: block;
	padding: 1em;
    border-bottom: 1px dashed #ccc;
}

.topic-list li a:hover {
	background: #efefef;
    text-decoration: none;
}

.topic-list li.active a {
	font-weight: bold;
	color: #00906D;
}


/* column
-------------------------------------------------- */
.mw-640 {max-width: 640px;}
.mw-480 {max-width: 480px;}
.mw-320 {max-width: 320px;}
.mw-240 {max-width: 240px;}
.mw-180 {max-width: 180px;}
.mw-160 {max-width: 160px;}

/* margin control */
.mt0 {margin-top: 0;}
.mt1em {margin-top: 1em;}
.mt2em {margin-top: 2em;}
.mb0 {margin-bottom: 0;}
.mb1em {margin-bottom: 1em;}
.mb2em {margin-bottom: 2em;}
.ml0 {margin-left: 0;}
.ml1em {margin-left: 1em;}
.ml2em {margin-left: 2em;}
.mr0 {margin-right: 0;}
.mr05em {margin-right: 0.5em;}
.mr1em {margin-right: 1em;}
.mr2em {margin-right: 2em;}
.va_top {vertical-align: top !important;}
.va_middle {vertical-align: middle !important;}
.va_bottom {vertical-align: bottom !important;}