@charset "UTF-8";
/* CSS Document */

/*===============
base
=================*/
body {
  min-width:320px;
  position:relative;
}

img {
  border: 0;
  max-width: 100%;
  width:100%;
  height: auto;
}


/*display*/
.pcDisp{
	display:none;
}
.smpDisp{
	display:block;
}

/*float*/
.floLeft,
.floRight{
	float:none;
}

/*-- delete by sugihara
br{
	display:none;
}
--*/

/*==================
header
====================*/
.tagline {
  display: none;
}
.header {
    width: 100%;
	height:40px;
	min-height:40px;
	position: relative;
    top: 0;
    width: 100%;
    z-index: 6000;
	background:#fff;
  }

  .header .headLogo {
    width: 100%;
  }
  .header .headLogo .serviceLogo {
    top: 10px;
    left: 10px;
  }
  	.header .headLogo .serviceLogo img{
		width:130px;
	}
	
  .header .headLogo .niftyLogo {
    top: 10px;
    right: 0;
  }
  	.header .headLogo .niftyLogo img{
		width:70px;
	}


/*=======================================================================================
contents
=========================================================================================*/
body#top #contents{
	/*padding-top:115px;*/
	/*padding-top:60px !important;*/
}

#contents{
	/*padding-top:100px !important;*/
}

#mainContents{
	/*padding-top:0;*/
}

.mod .modInner{
	padding:20px 10px 10px !important;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.mod .modTtl{
	font-size:27px !important;
	margin-bottom:15px !important;
}
.mod .modInner .modTtl.bordered{
	font-size:20px !important;
	margin-bottom:35px !important;
	padding-bottom:10px;
}

/*footpath*/
#contents .footpath{
	padding:0 10px;
}

#contents .footpath div{
	width:auto;
	font-size:11px;
}


/*==================
Nav
====================*/

/*smpNavMod*/
.smpNavMod{
	display:block;
	background-color:#29b7ce;
	position:relative;
    top: 0px;
    width: 100%;
    z-index: 5000;
}

.smpNavMod .modInner{
	padding:10px 15px 10px 10px !important;
}

.smpNavMod .oheyaLogo{
	float:left;
}
.smpNavMod .oheyaLogo a{
	background-size: 480px auto;
	-moz-background-size: 480px auto;
	-webkit-background-size: 480px auto;
	width:150px;
	height:35px;
	background-image:url(/home/plus/images/header_parts.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

.smpNavMod .smpMenuBtn{
	float:right;
}
.smpNavMod .smpMenuBtn a{
	display:block;
	height: 25px;
    width: 27px;
	background-image:url(/home/plus/images/common_smp.png);
	background-repeat:no-repeat;
	background-size: 200px auto;
	-moz-background-size: 200px auto;
	-webkit-background-size: 200px auto;
	background-position:-27px 0;
	text-indent:-9999px;
	overflow:hidden;
}

/*smpNavMod ul*/
.smpScreen {
    background-color: rgba(247, 247, 247, 0.96);
    height: 100%;
    left: 0;
    /*position: fixed;*/
	position:absolute;
    top: 96px;
    width: 100%;
    z-index: 999;
	display:none;
}

.openMenu{
	height: 100%;
    left: 0;
    /*position: fixed;*/
	position:absolute;
    /*top: 96px;*/
	top:60px;
    width: 100%;
    z-index: 1000;
	display:none;
}

.smpNavMod ul{
}

.smpNavMod ul li{
	font-size:13px;
	text-align:left;
}

.smpNavMod ul li a{
	text-decoration:none;
	padding:13px 20px;
	border-bottom: 1px solid #a7bfc6;
	display:block;
}


/*navBtn*/

.smpNavMod .navBtn{
	width: 266px;
	margin:10px auto 0;
	background-color:#2e828c;
}

.smpNavMod .navBtn .btnInner {
    padding: 7px 7px 7px 9px;
}

.smpNavMod .navBtn a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background-image: url(/home/plus/images/header_parts.png);
    background-repeat: no-repeat;
}

.smpNavMod .navBtn .lagSize a{
	background-position: 0 -187px;
    height: 40px;
    width: 250px;
}

.smpNavMod .navBtn .halfSize.dl a {
    background-position: 0 -234px;
    float: left;
	height: 31px;
    width: 125px;
}

.smpNavMod .navBtn .halfSize.inq a {
    background-position: -126px -234px;
    float: right;
	height: 31px;
    width: 125px;
}

/*--index.htm---------------------------------------------------------------------------------*/

.mainMod{
	background-image:none;
	min-height:inherit;
}

.mainModBg {
	background-image:none;
}

.mainModBg span.indent{
	text-indent:0;
	padding:5px;
	background-color:#f15a24;
	color:#fff;
	text-align:center;
	height:inherit;
}

	.mainModBg span.indent span.str{
		color:#ffff00;
		font-size:18px;
	}
	.mainModBg span.indent span.inBlk{
		display:block;
	}

.mainMod .modInner{
	padding-bottom:20px !important;
	padding-top:10px !important;
}

.mainMod .mainBlk{
	padding-bottom:0px;
	padding-top:0;
}

.mainMod .mainTtl{
	width:auto;
	margin-bottom:10px;
	padding-top:0;
}

.mainMod .mainTtl .mainTxt{
	background-image:none;
	text-indent:0;
	width:auto;
	height:auto;
	margin:0 -10px 5px;
}

.mainMod .mainTtl .mainTxt img{
	width:100%;
	height:auto;
}

.mainMod .mainTtl .mainSplTxt{
	font-size:15px;
}

.mainMod .mainBtn{
	margin:0;
	margin-bottom:10px;
}

.mainMod .mainBtn a{
	margin:0 auto;
}

.mainMod .mainVisualBtn{
	padding:15px 0 0;
	margin:0;
	position:static;
}
.mainMod .mainVisualBtn a{
	margin:0 auto;
}
.mainMod .mainVisual{
	min-height:0;
}
.mainMod .mainVisual .mainVisualDetail{
	width:100%;
}
.mainMod .mainVisual .mainVisualImg{
	height:130px;
}
.mainMod .mainVisual .mainVisualImg li{
	height:130px;
}

/*modMovie*/
.modMovie{
	width:100%;
	height: 220px;
	margin: 15px auto 0;
	margin-top:-30px;
}

.mainMod .movieClose{
	width:320px !important;
	margin:0 auto;
	height:50px;
}

.mainMod .movieClose a{
	font-size: 15px;
    left: 50%;
    margin-left: -33px;
    padding: 5px;
    top: 10px;
    width: 65px;
}

.mainMod .movieClose a:after{
	content: "閉じる";
    display: inline-block;
    margin-left: 5px;
}


/*mainNoticeBox*/
.mod .mainNoticeBox{
}

.mod .mainNoticeBox .boxTtl{
	display:block;
	width:auto;
	height:auto;
	min-height:inherit;
	padding:5px;
	margin-bottom:10px;
}

.mod .mainNoticeBox dl{
	background-image:none;
	width:auto;
	display:block;
	margin-bottom:10px;
}
	body#top .mod .mainNoticeBox dl{
		padding:0 10px;
		width:auto !important;
	}

