@charset "UTF-8";

/* ========================================
OUTLINE
	(c) FOURDIGIT Inc.
	「/saison/plus/guide/index.html」設定
======================================== */

p img,
li img,
dt img,
dd img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	}

.contentWrap {
	margin: 0;
	padding: 0;
	width: 950px;
	clear: both;
	}

.contentWrap .fLeft {
	margin: 0;
	padding: 0;
	width: 520px;
	float: left;
	_display: inline;
	}
.contentWrap .fLeft img {
margin-top: 15px;
margin-bottom: 20px;
	}
.contentWrap .fRight {
	margin: 0;
	padding: 0;
	width: 411px;
	float: right;
	_display: inline;
	}


/* leftArea */
.contentWrap .leftArea {
margin: 0;
padding: 0;
/* [disabled]width: 620px; */
/* [disabled]float: left; */
_display: inline;
	}

.contentWrap .leftArea h2 {
	margin-bottom: 16px;
	}
/* section */
.contentWrap .leftArea .section01,
.contentWrap .leftArea .section02,
.contentWrap .leftArea .section03 {
margin: 0 0 10px 0;
padding: 0px;
/* [disabled]width: 620px; */
/*
background: url(../imgs/idx_bg.gif) repeat-y left top;
*/
	}
.contentWrap .leftArea .section01 .inner {
margin: 0;
padding: 10px 0 0;
/* [disabled]width: 620px; */
background: url(../imgs/idx_bg_top.gif) no-repeat left top;
	}
.contentWrap .leftArea .section01 .set {
	margin: 0;
	padding: 0 0 38px;
	width: 620px;
	background: url(../imgs/idx_bg_btmcom.gif) no-repeat left bottom;
	}
.contentWrap .leftArea .section01 .set {
	margin: 0;
	padding: 0 0 54px;
	width: 620px;
	background: url(../imgs/idx_bg_btm.gif) no-repeat left bottom;
	}
.contentWrap .leftArea .section02 .set {
margin: 0;
padding:4px 10px 20px 10px;
height:216px;
/* [disabled]width: 620px; */
background-repeat: no-repeat;
background-position: left top;
background-image: url(../imgs/idx_bg_btm02.gif);
	}
.contentWrap .leftArea .section03 .set {
margin: 0;
padding:10px 10px 20px 10px;
height:236px;
/* [disabled]width: 620px; */
background: url(../imgs/idx_bg_btm03.gif) no-repeat left top;
	}

.contentWrap .leftArea .section01 h3,
.contentWrap .leftArea .section02 h3,
.contentWrap .leftArea .section03 h3 {
margin-bottom: 10px;
margin-left: 10px;
padding-top: 4px;
	}
.contentWrap .leftArea .section01 #idx01 {
	width: 488px;
	height: 32px;
	}
.contentWrap .leftArea .section01 #idx02 {
	width: 550px;
	height: 32px;
	}
.contentWrap .leftArea .section01 #idx03 {
	width: 462px;
	height: 41px;
	}

.contentWrap .leftArea .section01 #idx01 a {
	display: block;
	width: 488px;
	height: 32px;
	background: url(../imgs/idx_sttl01_ov.gif) no-repeat left top;
	}
.contentWrap .leftArea .section02 #idx02 a {
display: block;
width: 510px;
height: 32px;
background: url(../imgs/idx_sttl02_ov.gif) no-repeat left top;
	}
.contentWrap .leftArea .section03 #idx03 a {
display: block;
width: 476px;
height: 41px;
background: url(../imgs/idx_sttl03_ov.gif) no-repeat left top;
	}
.contentWrap .leftArea .section01 #idx01 a:hover,
.contentWrap .leftArea .section02 #idx02 a:hover,
.contentWrap .leftArea .section03 #idx03 a:hover {
	background-color: #FFFFFF;
	}
.contentWrap .leftArea .section01 #idx01 a:hover img,
.contentWrap .leftArea .section02 #idx02 a:hover img,
.contentWrap .leftArea .section03 #idx03 a:hover img {
	visibility: hidden;
	}


.contentWrap .leftArea .section01 .txt,
.contentWrap .leftArea .section02 .txt,
.contentWrap .leftArea .section03 .txt {
	margin-right:10px;
	margin-left:10px;
	font-size: 123.1%;
	}
