@charset "shift_jis";

/* homeArea */
div.homeArea div.nav {
	width:400px;
	float:left;
}
div.homeArea ul.anqArea {
	width:349px;
	float:right;
	list-style:none;
	margin-bottom:10px;
}
div.homeArea ul.anqArea li.anq {
	width:193px;
	float:left;
}
div.homeArea ul.anqArea li.voice {
	width:141px;
	float:right;
}

/* pregArea */
div.pregArea {
	margin:20px 20px 50px 20px;
}

div.st-img {
	margin:30px 0 0 0;
}

/* spArea */
.spArea {
	display: none;
}


h2.title {
	border-bottom: 1px solid #000;
	font-size: 1.2em;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
}

p.red a:link,
p.red a:visited{
	color: #c41230 !important;
}
a.textLink {
    display: inline;
    margin: 0 3px 0 7px;
    background-position: 0px;
    padding: 0 0 0 10px;
    background: url(/share/images/arrow_black.gif) no-repeat left .4em;
}

/*===========================================
	homeArea 
=============================================*/
h2.pcArea .top_link {
	clear: both;
	margin: 4px 0 0 0;
	font-size: 13px;
	text-align: right;
}

h2 .top_link a {
	background: url("/share2/images/mod-categoryHeader/ico_01.png") no-repeat scroll left 0.4em transparent;
	padding-left: 12px;
	color: #43677E;
}

/*===========================================
	subTitle 
=============================================*/
.s-title {
    border-bottom: 1px solid #D0D0D0;
    clear: both;
    color: #666666;
    font-size: 15px !important;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0 0 5px 13px;
}


/*===========================================
	pregArea_01 
=============================================*/
div.pregArea_01 {
	margin: 0px auto 0px auto;
	padding: 0px;
}

div.pregArea_01 .top_text1 img {
	display: block;
	margin: 0px auto 0px auto;
}

div.pregArea_01 .top_text2 {
	display: none;
}

div.pregArea_01 ul#listPhoto {
	margin: 30px 0px 30px 0px;
	padding: 0px;
	list-style: none;
}
div.pregArea_01 div.support3 {
	margin: 0px 0px 0px 40px
}	


div.pregArea_01 ul#listPhoto li {
	clear: none;
	float: left;
}
div.pregArea_01 ul#listPhoto li.img {
	margin: 0px 20px;
	padding: 0px;
}
div.pregArea_01 ul#listPhoto li.arrow_img {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

div.pregArea_01 ul#listPhoto li.arrow_img img {
	vertical-align:middle;
}

div.pregArea_01 ul#listPhoto .imgCenter {
	height: 298px;
	display: table-cell;
	vertical-align: middle;
}

div.pregArea_01 ul#listPhoto li.arrow2 {
	display: none;
}

/*===========================================
	pregArea_02 
=============================================*/
div.pregArea_02 {
	width: 758px;
	margin: 20px auto 0px auto;
	padding: 0px;
	border: solid 1px #CCCCCC;
	background: #F6F6F6;
}
div.pregArea_02 div.pregBox {
	width: 730px;
	margin: 0px auto;
	padding: 15px 0px 15px 0px;
}

/*===========================================
	pregArea_05
=============================================*/
div.pregArea_05 {
	width: 898px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}


/*===========================================
	pregArea_06
=============================================*/
div.pregArea_06 {
	width: 898px;
	margin: 20px auto 0px auto;
	padding: 0px;
	background: #F6F6F6;
}
div.pregArea_06.bg_fff {
	background: #fff;
}
div.pregArea_06 div.pregBox {
	width: 870px;
	margin: 0px auto;
	padding: 15px 0px 15px 0px;
}


/*===========================================
	pregArea_07
=============================================*/
div.pregArea_07 {
	width: 898px;
	margin: 30px auto 0px auto;
	padding: 0px;
	border: solid 1px #CCCCCC;
	background: #F6F6F6;
}
div.pregArea_07 div.pregBox {
	width: 870px;
	margin: 0px auto;
	padding: 15px 0px 15px 0px;
}
div.pregArea_07 div.pregBox textarea {
	width: 838px;
	height: 135px;
	margin: 0px auto;
	padding: 15px;
	border: solid 1px #999999;
	line-height: 150%;
}


