@charset "shift_jis";
#information header p { display: block;}

.mt05 { margin-top: 5px !important;}
.mt20 { margin-top: 20px !important;}

.mb00 { margin-bottom: 0px !important;}


h2 {
	padding: 10px 15px;
}

small {
	font-size: 85%;
}

.black { color: #000;}





#content.info {
	line-height: 1.2;
}
#content.info p {
	margin: 0.5em 0;
}
#content.info em {
	color: #F00;
}
#content.info img {
	width: 100%;
}
#content.info p.mainimage {
	margin-top: 0;
}
#content.info p.mainimage + p,
#content.info p.mainimage + p + p {
	padding: 0 10px;
}
#content.info ul.memo > li {
	text-indent: -1em;
	margin: 0;
	padding: 0 0 0 1em;
	background: none;
	border: none;
}
#content.info span.kome {
	text-indent: -1em;
	padding: 0 0 0 1em;
	display: block;
}
#content.info ul.memo > li > span:first-child{
	width: 1em;
	display: inline-block;
	text-align: center;
	text-indent: 0;
}
#content.info .contents + h2,
#content.info .inner + h2{
	border: none;
	background: none #1e2776;
	padding: 10px;
	margin-top: 30px;
}
#content.info .contents + h2 > span,
#content.info .inner + h2 > span {
	color: #fff;
	background: none;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	height: auto;
}

#content.info .install {
	border: 2px solid #61bee4;
	border-radius: 5px;
	margin: 20px 10px;
	padding: 0 0 10px;
}
#content.info .install h3{
	margin: 0 0 15px;
	background:#5dbde6;
	border-radius: 0;
	font-size: 110%;
	color: #FFF;
	border: none;
	text-align:center;
	font-weight: bold;
	padding: 5px;
}
#content.info .install h3 span{
	display: inline-block;
	position: relative;
	background: none;
	border: none;
	padding: 0;
}
#content.info .install h3 span::before{
	content: " ";
	display: block;
	position: absolute;
	background:url(../images/info/ic_install.png) no-repeat;
	width: 28px;
	height: 40px;
	background-size: contain;
	left: -40px;
	top: -15px;
}
#content.info .install > ul{
	padding: 0 20px 10px;
	text-align: center;
}
#content.info .install > ul li{
	display: inline-block;
	vertical-align: middle;
	paddign: 2px 3%;
	margin: 2px 0;
	text-align: left;
	box-sizing: border-box;
	position: relative;
}
#content.info .install > ul li:nth-child(2n+1){
	width: 30%;
	padding: 0 5% 0 0;
}
#content.info .install > ul li:nth-child(2n){
	width: 65%;
}
#content.info .install > ul li::before{
	content: "";
}
#content.info .install > ul li img.soon{
	position: absolute;
	right: 5px;
	top: 0px;
	width: 40%;
}
#content.info .install > div {
	padding: 0 10px;
}

#content.info .nav ul {
display: flex;
justify-content: space-between;
}
#content.info .nav ul li {
display: flex;
align-items: center;
box-sizing: border-box;
border: 2px solid #22277b;
border-radius: 4px 4px 0 0;
border-bottom: 0 none;
flex-basis: calc( 210/640*100% );
padding: 4px 0;
font-size: calc(13em/12);
color: #22277b;
margin-left: 2px;
}
#content.info .nav ul li:first-child {
margin-left: 0px;
}
#content.info .nav ul li.open {
background: #22277b;
color: #fff;
}
#content.info .nav ul li span {
display: block;
text-align: center;
width: 100%;
font-weight: bold;
}

#content.info .acdBtn + div{
	display: none;
}

#content.info .contents {
border: 2px solid #1e2776;
padding: 8px;
display: none;
margin: 0 0 20px;
}
#content.info .contents h2 {
	margin: 30px 0 10px;
	border: 1px solid #d2d2c2;
	border-radius: 4px;
	background: #d8d8bc url(../images/info/kiyosma/bg_h2.png) bottom repeat-x;
	background-size: 5px auto;
	padding: 10px;
	font-size: 100%;
}
#content.info .contents h2:first-child {
margin-top: 5px;
}
#content.info .contents h2.acdBtn {
margin-bottom: 0;
}
#content.info .contents h2 span {
	height: auto;
	line-height: 1.2;
	color: #333;
	font-size: calc( 17em/12 );
	display: block;
	border: none;
	padding: 0;
	background: none;
}
#content.info .contents h2 span small {
	font-size: 0.8em;
	display: block;
}

#content.info .contents h2.acdBtn span {
	position: relative;
}
#content.info .contents h2.acdBtn span::before {
	color: #1e2776;
	position: absolute;
	content: "▼";
	right: 0px;
	top: 0px;
}
#content.info .contents h2.acdBtn.open span::before {
	content: "▲";
}