.mod .mainNoticeBox dt{
	width:auto !important;
	float:none !important;
	font-weight:bold;
	margin-bottom:5px;
}

.mod .mainNoticeBox dd{
	width:auto !important;
	float:none !important;
}

.mod .mainNoticeBox .moreLink{
	display:block;
	width:auto;
	font-size:14px;
}


/*splBox*/

.workMod .modInner{
	padding-bottom:20px !important;
}

.workMod .splBox{
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.workMod .splBox .boxPh{
	background-image:none;
	background-color:#fff;
	width:auto;
	border-radius:10px !important;
	padding-top:10px;
}

.workMod .splBox .boxPh .leftArea{
	float:none;
	width:auto;
	font-size:21px;
}

.workMod .splBox .boxPh .leftArea span{
	background-position:5px 50%;
	padding-left:70px;
}

.workMod .splBox .boxPh .rightArea{
	float:none;
	width:auto;
	font-size:14px;
}

.workMod .splBox .boxPh .rightArea span{
	padding-top:10px;
}

.workMod .splBox .astTxt{
	text-align:left;
	font-size:12px;
}

.workMod .attTxt{
	font-size:15px;
	text-align:left;
}


/*featureMod*/
.featureMod{
}

.featureMod .modInner{
	padding-bottom:20px !important;
}

.featureMod .featureCaseBox .boxTtl{
	margin-bottom:20px;
}

.mod ul.col3 li{
	float:none !important;
	margin-right:0;
	margin-bottom:10px;
}

.mod ul.col3 li:last-child{
	margin-bottom:0;
}

.mod ul.col3 li a{
	display:block;
}

.mod ul.col3 li img{
	width:100%;
	height:auto;
}


.mod ul.col2 li{
	float:none !important;
	margin-right:0;
	margin-bottom:10px;
}

.mod ul.col2 li:last-child{
	margin-bottom:10;
}

.mod ul.col2 li p{
	display:block;
}

.mod ul.col2 li img{
	width:100%;
	height:auto;
}

/*supportMod*/
.supportMod .modInner{
	padding:20px 10px !important;
}
.supportMod .col3 img{
	display:block;
	max-width:300px;
	margin:0 auto;
}

/*saftyMod*/
.saftyMod .modLead {
	font-size:14px;
}
.saftyMod .saftyPoint li .pointImg{
	float:none;
	display:block;
	padding-right:20px;
	max-width:240px;
	margin:0 auto;
}
.saftyMod .saftyPoint li .pointText .pointTtl{
	font-size:18px;
}
.saftyMod .saftyPoint li .pointText .pointNote{
	font-size:14px;
}


/*chargeMod*/

.chargeMod .chargeBg{
	background-color:inherit;
}

.chargeMod .chaegeBox{
	padding-top:0px;
}

.chargeMod .chaegeBox table{
	width:100%;
}

.chargeMod .chaegeBox table:last-of-type{
	margin-bottom:0;
}

.chargeMod .chaegeBox table th{
	font-size:18px;
	width:140px;
}

.chargeMod .chaegeBox table th span.astTxt.block{
	font-size:13px;
}

.chargeMod .chaegeBox table th span.astTxt{
	font-size:13px;
}

.chargeMod .chaegeBox table td p{
	line-height:15px;
	font-size:13px;
}

/*chargeSplBox*/
.chargeMod .chargeSpl{
	padding-bottom:0;
}

.chargeMod .chargeSpl .chargeSplBox{
	background-position: 15px 50%;
    background-size: 400px auto;
	-moz-background-size: 400px auto;
	-webkit-background-size: 400px auto;
    border-radius: 12px;
    width: 100%;
	text-align:left;
	padding:10px 0;
}

.chargeMod .chargeSpl .chargeSplBox.lagSize{
	padding:15px 0;
}

.chargeMod .chargeSpl .chargeSplBox .txt{
	font-size:16px;
	padding:0 15px 0 47px;
}

.chargeMod .chargeSpl .chargeSplBox .txt .fontRed{
	display:inline-block;
}

.chargeMod .chargeSpl .chargeSplBox.lagSize .txt{
	font-size:16px;
}

.chargeMod .chargeSpl .chargeSplBox .txt .smlTxt{
	font-size:13px;
	margin-bottom:7px;
}

.chargeMod ul.astTxt{
	font-size:12px;
	text-align:left;
}

.chargeMod ul.astTxt li{
	text-indent:-1em;
	padding-left:1em;
}


.indent_pc {
    padding: 10px;
	background-color: #ff76ab;
	color: #fff;
	text-align: center;
	font-size: 0.7em;
}

/*--application.htm---------------------------------------------------------------------------------*/

.mod.appTtl  .modInner,
.mod.serviceTtl .modInner,
.mod.noticeTtl .modInner,
.qaMod .modTtl{
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	line-height:1;
}

.mod.appTtl .modTtl,
.mod.serviceTtl .modTtl,
.mod.noticeTtl .modTtl,
.voiceTtl .modTtl,
.qaMod .modTtl{
	margin-bottom:0 !important;
}

.mod .modTtl .fontSml{
	display:block;
	padding:0 !important;
	font-size:15px !important;
}

.mod .modTtl.borderStyle{
	font-size:20px !important;
	padding-bottom:5px;
	margin-bottom:10px !important;
}

.mod .modTtl.ttlStyle{
	font-size:20px !important;
}

.mod .modTxt{
	padding:0;
	font-size:13px;
	margin-bottom:20px;
}

/*col2BtnBox*/

.memberMod{
	margin-bottom:0px;
}

.memberMod.last{
	margin-bottom:20px;
}

.memberMod .col2BtnBox{
	width:auto;
}

.memberMod .col2BtnBox .boxInner{
	padding:10px;
}

.memberMod .col2BtnBox .btn a{
	width:300px;
	height:73px;
	background-size: 347px auto;
	-moz-background-size: 347px auto;
	-webkit-background-size: 347px auto;
    width: 280px;
	margin:0 auto;
}

.memberMod .col2BtnBox .btn.noMember{
	margin-bottom:10px;
	float:none;
}

.memberMod .col2BtnBox .btn.member{
	margin-bottom:0px;
	float:none;
}

.memberMod .col2BtnBox .btn.member a{
	background-position: 0 -231px;
}

.memberMod .col2BtnBox .btn.noMember a{
	background-position: 0 -157px;
}

.memberMod .col2BtnBox .astTxt{
	text-align:left;
	font-size:12px;
	text-indent:-1em;
	padding-left:1em;
	padding-top:5px;
	padding-bottom:5px;
	width:auto;
}


/*col2BtnBoxPre*/

.memberMod .col2BtnBoxPre{
	width:auto;
}

.memberMod .col2BtnBoxPre .boxInner{
	padding:10px;
}

.memberMod .col2BtnBoxPre .btn a{
	width:300px;
	height:73px;
	background-size: 347px auto;
	-moz-background-size: 347px auto;
	-webkit-background-size: 347px auto;
    width: 280px;
	margin:0 auto;
}

.memberMod .col2BtnBoxPre .btn.noMember{
	margin-bottom:10px;
	float:none;
}

.memberMod .col2BtnBoxPre .btn.member{
	margin-bottom:0px;
	float:none;
}

.memberMod .col2BtnBoxPre .btn.member a{
	background-position: 0 -231px;
}

.memberMod .col2BtnBoxPre .btn.noMember a{
	background-position: 0 -157px;
}

.memberMod .col2BtnBoxPre .astTxt{
	text-align:left;
	font-size:12px;
	text-indent:-1em;
	padding-left:1em;
	padding-top:5px;
	padding-bottom:5px;
	width:auto;
}



/*chargeMod*/

#chargeLink{
	padding-top:0px !important;
	margin-top:0 !important;
}