.contentWrap .leftArea .section01 .img,
.contentWrap .leftArea .section02 .img,
.contentWrap .leftArea .section03 .img {
	margin-top: 10px;
	text-align: center;
	}

.contentWrap .leftArea .section01 .links,
.contentWrap .leftArea .section02 .links,
.contentWrap .leftArea .section03 .links {
	margin: 10px 10px 0;
	font-size: 108%;
	font-weight: bold;
	text-align: right;
	}

/* rightArea */
.contentWrap .rightArea {
margin: 0;
padding: 0;
/* [disabled]width: 300px; */
/* [disabled]float: right; */
_display: inline;
	}

.contentWrap .rightArea .rnv {
margin: 0px 0 0;
padding: 0;
/* [disabled]width: 298px; */
border: 1px solid #dcdcdc;
background-color: #f8f8f8;
	}
.contentWrap .rightArea .rnv h3 {
	margin: 4px 0 5px 4px;
	}

.contentWrap .rightArea .rnv .faqArea,
.contentWrap .rightArea .rnv .categoryArea {
margin-bottom: 5px;
margin-left: 4px;
padding: 0;
/* [disabled]width: 288px; */
border: 1px solid #dcdcdc;
background-color: #ffffff;
margin-right: 4px;
	}
.contentWrap .rightArea .rnv .faqArea h4,
.contentWrap .rightArea .rnv .categoryArea h4 {
	margin: 9px 0 8px 10px;
	}

.contentWrap .rightArea .rnv .faqArea ul {
	margin-right: 10px;
	margin-left: 10px;
	}
.contentWrap .rightArea .rnv .faqArea li {
	margin-bottom: 17px;
	padding: 2px 0 3px 25px;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.3;
	background: url(../imgs/idx_rnv_icon_q.gif) no-repeat left 0.25em;
	}

.contentWrap .rightArea .rnv .categoryArea li dl {
margin: 0 10px;
padding: 0;
/* [disabled]width: 268px; */
	}
.contentWrap .rightArea .rnv .categoryArea li dt {
	margin: 0 10px;
	padding: 0 0 5px;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.3;
	}
.contentWrap .rightArea .rnv .categoryArea li dd {
	margin: 0;
	padding: 0;
	}
.contentWrap .rightArea .rnv .categoryArea li dd ul {
	margin: 0 0 0 24px;
	font-size: 108%;
	}
.contentWrap .rightArea .rnv .categoryArea li dd li {
	padding: 3px 0 14px 25px;
	font-size: 108%;
	background: url(../imgs/rnv_icon_q.gif) no-repeat left 0.25em;
	}
	

/* guide */
.guide {
	margin: 50px 0 0;
	padding: 0;
	width: 950px;
	border-top: 1px solid #f0f0f0;
	clear: both;
	}
.often {
	margin: 10px 0 0;
	padding: 11px 0 0;
	width: 950px;
	background: url(../imgs/idx_bg_dot.gif) repeat-x left top;
	clear: both;
	}

.terms {
	margin: 5px 0 0;
	padding: 0;
	width: 950px;
	clear: both;
	}
	
.guide dl {
	margin: 10px 0 0;
	padding: 0;
	width: 950px;
	}
.often dl,
.terms dl {
	margin: 0;
	padding: 0;
	width: 950px;
	}
.guide dt,
.often dt,
.terms dt {
	margin: 0;
	padding: 0;
	width: 263px;
	float: left;
	clear: both;
	}
.guide dd,
.often dd,
.terms dd {
	margin-left: 263px;
	padding: 0;
	}
.guide dd li,
.often dd li,
.terms dd li {
	margin-left: 8px;
	padding-left: 6px;
	float: left;
	display: block;
	font-size: 108%;
	font-weight: bold;
	border-left: 1px solid #cccccc;
	white-space: nowrap;
	}
.guide dd li strong,
.often dd li strong,
.terms dd li strong{
	font-weight: bold !important;
	color: #ff3956 !important;
}
.terms dd li {
	margin-top: 5px;
	}
.guide dd li a,
.often dd li a,
.terms dd li a {
	font-weight: normal;
	}
.guide dd .first,
.often dd .first,
.terms dd .first {
	border-left:none;
	}

