@charset "utf-8";
/********************************************
  ブラウザ間での差異のため各要素のリセット
  この項目は基本的に変更不可
********************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
	color: #333;
}
body {
	font: 12px/1 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
}
* html body {
	font-size: small;
}
*:first-child+html body {
	font-size: small;
}
head~/* */body {
	font-size: small;
}
html:not(:target) body {
	font: 12px/1;
}
fieldset {
	border: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, ul, dl, ol, th, strong, em {
	font-size: 100%;
	font-style: normal;
}
ul, dl {
	list-style-type: none;
	list-style-position: outside;
	text-indent: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	text-align: left;
	vertical-align: top;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
}
a:hover img, input:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/********************************************
  header処理
********************************************/
/* ヘッダーメニュー */
div#header {
	width: 1000px;
	margin: 0 auto;
	height: 80px;
}
div#headerIn {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#logo {
	position: absolute;
	top: 30px;
	left: 15px;
}
div#headerIn #headerTitle {
	position: absolute;
	top: 10px;
	right: 7px;
}
div#headerIn #fontBox {
	position: absolute;
	top: 44px;
	right: -15px;
	width: 150px;
}
#fontTxt {
	float: left;
}
#fontBox li {
	float: left;
	cursor: pointer;
	margin-right: 3px;
}
div#headerIn #searchBox {
	position: absolute;
	top: 46px;
	right: 7px;
	background: url("../img/bg_from.gif") no-repeat left top;
	padding: 2px 0 2px 4px;
	font-size: 1%;
}
#searchBox .searchText {
	width: 132px;
	border: 0px;
	margin: 0 0 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*for safari*/
#searchBox .searchText {
	width: 130px;
}
}
#searchBox .searchBtn {
	vertical-align: top;
	display: inline-block;
	margin-top: -2px;
	padding: 0 0 0 4px;
	width: 42px;
}
/********************************************
  header2処理
********************************************/
div#header02 {
	width: 1000px;
	margin: 0 auto;
	height: 200px;
	position: relative;
}
div#headerR {
	background: url("../img/bg_globalnavi.gif") no-repeat scroll -1px top transparent;
	width: 812px;
	height: 190px;
	position: absolute;
	top: 10px;
	right: 0;
}
div#headerL {
	width: 186px;
	height: 200px;
	margin: 0;
	position: relative;
}
div#headerL #headerTitle2 {
	position: absolute;
	top: 65px;
	left: 10px;
	text-align: center;
	width: 150px;
}
div#headerL #fontBox {
	position: absolute;
	top: 170px;
	left: 25px;
	width: 150px;
}
div#headerL #searchBox {
	position: absolute;
	top: 160px;
	left: 1px;
	background: url("../img/bg_from.gif") no-repeat left top;
	padding: 2px 0 2px 4px;
	font-size: 1%;
}
div#headerL #btnToppage {
	position: absolute;
	top: 130px;
	left: 6px;
}
/********************************************
  パンクズリスト
********************************************/