.chargeMod.appStyle{
	margin-bottom:0;
}

.mod.chargeMod.appStyle .chaegeBox.padTSml{
	padding-top:15px;
	margin-bottom:15px;
}

/*astBox*/
.mod .astBox{
	width:100%;
}

.mod .astBox .boxInner{
	padding:15px 10px !important;
}

.mod .astBox .astBoxTtl{
	font-size:14px;
}

.chargeMod.appStyle ul.astTxt li,
.mod .astBox ul.astTxt li{
	font-size:13px;
}


/*astBox_camp*/
.mod .astBox_camp{
	width:100%;
}

.mod .astBox_camp .boxInner{
	padding:15px 10px !important;
}

.mod .astBox_camp .astBoxTtl{
	font-size:14px;
}

.chargeMod.appStyle ul.astTxt li,
.mod .astBox ul.astTxt li{
	font-size:13px;
}




/*astBox02*/
.mod .astBox02{
	width:100%;
}

.mod .astBox02 .boxInner{
	padding:15px 10px !important;
}

.mod .astBox02 .astBoxTtl{
	font-size:14px;
}

.chargeMod.appStyle ul.astTxt li,
.mod .astBox02 ul.astTxt li{
	font-size:13px;
}




/*preCautBox*/
.preCautMod.appStyle{
	margin-bottom:0;
}

