@charset "UTF-8";
/*2016/10/4改訂*/

/*default
-----------------------------------*/
h1, h2, h3, h4, h5, h6,
p, pre, blockquote,form,input,textarea,fieldset,
ul, ol, dl, li,dt,dd,address,caption {
    margin: 0;
    padding: 0;
}

a {
  color: #0066cc;
}
#main {
  font-size: 16px!important;
  margin-bottom: 30px;
}
#PathArea {
  border: none;
}
.charttable{
	border-collapse:collapse;
	}
p{
	margin-bottom:0px;
	}

/*link
-----------------------------------*/
a{	}
a:hover,a:active{}
a:visited{	}



.red{	color:#F00;	}


/*clearfixハック
-----------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#pro_Head {
	width: 950px;
	margin: 15px auto;
	text-align: left;
	position: relative;
	zoom: 1;
}
#pro_Head h1  {
	font-weight:bold;
	font-size:125%;
}
#pro_Head h1 span .small {
	font-size:85%;
	vertical-align:baseline;
}
#pro_Head h1 span.Ns {
	color:#00806b!important;
}
#pro_Head h1 span.Hz {
	color:#096f8e!important;
}
#pro_Head h1 span.Hf {
	color:#0488ad!important;
}
#pro_Head h1 span.Ha {
	color:#072f75!important;
}
#pro_Head h1 span.Da {
	color:#de6c35!important;
}
#pro_Head h1 span.Dt {
	color:#86548f!important;
}

/* 151Q �lj� �����܂� ---------------------------------------------------------------- */

/* 152Q �lj� -------------------------------------------------------------------------- */
#pro_Head h1 span.Hs {
	color:#342958!important;
}
#pro_Head h1 span.Tw {
	color:#b31f2b!important;
}
/* 152Q �lj� �����܂� ---------------------------------------------------------------- */

/* 152QLTE �lj� -------------------------------------------------------------------------- */
#pro_Head h1 span.Te {
	color:#339966!important;
}
#pro_Head #mda {
	position: absolute;
	right: 0;
	z-index: 1000;
}
#pro_Head .fright {
    float: right !important;
    position: relative;
}
#pro_Head .path {
	margin: 0;
	padding: 0 0 15px;
}
#pro_Head .path li {
	font-size: 85%;
}
#pro_Head ul.path li {
    display: inline;
}


#content{
	padding:0 20px;
}
h2{
	margin-bottom:15px;
	padding:3px 0 3px 10px;
	font-size:117%;
	line-height:1;
	border-left:3px #000 solid;
}



#tablewrapper .charttable tbody tr .kome,
#tablewrapper .charttable tbody td .kome{
	font-size: 0.54em;
	line-height: 1;
	vertical-align: 0.75em;
}



.charttable{
width: 95%;
margin: 0 auto;
	max-width: 951px;
	border-collapse: collapse;
		border: 2px solid #ccc;
			font-size:12px;
}

#cNote{
  display:block;

width: 95%;
margin: 8px auto;
	max-width: 951px;
			font-size:11px;
  text-align: left !important;
}

.charttable td,
.charttable th{
	padding: 15px 0;
	border: 1px solid #ccc;
	line-height:1rem;
text-align: center;
font-weight: normal;
}

.charttable th{
	background:#f4f4f4;
vertical-align: middle;
}

.charttable td{
height:50px;

}


.charttable thead th{
}


.charttable  .clri{
display:inline-block;
 vertical-align:middle;
 margin: 0 3px;
}

.charttable .clrp{
display:inline-block;
 vertical-align:middle;
}

.charttable  .cellimg{
 margin: 8px 0px;
}

.charttable  .cellimg2{
 margin: 3px 0px;
}




#ctable1  .cts_h,.cts{
display:table-cell;
}
#ctable1  .cte_h,.ctw{
display:table-cell;
}
#ctable1  .ctw_h,.cte{
display:table-cell;

}


.charttable .ctw_h{
background: #444;
color:#fff;
}

.charttable .cte_h{
background: #777;
color:#fff;
}

.charttable .cts_h{
background: #999;
color:#fff;
}



.charttable img.pcphoto{
	width:100%;
	max-width: 100px;
	height: auto;
}

.charttable tbody th{
width:15%;
	font-size:100%;

}

.nSP{
	display:none;
}



/*base and common css*/