/*===========================================
	pregArea_08
=============================================*/
div.pregArea_08 {
	width: 950px;
	margin: 40px auto 0px auto;
	padding: 0px;
	clear: both;
}
div.pregArea_08 div.leftArea {
	width: 465px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.pregArea_08 div.rightArea {
	width: 465px;
	margin: 0px;
	padding: 0px;
	float: right;
}


/*===========================================
	pregArea_09
=============================================*/
div.pregArea_09 {
	width: 900px;
	margin: 20px auto 0px auto;
	padding: 0px;
	clear: both;
}
div.btnTitle {
	width: 880px;
	margin: 10px auto 0px auto;
	padding: 10px;
	background: #F6F6F6;
	cursor: pointer;
}


/*===========================================
	chatRepairArea_01
=============================================*/
div.chatRepairArea_01 {
	width: 898px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}
div.chatRepairArea_01 div.chatRepairBox {
	width: 860px;
	margin: 0px auto;
	padding: 25px 0px 25px 0px;
	border-bottom: dotted 1px #999999;
}

/* chatRepairBoxMini01 */
div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini01 {
	width: 860px;
	padding: 0px;
}
div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini01 div.leftArea {
	width: 410px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini01 div.rightArea {
	width: 435px;
	margin: 0px;
	padding: 0px;
	float: right;
}

/* chatRepairBoxMini02 */
div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 {
	width: 775px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
}
div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 div.leftArea {
	width: 357px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 div.midArea {
	width: 50px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	float: left;
}
div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 div.midArea .imgCenter {
	width: 50px;
	height: 282px;
	
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	layout-grid-line: 282px;
}
div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 div.rightArea {
	width: 357px;
	margin: 0px;
	padding: 0px;
	float: right;
}

.chat_start1 {
	display: none;
}

/*===========================================
	icon
=============================================*/
.icoChat {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 10px 0px 10px 60px;
	background: url(/support/mobile/inquiry/images/chat_ico_chat.png) no-repeat 0px 0px;
}

.icoSquare {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 13px;
	background: url(/support/mobile/inquiry/images/chat_ico_square.png) no-repeat 0px 3px;
}
.icoTxtLink {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 10px;
	background: url(/support/share/images/arrow_black.png) no-repeat 0px 6px;
}
.icoTxtLink {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 10px;
	background: url(/support/share/images/arrow_black.png) no-repeat 0px 6px;
}
.icoTxtSpLink {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 10px;
	background: url(/support/share/images/arrow_black.png) no-repeat 0px 8px;
}


/* .kome-indent */
.kome-indent {
	/* font-size:11px; */
	margin-bottom:3px;
	text-indent:-1.5em;
	padding-left:1.5em;
}


/*===========================================
	font 
=============================================*/
.font12 {
	font-size:12px;
}
.font13 {
	font-size:13px;
}
.font15 {
	font-size:15px;
}
.font16 {
	font-size:16px;
}

.red {
	color:#C61B38;
}
.pc-none {
	display:none;
}


/*===========================================
	clearfix 
=============================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}


/*===========================================
	align
=============================================*/
.txtCenter {
	text-align: center;
}

/*===========================================
	chathelp_link
=============================================*/
p.chathelp_link {
	margin-top: 20px;
}
p.chathelp_link a {
	text-decoration: underline;
    margin: 0 0px 0 0;
    padding: 0 0 0 10px;
    background: url(/share/images/arrow_black.gif) no-repeat left .4em;
}

/*===========================================
	chat_process
=============================================*/

div.chat_process {
	margin: 0px 0px 0px 50px
}	


div.chat_process ul#img_process li {
	clear: none;
	float: left;
	list-style-type: none;
}

div.chat_process ul#img_process li.img_a {
	margin: 0px 20px;
	padding: 0px;
	width: 350px;
}
div.chat_process ul#img_process li.img_b {
	margin: 0px 20px;
	padding: 0px;
	width: 350px;
}

div.chat_process ul#img_process li.arrow_img {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

div.chat_process ul#img_process li.arrow_img img {
	vertical-align:middle;
}

div.chat_process ul#img_process .imgCenter {
	height: 298px;
	display: table-cell;
	vertical-align: middle;
}

div.chat_process ul#img_process li.arrow2 {
	display: none;
}



ul#img_process {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
@media (max-width: 640px) {
ul#img_process {
	width: auto;
}
}

#supporttop_link_guide .leftArea a {
	font-size: 14px;
}

div.s5-breadcrumbs {
	display: none;
}

#sp #sbi_comment1 table {
	width: auto;
}
#sp ul.list {
	margin: 8px 0 8px 9px;
}
#sp ul.list li {
	list-style-type: disc;
	margin-left: 20px;
}