.preCautMod.appStyle .preCautBox{
	margin-bottom:10px !important;
}

.preCautMod.appStyle .preCautBox .boxTtl{
	font-size:16px;
	margin-bottom:5px;
	padding-left:5px;
}

.preCautMod .ph{
	margin-bottom:25px;
}

.preCautMod .preCautBox .boxInner{
	padding:0;
}

.preCautMod .preCautBox p{
	font-size:13px;
}

.preCautMod .preCautBox span.emTxt{
	font-size:18px;
}


/*flowArea*/

.flowMod {
	margin-bottom:0;
}

.flowMod .flowArea{
	width:100%;
}

.flowMod .flowArea .areaInner{
	padding:10px;
}

.flowMod .flowArea .col2{
	background-image:none;
}

.flowMod .flowArea .col2:after{
	background-position:0 -134px;
	width:32px;
	height:37px;
	background-image:url(/home/plus/images/app_parts.png);
	display:block;
	content:" ";
	margin:0 auto;
}

.flowMod .flowArea .col2 .introStep{
	width:auto;
	margin-bottom:0;
}

.flowMod .flowArea .col2 .introStep:first-of-type{
	margin-bottom:5px;
}

.flowMod .flowArea .col2 .introStep .stepTtl{
	font-size:14px;
}

.flowMod .flowArea .col2 .introStep .stepTxt{
	padding: 0 10px 10px;
	font-size:14px;
	font-size:17px !important;
}

.flowMod .flowArea .col2 .introStep .stepTxt .sml{
	font-size:11px;
	text-align:left;
}

.flowMod .flowArea .stepArea .stepBox:after{
	background-position:0 -134px;
	width:32px;
	height:37px;
	padding:0;
}

.flowMod .flowArea .stepArea .stepBox dl{
	padding:10px;
}

.flowMod .flowArea .stepArea .stepBox dt{
	display:block;
	border:none;
	width:100%;
	padding-left:20px;
	font-size:28px;
	padding-top:15px;
}

.flowMod .flowArea .stepArea .stepBox dt .sml{
	font-size:16px;
}

.flowMod .flowArea .stepArea .stepBox.ver03 dt .dtBg{
	 background-position: -233px -289px;
}

.flowMod .flowArea .stepArea .stepBox dd{
	display:block;
	font-size:13px;
}

.flowMod .flowArea .stepArea .stepBox dd br{
	display:block;
}

.flowMod .flowArea .stepArea .stepBox .nmbIco{
	left:-8px;
}

.flowMod .flowArea .stepArea .stepBox dd .aplCol2{
	width:100%;
	margin-top:10px;
}

.mod .appBtn{
	margin-bottom:10px;
	float:none;
	text-align:center;
}
.mod .appBtn img{
	width:148px;
}
.mod .googleBtn{
	float:none;
}

.mod .appBtn a,
.mod .googleBtn a{
	margin:0 auto;
}

