@charset "UTF-8";


#wrapper #sideMenu #sideMenuInner2 ul{
    margin-top:5px;
    margin-bottom:0px;
    padding-bottom:0px;
	
	list-style-type:none;
	margin-left:0;
	padding-left:2em;
	margin-right:10px;
	padding-right:0;
	
}
#wrapper #sideMenu #sideMenuInner2 ul li {
	position:relative;
}
#wrapper #sideMenu #sideMenuInner2 ul li span {
	position:absolute;
	top:0;
	left:-1.5em;
	font-weight:bold;
}


#wrapper #sideMenu #sideMenuInner2 ul li ul{
	display:none;
	
	margin-right:0;
	padding-right:0;
	padding-left:2.5em;
	
	margin-top:0.1em;
	margin-left:0;
}
#wrapper #sideMenu #sideMenuInner2 ul li ul li span {
	left:-2.5em;
}


#wrapper #sideMenu #sideMenuInner ul li span {
	margin-right:0.5em;
}

#contentsInner h4 div.open {
	font-weight:bold;
	background-image:none;

}
#contentsInner h4 div.close {
	background:url(../images/icon_h4_close.png) right center no-repeat;

}


/*---------------------------
contents 
----------------------------*/


/* ePab */

#contentsInner h3.title {
	font-style: normal;
	background-image: url(../images/title_eyecatch.png);
	background-repeat: no-repeat;
	padding-left: 25px;
}
span.Title3-eyecath {
	font-family:Webfont;
	font-style:normal;
	color:#406e8f;
}
#contentsInner h3.Basic-title2 {
	font-weight:bold;
	font-style: normal;
    margin-top:10px;
	margin-bottom: 5px;
    border-bottom:2px solid #000;
	font-size:1.1em;
}

#contentsInner h4{
	clear:both;
}

.step-notemark{
	list-style-type: none;
	margin-top:1em;
	margin-left:0.5em;
	font-size: 140%;
}

div.noteBox {
	border:1px solid #000;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div.noteBox dt {
	font-weight:bold;
}

table.Memo-table {
	border:solid 1px #666;
	width:100%;
}

span.Bold-1 {
	font-weight:bold;
}

tr.Row-Column-2 td {
	background-color:#F0F0F0;
}
p.Table-title-sub {
	font-weight:bold;
}

/*-----------------------------------
DNN  
------------------------------------*/
.clear{
	clear:both;
}

h4.Basic-title3 {
	font-style:italic;
}

td.Table-heading {
	background-color:#d6d6d6;
	padding:2px 2px 2px 2px;
}
.Table-heading-center,
p.Table-heading {
	font-weight:bold;
	margin: 0 0 0 0 ;
}
td.Table-text {
	padding: 0.1em 0 0.5em 0;
}

.Table-heading-center,
.Table-text-center {
	text-align: center;
}

p.Table-heading img{
	vertical-align:middle;
}
td p.Table-heading{
	font-size:1em;
	margin:0;
	padding: 0;
}
p.Table-text{
	font-size:0.9em;
}
td p.Table-text{
	font-size:1em;
}
div.Table ol,
td.Table-text ol{
	margin: 0;
	padding: 0 0 0.2em 1.5em ;
}
div.Table ol li,
td.Table-text ol li{
	margin-top:0.2em;
}

ul.Basic-sub {
	list-style-type: none;
	list-style-image: url(../images/icon_ul.png);
}
ul.Basic-sub li{
	font-weight: bold;
	font-size: 110%;
}
ul.Basic-sub ul {
	list-style:disc;
}

ol.Basic-step {
	list-style-type:none;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 1.8em;
}
ol.Basic-step li {
	position: relative;
	margin-top: 1em;
	margin-bottom: 0.2em;
	font-weight: bold;
}
ol.Basic-step li span.Basic-step-number,
ol.Basic-step li span.Step-cap {
	position: absolute;
	top: 0;
	left: -1.8em;
	color: #FFF;
	font-weight: bold;
	background-color: #369;
	padding: 2px 5px 1px 4px;
	margin-right: 5px;
}
ol.Basic-step li span.Basic-step-number2 {
	position: absolute;
	top: 0;
	left: -1.8em;
	color: #369;
	font-weight: bold;
	border:solid #369 2px;
	padding: 1px 4px 0px 4px;
	margin-right: 5px;
}



ol.Step{
	color:#00442b;
	font-size:110%;
}
ol.Step li.Memo-text{
	margin-top:0px;
}
ol.Step li.Memo-text ul{
	list-style-type:circle;
	font-size:100%;
	padding-left:1.5em;
}

ol.Step li{
	margin-top:5px;
}
ol.Step ul{
	color:#000;
	list-style:disc;
	font-size:90%;
	font-weight:normal;
	margin:0;
}
ol.Step P,
ol.Step div.group,
ol.Step div.image{
	padding-left:0.5em;
}
ol.Step div.group div.image{
	padding-left:0;
}
li.Step-1line,
li.Step-2line,
li.Step-3line,
li.Step-1line-1st,
li.Step-3line-1st{
	padding-left: 0.2em;
	border-left-width: 0.2em;
	border-left-style: solid;
	border-left-color: #406e8f;
	margin:10px 0 3px 0;
	font-weight:bold;
}


ul.Memo-list{
	list-style-type: disc;
	margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 1em;
}
ul.Memo-list li{
	margin-top:0.2em;
	font-weight:normal;
	font-size:90%;
}
.Memo-title {
	color: #000000;
	margin-top: 5px;
	font-weight: bold;
	margin-left: 10px;
}
li.Memo-text{
	font-size:90%;
	margin:3px 0 3px 0;
}
li.Memo-text ul{
	margin:3px 0 3px 0;
}