#content.info .contents h3{
	margin: 20px 0 5px;
	padding: 8px;
	border: 1px #c3c3c3 solid;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	font-size: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
#content.info .contents h3::before{
	position: absolute;
	content: "";
	border: 1px #FFF solid;
	border-radius: 4px;
	left: 0px;
	top: 0px;
	width: calc( 100% - 2px );
	height: calc( 100% - 2px );
}
#content.info .contents h3 > span {
	border: none;
	border-left: 4px solid #333A8A;
	padding: 0 0 0 8px;
	display: block;
	font-size: calc( 16em/12 );
	background: none;
}
#content.info .contents h2 + h3{
margin-top: 10px;
}


#content.info .contents table.layout th,
#content.info .contents table.layout td{
	display: block;
}
#content.info .contents table.layout td {
	padding-left: 1em;
}

#content.info .contents ul.flow {
}

#content.info .contents ul.flow li{
	padding: 2em 25px 0 ;
	position: relative;
}
#content.info .contents ul.flow li::before{
	position: absolute;
	content: "▼";
	width: 100%;
	text-align:center;
	display: block;
	color: #004099;
	height: 1em;
	top : 0.4em;
	left: 0;
}

#content.info .contents ul.flow li:first-child{
	padding-top: 0;
}
#content.info .contents ul.flow li:first-child::before{
	display: none;
}
#content.info .contents ul.flow + p{
	text-align: right;
	font-size: 90%;
	font-weight: bold;
	padding: 0 25px;
}
#content.info .contents ul.flow + p em{
	font-weight: bold;
}

#content.info .contents ul.others {
}

#content.info .contents ul.others li{
	padding: 1em 25px 0 ;
	position: relative;
}
#content.info .contents ul.others li:first-child{
	padding-top: 0;
}
#content.info .contents ul.others + p{
	text-align: right;
	font-size: 90%;
	font-weight: bold;
	padding: 0 25px;
}



#content.info .contents .shooting h4{
	margin: 15px 0 5px;
	padding: 0;
	font-weight: bold;
	border: none;
	background: none;
}
#content.info .contents .shooting h5{
	position: relative;
	padding: 10px;
	border-radius: 2px;
	border: 1px solid #c9c9c9;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 60%, #eaeaea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 60%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 60%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	font-size: 14px;
	color: #292929;
	margin: 10px 0 0;
}
#content.info .contents .shooting h5::before {
	position: absolute;
	content: "▼";
	right: 5px;
	top: 10px;
	color: #333a8a;
}
#content.info .contents .shooting h5.open::before {
	content: "▲";
}

#content.info .contents .shooting img{
	margin: 5px 0;
}

#content.info .contents .shooting div p.img{
	text-align: center;
}

#content.info .contents .shooting div p strong {
	display: block;
	margin-top: 10px;
}


#content.info .contents div.attention {
	border: 1px solid #cc9685;
	margin: 20px 0;
	padding: 8px;
	position: relative;
}
#content.info .contents div.attention::before {
	content: " ";
	background:url(../../images/ic_attention.gif);
	backgroun-size: contain;
	position: absolute;
	width: 16px;
	height:14px;
	top: -8px;
	left: -7px;
}



#content.info p.btn a {
	text-indent: 0;
	position: relative;
	padding-right: 20px;
}
#content.info p.btn a::after {
	position: absolute;
	content: "";
	border-right: 3px solid #333A8A;
	border-bottom:  3px solid #333A8A;
	transform: rotate(-45deg);
	right: 5px;
	top: calc( 50% - 5px );
	display: block;
	width: 5px;
	height: 5px;
}
#content.info p.btn.pdf{
	padding-left: 5px;
}
#content.info p.btn.pdf a {
	background: url(/images/ic_pdf.gif) left center no-repeat;
	padding-left: 25px;
}


#content.info > .inner {
	padding: 0 10px;
	margin: 10px 0;
}



#content.info section.caution {
border: 2px solid #f00;
padding: 10px;
box-sizing: border-box;
width: calc( 100% - 20px );
margin: 20px auto;
color: #f00;
}
#content.info section.caution h2 {
background: none;
border: none;
padding: 0;
text-align: center;
margin: 0 0 10px;
}
#content.info section.caution h2 span {
color: #f00;
display: inline-block;
border: none;
line-height: 1.5;
padding: 0;
}























#info{
	line-height: 1.2;
}
#detail{
	line-height: 1.2;
	padding: 10px 10px 20px;
	position: relative;
}

#detail > h2{
	border-radius: 5px;
	border: 1px solid #CCC;
	box-shadow: 0 0 1px #FFF inset;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 60%, #eaeaea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 60%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 60%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 10px;
	padding: 5px;
}
#detail > h2:first-child{
	margin-top: 0;
}


