/* td.download th.download*/
div.line a.downloadBtn,
th a.downloadBtn,
td a.downloadBtn{
    font-family: "メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif!important;
}

th a.downloadBtn,
td a.downloadBtn{
    background: url("/healthcare/common/img/bg_hc_inquiry03.gif") no-repeat 0 0;
	display:block;
	width:176px;
	height:36px;
	color:#FFFFFF!important;
	text-decoration:none!important;
	border: none;
	line-height:36px;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	padding-left:34px!important;
	
	/* 2016-12-27 add*/
	box-sizing: border-box;
}
td a.downloadBtn:hover{
    background: url("/healthcare/common/img/bg_hc_inquiry03_on.gif") no-repeat 0 0;
	text-decoration:none;
	color:#FFFFFF!important;
}

/* 1grid_bcjInquiryBox.download, 2grid_bcjInquiryBox, 3grid_bcjInquiryBox */
#contentsArea article .inquiryBox02.bcj,
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj {
	width: 462px;
    background: url("/healthcare/common/img/bg_hc_inquiry01.gif") no-repeat 0 0;
	margin: 30px auto 0;
	cursor: pointer;
}

#contentsArea article .inquiryBox02.bcj h2,
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj h2,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj h2 {
	background: none;
	float: left;
	width: 250px;
    height: 50px;
	line-height: 50px;
	padding: 0 10px;
	text-align: center;
}

#contentsArea article .inquiryBox02.bcj div.inner,
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj div.inner,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj div.inner {
    background: none;
    width: 177px;
    float: left;
}

#contentsArea article .inquiryBox02.bcj div.inner div,
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj div.inner div,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj div.inner div {
    width: 177px;
    margin: 4px 0px 0px 0px;
    float: left;
}

#contentsArea article .inquiryBox02.bcj div.inner div h3,
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj div.inner div h3,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj div.inner div h3 {
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 50px
}

#contentsArea article .inquiryBox02.bcj div.inner div.contact h3,
#contentsArea #sideEnclosingArea article .inquiryBox02.bcj div.inner div.contact h3,
#contentsArea.column #sideEnclosingArea article .inquiryBox02.bcj div.inner div.contact h3 {
    background: url("/healthcare/common/img/bg_inquiry_contact.gif") no-repeat scroll 0% 0% transparent;
}

#contentsArea article a:visited .inquiryBox02 > div.inner div.contact h3,
#contentsArea #sideEnclosingArea article a:visited .inquiryBox02 > div.inner div.contact h3,
#contentsArea.column #sideEnclosingArea article a:visited .inquiryBox02 > div.inner div.contact h3 {
	color: #613290;
	text-decoration: none;
}

#contentsArea article .inquiryBox02:hover > div.inner div.contact h3,
#contentsArea #sideEnclosingArea article .inquiryBox02:hover > div.inner div.contact h3,
#contentsArea.column #sideEnclosingArea article .inquiryBox02:hover > div.inner div.contact h3 {
	color: #003366;
	text-decoration: underline;
}

#contentsArea article .downloadBox {
  width: 296px;
  margin: 30px auto 0 auto;
}
#contentsArea article .downloadBox .inquiryBox02.bcj {
  width: 296px;
  cursor: pointer;
}
#contentsArea article .downloadBox  a .inquiryBox02.bcj p{
	background: none;
	width: 159px;
	height: 43px;
	line-height: 40px;
	padding: 1px 0 0 132px;
	margin: 0;
}
#contentsArea article .downloadBox a {
  background: url("/healthcare/common/img/bg_hc_inquiry02.gif") no-repeat 0 0 !important;
  display: block !important;
  width: 296px !important;
  color: #FFFFFF;
  text-decoration: none;
}
#contentsArea article .downloadBox a:hover{
    background: url("/healthcare/common/img/bg_hc_inquiry02_on.gif") no-repeat 0 0 !important;
	color:#FFFFFF;
	text-decoration:none;
}
#contentsArea article .downloadBox .inquiryBox02.bcj {
  width: 296px !important;
  cursor: pointer;
}
#contentsArea article .downloadBox .inquiryBox02.bcj div.inner {
  background: none;
  width: 90px;
  display: none;
  float: left;
}

#contentsArea article .downloadBox .inquiryBox02.bcj{
	background:none !important;
}



#contentsArea article div.pageNavigationA02 {
  clear: both;
  width: 100%;
  margin-bottom: 10px;
  overflow:hidden;
}

#contentsArea article div.pageNavigationA02 div.firstColumnBox {
  text-align: right;
  float: left;
  width:277px;
}

#contentsArea article div.pageNavigationA02 div.endColumnBox {
  float: right;
  width:277px;
}

#contentsArea article div.pageNavigationA02 div p a img {
  vertical-align: 3px;
  margin: 0 5px;
  text-decoration: none;
}


/* 均等寄せ */
#contentsArea article .line .justify{
	text-align: justify;
	text-justify: distribute-all-lines;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#contentsArea article .line .justify > a,
#contentsArea article .line .justify > li {
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	margin:0;
	padding:0;
	vertical-align:top;
}
/* 寄せるときはコンポーネントの○が邪魔なので無効化する*/
#contentsArea article .line .justify > li {
	background:none;
}

#contentsArea article .line .justify:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
}


#contentsArea .listNav a > img.icon,
#contentsArea article .line h2 span > img.icon{
	vertical-align: bottom;
    margin-left: 6px;
}



#contentsArea  .smallText{
	font-size: 10px;
}


#contentsArea  .alignC{ text-align:center !important; }
#contentsArea  .alignL{ text-align:left !important; }
#contentsArea  .alignR{ text-align:right !important; }

#contentsArea  .mRS{
	margin-right:10px; }





#contentsArea  dl.notation dt {
    margin: 0;
    width: 2em;
    float: left;
}

#contentsArea dl.notation dd {
    background-color: white;
    margin: 0 0 0 2.5em;
    /*_text-indent: -3px;*/
}

#contentsArea  dl.notation.wide dt {
    width: 2.5em;
}

#contentsArea dl.notation.wide dd {
    margin: 0 0 0 2em;
}


/****************************** 右サイドバー ******************************/
/* 関連動画 (jsでactiveを付けるのでデフォルトは非表示)*/
#contentsArea aside #asideMovieList li{
	display:none;
	
}

#contentsArea aside #asideMovieList li.active{
	display:block;
}

/************************* PopUpページ用CSS ******************************/
.popup #wrapper,
.popup header {
	width: auto;
}

.popup .contentsArea {
	font-family: Arial,Helvetica,sans-serif;
}

.popup .contentsArea img {
	max-width: 100%; /* width:100% -> max-width:100%*/
	height: auto;    /* height:100% -> height:auto*/
}

/* ol */
#contentsArea #sideEnclosingArea article ol {
	margin-left: 1.2em;
}

/************************* Youtube 動画用CSS ******************************/
#contentsArea .movieArea {
	margin: 15px auto;
}

@media only screen and (max-width: 599px) { /* device-width: 320px 〜 599px  for Smartphone */
#contentsArea .movieArea {
	width: auto;
	line-height: 0;
	position: relative;
	padding-bottom: 46.5%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#contentsArea .movieArea iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
}