/* Add 20150806 index */
.fLidx {
	width:560px;
	float:left;
}
.fRidx {
	width:380px;
	float:right;
}

/* Add 20160628 index */

.fadeIn {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
 visibility: visible !important;
}

@-webkit-keyframes fadeIn {
 0% { opacity: 0;  }
 100% { opacity: 1;  }
}

@keyframes fadeIn{
 0% { opacity: 0; }
 100% { opacity: 1;  }
}

.mgnEm01 {
margin-bottom: 1em;
}

.tGray{
color: #666666;
}

.system-Requirements{
background-color: #fafafa;
border: 1px solid #dfdfdf;
margin-top: 1em;
padding: 15px;
}

.system-Requirements .ttl{
font-weight: bold;
margin-bottom: 0.5em;
}

ul.system-Requirements-list li{
margin-bottom: 0.5em;
padding-left: 1.5em;
text-indent: -1em;
}

.contentWrap h2.ttl,
.contentWrap h3.ttl {
margin-bottom: 2em;
	}
	
.contentWrap p.copy {
font-size: 14px;
line-height: 1.5em;
margin-bottom: 2em;
	}
	
.leftArea h4.ttl {
background-color: #31759f;
color: #FFFFFF;
font-weight: bold;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
margin-bottom: 1em;
}

.leftArea h4.ttl2 {
text-align: center;
color: #02A2FF;
font-size: 18px;
line-height: 1.5em;
margin-bottom: 0.5em;
}