#detail > h2 span{
	background: none;
	border: none;
	padding: 0;
	height: auto;
	line-height: 1.5em;
	color: #333;
}
#detail > h3{
	font-size: 14px;
	color: #039;
	font-weight: bold;
	border: none;
	background: none;
	padding: 0;
}


#detail > h3.reg {
border: none;
background: none #1e2776;
margin: -5px -10px 10px;
padding: 10px;
margin-top: 0px;
color: #fff;
border-radius: 0;
box-shadow: 0;
position: relative;
top: -5px;
}

#info p,
#detail p {
	margin: 0.5em 0;
}

#detail table  {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

#detail table th,
#detail table td {
	display: block;
	padding: 6px;
	margin: 6px 0;
}

#detail table th {
	font-weight: normal;
	background: #EEE;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#detail .kome {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}

#detail .red {
	color: #F00;
}




#info ul,
#detail ul{
	margin: 0;
}

#info ul > li,
#info ol > li,
#detail ul > li,
#detail ol > li {
	background: none;
	border: none;
}

#info ul > li,
#detail ul > li{
	position: relative;
	padding: 0 0 0 1em;
	text-indent: 0;
}
#info ul > li::before,
#detail ul > li::before{
	content: "・";
	position: absolute;
	left: 0;
	width: 1em;
	text-align: center;
	top: 0;
	display: block;
}

#info ol.num1,
#detail ol.num1 {
	padding: 0;
}
#info ol.num1 > li,
#detail ol.num1 > li{
	text-indent: -1em;
	padding-left: 1em;
}

#info ol.num2,
#detail ol.num2 {
	padding: 0 0 0 2em;
}
#info ol.num2 > li,
#detail ol.num2 > li  {
	text-indent: 0;
	padding-left: 0;
}
#info ol.num2 > li span,
#detail ol.num2 > li span {
	display: inline-block;
	margin-left: -2em;
	width: 2em;
}

#info ol.num3,
#detail ol.num3 {
	padding: 0 0 0 3em;
}
#info ol.num3 > li,
#detail ol.num3 > li  {
	text-indent: 0;
	padding-left: 0;
}
#info ol.num3 > li span,
#detail ol.num3 > li span {
	display: inline-block;
	margin-left: -3em;
	width: 3em;
}

#detail div.attention {
	border: 1px solid #cc9685;
	margin: 20px 0;
	padding: 8px;
	position: relative;
}
#detail div.attention::before {
	content: " ";
	background:url(../../images/ic_attention.gif);
	backgroun-size: contain;
	position: absolute;
	width: 16px;
	height:14px;
	top: -8px;
	left: -7px;
}

#detail p.chart{
	text-align:center;
}
#detail p.chart img {
	max-width: 100%;
}




#content .forMT {
border: 2px solid #F00;
padding: 1px 10px;
background-color: #fff;
margin: 30px 0;
color: #f00;
}
#content .forMT p {
margin: 10px 0;
}
#content .forMT p strong {
display: inline-block;
border-bottom: 1px solid #f00;

}

.mt10 { margin-top: 10px !important;}



/* 機種変更の際のお手続きについて */
#content.upgrade .inner {
margin: 10px 0;
padding: 0 10px;
}
#content.upgrade .inner > p {
	margin: 10px 0;
}

#content.upgrade .caution {
	border: 2px solid #f00;
	padding: 10px;
	color: #f00;
}
#content.upgrade .caution p.indent4 {
	padding: 0 0 0 4em;
	text-indent: -4em;
}
#content.upgrade .caution p.indent4 span:first-child {
	display: inline-block;
	width: 4em;
	text-indent: 0;
}

#content.upgrade ol.column2 {
counter-reset: my-counter;

}
#content.upgrade ol.column2 li {
padding: 10px 0;
position: relative;
z-index: 1;
}
#content.upgrade ol.column2 li:after {
	content:" ";
	display:block;
	clear:both;
}
#content.upgrade ol.column2 li img{
width: calc( 50% - 30px );
float: left;
margin-left: 15px;
}
#content.upgrade ol.column2 li::before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #bada55;
color: #fff;
display: block;
position: absolute;
line-height: 26px;
font-size: 18px;
text-align: center;
font-weight: bold;
height: 24px;
width: 24px;
border-radius: 50%;
z-index: 2;
left: -5px;
top: 5px;
}
#content.upgrade ol.column2.before li:before { background-color: #F30; }
#content.upgrade ol.column2.after li:before { background-color: #006; }

#content.upgrade ol.column2 li span {
display: block;
padding-left: 50%;
}

#content.upgrade h3 {
	margin: 20px 0 5px;
	font-size: 1.2em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); 
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); 
}
#content.upgrade span.kome {
	display: block;
	color: inherit;
	padding-left: 1em;
	text-indent: -1em;
}