/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px;
}
.mt_02{
	margin: 2px 0px 0px 0px;
}
.mt_03{
	margin: 3px 0px 0px 0px;
}
.mt_05{
	margin: 5px 0px 0px 0px;
}
.mt_10 {
	margin: 10px 0px 0px 0px;
}
.mt_15 {
	margin: 15px 0px 0px 0px;
}
.mt_20 {
	margin: 20px 0px 0px 0px;
}
.mt_25 {
	margin: 25px 0px 0px 0px;
}
.mt_30 {
	margin: 30px 0px 0px 0px;
}
.mt_35 {
	margin: 35px 0px 0px 0px;
}
.mt_40 {
	margin: 40px 0px 0px 0px;
}
.mt_45 {
	margin: 45px 0px 0px 0px;
}
.mt_50 {
	margin: 50px 0px 0px 0px;
}
.ml_10 {
	margin-left: 10px;
}


@media (max-width: 640px) {
	div.homeArea div.nav {
		width: auto;
		float: none;
	}
	div.homeArea ul.anqArea {
		display:none;
	}
	#sp img {
		max-width: 100%;
		height: auto;
	}
	
	/* spArea */
	.spArea {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		padding: 0px;
		display: block;
		word-break: break-all;
	}
	
	/* pcArea */
	.pcArea {
		display: none;
	}
	
	/* resize */
	.resize {
	    border: 0 none;
	    height: auto;
	    margin: 0px;
	    max-width: 100%;
	    padding: 0px;
	    vertical-align: bottom;
	    width: 100%;
	}
	
	#sp h2.pcArea div.pct img {
    margin: 15px 0 30px 5px;
	}
	#sp h2.pcArea div.pct img {
	    margin: 15px 0 30px 15px;
	}
	#sp h2.pcArea div.resizeimg img {
	    height: auto;
	    width: 100%;
	}

	#sp h2.spArea div.pct img {
    margin: 15px 0 30px 5px;
	}
	#sp h2.spArea div.pct img {
	    margin: 10px 0 10px 0px;
	}
	#sp h2.spArea div.resizeimg img {
	    height: auto;
	    width: 100%;
	}

	/*===========================================
		subTitle 
	=============================================*/
	.subTitle {
		max-width: 100%;
		text-align: center;
	}
	
	/*===========================================
	homeArea 
	=============================================*/
	h2.spArea .top_link {
		margin: 0 0 0 0;
		font-size: 9px;
		clear: both;
		text-align: right;
	}
	
	h2 .top_link a {
		font-weight: normal;
	}


	/*===========================================
		pregArea_01 
	=============================================*/
	div.pregArea_01 .top_text1 {
		display: none;
	}

	div.pregArea_01 .top_text2 {
		display: block;
		margin: 0 0 0 0;
	}
	
	div.pregArea_01 .top_text2 img {
		display: block;
		margin: 0 auto 0 auto;
	}
	
	div.pregArea_01 ul#listPhoto li.arrow_img {
		display: none;
	}
	div.pregArea_01 ul#listPhoto li.arrow2 {
		display: block;
		margin: 30px;
	}
	
	div.pregArea_01 ul#listPhoto li {
		float: none;
		text-align: center;
	}
	
	div.pregArea_01 ul#listPhoto .imgCenter {
		height: auto;
		display: block;
	}
	div.pregArea_01 div.support3 {
		margin: 0px 0px;
	}	
	/*===========================================
		pregArea_02 
	=============================================*/
	div.pregArea_02 {
		width: auto;
		margin: 20px auto 0px auto;
		padding: 0px;
		border: solid 1px #CCCCCC;
		background: #F6F6F6;
	}
	div.pregArea_02 div.pregBox {
		width: 96%;
		margin: 0px auto;
		padding: 15px 0px 15px 0px;
	}
	
	
	/*===========================================
		pregArea_05
	=============================================*/
	div.pregArea_05 {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		padding: 0px 0px 0px 0px;
		clear: both;
	}
	
	
	/*===========================================
		pregArea_06
	=============================================*/
	div.pregArea_06 {
		width: 96%;
		margin: 20px auto 0px auto;
		padding: 0px;
		background: #F6F6F6;
	}
	div.pregArea_06 div.pregBox {
		width: 92%;
		margin: 0px auto;
		padding: 15px 0px 15px 0px;
	}

	
	/*===========================================
		pregArea_07
	=============================================*/
	div.pregArea_07 {
		width: 96%;
		margin: 30px auto 0px auto;
		padding: 0px;
		border: solid 1px #CCCCCC;
		background: #F6F6F6;
	}
	div.pregArea_07 div.pregBox {
		width: 94%;
		margin: 0px auto;
		padding: 15px 0px 15px 0px;
	}
	div.pregArea_07 div.pregBox textarea {
		width: 90%;
		height: 135px;
		margin: 0px auto;
		padding: 15px;
		border: solid 1px #999999;
		line-height: 150%;
	}


	/*===========================================
		pregArea_08
	=============================================*/
	div.pregArea_08 {
		width: auto;
		margin: 40px auto 0px auto;
		padding: 0px;
		clear: both;
	}
	div.pregArea_08 div.leftArea {
		width: 96%;
		margin: 0px;
		padding: 0px;
		float: none;
	}
	div.pregArea_08 div.rightArea {
		width: 96%;
		margin: 10px 0px 0px 0px;
		padding: 0px;
		float: none;
	}
	
	
	/*===========================================
    	pregArea_09
    =============================================*/
    div.pregArea_09 {
    	width: auto;
    	margin: 20px auto 0px auto;
    	padding: 0px;
    	clear: both;
    }
    div.btnTitle {
    	width: 96%;
    	margin: 10px auto 0px auto;
    	padding: 2%;
    	background: #F6F6F6;
		/* text-align: center; */
    }
	
	/*===========================================
		chatRepairArea_01
	=============================================*/
	div.chatRepairArea_01 {
		width: auto;
		margin: 0px;
		padding: 0px 0px 15px 0px;
		border-left: solid 1px #CCCCCC;
		border-right: solid 1px #CCCCCC;
		border-bottom: solid 1px #CCCCCC;
	}
	div.chatRepairArea_01 div.chatRepairBox {
		width: 92%;
		margin: 0px auto;
		padding: 25px 0px 25px 0px;
		border-bottom: dotted 1px #999999;
	}
	
	/* chatRepairBoxMini01 */
	div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini01 {
		width: 100%;
		padding: 0px;
	}
	div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini01 div.leftArea {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: none;
		text-align: center;
	}
	div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini01 div.rightArea {
		width: 100%;
		margin: 15px 0px 0px 0px;
		padding: 0px;
		float: none;
		text-align: center;
	}
	
	/* chatRepairBoxMini02 */
	div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0px;
		padding: 0px;
	}
	div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 div.leftArea {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: none;
		text-align: center;
	}
	div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 div.midArea {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		float: none;
		text-align: center;
	}
	div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 div.midArea .imgCenter {
		width: auto;
		height: 50px;
		display: block;
		
		-moz-transform:    rotate( 90deg );  /* Firefox */
		-webkit-transform: rotate( 90deg );  /* Chrome,Safari */
		-o-transform:      rotate( 90deg );  /* Opera */
		-ms-transform:     rotate( 90deg );  /* IE */
		transform:         rotate( 90deg );  /* CSS3 */
	}
	div.chatRepairArea_01 div.chatRepairBox div.chatRepairBoxMini02 div.rightArea {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: none;
		text-align: center;
	}
	
	
	/*===========================================
		pregArea_01 
	=============================================*/
	div.chat_process ul#img_process li.img_a {
		width: 92%;
	}
	div.chat_process ul#img_process li.img_b {
		width: 92%;
	}
	div.chat_process ul#img_process li p.text_process {
		text-align: left;
		margin-top: 10px;
	}


	div.chat_process ul#img_process li.arrow_img {
		display: none;
	}
	div.chat_process ul#img_process li.arrow2 {
		display: block;
		margin: 10px;
	}
	
	div.chat_process ul#img_process li {
		float: none;
		text-align: center;
	}
	
	div.chat_process ul#img_process .imgCenter {
		height: auto;
		display: block;
	}
	div.chat_process {
		margin: 0px 0px;
	}
}
.txt_url{
	word-break: break-all;
}

@media (max-width: 400px){
	a#btnChatOpen span {
		width: 85%!important;
	}
	span#btnChatClose{
		width: 85%!important;
	}
	div#areaBtnChat a#btnChatClose span:first-child {
		width: auto !important;
	}
}

.notice {
	border: 1px solid #f00;
	margin: 2em 0 2em;
	padding: 1em;
	color: #F00;
}

.wakuRed {
	border: 1px solid #f00;
	margin: 0 auto;
	padding: 1.5em;
}

@media (max-width: 640px){
	.wakuRed {
		width: 88%;
		padding: 15px;
		word-break: break-all;
	}
}

/* 2023/09/06’Ç‹L chat.html*/
div.s5-breadcrumbs {
    display: block;
}

div.leftArea{
	margin: 2em 0;
}

div.pregArea {
    margin: 1em 0 3em;
}

.chatBox {
    text-align: center;
    margin: 1em 0 3em;
}

img.icon_window{
	padding-left: 0.3em;
}

/* 2023/09/08’Ç‹L chat-agree.html*/
div.s5-container p.icoSquare{
	background: url(/support/mobile/inquiry/images/chat_ico_square.png) no-repeat 0px 6px;
}

#closeBtn {
    display: none;
}