.flowMod .flowArea .stepArea .stepBox.startVer{
	margin-bottom:15px;
}

.flowMod .flowArea .stepArea .stepBox.startVer dt{
	font-size:17px;
	text-align:left;
	padding: 10px 15px;
}

.flowMod .flowArea .stepArea .stepBox.startVer dd{
	text-align:left;
	font-size:15px;
}

.flowMod .flowArea ul.astTxt{
	margin:0;
	text-align:left;
}

.flowMod .flowArea ul.astTxt li{
	font-size:12px;
}


/*fancybox*/
.fancybox-close{
	width:30px !important;
	height:30px !important;
	background-position: 0px 0 !important;
	background-size: 300px auto !important;
	-moz-background-size: 300px auto !important;
	-webkit-background-size: 300px auto !important;
	right:-11px !important;
	top:-14px !important;
	background-image: url(/home/plus/images/api_sprite.png) !important;
}

#penalty{
	overflow:scroll;
}

#penalty .modInner{
	width:100%;
}

#penalty .modTtl{
	width:auto;
	margin: 0 0px 10px;
	padding-top:10px;
}

#penalty .modTxt{
	padding:0 5px;
}

#penalty .modTxt li{
	padding-left: 1em;
    text-indent: -1em;
}

#penalty .tableBg{
	width:100%;
	background-color:#fff;
	padding:0;
}

#penalty .tableBg table{
	width:100%;
}

#penalty .tableBg table th{
	font-size:14px;
	width:110px;
}

#penalty ul.astTxt{
	width:100%;
}

#penalty ul.astTxt li{
	padding:0 2em;
	text-indent:-1em;
	font-size:12px;
}

#tabContents {
	padding:20px 0 0;
}
#tabContents .tabTrigger{
	width:45%;
	margin-right:5px;
	font-size:12px;
}
#tabContents .tabs {
	padding:0;
}


/*--service.htm---------------------------------------------------------------------------------*/

.preCautMod .preCautBox{
	margin-bottom:30px !important;
}

.preCautMod .preCautBox .boxTtl{
	font-size:18px;
	margin-bottom:10px;
	padding-left:5px;
}

.preCautMod.serviceStyle .preCautBox{
	margin-bottom:0 !important;
}

.preCautMod.serviceStyle .preCautBox p.boxTxt{
	font-size:13px;
	margin-bottom:15px;
}

.preCautMod.serviceStyle .preCautBox .phBox{
	margin-bottom:20px;
}

.preCautMod.serviceStyle .preCautBox .phBox .boxInner{
	padding:10px;
}

.preCautMod .preCautBox.col2Style .col2Box{
	width:100%;
}

.preCautMod .preCautBox.col2Style dl{
	width:100%;
	margin-bottom:15px;
}

.preCautMod .preCautBox.col2Style dl:last-of-type{
	margin-bottom:0;
}

.preCautMod .preCautBox.col2Style dl dt{
	font-size:16px;
	margin-bottom:5px;
}

.preCautMod .preCautBox.col2Style dl dd.ddBorder{
	padding:15px 0 10px;
	margin-bottom:5px;
}

.preCautMod .preCautBox.col2Style dl dd.ddTxt{
	text-align:left;
	font-size:12px;
}


.preCautMod .preCautBox p.Ph{
	margin-bottom:10px;
}

.preCautMod .preCautBox p.Ph img{
	width:70%
}

/*col2Ph*/
.preCautMod .preCautBox.col2Style .col2Ph.lagSize{
	padding:13px 15px;
}

.preCautMod .preCautBox.col2Style .col2Ph.lagSize .floLeft{
	float:left;
	width:47%;
}

.preCautMod .preCautBox.col2Style .col2Ph.lagSize .floRight{
	float:right;
	width:47%;
}


.preCautMod .preCautBox.col2Style .col2Ph.smlSize{
	padding:13px 15px;
}

.preCautMod .preCautBox.col2Style .col2Ph.smlSize p{
	margin-bottom:10px;
}

.preCautMod .preCautBox.col2Style .col2Ph.smlSize p:last-of-type{
	margin-bottom:0;
}

.preCautMod .preCautBox.col2Style .col2Box.aplli{
	padding-bottom:0px;
}

.preCautMod .preCautBox.col2Style .col2Box.aplli dl dd{
	padding:15px 10px 10px;
}

.preCautMod .preCautBox.col2Style .col2Box.aplli dl dd img{
	width:100px;
}

.preCautMod .preCautBox.col2Style p.aplBtn{
	margin-bottom:5px;
	margin-top:15px;
}

.preCautMod .preCautBox.col2Style p.aplBtn a{
	margin-top:0 !important;
}
.preCautMod .preCautBox.col2Style p.aplBtn br{
	display:none;
}
.preCautMod .preCautBox p.boxLink{
	text-indent:-1em;
	padding-left:1em;
}