li.Appendix-bullet {
	margin-top:8px;
}



p.Table-step{
	position:relative;
	padding-left: 1.3em;
}
p.Table-step span.Amarusuji{
	position:absolute;
	top:0;
	left:-0.1em;
}



table.StepTable td ul {
	margin: 0;
	padding-left: 20px;
}

table.Table{
	margin-top: 5px;
	width: 100%;
	margin-bottom: 5px;
}

table.Table2,
table.Table3{
	width:100%;
}
table.Table3 td{
	vertical-align:top;
}
table.Table2 td{
	border: 1px solid #000;
	padding: 0.2em;
}
table.Table2 td.Table-heading-2 {
	background-color:#bdcedc;
}
table.Table2 td.Table-heading-2 p {
	font-weight:bold;}

table.Memo-table td {
	padding-right:5px;
}

span.JKCE2Symble {
	font-family: Webfont;
}

span.rectangle,
span.rectangle-s-1 {
	font-size: 110%;
	font-weight: bold;
	color: #093f65;
	border: 2px solid #093f65;
	padding: 0.0em 0.2em 0.0em 0.2em;
}
p.Table-heading span.rectangle {
	font-size: 100%;
	font-weight: bold;
	color: #00442b;
	border: 2px solid #093f65;
	padding: 0.0em 0.2em 0.0em 0.2em;
}

span.Regular {
	font-weight:bold;
}

p.memo{
	font-size:90%;
}

div.group2{
	width:50%;
	float:left;
}
div.group2 div.image img,
div.group2 img.image{
	width:95%;
}
div.group p.Table-text,
div.group p.Text,
div.group2 p.Table-text,
div.group2 p.Text{
	margin-left:1em;
}

div.Table-text dt{
	background-color:#d6d6d6;
	margin:5px 0 0 0;
	padding:2px 2px 2px 5px;
	font-weight:bold;
}
div.Table-text dd{
	padding:2px 2px 2px 5px;
}
div.Table-text dd ol{
	margin:0;
}
div.Table-text dd ol li{
	margin:0;
	font-weight:normal;
}

/*-----------------------------------
image 
------------------------------------*/
div.image img {
	width:50%;
}
div.image img.image2,
div.image img.image2b,
img.image2
img.image2b {
	width:25%;
}
img.icon2,
img.icon2b {
	height:1.5em;
}
img.icon2b{
	background-color:#000;
}
img.Illust {
	width:50%;
}
img.Illust100 {
	width:100%;
}
img.Illust80 {
	width:80%;
}
@media screen and (max-width : 400px) and (orientation : portrait),screen and (max-width : 700px) and (orientation : landscape) {
	img.Illust80 {
	width:100%;
}
}

/*-----------------------------------
Column
------------------------------------*/
div.colleft div.image img.image,
div.col2right div.image img.image,
div.col2mid div.image img.image  {
	width:95%;
}
div.colleft{
	float:left;
	width: 50%;
}
div.colright{
	float:left;
	width: 50%;
}
div.col2left{
	float:left;
	width: 50%;
}
div.col2right{
	float:left;
	width: 50%;
	text-align:right;
}
div.col2mid{
	position:absolute;
	top:-50px;
	left:101%;
	width: 43%;
}
div.col3left{
	float:left;
	width: 50%;
}
div.col3right{
	float:left;
	width: 50%;;
}
div.colleft img.Illust,
div.col2right img.Illust,
div.col3left img.Illust,
div.col3right img.Illust {
	width:95%;
}
@media screen and (max-width : 600px) and (orientation : portrait) {
div.image img {
	width:50%;
}
div.colleft div.image img.image,
div.col2right div.image img.image,
div.col2mid div.image img.image {
	width:50%;
}
div.colleft,
div.colright,
div.col2left,
div.col2right,
div.col2mid,
div.col3left,
div.col3right {
	float:none;
	width:100%;
}
div.colleft img.Illust,
div.col2right img.Illust,
div.col3left img.Illust,
div.col3right img.Illust {
	width:50%;
}
div.col2right{
	text-align:left;
}

div.col2mid {
	position:static;
}
div.group2{
	width:100%;
	float:none;
}
div.group2 img.image{
	width:100%;
}
}
@media screen and (max-width : 400px) and (orientation : portrait) {
div.image img {
	width:100%;
}
div.colleft div.image img.image,
div.col2right div.image img.image,
div.col2mid div.image img.image {
	width:70%;
}
div.colleft,
div.colright,
div.col2left,
div.col2right,
div.col2mid,
div.col3left,
div.col3right {
	float:none;
	width:100%;
}
div.colleft img.Illust,
div.col2right img.Illust,
div.col3left img.Illust,
div.col3right img.Illust {
	width:100%;
}
img.Illust {
	width:100%;
}
div.col2right{
	text-align:left;
}
div.col2mid {
	position:static;
}
div.group2{
	width:100%;
	float:none;
}
div.group2 img.image{
	width:100%;
}
}
@media screen and (max-width : 700px) and (orientation : landscape) {
div.image img {
	width:100%;
}
div.colleft div.image img.image,
div.col2right div.image img.image,
div.col2mid div.image img.image {
	width:60%;
}
div.colleft,
div.colright,
div.col2left,
div.col2right,
div.col2mid,
div.col3left,
div.col3right {
	float:none;
	width:100%;
}
div.colleft img.Illust,
div.col2right img.Illust,
div.col3left img.Illust,
div.col3right img.Illust {
	width:50%;
}
img.Illust {
	width:50%;
}
div.col2right{
	text-align:left;
}
div.col2mid {
	position:static;
}
div.group2{
	width:100%;
	float:none;
}
div.group2 img.image{
	width:100%;
}
}