/* .titlearea */
h2.titlearea { margin: 0 0 12px 0; padding: 0; color:#000000;}
h2.titlearea strong { display: none; }
h2.titlearea figure { background-image: url(image/bg-title-e-manual.png); }
h2.titlearea span.chapter {
	display: inline-block; line-height: 1em; min-width: 1.5em; padding: 0.25em; background-color: rgb(0,200,180); color: white; border-radius: 0.25em;
	text-align: center; margin-right: 0.25em;
	}
body:not(.ptcm3-e-manual-00) div.e-manual-index #summary { display: none; }

/* #contentarea */
/*
#contentarea { margin-top: 50px; margin-bottom: 150px; width: 1000px; } */
#contentarea div.e-manual-text {
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:#B2B2B2 solid 1px;
/* width: 800px; float: right;  */}
/*
#contentarea div.e-manual-index { width: 200px; float: right; }
*/

#contentarea:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#contentarea div.e-manual-index h2.titlearea { width: 180px; margin-left: -20px; margin-top: -100px; margin-bottom: 20px; font-size: 1em; }
#contentarea div.e-manual-index h2.titlearea a { display: inline-block; width: 180px; }
#contentarea div.e-manual-index h2.titlearea strong { display: inline; font-size: 1em; }
#contentarea div.e-manual-index div#pdf a
	{ display: block; margin-left: -2em; margin-right: 2em;padding: 0 0.5em; background-color: rgb(0,200,180); color: white; font-weight: normal; font-size: 1em; }
	/*
#contentarea div#text-00.e-manual-index { width: 400px; float: none; margin: auto; }
*/

#contentarea div#text-00 div#index {
	padding-top:1em;
	 /*margin-left: 4em; */}
#contentarea div#text-00.e-manual-index div#pdf { text-align: center; margin-bottom: 50px; font-size: 1.5em; }
#contentarea div#text-00.e-manual-index div#pdf a {
	display: inline-block; width: 300px; margin: auto 54px; padding: 10px;
	transition: all 0.25s ease-out 0; border: 1px solid rgb(0,200,180); background-color: rgb(0,200,180); color: white;
	font-family: 'Roboto Condensed', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
	}
#contentarea div#text-00.e-manual-index #pdf a:hover { background-color: rgb(255,255,255); color: rgb(0,200,180); }

#contentarea div#text-00 h2.titlearea { width: 400px; margin: 100px auto 50px; font-size: 24px; }
#contentarea div#text-00 h2.titlearea a { display: inline; width: auto; padding-top: 0; }
#contentarea div#text-00 h2.titlearea strong { font-size: 36px; }

#contentarea h3 { margin: 0.5em 0; padding: 0.25em 0 0.25em 0.5em; background-color: rgb(0,200,180); color: white; border-radius: 0.25em; }
#contentarea h3.normal { margin: 0.5em 0; padding: 0.25em 0 0.25em 0.5em; background-color: rgb(0,200,180); color: white; border-radius: 0.25em; }
#contentarea h4.column { border-bottom: 2px solid rgb(0,200,180); margin-bottom: 0.5em; color:#000000; }
#contentarea h4.notice { margin-bottom:0.2em; color: rgb(0,200,180); }

#contentarea p { margin-bottom: 0.5em; }
#contentarea p.information { color: rgb(0,200,180); }
#contentarea p.column { background-color: rgb(128,128,128); color: white; padding: 0.5em; border-radius: 0.5em; margin: 0.5em 0 1em 0; }
#contentarea p.margin { margin: 0.75em; }
#contentarea p.indent { margin-left: 1em; }
#contentarea p.inside { margin-bottom: 0; }
#contentarea p.border { border: 2px solid rgb(0,200,180); padding: 0.5em; }
#contentarea p.image { text-align: center; }
#contentarea p.image-left img { float: left; }
#contentarea p.image-left:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#contentarea p + br { line-height: 1em; }
#contentarea strong.caution { color: rgb(160,64,64); }
#contentarea span.caution { color: rgb(255,0,0); }
#contentarea span.safety { color: rgb(0,200,0); }
#contentarea span.notice { color: rgb(219,107,151); }
#contentarea span.explanation { display:block; padding-left: 3em; color: rgb(128,128,128); }
#contentarea span.exclamation { padding-left: 1.25em; background: transparent url(../publishimage/e-manual/icon-exclamation.png) no-repeat left center; background-size: 1em; }
#contentarea span.circle { display: inline-block; width: 1.5em; height: 1.5em; background-color: rgb(20,125,219); border-radius: 0.75em; color: white; text-align: center; vertical-align: middle; }
#contentarea span.circle-red { background-color: rgb(252,30,31); }
#contentarea img.key { padding: 0 2px; vertical-align: top; }
#contentarea code { font-family: monospace; font-size: 1.25em; }
#contentarea em { font-style: normal; color: rgb(0,200,180); }
#contentarea dfn{ font-style: normal; color: rgb(222,66,69); }
#contentarea pre.border { border: 2px solid rgb(0,200,180); padding: 0.5em; font-family: inherit; }

