@charset "utf-8";

h1{ font-size:0.80em;border-left:#c30217 solid 5px; padding:0 0 0 0.5em; margin:3px 0 ;}

figure{
	margin:0; 
	    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;}
	
figcaption{
	margin-bottom:2em;
	}

.flex{
	display:flex;
	}

.w100{
	width:100%;}

.buttonLink{}
.buttonLink a{
	display:block;
	padding:1.5em 1em;
	margin:1px;
	background-color:#eeaaaa;
	color:#FFF;
	font-weight:bold;
	border-radius:3px;
	text-decoration:none
	}
.buttonLink a:hover{
	background-color:#ccc;
	color:#FFF;
	}



/*ITEM HEADER*/

#mainBox{border:#f3f3f3 solid 5px; 
	width:676px; 
	padding:5px 7px 24px 7px; min-height:900px;}

#titleBox_H{ overflow:hidden; min-height:300px; border-bottom:solid 3px #666; padding-bottom:12px;}

#headImg,#headTxt{ float:left;}

#headImg{ text-align:center; width:376px;}
#headTxt{ width:300px;}
#top_H{ height:35px; text-align:right; margin-bottom:0.1em;}

#top_H img.parLink{
	 border:#ccc solid 1px; padding:2px 10px;
	border-radius:25px;        /* CSS3草案 */  
    -webkit-border-radius:25px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:25px;   /* Firefox用 */ 
	}

#modelName{
	border-left:#a31227 solid 12px; 
	padding:1px 0 5px 13px; 
	color:#a31227; 
	max-height:85px;
	min-height:65px; 
	overflow:hidden;}

#modelName.modelName-forList{/*ラベル用紙一覧など、一覧ページ用*/
	border:none;
	}
.modelName-forList{/*ラベル用紙一覧など、一覧ページ用*/
	margin-bottom:100px;
	}

#modelName .nameHead{ font-size:0.8em; height:1.2em; margin-bottom:2px;}
#modelName .name01{
	font-size: 25px;
	height: 26px;
	font-weight: bold;
	border-bottom: #a31227 solid 1px;
	padding-top: 10px;
	padding-bottom: 2px;
	line-height:0.6em
	
}
	
#modelName .name01 .series{ font-size:13px;}
#modelName .name02{ margin-top:4px;	padding-bottom: 2px; color:#333;
}

#hard_Body .name02 p{ line-height:1em;}

#pdfBtn{ text-align:right; height:35px;}

#infoBox{ background-color:#fff; height:85px; margin:10px 0;}

.soldOut{ text-align:right;}


#pliceBox{ text-align:right; text-align:right; height:48px;}

