@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 h3 div.open,
#contentsInner h4 div.open {
	font-weight:bold;
	background-image:none;

}
#contentsInner h3 div.close,
#contentsInner h4 div.close {
	background:url(../images/icon_h4_close.png) right center no-repeat;
}
#contentsInner h2 div.close{
	background:url(../images/icon_h2_close.png) right center no-repeat;
}
#contentsInner h2.close {
	padding-right:0;
}
#contentsInner h2.close div {
	margin-right:5px;
	padding-right:10px;
}
#contentsInner h2 div {
    font-weight:bold;
	font-size:1.1em;
	color:#ffffff;
}
div.spec p.Illust {
	margin-left:2em;
}
div.fcc {
	margin: 10px;
	padding: 10px;
	border:solid 1px #666;
}

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


/* ePab */

#contentsInner h3.title {
	/*
	font-style: normal;
	background-image: url(../images/title_eyecatch.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	border:none;
	*/
}
span.Title3-eyecath {
	/*
	font-family:Webfont;
	font-style:normal;
	color:#406e8f;
	*/
}
#contentsInner h3.Basic-title2 {
	/*
	font-weight:bold;
	font-style: normal;
    margin-top:20px;
	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%;
	margin:5px 0;
}

span.Bold-1,
span.Bold-3,
span.Bold-4,
span.Bold-5,
span.Bold-6,
span.Bold-7,
span.Bold-8,
span.Bold-9,
span.Regular-4,
span.Regular-3 {
	font-weight:bold;
}

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

/*-----------------------------------
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:1px 0 3px 0;
	padding-left:15px;
}

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,
span.rectangle-s {
	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;
}

/*----------
----------*/
div#contentsInner div.step ol {
	list-style:none;
	padding:0.2em 0 0 0;
	margin:0;
}
div#contentsInner div.step ol li.Step,
div#contentsInner div.step ol li.Step-1st,
div#contentsInner div.step ol li.Step-2,
div#contentsInner div.step ol li.Step-1st-2,
div#contentsInner div.step ol li.Basic-step,
div#contentsInner div.step ol li.Step-1st-4,
div#contentsInner div.step ol li.Step-4,
div#contentsInner div.step ol li.Step-1st-3,
div#contentsInner div.step ol li.Step-3,
div#contentsInner div.step ol li.Step-1st-5,
div#contentsInner div.step ol li.Step-1st-6,
div#contentsInner div.step ol li.Step-5,
div#contentsInner div.step ol li.Step-1st-9,
div#contentsInner div.step ol li.Step-8,
div#contentsInner div.step ol li.Step-1st-8,
div#contentsInner div.step ol li.Step-7,
div#contentsInner div.step ol li.Step-1st-7,
div#contentsInner div.step ol li.Step-6,
div#contentsInner div.step ol li.Step-1st-10,
div#contentsInner div.step ol li.Step-9,
div#contentsInner div.step ol li.Step-1st-11,
div#contentsInner div.step ol li.Step-10,
div#contentsInner div.step ol li.Step-1st-12,
div#contentsInner div.step ol li.Step-11,
div#contentsInner div.step ol li.Step-1st-13,
div#contentsInner div.step ol li.Step-12,
div#contentsInner div.step ol li.Step-1st-14,
div#contentsInner div.step ol li.Step-13,
div#contentsInner div.step ol li.Step10,
div#contentsInner div.step ol li.Step10-1 {
	font-weight:bold;
	position:relative;
	padding:0.3em 0 0.2em 1.95em;
	
	zoom: 1;
}
div#contentsInner div.step ol li.Step span.Step-cap,
div#contentsInner div.step ol li.Step-1st span.Step-cap,
div#contentsInner div.step ol li.Step-2 span.Step-cap-2,
div#contentsInner div.step ol li.Step-1st-2 span.Step-cap-2,
div#contentsInner div.step ol li.Basic-step span.Basic-step, 
div#contentsInner div.step ol li.Step-1st-4 span.Step-cap-4,
div#contentsInner div.step ol li.Step-4 span.Step-cap-4,
div#contentsInner div.step ol li.Step-1st-3 span.Step-cap-3,
div#contentsInner div.step ol li.Step-3 span.Step-cap-3,
div#contentsInner div.step ol li.Step-1st-5 span.Step-cap-5,
div#contentsInner div.step ol li.Step-1st-6 span.Step-cap-6,
div#contentsInner div.step ol li.Step-5 span.Step-cap-6,
div#contentsInner div.step ol li.Step-1st-9 span.Step-cap-9,
div#contentsInner div.step ol li.Step-8 span.Step-cap-9,
div#contentsInner div.step ol li.Step-1st-8 span.Step-cap-8,
div#contentsInner div.step ol li.Step-7 span.Step-cap-8,
div#contentsInner div.step ol li.Step-1st-7 span.Step-cap-7,
div#contentsInner div.step ol li.Step-6 span.Step-cap-7,
div#contentsInner div.step ol li.Step-1st-10 span.Step-cap-10,
div#contentsInner div.step ol li.Step-9 span.Step-cap-10,
div#contentsInner div.step ol li.Step-1st-11 span.Step-cap-11,
div#contentsInner div.step ol li.Step-10 span.Step-cap-11,
div#contentsInner div.step ol li.Step-1st-12 span.Step-cap-12,
div#contentsInner div.step ol li.Step-11 span.Step-cap-12,
div#contentsInner div.step ol li.Step-1st-13 span.Step-cap-13,
div#contentsInner div.step ol li.Step-12 span.Step-cap-13,
div#contentsInner div.step ol li.Step-1st-14 span.Step-cap-14,
div#contentsInner div.step ol li.Step-13 span.Step-cap-14,
div#contentsInner div.step ol li.Step10 span.Step-cap----,
div#contentsInner div.step ol li.Step10-1 span.Step-cap-----1 {
	color:#406e8f;
	font-size:150%;
	position:absolute;
	left:0;
	top:-0.1em;
}
div#contentsInner div.step p,
div#contentsInner div.step h4 {
	padding:0 0 0 1em;
}
div#contentsInner div.step table {
	margin:0.5em 0 0 1em;
	width:97%;
}
div#contentsInner div.step table.Table p {
	padding:0;
}
div#contentsInner div.step table.Table ol {
	list-style:decimal inside;
}
div#contentsInner div.step table.Table ol li span.Amarusuji {
	display:none;
}

div.usb ul,
div.usb ol {
	margin:0;
	list-style:none;
}
div.usb ol {
	margin-top:5px;
}
div.usb ol li.Memo-text-sub {
	font-weight:bold;
}
div.usb ol li.Memo-text-sub span.JKCE2Kaku {
	color:#406e8f;
	font-size:130%;
}
div.usb ul {
	padding-left:3em;
}
div.usb p {
	padding-left:3em;
}
div.usb h4 {
	padding-left:10px;
	padding-right:5px;
}
div.rtl {
	direction:rtl;
}
#contentsInner div.rtl h3{
	background:url(../images/bg_h4.png)  right bottom no-repeat;
}

div.spInner {
	margin-bottom:30px;
}
div#close {
	text-align:right;
}
div#close img {
	cursor:pointer;
}


/*-----------------------------------
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%;
}
#wrapper #sideMenu #sideMenuInner ul li.select ul{
	display:none;
}
}

/*-----------------------------------
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:90%;
}
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 : 550px) 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:90%;
}
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%;
}
}