.breadCrumbs {
	width: 700px;
	margin-left: 200px;
	margin-bottom: 10px;
}
.breadCrumbs ol {
}
div.breadCrumbs ol li {
	display: block;
	list-style: none outside none;
	white-space: nowrap;
	font-size: 80%;
	float: left;
}
div.breadCrumbs ol li a {
	background: url("../img/bg_breadcrumb_arw.gif") no-repeat scroll right center transparent;
	display: block;
	list-style: none outside none;
	text-decoration: underline;
	padding: 0 15px 0 0;
}
div.breadCrumbs ol li a:hover {
	text-decoration: none;
}
/********************************************
  グローバルナビ
********************************************/
#globalNavi ul a {
	display: block;
}
#globalNavi ul a.line {
	display: block;
	width: 116px;
	height: 135px;
	position: relative;
	background: url("../img/bg_line.gif") no-repeat top center;
}
#globalNavi ul a.line img {
	position: absolute;
	top: 20px;
	left: 0;
}
#globalNavi ul a.lineAcive {
	display: block;
	width: 116px;
	height: 135px;
	position: relative;
	background: url("../img/bg_line_over.gif") no-repeat top center;
}
#globalNavi ul a.bgAcive {
	background: url("../img/bg_line_over.gif") no-repeat top center;
}
#globalNavi ul a.lineAcive img {
	position: absolute;
	top: 12px;
	left: 0;
}
#globalNavi ul li {
	float: left;
	position: relative;
}
#globalNavi ul li a {
	display: block;
}
#globalNavi li ul.drop {
	width: 126px;
	position: absolute;
	display: none;
	float: none;
	z-index: 100;
	left: -10px;
	top: 37px;
	border-right: none;
	padding-bottom: 10px;
	border: 1px solid #ccc;
	background: #fff;
}
#globalNavi li ul.drop li {
	float: none;
	position: static;
	padding: 10px 10px 0;
}
#globalNavi li ul.drop li a {
	display: block;
	padding: 0;
	_zoom: 1;
	font-size: 90%;
}
#globalNavi li.hover a {
}
/********************************************
  コンテンツ
********************************************/
#wrapper {
	margin: 0 auto;
}
#contents {
	margin: 0 auto;
	width: 1004px;
}
#mainContents {
	width: 810px;
	margin: 0 0 40px 0;
	float: right;
}
/*右メニュー*/
#subContents {
	width: 190px;
	float: left;
	padding: 0 0 5px;
}
#subContents ul {
	padding: 0 0 5px 8px;
	background: url("../img/bg_subcontents.jpg") no-repeat center bottom;
	margin-bottom: 20px;
}
#subContents li {
	padding: 5px 0;
}
#subContents ul.submenu {
	padding: 8px 0 5px 0;
	font-size: 90%;
}
#subContents ul.submenu li {
	margin: 0 3px;
	text-indent: -1.3em;
	padding: 10px 3px 10px 17px;
}
#subContents ul.submenu li.act {
	background: #f2f2f2;
	border: 1px solid #ddd;
	font-weight: bold;
}
#subContents ul.submenu li a {
	background: url("../img/icon_subarrow.gif") no-repeat 0 center;
	padding-left: 15px;
}
#subContents p a {
	margin: 0 auto;
	display: block;
	width: 185px;
}
/*コンテンツ*/
#mainContents {
	font-size: 105%;
}
#mainContents a {
	text-decoration: underline;
}
#mainContents h1 {
	margin: 0 0 30px 0;
	width: 810px;
}
#mainContents h1.bg {
	background: url("../img/h1_bg.jpg") no-repeat center 0;
	padding: 25px 30px;
	margin: 30px 0;
	font-size: 150%;
	width: auto;
}
#mainContents h2 {
	background: url("../img/h2_icon.gif") no-repeat 10px center #ececec;
	border: 1px solid #cfcfcf;
	padding: 13px 22px 7px;
	margin: 50px 15px 20px;
	font-size: 120%;
}
#mainContents h3 {
	background: url("../img/h3_icon.gif") no-repeat 13px 15px;
	border-bottom: 1px dotted #333;
	padding: 13px 30px 3px;
	margin: 30px 15px 10px;
	font-size: 120%;
	clear: both;
}
#mainContents h4 {
	margin: 20px 15px 0 30px;
}
#mainContents p.mainTxt {
	padding: 10px 30px 30px;
	line-height: 1.5;
}
#mainContents p.mainTxt2 {
	padding: 20px 30px 30px;
	line-height: 1.5;
}
#mainContents p.mainTxt3 {
	padding: 10px 30px 20px;
	line-height: 1.5;
}
#mainContents p.mainTxt4 {
	padding: 10px 30px 5px;
	line-height: 1.5;
}
#mainContents p.attention {
	padding: 10px 40px 20px;
	text-indent: -1em;
	line-height: 1.5;
}
#mainContents p.txtL {
	float: left;
	width: 430px;
	padding: 25px 30px 30px 50px;
}
#mainContents img.imgC {
	display: block;
	margin: 0 auto 20px;
	padding-top: 20px;
}
#mainContents img.imgR {
	float: right;
	margin: 20px 20px 30px 0;
}
#mainContents img.imgR2 {
	float: right;
	margin: 0 20px 30px 20px;
}
#mainContents img.imgL {
	float: left;
	margin: 20px auto 30px;
}
#mainContents div.boxgray {
	background: #f2f2f2;
	border: 5px solid #dcdcdc;
	clear: both;
	padding: 20px 20px 0;
	line-height: 1.4;
	margin: 0 15px;
}
#mainContents div.boxgray p {
	margin-bottom: 10px;
}
#mainContents div.boxgray dl {
	margin-top: 10px;
}
#mainContents div.boxgray dl dt {
	border-bottom: 1px dotted #333;
	font-weight: bold;
	background: url("../img/icon_dt.gif") no-repeat 0 0;
	padding-left: 15px;
}
#mainContents div.boxgray dl dd {
	padding: 5px 5px 25px 15px;
}
#mainContents ul {
	padding: 10px 30px 20px;
	line-height: 1.5;
	clear: both;
}
#mainContents ul li {
	padding: 0 0 5px;
}
#mainContents ul.blank li {
	background: url("../img/icon_blank.gif") no-repeat 0 0;
	padding: 0 0 20px 25px;
}
#mainContents ul.link {
	overflow: hidden;
	padding: 0 0 30px 15px
}
#mainContents ul.link li {
	background: url("../img/link_bg.jpg") no-repeat 0 0;
	padding: 20px 0 10px 25px;
	width: 360px;
	float: left;
	font-size: 130%;
}
#mainContents ul.link li a {
	text-decoration: none;
	display: block;
}
#mainContents ul.link li a:hover {
	text-decoration: underline;
}
#mainContents a.link {
	background: url("../img/icon_link.gif") no-repeat 0 3px;
	padding: 0 0 10px 15px;
	margin-top: 30px;
}
#mainContents .right_txt {
	float: right;
	margin-right: 30px;
}
#mainContents .center_txt {
	text-align: center;
}
/*column*/
#mainContents .column {
	padding: 0 15px 0;
}
#mainContents .column2L {
	background: url("../img/bg_link_top.gif") no-repeat 0 0;
	float: left;
	width: 386px;
	margin: 0 0 10px 0;
	clear: both;
}
#mainContents .column2R {
	background: url("../img/bg_link_top.gif") no-repeat 0 0;
	float: right;
	width: 386px;
	margin: 0 0 10px 0;
}
#mainContents .linkTitle {
	background: url("../img/bg_link_title.gif") no-repeat 0 bottom;
	font-size: 130%;
	margin: 9px 0 0;
	padding: 0;
	border: none;
}
#mainContents .linkTitle a {
	text-decoration: none;
	padding: 15px 0 15px 30px;
	display: block;
	background: url("../img/icon_title.gif") no-repeat 5px 15px;
}
#mainContents .linkTitle a:hover {
	text-decoration: underline;
}
#mainContents .detail {
	background: url("../img/bg_detail_bottom.gif") no-repeat left bottom;
	width: 384px;
	overflow: hidden;
	min-height: 140px;
	min-height: 140px;
	height: auto !important;
}
#mainContents .detailInIndex {
	background: url("../img/bg_detail_top.gif") no-repeat left top;
	padding: 10px 12px 0;
	position: relative;
	width: 360px;
	overflow: hidden;
}
#mainContents .detailIn {
	background: url("../img/bg_detail_top.gif") no-repeat left top;
	padding: 10px 12px 0;
	overflow: hidden;
	min-height: 115px;
	height: 115px;
	height: auto !important;
	position: relative;
}
#mainContents .detailTxt {
	line-height: 1.4;
	padding: 10px 0 0 0;
}
#mainContents .detailTxtL {
	width: 223px;
	line-height: 1.4;
	float: left;
	padding: 10px 0 40px 0;
	position: relative;
	min-height: 88px;
	height: 88px;
	height: auto !important;
}
#mainContents a.detailBtn {
	margin: 15px 0 10px;
	font-size: 1%;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}
