@charset "shift_jis";
/* CSS Document */


/* clearfix */
*/
.clear{clear:both;}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

/* COMMON SETTING */
.mr10{
	margin-right:10px !important;
	}
.ml10{
	margin-left:10px !important;
	}
	
.mt10{
	margin-top:10px !important;
	}
.mt15{
	margin-top:15px !important;
	}
.mt20{
	margin-top:20px !important;
	}
.mt30{
	margin-top:30px !important;
	}
.mt40{
	margin-top:40px !important;
	}
.mt50{
	margin-top:50px !important;
	}
.txtindent {
	text-indent:-1em;
	padding-left:1em;
}
.txtindent2 {
	text-indent:-1.4em;
	padding-left:1.4em;
}
.red {
	color:#C00;
}
.center {text-align:center; }



/*ポップアップウインドウページ内*/
/* ----------------------------------------------------------------------------------------------------------------*/
.anchor_box li {
    list-style: none outside none;
	margin-top:10px;
}
.anchor_box li span {
	width:250px;
}

.title_h3 {
    background: url("/support/share/images/bg_h2_head.gif") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #CCCCCC;
    font-size: 140% !important;
    padding: 4px 17px 6px;
}

div.pregBox {
	clear: both;
	padding: 0;
	margin:30px 10px 0px 10px;
}
.title_h4g {
    background-color: #E3E3E3;
    font-size: 115% !important;
    padding: 3px 17px;
}

div.pregBox div.miniBox {
	clear: both;
	padding: 0;
	margin:15px;
	overflow: hidden;
}


/*pregBoxを2カラムにする場合*/
div.pregBox div.miniBox div.leftArea02 {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

div.pregBox div.miniBox div.rightArea02 {
	float: right;
	margin: 0;
	padding: 0;
	width: 320px;
}

/*pregBoxを3分割にする場合20130528*/
div.pregBox div.miniBox ul.imgArea {
	width:600px;
	margin: 5px auto 0px auto;
	padding: 0;
	list-style:none;
}
div.pregBox div.miniBox ul.imgArea li {
	width: 180px;
	margin: 0px 0px 0px 30px;
	padding: 0;
	float:left;
	text-align:center;
}
div.pregBox div.miniBox ul.imgArea li.top {
	width: 180px;
	margin: 0px;
	padding: 0;
	float:left;
	text-align:center;
}
div.pregBox div.miniBox ul.imgArea li p {
	margin: 5px 0px 0px 0px;
}
div.pregBox div.miniBox p.Disc {
	text-indent:-1.3em;
	padding-left:1.3em;
}
.img-right {
	float:right;
	padding-left:15px;
}

div.pregBox div.miniBox div.txtArea {
	width: 450px;
	float:left;
}
div.pregBox div.miniBox div.imgArea {
	width: 250px;
	float: right;
}



/*20130318add*/
.txtindent3 {
	text-indent:-2.3em;_text-indent:-2em;
	padding-left:2.3em;
}
.txtindent4 {
	text-indent:-4.3em;_text-indent:-3.9em;
	padding-left:4.3em;
}

.attention{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;
    padding: 18px 20px 20px;
}

/*===========================================
	20130528add
=============================================*/
/*attentionArea*/
div.attentionArea {
	border:1px #999 solid;
	background:#FFFFCC;
	margin: 15px auto 0px auto;
	padding: 15px;
	clear:both;
}
div.attentionArea div.attentionBox {
	background:url(../images/ico_attention.png) no-repeat;
	margin: 0px;
	padding: 3px 0px 0px 35px;
}

/*num*/
.num01 {
	padding: 0px 0px 0px 35px;
	background:url(../images/num01.gif) no-repeat;
	text-align:left;
}
.num02 {
	padding: 0px 0px 0px 35px;
	background:url(../images/num02.gif) no-repeat;
	text-align:left;
}
.num03 {
	padding: 0px 0px 0px 35px;
	background:url(../images/num03.gif) no-repeat;
	text-align:left;
}
.numArea {
	margin-left:45px;
}
div.txtArea_num {
	width: 470px;
	float:left;
}
div.imgArea_num {
	width: 160px;
	float: right;
}


/*bar*/
.bar_no01 {
	margin: 20px 0px 0px 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no01.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
	clear:both;
}
.bar_no02 {
	margin: 30px 0px 0px 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no02.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
	clear:both;
}
.bar_no03 {
	margin: 30px 0px 0px 0px;
	padding: 5px 0px 5px 45px;
	background:url(../images/bar_no03.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
	clear:both;
}

/*lineArea*/
div.lineArea {
	background:#EBEBEB;
	border:#999 1px solid;
	margin:10px 0px 0px 0px;
	padding:15px;
	border:1px solid #999;
	clear:both;
}
div.lineArea div.txtArea_line {
	width: 430px;
	float:left;
}
div.lineArea div.imgArea_line {
	width: 180px;
	float: right;
}

/* attention_2.html用 */
#pagebody_popup {
    margin: 0 auto;
    width: 660px;
}
.title_h2 {
    background: url("/support/share/images/bg_h2_head.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #CCCCCC;
    font-size: 140%;
    padding: 4px 17px 6px;
}
#mein-attention {
    margin: 30px auto 0;
    text-align: left;
    width: 700px;
}
div#pagebody_popup table.line {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}
div#pagebody_popup table.line tr th,
div#pagebody_popup table.line tr td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 15px 8px;
}
.tbl01 th {
    background-color: #EEEEEE;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px;
    text-align: center;
}
#closebox {
    margin: 25px 0;
    text-align: center;
}
.mb10 {
    margin-bottom: 10px !important;
}


/*
	====================================
		box_info_area
	====================================
*/

#contents .box_info_area p {
	margin: 0px 20px 20px 15px;
}

#contents .box_info_area {
	margin: .5em 5px 1em 5px;
	padding: 0 0 9px;
	/padding: 0;
	background: #f3f3f3 url("/support/headphone/howto/images/info-201br.gif") no-repeat bottom right;
}

#contents .box_info_area * { border: none; }

#contents .box_info_area dl {
	width: 100%;
	list-style: none;
	margin: 0;
	/margin: 0 0 9px;
	padding: 0;
	background: transparent url("/support/headphone/howto/images/info-202tr.gif") no-repeat top right;
}

#contents .box_info_area dl dt {
	float: right;
	width: 100%;
	height: 40px;
	padding: 0;
	margin-left: 0;
	background: transparent url("/support/headphone/howto/images/info-203tl.gif") no-repeat top left;
}

#contents .box_info_area dl dd {
	float: left;
	margin: -38px 0 -9px;
	/margin: -36px 0 0;
	padding: 16px 0 0 54px;
	/padding: 16px 8px 0 54px;
	background: transparent url("/support/headphone/howto/images/info-204bl.gif") no-repeat bottom left;
}

#contents .box_info_area dl dt.caution img,
#contents .box_info_area dl dt.info img {
	position: absolute;
	margin: 12px 16px;
}

#contents .box_info_area dl dd ul,
#contents .box_info_area dl dd ol {
	margin: 0 1em 0.5em 1em;
}

@media (max-width: 640px) {
	#contents ul.btn_area_text li {
		float: none;
	}
	.mod-linkButton {
	    background-size: auto 100%;	
		width: 100%;
		height: auto;
	}
	.mod-linkButton .figure {
		display: inline-block;
	}
	.mod-linkButton a {
	    height: auto !important;
	}
	.mod-linkButton a .content {
	    width: auto;
		word-break: break-all;
		padding-bottom: 10px;
	}
}