/*--precautions.htm---------------------------------------------------------------------------------*/

body#precautions .preCautMod .preCautBox{
	margin-bottom:35px !important;
}

.preCautMod .preCautBox dl{
	margin-bottom:10px;
}

.preCautMod .preCautBox dl dt{
	font-size:15px;
}

.preCautMod .preCautBox dl dd{
	font-size:13px;
}

.preCautMod .preCautBox ul li{
	font-size:13px;
}

/*flowBox*/
.preCautMod .preCautBox .preFlowArea{
	background-color:transparent;
}

.preCautMod .preCautBox .preFlowArea .areaInner{
	padding:10px 0;
}

.preCautMod .preCautBox .flowBox{
	width:100%;
}

.preCautMod .preCautBox .flowBox:after{
	left:50%;
	margin-left:-17px;
}

.preCautMod .preCautBox .flowBox dl{
	padding:10px;
}

.preCautMod .preCautBox .flowBox dl dt{
	min-width:70px;
	display:block;
}

.preCautMod .preCautBox .flowBox dl dt .dtInner{
	padding:0 5px 5px;
}

.preCautMod .preCautBox .flowBox dl dt .dtTxt{
	font-size:18px;
}

.preCautMod .preCautBox .flowBox dl dd{
	display:block;
	border-top:#ccc solid 1px;
	border-left:0;
	padding:0 5px;
}

.preCautMod .preCautBox .flowBox dl dd .ddInner{
	padding:5px 0;
	min-height:inherit;
}

.preCautMod .preCautBox .flowBox dl dd .ddTtl{
	margin-bottom:10px;
	font-size:13px;
}

.preCautMod .preCautBox .flowBox dl dd li{
	font-size:12px;
}


/*clearBox*/
.preCautMod .preCautBox .clearBox{
	width:100%;
	margin-bottom:10px;
}

.preCautMod .preCautBox .clearBox .boxInner{
	padding:5px;
}

.preCautMod .preCautBox .clearBox p{
	font-size:18px;
}


/*.preIco*/
.preIco{
	background-size:200px auto;
}

.preIco.step01{
	width:50px;
	height:42px;
	background-position:-150px -342px;
}

.preIco.step02{
	background-position: -94px -388px;
    height: 30px;
    width: 54px;
}

.preIco.step03{
	background-position: -51px -421px;
    height: 28px;
    width: 43px;
}

/*--news.htm---------------------------------------------------------------------------------*/

.noticeMod{
	margin-bottom:0px;
}

.mod .mainNoticeBox.simpleStyle .boxInner{
	padding:10px;
}

.mod .mainNoticeBox dl{
	width:100% !important;
	padding:0;
}

.mod .mainNoticeBox dl dt{
	width:100%;
	float:none;
}

.mod .mainNoticeBox.simpleStyle dd{
	width:100%;
	padding:0;
	float:none;
	word-break: break-all;
	word-wrap: break-word;
}

.paging{
	margin:30px 0;
}

.paging .pageNo{
	font-size:12px;
}

.paging .pageNo b{
	padding:2px 7px;
}

.paging .pageNo a{
	padding:2px 7px;
}

.paging .pageNo span.next a{
	background-position:100% 98%;
}

/*--contents/1.htm---------------------------------------------------------------------------------*/

.voiceTtl .modInner{
	padding-bottom:0 !important;
}

.voiceTtl .modTtl{
	font-size: 25px !important;
    line-height: 1.05;
    padding-bottom: 5px;
}

.voiceMod{
	margin-bottom:20px;
}

.voiceMod .modInner{
	padding-bottom:0 !important;
}

.voiceMod .modTtl{
	font-size:18px !important;
}

/*icon*/
.ico.voiceNmb01{
	background-position: 0 -316px;
    background-size: 300px auto;
	-moz-background-size: 300px auto;
	-webkit-background-size: 300px auto;
    height: 37px;
    width: 36px;
	margin-right:8px !important;
	margin-top:-6px !important;
}

.ico.voiceNmb02{
	background-position: 0 -316px;
    background-size: 300px auto;
	-moz-background-size: 300px auto;
	-webkit-background-size: 300px auto;
    height: 37px;
    width: 36px;
	margin-right:8px !important;
	margin-top:-6px !important;
}


.voiceMod .plusBox{
	width:100%;
	margin-bottom:20px;
}

.voiceMod .plusBox .boxInner{
	position:relative;
}

.voiceMod .plusBox .leftArea{
	width:80%;
	min-width:80%;
}

.voiceMod .plusBox .balloon p{
	font-size:13px;
	margin-bottom:5px;
}

.voiceMod .plusBox .leftArea:before,
.voiceMod .plusBox .leftArea:after{
	display:none;
}