#mainContents .detailIn a.detailBtn {
/*	right:10px;*/
}
#mainContents a.detailImg {
	float: right;
}
#mainContents a.detailImg img {
	margin: 0;
	padding: 0;
}
#mainContents a.sample_border {
	border: 3px solid #cfcfcf;
	display: block;
	width: 355px;
	padding: 0;
}
#mainContents a.sample_border img {
	margin: 0;
}
/********************************************
  footer処理
********************************************/
div#footer {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
	background: url("../img/bg_footer.gif") repeat;
	text-align: center;
}
/* フッターメニュー */
div#footerMenu {
	background: url("../img/bg_footer_up.gif") repeat;
}
div#footerMenu ul {
	background: url("../img/bg_footer_up.gif") repeat;
	margin: 0 auto;
	padding: 10px 0;
}
div#footerMenu li {
	display: inline;
	line-height: 1.2;
	border-right: 1px solid #fff;
	padding: 0 15px;
	font-size: 90%;
}
div#footerMenu li.last {
	border-right: none;
}
div#footerMenu li a {
	color: #fff;
}
div#footer address {
	padding: 30px 0 10px;
	font-size: 80%;
}
div#footer address a {
	color: #fff;
}
/********************************************
  共通設定
********************************************/
.clear {
	clear: both;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
/************ マージン設定 ************/
.mt5 {
	margin: 5px 0 0 0;
}
.ml10 {
	margin: 0 0 0 10px;
}
.ml50 {
	margin: 0 0 0 50px;
}
.ml100 {
	margin: 0 0 0 100px;
}
/******* 幅 設定 *******/
.width_320 {
	width: 320px;
}
.wid420 {
	width: 420px;
}
.wid130 {
	width: 130px;
}
.wid580 {
	width: 580px;
}
/********************************************
  リンク設定
********************************************/
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #666;
}
/********************************************
  clearfix処理
********************************************/
#globalNavi ul:after, .breadCrumbs ol:after, .detailIn:after, #footerMenu ul:after, .bnrList:after, #contents:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/* IE6 */
* html #globalNavi ul, * html .breadCrumbs ol, * html .detailIn, * html #footerMenu ul, * html .bnrList, * html #contents {
	zoom: 1;
}
/* IE7 */
*:first-child+html #globalNavi ul, *:first-child+html .breadCrumbs ol, *:first-child+html .detailIn, *:first-child+html #footerMenu ul, *:first-child+html .bnrList, *:first-child+html #contents {
	zoom: 1;
}
/********************************************
  box処理
********************************************/

