@charset "UTF-8";

@import url("default.css");
@import url("layout_contents.css");
@import url("navi_customer.css");
@import url("navi.css");

/* -------------------------
  サブナビ
------------------------- */

#navArea ul.subNav li a:hover {
	background:#FDADC2 url(../img/arrow_subnav.gif) 18px 7px no-repeat;
	color:#666;
}


/* -------------------------
  アコーディオン
------------------------- */
.qaCategory {
	width: 760px;
	margin: 40px 0 0 0;
	font-size: 14px;
	color: #fa440c;
	font-weight: bold;
}

.acMenu {
	margin: 10px 0 0 0;
}
.acMenu dt {
	margin: 12px 0 0 0;
	padding: 4px 14px 4px 14px;
	background: #fefeea;
    display:block;
    width: 732px;
    line-height: 30px;
	border-top: 1px dashed #a1a1a1;
    cursor: pointer;
	text-decoration: underline;
	font-size: 14px;
	color: #222;
}
.acMenu dt span {
   color: #0a74ec;
   margin: 0 .3em 0 0;
   text-decoration: none;
}
.acMenu dt:hover {
	color: #555;
	text-decoration: none;
}


.acMenu dd {
	padding: .5em 1em .5em 1em;
    display: none;
	line-height: 1.8;
}
.acMenu dd span {
   color: #f40404;
   margin: 0 .3em 0 0;  
   font-weight: bold; 
}





/* -------------------------
  topLinkTbl
------------------------- */

#topLinkTbl {
	width: 760px;
	margin: -10px 0 0 0;
	border-spacing: 0px 10px;
}

#topLinkTbl tr th,
#topLinkTbl tr th a {
	height: 46px;
	margin: 0;
}
#topLinkTbl tr th:nth-child(odd){
	width: 370px;
}
#topLinkTbl tr th:nth-child(even){
	width: 390px;
}
#topLinkTbl tr th#ctg01{
	background: url(../../customer/img/menu_customer_01.svg) no-repeat;
}

#topLinkTbl tr th#ctg02{
	background: url(../../customer/img/menu_customer_02.svg) no-repeat;
}

#topLinkTbl tr th#ctg01 ,
#topLinkTbl tr th#ctg02  {
	background-size: cover;
	background-size: 760px 46px;

	height: 45px;
	
    font-size: 14px;
    text-align: left;
	line-height: 42px;

	padding: 0 0 0 23px;
	font-weight: 100;
}
#topLinkTbl tr th#ctg01:hover,
#topLinkTbl tr th#ctg02:hover {
	background-position: -390px 0;
}

#topLinkTbl tr th a {
	color: #666;
	display: block;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

#topLinkTbl tr th a:hover {
	color: #ff0e0d;
}

#topLinkTbl tr td{
	width: 370px;
	margin: 0;
	padding: 8px 0 15px 0;
	background: #FFFFFF;
	vertical-align:top;
}

#topLinkTbl tr td ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#topLinkTbl tr td ul li {
	width: 160px;
	margin: 0 0 0 0;
	padding: 0 0 0 23px;
	background: url(../img/arrow_company.gif) 11px 7px no-repeat;
	float:left;
}

#topLinkTbl tr td ul li a {
	color:#666;
	text-decoration:none;
}

#topLinkTbl tr td  ul li a:hover {
	color:#FF9900;
	text-decoration:underline;
}


/* -------------------------
  faq
------------------------- */

#irTbl02 {
	width: 760px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 5px solid #FDE9D2;
}

#irTbl02 tr th {
	margin: 0;
	padding: 15px;
	line-height: 140%;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	background: #FFFFF9;
}

#irTbl02 tr th.last{
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

#irTbl02 tr td{
	margin: 0;
	padding: 15px;
	text-align:center;
	vertical-align:middle;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	background: #FFFFFF;
}

#irTbl02 tr td.last{
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

#irTbl03 {
	width: 740px;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

#irTbl03 tr th {
	width: 25px;
	margin: 0;
	padding: 7px 0;
	text-align:left;
	vertical-align:top;
}

#irTbl03 tr td{
	margin: 0;
	padding: 3px 0;
	vertical-align:top;
}


#irTbl03 {
	width: 740px;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

#irTbl04 tr th {
	width: 25px;
	margin: 0;
	padding: 7px 0;
	text-align:left;
	vertical-align:top;
}

#irTbl03 tr td{
	margin: 0;
	padding: 3px 0;
	vertical-align:top;
}

/* -------------------------
  110609_faq追加
------------------------- */

.p_link{
   height: 10px;
   padding: 3px 15px 10px 15px;
   
}


#irTbl055 {
	width: 740px;
	margin: 0 0 30px 20px;
	padding: 5px 0;
	vertical-align: top;
	font-size: 110%;
}

#irTbl055 th{
	vertical-align: top;
	width: 25px;
	padding-top: 3px;
	line-height: 22px;
}

#irTbl055 td{
	vertical-align: top;
	line-height: 22px;
}

#irTbl055 td.q{
	vertical-align: top;
	line-height: 22px;
	font-weight: bold;
}


#irTbl022 {
	width: 760px;
    margin: 0;
	padding: 5px;

	text-align:left;
	vertical-align:middle;
	font-weight:normal;
	background: #FFFFF9;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}


.qa_category{
   font-weight: bold;
   font-size: 14px;
   margin-bottom: 5px;
   margin-top: 10px;
   padding-bottom: 5px;
   border-bottom: 1px #FF9900 dotted;
   width: 600px;
}

.qa_topics{
   border: #999999 1px dotted;
   padding: 5px;
   margin-top: 5px;
}

.exp{
   	border-bottom: 1px dotted #D6D6D6;
	padding: 10px 0;
}

/* -------------------------
  listTbl
------------------------- */

#listTbl01 {
	width: 350px;
	margin: 0 20px 30px 0;
	padding: 0 0 0 0;
	float:left;
}

#listTbl01 td{
	text-align:center;
}

#listTbl01 td.detail{
	padding:10px;
	text-align:left;
	border: 1px #FF9900 solid;
}

td.contact h3 {
	width: 370px;
	margin: 0;
	padding: 0 0 5px 0;
}

td.contact .contactBlock {
	width: 370px;
	margin: 0;
	padding: 0 0 30px 0;
}

td.contact .contactBlock a img:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	cursor: pointer;
}

#topLinkTbl tr td ul.faq li {
	margin: 0 0 10px 0;
}


/*-------------------------------
　通販商品表示（サイズ自動調整）
-------------------------------*/
.itemBox_judge_fix { width:350px; height:160px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
	.itemBox_judge_fix img { opacity:0; transition:0.1s ease-in-out; }


	.cs_customer #topLinkTbl {
		border-spacing: 0px;
		margin: 0;
	}
	
	.cs_customer #topLinkTbl tr th#ctg01 ,
	.cs_customer #topLinkTbl tr th#ctg02{
		padding: 10px 5px;
	}