.voiceMod .plusBox .balloonInner{
	margin:10px;
}


.voiceMod .plusBox .rightArea{
	vertical-align:middle;
	width:10%;
	min-width:10%;
}

.voiceMod .plusBox .rightArea .ico{
	margin-left:15px;
}

.ico.plusCharaLag,
.ico.plusChara{
	width:65px;
	height:65px;
	background-position: 0 -308px;
    background-size: 249px auto;
	-moz-background-size: 249px auto;
	-webkit-background-size: 249px auto;
}


/*guestBox*/
.voiceMod .guestBox{
	width:100%;
	margin-bottom:20px;
}

.voiceMod .guestBox .leftArea{
	padding-right:10px;
}

.voiceMod .guestBox .boxInner{
	padding:10px;
}

.ico.guest01 {
    background-position: -143px -372px;
    background-size: 300px auto;
	-moz-background-size: 300px auto;
	-webkit-background-size: 300px auto;
    height: 78px;
    width: 48px;
}

.ico.guest02 {
    background-position: -197px -372px;
    background-size: 300px auto;
	-moz-background-size: 300px auto;
	-webkit-background-size: 300px auto;
    height: 78px;
    width: 48px;
}

.ico.guest03{
	background-position: -251px -372px;
    background-size: 300px auto;
	-moz-background-size: 300px auto;
	-webkit-background-size: 300px auto;
    height: 78px;
    width: 48px;
}

.voiceMod .guestBox .rightArea .areaInner{
	padding-left:0px;
}

.voiceMod .guestBox .rightArea .guestName{
	font-size:14px;
}

.voiceMod .guestBox .rightArea dl{
	font-size:13px;
	margin-bottom:10px;
}

.voiceMod .guestBox .rightArea dl:last-of-type{
	margin-bottom:0;
}

.voiceMod .guestBox .rightArea dl dd.floRight{
	width:auto;
}


/*smlSize*/
.voiceMod .plusBox.smlSize{
	width:100%;
	min-width:100%;
	margin-bottom:20px;
}

.voiceMod .plusBox.smlSize .leftArea{
	width:100%;
	min-width:100%;
}

.voiceMod .plusBox.smlSize .leftArea:before{
	display:none;
}

.voiceMod .plusBox.smlSize .leftArea:after{
	display:none;
}


/*guestBox.smlSize*/

.voiceMod .guestBox.smlSize{
	width:100%;
	margin-bottom:20px;
}

.voiceMod .guestBox.smlSize .leftArea{
	vertical-align:middle;
	width:10%;
	min-width:10%;
	padding-right:0;
}

.voiceMod .guestBox.smlSize .balloon{
	width:90%;
	min-width:90%;
}

.voiceMod .guestBox.smlSize .balloon:before,
.voiceMod .guestBox.smlSize .balloon:after{
	display:none;
}

.voiceMod .guestBox.smlSize .balloon .balloonInner{
	padding:10px;
}

.voiceMod .guestBox.smlSize .balloon p{
	font-size:13px;
}


/*summaryBox*/
.voiceMod .summaryBox{
	width:100%;
	background-size: 35px auto;
	-webkit-background-size: 35px auto;
	-moz-background-size: 35px auto;
	background-position:97% 10px;
}

.voiceMod .summaryBox .boxInner{
	margin:50px 10px 10px;
}

.voiceMod .guestBox.smlSize .leftArea .name{
	font-size:12px;
	font-weight:normal;
	padding-right:15px;
}
	.voiceMod .guestBox.smlSize .leftArea .name span{
		margin:0;
		display:block;
	}

.voiceMod .summaryBox .summaryLabel{
	font-size:15px;
	padding:7px 9px 5px;
	left:-5px;
}

.voiceMod .summaryBox .txtBox{
	padding:0;
}

.voiceMod .summaryBox .txtBox p{
	margin-bottom:10px;
	font-size:13px;
}


/*scheduleMod*/

.scheduleMod .modInner{
	padding:10px !important;
}

.scheduleMod p{
	font-size:18px;
	text-align:left;
}



/*--question.htm---------------------------------------------------------------------------------*/

.qaMod .modTtl{
	margin-bottom:30px !important;

}

.qaMod .qaListArea .areaTtl{
	font-size:18px !important;
	margin-bottom:30px;
	padding-bottom:5px !important;
}

.qaMod .qaListArea .areaTtl .ico{
}

.ico.questLag{
	background-position: 0 0;
    background-size: 270px auto;
	-moz-background-size: 270px auto;
	-webkit-background-size: 270px auto;
    height: 42px;
    width: 42px;
	min-width: 42px;
}

.qaMod .qaListArea .areaTtl .leftBlock{
	width:42px;
	min-width:42px;
}

.qaMod .qaListArea .areaTtl .rightBlock{
	width:auto;
}