.box_left {
	width: 50%;
	float: left;
}
.box_right {
	width: 50%;
	float: right;
}
/********************************************
  ヒラギノTVゴシック
********************************************/
/*common*/
.tvfont {
	box-sizing: border-box;
}
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
}
#mainContents.tvfont p {
	text-align: justify;
	line-height: 1.65;
}
#mainContents.tvfont img {
	display: block;
}
#mainContents.tvfont a {
	text-decoration: none;
}
#mainContents.tvfont .boxgray02 {
	padding: 0 15px;
	margin-top: 24px;
	font-size: 16px;
}
#mainContents.tvfont .boxgray02 dt {
	border-bottom: 1px dotted #333;
	font-weight: bold;
	background: url(../img/icon_dt.gif) no-repeat 0 0;
	padding: 0 0 6px 15px;
}
#mainContents.tvfont .boxgray02 dd {
	padding: 5px 5px 25px 15px;
	line-height: 1.6;
}
/*anchorNav*/
.anchorNav {
	margin-bottom: 30px;
}
#mainContents .anchorNav ul {
	padding: 0;
}
#mainContents .anchorNav ul li {
	float: left;
	padding-right: 30px;
	padding-bottom: 0;
	position: relative;
	line-height: 28px;
	text-align: center;
}
#mainContents .anchorNav ul li + li {
	padding-left: 10px;
	border-left: 1px solid #000;
}
.anchorNav ul li::after {
	position: absolute;
	content: "";
	background: url(../../tvfont/img/icon_arw.png) no-repeat 0 0;
	width: 12px;
	height: 8px;
	top: 10px;
	right: 8px;
}
#mainContents .anchorNav ul li a {
	font-size: 16px;
	font-weight: bold;
}
/*aboutHiragino*/