#contentarea ul { margin-bottom: 0.5em; }
#contentarea ul.circle li { padding-left: 1em; text-indent: -1em; margin-bottom: 0.25em; }
#contentarea ul.circle li:before { content: '●'; color: rgb(0,200,180); }
#contentarea ul.dot li { padding-left: 1em; text-indent: -1em; margin-bottom: 0.25em; }
#contentarea ul.dot li:before { content: '・'; color: rgb(0,200,180); }
#contentarea ul.accent { color: rgb(0,200,180); }
#contentarea ul.tip { color: rgb(100,100,100); }
#contentarea ul.inside { margin-bottom: 0; }
#contentarea ul.inside li { margin-bottom: 0; }
#contentarea ul.indent { margin-left: 3em; }
#contentarea ol.caution { color: rgb(255,0,0); }
#contentarea ol.outside { margin-bottom: 0.25em; }
#contentarea dl { margin:0;}
#contentarea dl dt { color: rgb(0,200,180); font-weight:bold; }
#contentarea dl dd { margin-left: 0; }

#contentarea table { margin-bottom: 0.5em; border-collapse:collapse; }
#contentarea table.border th ,
#contentarea table.border td
	{ border: 2px solid rgb(0,200,180); padding: 0.25em; vertical-align: top; }
#contentarea table.format th { background: rgb(0,200,180); color: white; }
#contentarea table.format tr:nth-of-type(n+2) th { border-top: 2px solid white; }
#contentarea table.format tr:not(:last-child) th { border-bottom: 2px solid white; }
#contentarea table.list { margin-left: 0.5em; }
#contentarea table.list th { color: rgb(0,200,180); padding-right: 2em; }



div.e-manual-index a:visited { color: rgb(83,196,181); }
#contentarea div.e-manual-index h3.chapter
	{ /* margin-left: -2em; margin-right: 2em;  */background-color: rgb(240,240,240); color: black; font-weight: normal; font-size: 1em; }
#contentarea div.e-manual-index h3.no-available { background-color: rgb(245,245,245); color: rgb(180,180,180); }
div.e-manual-index li { margin-left:2em; margin-bottom:2px; padding-right: 2em; text-indent: -2em; }
div.e-manual-index span.chapter {
	display: inline-block; line-height: 1em; min-width: 1.4em; padding: 0.2em 0.2em 0.15em 0.2em; padding-left: 2em; background-color: rgb(0,200,180); color: white; border-radius: 0.2em;
	text-align: center; margin-right: 0.25em;
	}
div.e-manual-index .now-printing { color: rgb(160,160,160); }
div.e-manual-index .now-printing a { color: rgb(160,160,160); cursor: default; }
div.e-manual-index .now-printing a:hover { color: rgb(160,160,160); cursor: default; }
div.e-manual-index .now-printing span.chapter { background-color: rgb(180,200,180); }
div.e-manual-index .no-available { color: rgb(200,200,200); cursor: default; }
div.e-manual-index .no-available a { color: rgb(200,200,200); cursor: default; }
div.e-manual-index .no-available a:hover { color: rgb(200,200,200); cursor: default; }
div.e-manual-index .no-available span.chapter { background-color: rgb(230,250,230); color: rgb(200,200,200); }

/* li.重複クラス a */
li#here a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-05 li#cp05 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-06 li#cp06 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-07 li#cp07 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-08 li#cp08 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-09 li#cp09 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-10 li#cp10 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-11 li#cp11 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-12 li#cp12 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-13 li#cp13 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-14 li#cp14 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-15 li#cp15 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-16 li#cp16 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-17 li#cp17 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-18 li#cp18 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-19 li#cp19 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-20 li#cp20 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-21 li#cp21 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-22 li#cp22 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-23 li#cp23 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-24 li#cp24 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-25 li#cp25 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-26 li#cp26 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-27 li#cp27 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-28 li#cp28 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-29 li#cp29 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-30 li#cp30 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-31 li#cp31 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-32 li#cp32 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-33 li#cp33 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-34 li#cp34 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }
.e-manual-35 li#cp35 a { color: rgb(128,128,128); cursor: default; pointer-events: none; }


/* li.重複クラス a:hover */
li#here a { color: rgb(128,128,128); cursor: default; pointer-events: none; }

#contentarea img {
	width:auto;
}
#contentarea ol {
	margin:0 0 0 1.5em;
}
#contentarea ol li {
	list-style:decimal!important;
}
#contentarea ul li {
	list-style:none!important;
}
#contentarea code {
	white-space:normal;
}


#text-00 a.txt-btn-w:hover + .file { color: #00b49b; }

#text-00 a.txt-btn-w {
	display:inline-block;
	margin-bottom:12px;
	background-color:#00b49b;
	border:#00b49b solid 1px;
	color:#FFFFFF;
	text-align:center;
	line-height:2.4;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#text-00 a.txt-btn-w:hover {
background-color:#FFFFFF;
	color:#00b49b;
}


#text-00 a.txt-btn-w + .file {
	margin-top:-6px;
}
#text-00 .file {
	font-size:12px;
	font-weight:bold;
	background:url(../publishimage/common/icon-dl.png) no-repeat;
	padding-left:24px;
	line-height:18px;
	color:#000000;
	-webkit-transition: all .3s;
	transition: all .3s;
}