.sale_end{text-align:right; font-size:0.85em; padding-top:4em}
.sale_end a{color: #063;}

#pliceBox .plice{ width:294px; 
	padding:3px; color:#FFFFFF; 
	font-weight:bold; 
	height:17px; 
	background-image:url(../../../common/img/layout/bg_price_sample.png); 
	background-repeat:repeat-y; background-color:#fff;}

#titleBox_L{ clear:both; min-height:50px; overflow:hidden; padding-top:12px;}

#titleBox_L .left{ width:376px;}
#titleBox_L .right{ width:300px; text-align:right;}

.brother{ border-top:#063 1px solid; padding:4px 0; text-align:right; font-size:12px; margin:12px 0 24px 0;}
#hard_Body .brother p.title{ color:#000; margin-bottom:0px;}
/*.brother a{ color: #063; margin:0; padding:0;}*/

.ok-Smart{width:370px; height:55px; background-image:url(../../../common/img/icon/ok-smartphone.gif); background-repeat:no-repeat; text-align:center; border: #060 solid 1px}
.ok-Smart p{display:block;width:190px; margin:12px 6px 0px 110px}

/*contents menu*/
.pIndex{ text-align:center;
	padding-bottom:0px; 
	margin:40px 0 40px 0; 
	border-bottom:#c30217 solid 2px; 
	overflow:hidden; 
	height:30px;}
	
.pIndex li{ font-size:1em;cursor:pointer; float:left; margin:0;}

.pIndex li .on,.pIndex li .off{
		display:block;
		padding:8px 0 5px 0; 
		border:#666 solid 1px; 
		margin:0;  
		height:17px; 
		border-bottom:none;}

.pIndex li .on{
	background-color: #fff;
	font-weight: bold;
	color: #fff;
	border-bottom: none;
	border-top-width: 1px;
	border-color: #990033;
	background-image: url(../../../common/img/layout/bg_contentsmenu_on.png);
	background-repeat: repeat-x;}
	
.pIndex li .off{
	background-color: #666; 
	color: #fff;
	background-image: url(../../../common/img/layout/bg_contentsmenu_off.png);
	background-repeat: repeat-x;}

.pIndex li.box3{ width:228px;}
.pIndex li.box4{ width:110px;}



/*MAIN CONTENTS*/
#hard_Body .c_box{ border:none;}


.infoItem{width:650px; 
	margin-bottom:40px; 
	overflow:hidden; 
	/*border-bottom:#999999 1px solid; */
	padding-bottom:16px;}

.c_pack { width:650px; 
	margin-bottom:40px; 
	overflow:hidden;
	clear:both;}
	
	

.leftBox{ margin-right:36px}	
.wHalf{
	width: 307px;
	overflow: hidden;
}
.w200{
	width: 200px;
	overflow: hidden;
}
.w414{
	width: 414px;
	overflow: hidden;
}
.w650{
	width:650px;
	overflow:hidden;	
}

.wAll{ margin-bottom:24px; width:100%}


	
	
.w3Box{ width:200px; margin-right:25px}
.w2Box{ width:425px; margin-right:25px}
.w_rightBox{ margin-left:0px;width:200px}




.up_link{ clear:both; text-align:right;	padding-bottom:0px;}



.index_title{ font-size:1.3em;

	font-weight:bold; 
	color:#a31227; 
	border-bottom:#a31227 solid 1px;
	margin-bottom:1.3em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:1.5em;
	background-image:url(../img/dot.gif); background-repeat:no-repeat;}
	
.index_title img{margin-right:0.5em;}


#hard_Body h2{ border:#CCC solid 1px; margin-bottom:32px; padding:2px; font-weight:normal; }

#hard_Body h2 span{ border-left:#c30217 5px solid; border-bottom: none;display:block; padding:0.5em;}

#hard_Body h2 span span{ border:none;display:block; padding:0.5em 0.5em 0 0; font-size:0.6em; font-weight:normal;}

#hard_Body h2 .h2spBig{font-size:1.8em; font-weight:bold; padding-top:0.8em;}

#hard_Body h2.big{ border:#CCC solid 1px; margin-bottom:32px; padding:4px 4px; font-weight:normal; font-size:1.5em; font-weight:bold; color:#393;}
#hard_Body h2.big span{ border-left:#393 8px solid; border-bottom: none;display:block; padding:0.8em 0.5em 1em 0.5em;}


.infoItem li{
	}


.dispOn{ display:block;}
.dispOff{ display:none;}


#hard_Body p{ margin-bottom:0.8em;}


/*TABLES*/
.t_wrap{margin-bottom:50px}

/*siyou*/
.siyou{ width:100%; margin-bottom:12px;}
.siyou th{ background-color: #ccc; white-space: nowrap; text-align:center;}
.siyou th, .siyou td{ padding:3px 9px 3px 9px; border:#999999 solid 1px; font-size:0.9em;}
.siyou .midashi{ background-color: #eee;}

/*hikaku*/
.hikaku{ width:100%; margin-bottom:12px;}
.hikaku th{ background-color: #ddd; white-space: nowrap; text-align:center;}
.hikaku th, .hikaku td{ padding:10px 9px 10px 9px; font-size:0.9em; text-align:center;}
.hikaku .midashi{ background-color: #eee;}



/*kakkaku*/
.kakaku{ width:100%;border-bottom:#999999 solid 1px; margin-bottom:2em}

.kakaku th,.kakaku td{ padding:10px 5px;  font-size:0.9em; line-height:1.25em; border-bottom:none; color:#000000;}
.kakaku th{text-align:center; background-color: #ccc; white-space:nowrap;border:#fff solid 1px; padding:3px;}
.kakaku .even{ background:#eee}
.kakaku .midashi{ white-space:nowrap}
.kakaku .price{ white-space:nowrap; text-align:right;}

.kakaku tr:nth-child(2n+1) {/*.kakaku .evenの代替 20180712*/
	background: #eee;
}
.kakaku tr td:first-child {/*.kakaku .midashiの代替 20180712*/
	white-space:nowrap;
}



/*hosoku*/
.hosoku{ color:#666666; font-size:0.8em; clear:both; color:#333; margin:0.5em 0; margin-bottom:50px}

.hosoku td{ padding:0 0 0.5em 0.5em; vertical-align:top;}

.t_wrap .hosoku{ margin-bottom:0}



/*LIST*/
ul.chara li{margin-bottom: 1em;
	list-style-image:  url(../../../common/img/layout/burette.png);f);
	margin-left:19px;}

#hard_Body ul.chara li .title{ color:#c30217; font-weight:bold}	
#hard_Body ul.chara li h2{ font-size:1em; border:none; margin-bottom:0.2em;}	


dl{ margin-bottom:1.5em }	
dt{ color:#c30217; margin-bottom:0.5em; border-left:#c30217 solid 4px; padding:0.2em 0em 0.3em 0.5em;}	
dd{ margin-bottom:1em}	

table dt{ color:#000; border:none; margin:0; padding:0.5em 0em 0em 0em; font-weight:bold;}	
table dd{ margin-bottom:0.1em}	

/*VerUP*/
.v_title{padding-top: 1.2em;text-align: right;font-size: 0.85em;}
.v_title p {color: #990000;font-weight: bold;margin-bottom:0px;}

/*img*/
#hard_Body .c_pack img{ margin-bottom:1em;}


/*TITLE*/

#hard_Body p.title{ margin-bottom:0.8em; color:#c30217; border-color:#c30217;}
.figTitleC{ display:block; text-align:center; font-size:0.9em; margin:2px 0 10px 0;}


.note{ border:#F9C solid 1px; background-color:#FfecFf; padding:15px; max-width:618px;}


/*body{	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
}*/

p.read{ margin-bottom:1.6em}


/*cat top LIST*/
.item_list{ width:100%; border-top:#CCC solid 1px; margin-bottom:24px;}
.item_list td{  border-bottom:#CCC solid 1px; padding:1em 0;}

.item_list .modelName{ vertical-align:top;}
.item_list .link{ text-align:center; font-size:0.9em;}

.item_list .nameHead{ font-size:0.8em; margin-bottom:2px;}
.item_list .name01{ font-size:1em;  margin-bottom:2px; padding-bottom:2px; border-bottom:#c30217 solid 1px; font-weight:bold; color:#c30217;}
.item_list .name02{ font-size:0.9em;}

.item_list .info{ margin-top:8px; font-size:0.9em; text-align:center;}
.item_list .info span{ display:block; padding:3px; margin-bottom:2px; background-color: #C00; color:#FFF;}

.item_list span.reco{ display:block; padding:2px; border:#999 solid 1px; width:70px; text-align:center;
 background-color:#C30; color:#eee; border:#fff double 3px;font-size:12px;}


a.syousaiL,a.pdfL{ display:block; border:#999 solid 1px; margin:0 0 0 6px; padding:5px 3px; text-decoration:none;} 

a.syousaiL {margin-bottom:0.5em; background-color:#f6f9ff; border-color:#78c;}

a.syousaiL:hover {background-color:#e0f0ff; color:#35b;}


a.pdfL {background-color:#fff6ff0; color:#e55; border-color:#c66;}

a.pdfL:hover {background-color:#ffefe6; color:#c66;}

.c_pack .c_pack-in{ width:100%; clear:none; margin-bottom:48px;}

.txtBanner{ border:#CCC solid 1px ; padding:6px 3px;}
.txtBanner a{ display:block; padding:2px 0 4px 8px; border-left:#0CF solid 3px;}

ul.gs1{ margin-left:2em;}
ul.gs1 li{ list-style:decimal;  margin-bottom:1em; color:#333333;}


/*cat top HEAD TITLE*/
#head_box h1{
	border: none;
	font-size: 26px;
	height: 26px;
	font-weight: bold;
	border-bottom: #45d solid 1px;
	padding: 0px;
	width: 40%;
	
	}
	
	
	#CTG_Name{ 
	color:#45d; 
	max-height:300px;
	min-height:240px; 
	overflow:hidden;
	padding:25px 15px 0px 15px;
	background-image:url(../../h/vf/common/img/ctg_top.jpg); background-repeat:no-repeat;}


span.hosoku{ font-size:0.7em;}

.ad{ text-align:center; margin-bottom:20px;}




/*toi_p_ex_footer*/

.p_ex_footer{padding:14px; background-color:#efefef; margin-bottom:0.5em;}

.toi{overflow:hidden; margin-bottom:0em; padding:2em 1.5em 0em 1.5em;  background-color:#ffffff;}
#hard_Body .toi .title{ font-weight:bold; float:left; width:20%; color:#000000; font-size:130%}

.toi .main_info{float:right; width:80%;}
.toi dl{overflow:hidden;}
.toi dt{float:left; margin-right:2em; border:none;}
.toi dd{float:left; line-height:1.3; margin-bottom:0em;}
.toi dd em{ color:#000; font-size:200%; font-weight:bold;}
.toi dd span.hoso{font-size:80%; display: inline-block; width:20%; overflow:hidden; margin:0 0 0 1em;}
.toi p.hosoku{ text-align:right; margin-bottom:0; width:100%;}

.toi .form_open{ border:#999 solid 1px; padding:1em; width:100%; display:block; text-align:center;}
.toi .form_open:hover{ background-color:#eCeCeC;}

.rakuten{background-image:url(../../../common/img/toi/logo_rakuten.png); background-repeat:no-repeat; background-position:1em;padding:1em; border:#900 2px solid; overflow:hidden; background-color:#FFF; margin-bottom:0;}

.raku_link{float:right; width:50%;}
.raku_img{float:right; margin-right:1em}
.raku_img img{border:1px solid #CCC;}




.title01{
	font-weight:bold;
	color:#C30217;
	margin-bottom:10px;
}
.boxGray{
	background-color:#EEEEEE;
}
.boxGrayIn{
	width:94%;
	margin:0 auto;
	padding:20px 0;
}


/* step UL*/

.stepUL{}
.stepUL li{list-style-type:decimal; margin-left:1.5em;}
.stepUL li .wHalf{ width:280px;}

#hard_Body .freeAP .title{ margin-bottom:0.5em}

#hard_Body .c_pack .freeAP img{ margin-bottom:0}

.freeAP table{ border-bottom: #999 solid 1px;
margin-bottom:3em}

.freeAP th, .freeAP td{
	border-top: #999 solid 1px;
	padding:1em;
	}
.freeAP th{
	font-size:0.8em;
	}	
	
.freeAP table.top{ border-bottom: none;}

.freeAP table.top th, .freeAP table.top td{
	border-top:none;
	padding:0 0.3em;
	}
.freeAP table.top th{
	font-size:0.8em;
	}

/* Nishikawa 2018.1.10 */

.youtube-box {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 30px auto;
	text-align: center;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*後継部分*/
.clearfix:after {
    content:'';
    display:block;
    clear:both
    }

#hard_Body .koukei P.title{
	font-weight:bold;
	margin-bottom:0.2em;
	padding-bottom:0;
	}

.koukeiITEM{
	width:350px;
	padding:0.5em 1em 1em 1em;
	margin:0 auto 5em auto;
	background-color:#900;
	border:#900 solid 5px;
	}

.koukeiBOX-L{
	float:left;
	color:#FFF;
	max-width:240px;
	}

.koukeiTITLE{
	width:100%;
	height:70px;
	margin-bottom:1em;
	padding-left:0.5em;
	padding-bottom:1em;
	border-left:#FFF solid 10px;
	}
#hard_Body p.koukeiNO{
	text-align:left;
	font-size:1.6em;
	font-weight:bold;
	line-height:1em;
	margin-bottom:0.3em;
	padding-bottom:0;
	}
.koukeiNO sup{
	font-size:0.5em;
	padding-right:0.5em;
	font-weight:normal;
	}
#hard_Body p.koukeiNAME{
	line-height:1.2em;
	text-align:left;
	margin-bottom:0;
	padding-bottom:0;
	}
.koukeiIMG{
	float:right;
	background-color:#FFF;
	margin-bottom:1em;
	}

.koukeiLINK{
	clear:both;

	}
.koukeiLINK a{
	margin:0 auto;
	width:80%;
	padding:0.2em 0;
	display:block;
	background-color:#eb9999;
	color:#FFF;
	text-decoration:none;
	}
.koukeiLINK a:hovor{
	background-color:#999;
	color:#FFF;
	text-decoration:none;
	}

.circle25{
	border-radius:25px;        /* CSS3草案 */  
    -webkit-border-radius:25px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:25px;   /* Firefox用 */ 
	}	
/*後継部分*/	

/*後継TOP部分*/	

.koukeiTop,.koukeiTopImg{
	width:60%;
	margin:auto;
	margin-bottom:1.5em;
	padding:1.2em;
	text-align:center;
	border:#CCC solid 1px;
	}

.koukeiTopImg{
	min-width:90%;
	}

#hard_Body .koukeiTop p.title,#hard_Body .koukeiTopImg p.title{
	margin-bottom:0.5em;
	font-weight:bold;
	}


/*後継TOP部分*/	


/**/
.paraTitle{
	font-weight:bold;
	margin:2em 0 0 0;
	}
	
/* 中央よせ半円リンク*/
/*flex*/

.contaiFlex{
  display: -webkit-flex; /* Safari */
  display: flex;

  -webkit-flex-wrap: nowrap; /* Safari */
  flex-wrap:         nowrap;
  
  box-sizing:border-box;
	}

.contaiFlex-flex-wrap{
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
	}
	
.contaiFlex-justCenter{
  -webkit-justify-content: center; /* Safari */
  justify-content:         center;
	}	
	
.contaiFlex_c{
	margin:5px;
	padding:6px 4px;
	}
	
	.w90,.w50{
	margin-right:auto;
	margin-left:auto;
	}

.w90{ width:90%;}
.w50{ width:50%;}
.w33{ width:33.3%;}
/* */
.bannerTx{
	display:block;
	background-color:#900;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	padding:1em;
	margin:0 10px 0 10px; 
	}
	
a.bannerTx ,a:hover.bannerPL{ color:#FFF; text-decoration:none;}
a:hover.bannerTx{ color:#bbb;     background-color: rgba(101,101,101,0.2);  }

a.bannerTx_S2{
	line-height:1em;
	padding-top:1.5em;
	padding-bottom:1em;
	background-color:#FFF;
	color:#900;
	box-shadow: 2px 2px 4px gray;
	}
a:hover.bannerTx_S2{ color:#FFF;  background-color: rgba(40,40,40,0.2);  }
	
.bigTitle{
	font-size:1.8em;
	font-weight:bold;
	color: #900;
	}	
	
	
/*型番 セット表示*/
.setPara{
	display:flex;
 justify-content: center;
	width:95%;
	margin:0 auto;
	margin-bottom:50px;
	}
.setPara > div{
	max-width:50%;
	margin:0 2px;
	}	

.setPara > div > img{
	width: 180px;
	height:180px;
	}	

.setPara .title{
	font-size:1.2em;
	border-left:#900 solid 0.3em;
	padding:0 1em 0.5em 1.0em;
	}	

.setPara li{
	list-style:disc;
	text-indent:0em;
	margin-left:3em;
	padding-left:0;
	margin-bottom:0.6em;
	}

.setPara p.hosoku{
	margin-left:0em;
	padding-left:1.5em;
	font-size:1em;
	text-align:left;
	}
.setPara figure{
	max-width:160px;
	}

.setPara figure > img{
	width: 100%;
	}	

.setPara figcaption{
	text-align:center;
	margin-bottom:0.5em;
	}

.setPara figcaption .title{
	font-size:1em;
	font-weight:bold;
	border:none;
	}

/*型番 セット表示*/	


.note18{
	padding:1.5em;
	background-color:#eee;
	border-radius:25px;
	}
	
#hard_Body .note18 .title{
	font-weight:bold;
	text-align:center;
	margin-bottom:1.5em;
	}
	
	.note18 li{
		list-style:disc;
		margin-left:2em;
		margin-right:2em;
		margin-bottom:1em;
	}