#mainContents.tvfont .aboutHiragino {
	border: 3px solid #ccc;
	padding: 60px 40px 0 40px;
}
#mainContents.tvfont .aboutHiragino a {
	color: #fff;
	background: #000;
	padding: 3px 16px;
}
#builtin #mainContents.tvfont .columnArea:first-of-type {
	margin-bottom: 80px;
}
#builtin #mainContents.tvfont .columnArea:first-of-type .float_l {
	width: 360px;
}
#builtin #mainContents.tvfont .columnArea:first-of-type .float_l p:first-of-type {
	margin-bottom: 18px;
}
#builtin #mainContents.tvfont .columnArea:first-of-type .float_r img:first-of-type {
	margin-bottom: 6px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type .float_l {
	margin-left: -40px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type .float_r {
	width: 414px;
}
#mainContents.tvfont .aboutHiragino h2 {
	position: relative;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 30px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 40px;
	margin-bottom: 32px;
}
#mainContents.tvfont .aboutHiragino h2::before {
	content: "";
	position: absolute;
	background: #005bac;
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	width: 40px;
	height: 40px;
	left: -40px;
}
#mainContents.tvfont .aboutHiragino h2 span {
	padding-left: 16px;
}
#mainContents.tvfont .aboutHiragino h3 {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 21px;
	margin-bottom: 18px;
}
#mainContents.tvfont .aboutHiragino h4 {
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul {
	padding: 0;
	line-height: inherit;
	clear: both;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li {
	padding: 0;
	width: 50%;
	float: left;
	position: relative;
	box-sizing: border-box;
	min-height: 207px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(3) {
	clear: left;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(1) {
	clear: left;
	border-right: 1px solid #000;
	padding-right: 20px;
	padding-bottom: 20px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(2) {
	border-bottom: 1px solid #000;
	padding-left: 20px;
	padding-bottom: 20px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(3) {
	border-top: 1px solid #000;
	padding-top: 20px;
	padding-right: 20px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(4) {
	border-left: 1px solid #000;
	padding-top: 20px;
	padding-left: 20px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(1)::after {
	position: absolute;
	bottom: 0;
	right: -1px;
	z-index: 2;
	content: '';
	width: 1px;
	height: 14px;
	background-color: #fff;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(2)::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 14px;
	height: 1px;
	background-color: #fff;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(3)::after {
	position: absolute;
	top: -1px;
	right: 0;
	z-index: 2;
	content: '';
	width: 14px;
	height: 1px;
	background-color: #fff;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(4)::after {
	position: absolute;
	top: 0;
	left: -1px;
	z-index: 2;
	content: '';
	width: 1px;
	height: 14px;
	background-color: #fff;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li h4 {
	height: 36px;
	line-height: 1.2;
	margin: 0 0 16px 0;
	font-size: 18px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li a {
	display: block;
	position: absolute;
	right: 0;
	bottom: 16px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li a:hover {
	cursor: pointer;
	background: #005bac;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(odd) a {
	right: 16px;
}
#builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(3) a, #builtin #mainContents.tvfont .columnArea:last-of-type ul li:nth-child(4) a {
	bottom: 0;
}
/*sec*/
.sec {
	margin-top: 70px;
}
.sec p {
	font-size: 16px;
	padding: 0 15px;
}
.sec img {
	margin: 0 auto 32px auto;
}
#mainContents .sec h2 {
	background: url(../../tvfont/img/h2_tvfont.png) no-repeat left top;
	border: none;
	padding: 0 0 6px 30px;
	margin: 0 0 40px 0;
	font-size: 32px;
	color: #fff;
	line-height: 74px;
}
#mainContents .sec h3 {
	background: url(../../tvfont/img/h3_tvfont.png) no-repeat left center;
	border-bottom: none;
	padding: 0 15px;
	margin: 0 auto 60px auto;
	font-size: 26px;
	text-align: center;
	clear: both;
	line-height: 26px;
}
#mainContents .sec h4 {
	font-size: 21px;
	margin: 0 15px 14px 15px;
	line-height: 1.6;
}
#mainContents .sec .boxgray {
	margin-top: 32px;
}
/*lineUp*/
.lineUp {
	margin-top: 60px;
}
#mainContents .lineUp h4 {
	text-align: center;
	margin-bottom: 40px;
}
.lineUp dl {
	padding: 0 15px;
}
.lineUp dt img {
	margin: 0 auto 20px auto;
	width: 80%;
}
.lineUp dd {
	font-size: 18px;
	text-align: right;
	border-right: 10px solid #ccc;
	padding-right: 10px;
	line-height: 40px;
	margin-bottom: 60px;
}
/*exhibition*/
.exhibition {
	margin-top: 80px;
}
#mainContents .exhibition h4 {
	position: relative;
	padding: 0 0 12px 36px;
	border-bottom: 1px solid #000;
	margin-bottom: 36px;
}
.exhibition h4::before {
	content: "";
	position: absolute;
	border: 3px solid #bfad22;
	width: 10px;
	height: 10px;
	top: 7px;
	left: 0px;
}
.exhibition img {
	margin-bottom: 22px;
}
.exhibition p {
	margin-bottom: 40px;
}
/*sec04*/
.sec04 p {
	margin-bottom: 32px;
}
/*special*/
#mainContents .special{background: #e4ecef; /* Old browsers */background: -moz-linear-gradient(top, #e4ecef 0%, #c3d2d9 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #e4ecef 0%,#c3d2d9 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #e4ecef 0%,#c3d2d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ecef', endColorstr='#c3d2d9',GradientType=0 ); /* IE6-9 */border:1px solid #005bac;margin-top: 20px;}
#mainContents .special h3{
    background:none;
    border-bottom: none;
    padding: 0;
    margin: -20px auto 0 auto;
    clear: both;
}
#mainContents .special h3 img{margin: 0; padding: 0;}
#mainContents .special p{margin: 0; padding: 0;}
#mainContents .special .inr{margin: 24px 32px;}
#mainContents .special .txtArea{float: left; width: 81%;
   width:-webkit-calc(100% - 140px);
   width:calc(100% - 140px);}
#mainContents .special .imgArea{float: right;}
#mainContents .special h5 {
  position: relative;
  text-align: center;
	color: #005bac;
}
#mainContents .special h5 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 1.5em 2.5em;
  padding: 0 1em;
  background-color: #d0dce2;
  text-align: left;
}
#mainContents .special h5::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #005bac;
}
#mainContents .special ul{
    padding: 10px 0 20px;
}
#mainContents .special ul li{
white-space: nowrap;
  text-indent: -1em;
  padding-left: 1em;
}
#mainContents .special ol {margin-bottom: 24px;}
#mainContents .special ol li{list-style: none; margin-bottom: 8px; white-space: nowrap;}
#mainContents .special ol li span{font-weight: bold; font-size: 120%;}