.leftArea ul.tab {
list-style: none;
background-image: url(../imgs/index/idx-tab-line.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
padding-bottom: 11px;
height: 62px;
}

.leftArea ul.tab li {
float: left;
/*margin-right: 3px;*/
margin-right: 4px;
cursor: pointer;
/*width: 185px;*/
width:278px;
height: 62px;
background-repeat: no-repeat;
background-position: 0px;
text-indent: -9999px;
}

.leftArea div.tabContent {
clear: both;
display: none;
}

.leftArea div.active {
display: block;
}

.leftArea ul.tab li.tab1 {
background-image: url(../imgs/index/idx-tab-ie.gif);
}

.leftArea ul.tab li.tab2 {
background-image: url(../imgs/index/idx-tab-ch.gif);
/*width: 184px ;*/
width:278px;
}
.leftArea ul.tab li.tab3 {
background-image: url(../imgs/index/idx-tab-ff.gif);
margin-right: 0px;
}

.leftArea ul.tab li.tab1.active,ul.tab li.tab1:hover {
background-image: url(../imgs/index/idx-tab-ie-o.gif);
}

.leftArea ul.tab li.tab2.active,ul.tab li.tab2:hover {
background-image: url(../imgs/index/idx-tab-ch-o.gif);
}

.leftArea ul.tab li.tab3.active,ul.tab li.tab3:hover {
background-image: url(../imgs/index/idx-tab-ff-o.gif);
}

.leftArea a.pagelink{
text-align: center;
display: block;
padding: 2em;
text-decoration: underline;
}

.leftArea .section{
margin-bottom: 3em;
font-size: 13px;
}

.idx-ie-img01{
margin-bottom: 1em;
}

.leftArea ol.numlist{
border-top: 1px dotted #b7e4ff;
}
.leftArea ol.numlist li{
padding-left: 60px;
padding-top: 1.2em;
padding-bottom: 1.2em;
border-bottom: 1px dotted #b7e4ff;
}

.leftArea ol.numlist li li{
padding-left: 50px;
}

.leftArea ol.numlist li ul{
margin-bottom: 1em;
margin-top: -1em;
	}

.leftArea ol.numlist li.list06ch{padding-bottom: 0;}
.leftArea ol.numlist li.list06ch ul{
margin-bottom: 0em;
	}

.leftArea ol.numlist li{
background-repeat: no-repeat;
background-position: 0px center;
}

/*num*/
.leftArea #list01,.leftArea #ff-list01,.leftArea #ch-list01{background-image: url(../imgs/index/num01.gif);}
.leftArea #list02,.leftArea #ff-list02,.leftArea #ch-list02{background-image: url(../imgs/index/num02.gif);}
.leftArea #list03,.leftArea #ff-list03,.leftArea #ch-list03{background-image: url(../imgs/index/num03.gif);}
.leftArea #list04,.leftArea #ff-list04,.leftArea #ch-list04{background-image: url(../imgs/index/num04.gif);}
.leftArea #list05,.leftArea #ff-list05,.leftArea #ch-list05{background-image: url(../imgs/index/num05.gif);}
.leftArea #list06,.leftArea #ff-list06,.leftArea #ch-list06{background-image: url(../imgs/index/num06.gif);}
.leftArea #list07,.leftArea #ff-list07,.leftArea #ch-list07{background-image: url(../imgs/index/num07.gif);}
.leftArea #ch-list08{background-image: url(../imgs/index/num08.gif);}
.leftArea #list08,.leftArea #ff-list08{background-image: url(../imgs/index/num08.gif);}
.leftArea #list09,.leftArea #ff-list09{background-image: url(../imgs/index/num09.gif);}
.leftArea #list10,.leftArea #ff-list10{background-image: url(../imgs/index/num10.gif);}
.leftArea #list11,.leftArea #ff-list11{background-image: url(../imgs/index/num11.gif);}
/*ie*/
.leftArea .idx-ie-img02-1{background-image: url(../imgs/index/idx-ie-img02-1.gif);}
.leftArea .idx-ie-img02-2{background-image: url(../imgs/index/idx-ie-img02-2.gif);}
.leftArea .idx-ie-img02-3{background-image: url(../imgs/index/idx-ie-img02-3.gif);}
.leftArea .idx-ie-img04 {background-image: url(../imgs/index/idx-ie-img04.gif);}
.leftArea .idx-ie-img05 {background-image: url(../imgs/index/idx-ie-img05.gif);}
.leftArea .idx-ch-img02-1 {background-image: url(../imgs/index/idx-ch-img02-1.gif);}
/*ch*/
.leftArea .idx-ch-img02-2{background-image: url(../imgs/index/idx-ch-img02-2.gif); padding-left: 104px !important;}
.leftArea .idx-ch-img02-3{background-image: url(../imgs/index/idx-ch-img02-3.gif); padding-left: 104px !important;}
.leftArea .idx-ch-img02-4{background-image: url(../imgs/index/idx-ch-img02-4.gif); padding-left: 104px !important; border-bottom-style: none!important;}
.leftArea .idx-ch-img02-5{background-image: url(../imgs/index/idx-ch-img02-5.gif);}
/*ff*/
.leftArea .idx-ff-img04 {background-image: url(../imgs/index/idx-ff-img02-1.gif);}
.leftArea .idx-ff-img05 {background-image: url(../imgs/index/idx-ff-img02-2.gif);}

.leftArea .idx-img {
background-position: left center;
display: block;
background-repeat: no-repeat;
padding-left: 90px;
	}

.leftArea .idx-img2 {
padding-left: 102px;
}
	
.leftArea .idx-notice{
background-image: url(../imgs/index/idx-notice.png);
display: block;
background-repeat: no-repeat;
background-position: left center;
padding-left: 290px;
min-height: 168px;
}
	
.leftArea .leftArea2{
width: 300px;
float: left;
}

.leftArea .idx-popup {
float: right;
display: block;
}

.leftArea ol.step li{
margin-bottom: 10px;
background-image: url(../imgs/index/idx-arw.gif);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 16px;
}

.leftArea ol.step li.last{
background-image: none;
padding-bottom: 0px;
}

.leftArea ol.step li h5.ttl{
background-color: #cdf1ff;
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
border-top: 1px solid #0fa7ff;
border-right: 1px solid #0fa7ff;
border-left: 1px solid #0fa7ff;
}

.leftArea ol.step li .stepInc{
border: 1px solid #0fa7ff;
display: table;
width: 558px;
padding-top: 10px;
padding-bottom: 10px;
}

.leftArea ol.step li .stepInc p{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	}

.leftArea ol.step li .stepInc p.img{
width: 240px;
text-align: center;
}

.leftArea ol.step li .stepInc p.txt{
margin-top: 1em;
margin-right: 1em;
margin-bottom: 1em;
line-height: 1.4em;
font-size: 14px;
}

.leftArea ol.step li .stepInc .notes{
margin-top: 1em;
display: block;
color: #666666;
font-size: 12px;
}