/*qaListBox */
.qaMod .qaListArea .qaListBox{
	margin-bottom:30px;
}

.qaMod .qaListArea .qaListBox:last-of-type{
	margin-bottom:15px !important;
}

.qaMod .qaListArea .qaListBox .boxTtl{
	font-size:18px;
	margin-bottom:10px;
	padding-left:5px;
}

.ico.questSml {
    background-position: -56px 0;
    background-size: 350px auto;
	-moz-background-size: 350px auto;
	-webkit-background-size: 350px auto;
    height: 22px;
    width: 22px;
}

.qaMod .qaListArea .qaListBox .boxInner{
	padding:0 !important;
	margin:0 -10px !important;
}

.qaMod .qaListArea .qaListBox ul{
	margin-bottom:0 !important;
}

.qaMod .qaListArea .qaListBox ul li{
	width:100% !important;
	border:none !important;
	border-radius:0 !important;
	border-bottom:1px solid #ccc !important;
	font-size:14px !important;
}

.qaMod .qaListArea .qaListBox ul:first-of-type{
	border-top:1px solid #ccc !important;
}

.qaMod .qaListArea .qaListBox ul li.odd{
	float:none;
}

.qaMod .qaListArea .qaListBox ul li.even{
	float:none;
}

.qaMod .qaListArea .qaListBox ul li .txt{
	padding-left:5px;
}

.qaMod .qaListArea .qaListBox ul li .leftIco {
	min-width:22px;
	width:22px;
}

.qaMod .qaListArea .qaListBox ul li a{
	padding: 17px 15px !important;
}


/*.qaMod .qaListArea .qaListBox ul li a{
	position:relative;
	padding:9px 30px 10px 10px;
}

.qaMod .qaListArea .qaListBox ul li a:after{
	border-right: 2px solid #7b7b7b;
    border-top: 2px solid #7b7b7b;
    content: "";
    display: block;
    height: 7px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    width: 7px;
}*/


/*--question_detail.htm---------------------------------------------------------------------------------*/

body.col2 #mainContents{
	width:100%;
	margin-bottom:0;
}

body.col2 .unit.leftCont{
	float:none;
	width:100%;
}

body.col2 .unit.rightCont{
	float:none;
	width:100%;
}

body.col2 .mod.qaMod .modInner{
	width:100% !important;
}

body.col2 .qaListArea .areaTxt p img{
	max-width:100%;
	width:100%;
}

body.col2 .qaListArea .areaTtl{
	margin-bottom:15px;
}

body.col2 .qaListArea .areaTxt p{
	font-size:13px;
	margin-bottom:10px;
}

body.col2 .qaMod .qaListArea .qaListBox ul li{
	margin-bottom:0;
}

body.col2 .qaMod .qaListArea .qaListBox ul li .leftIco{
	min-width:22px;
	width:22px;
}

/*---ft common-----------------------------------------------------------------*/

/*btnMod*/
.btnMod{
	margin-bottom:10px;
}

.btnMod a{
	width:300px;
	background-size:300px auto;
	-moz-background-size:300px auto;
	-webkit-background-size:300px auto;
	height:45px;
}



.btnModPre{
	margin-bottom:10px;
}

.btnModPre a{
	width:300px;
	background-size:300px auto;
	-moz-background-size:300px auto;
	-webkit-background-size:300px auto;
	height:45px;
}

/*commonAstBox*/

.niftyCatch{
}

.niftyCatch img{
	width:300px;
	height:auto;
}

.commonAstBox{
	width:auto;
	padding:0 10px;
	margin-bottom:30px;
}

.commonAstBox p.astTxt{
	font-size:12px;
}


/*==================
footer
====================*/

.footer {
  width: 100%;
  height: 123px;
  margin: 0 auto;
  background: #aecb7b;
  color: #888888;
}
.footer .pkg {
  width: 100%;
  height: 123px;
  margin: 0 auto;
  position: relative;
}

.footer .pkg .goTop {
  display: none;
}
.footer .pkg .foottext {
  padding: 16px 0 10px;
  font-size:11px;
  line-height: 1.7em;
  text-align: center;
}
.footer a {
  color: #ffffff;
}
.footer a:link,
.footer a :visited {
  text-decoration: none;
}
.footer a:hover,
.footer a :active {
  text-decoration: underline;
}

.footer .pkg .foottext a {
  display: inline-block;
  margin-bottom: 5px;
}


.footerImage {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.pageTop {
  width: 100%;
  min-height: 40px;
  margin: 0 auto;
  position: relative;
}
.pageTop p {
  width: 65px;
  height: 40px;
  position: absolute;
  bottom: 0;
  right: 35px;
}
.pageTop p a {
  width: 65px;
  height: 40px;
  display: block;
  background: url(../images/gotop-btn.png) no-repeat;
  text-indent: -9999em;
}