#pro_Head {
	max-width: 950px;
}
#pro_Head #naviAreaCat1 {
	position:relative;
	margin-top:30px;
	height:55px;
	background: url(/navigate/products/pc/161q/common/images/bg_resnavi_cat.gif) bottom left repeat-x;
}
#pro_Head #naviAreaCat1 .catBt {
	position:absolute;
	top:0;
	left:0;
}
#pro_Head #naviAreaCat1 .cusBt {
	position:absolute;
	top:0;
	left:263px;
}
#pro_Head .path {
	margin: 0;
	padding: 0 0 15px;
}
#pro_Head .path li {
	font-size: 85%;
}


#lnkbox {
	margin: 15px auto 10px auto;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
		max-width:951px;


}
#lnkbox p {
	padding: 10px 0px;
}
#lnkbox ul {
	padding: 10px 0px;
	border-top: 1px solid #666666;
}
#lnkbox li {
	padding: 1px 0px;
}

/*ie10対応*/

#tr2 .ctw,
#tr2 .cte,
#tr3 .cte,
#tr4 .cte,
#tr5 td,
#tr6 td,
#tr7 td,
#tr8 td,
#tr9 .ctw{
	border-top:none;
}



@media only screen and (max-width:700px){
	
.sp_only{
	display:block;
}

  #lnkbox {
    padding: 0 7px;
  }

.nSP{
	display:block;
		font-size:90%;

}

#content{
	padding:0 7px;
}

.charttable{
	width: 100%;
	border-collapse: collapse;
		border: 1px solid #ccc;
	margin: 30px 0;
}
#cNote{
	width: 100%;
margin: 8px auto;
	max-width: 951px;
	text-align: left;
}

.charttable img.pcphoto{
min-width:80px;
width:90%;
max-width:100px;
height:auto;
}

.charttable table tr td {
  display: table-cell;

}

#tablewrapper {
	/*overflow:scroll;*/
}

#ctable1 .cts_h, #ctable1 .cts{
display:none;
}

#ctable1 .ctw_h, #ctable1 .ctw{
display:table-cell;
width: 40%;
}






#ctable2 .ctw_h, #ctable2 .ctw{
display:none;

}
#ctable2 .cte_h{
	display:none;
}
 #ctable1 .cte{
display:table-cell;
width: 26.66%;
}



#ctable3 .ctw_h,#ctable3 .ctw{
display:none;
}
#ctable2 .cte_h,#ctable2 .cte{
display:none;
}#ctable2 .cte{
	display:none;
}

#ctable2 .cts{
	display:table-cell;
}

#ctable3 .cts_h, #ctable3 .cts{
display:table-cell;
width: 80%;
}

.charttable tbody th,.charttable thead th.line_h{
width:20%;
	font-size:90%;

}

/*base and common css*/
#pro_Head {
  width:auto;
  margin:  15px auto;
  text-align: left;
  position: relative;
  zoom: 1;
  padding: 0 7px;
	box-sizing: border-box;
}
#pro_Head #mda {
  position: static;
  text-align: right;
  z-index: 1000;
}
#pro_Head h1 {
  z-index: 100;
  zoom: 1;
}
#pro_Head h1 img {
  display: block;
  float: none;
  margin-top:10px!important;
}

#pro_Head #mda {
    position: static;
    text-align: right;
    z-index: 1000;
}


	#mda img{
		max-width: 100%;
		height: auto;
		width /****/:auto;  /*IE8のみ適用*/
	}
}

#tablewrapper .charttable tbody #tr9 td .kome.sp_only {
	display: none;
}
#tablewrapper .charttable tbody #tr9 td .kome.pc_only {
	display: inline-block;
}

.th_inner {
	display: inline-block;
}
#tablewrapper .charttable tbody tr .kome.kome2 {
	vertical-align: 2.5em;
}

@media screen and (max-width:700px) {
    
  	#tablewrapper .charttable tbody #tr9 td .kome.sp_only {
		display: inline-block;
	}
	#tablewrapper .charttable tbody #tr9 td .kome.pc_only {
		display: none;
	}
}

@media screen and (max-width:480px) {
	
	#tablewrapper .charttable tbody #tr9 td .kome.sp_only {
		display: inline-block;
	}
	#tablewrapper .charttable tbody #tr9 td .kome.pc_only {
		display: none;
	}

  #wrapper {
    overflow: visible;
  }
  .charttable {
    font-size: 60%;
  }
	
  .charttable * {}
  #main {
    padding-left: 8px;
    padding-right: 8px;
	min-width: 320px;
  }
  .charttable img.pcphoto {
    min-width: initial;
  }
    
    #tablewrapper .charttable tbody tr .kome, #tablewrapper .charttable tbody td .kome.pc_only{
        display: none;
    }
    
    #tablewrapper .charttable tbody tr .kome, #tablewrapper .charttable tbody td .kome.sp_only{
        display: block;
    }
}