@charset "utf-8";


/* ---------- ---------- ----------
	::index::

 A. Contents Layout
  -font-size adjustment
  -01. dl-ContentsArea_Double
  -02. dl-ContentsArea_Single
 B. Breadcrumbs
 C. KeyVisual
 D. MainContentsArea
 E. SubContentsArea
  -01. Widget
 F. SocialButtons

 X. Modules
  -01. Heading
  -02. Section
  -03. Grid
  -04. Block
  -05. Text
  -06. Definition List
  -07. List
  -08. Mkr
  -09. Box
  -10. Button
  -11. Tab
  -12. Table
  -13. Image
  -14. Google Maps
  -15. Pager
  -16. General Items

 XX. Function Modules
  -01. TabNav
  -02. ImgChanger
  -03. Tooltip
  -04. Flex
  -05. Colorbox (Modal)
  -06. SlideImg (Rollup / Carousel)
  -07. Pagetop

---------- ---------- ---------- */



/* A. Contents Layout
---------- ---------- ---------- */
#ContentsWrap {
	position: relative;
	z-index: 99;
	width: 100%;
	min-width: 960px;
	font-size: 117%; /* 14px */
/*
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: auto;
*/
}

/*-----------------------------------------------
	#ContentsWrap font-size adjustment
	(base font size 14px )

	10px  72%      16px  115%     22px  158%
	11px  79%      17px  122%     23px  165%
	12px  86%      18px  129%     24px  172%
	13px  93%      19px  136%     25px  179%
	14px  100%     20px  143%     26px  186%
	15px  108%     21px  150%

-----------------------------------------------*/

#ContentsArea:after {
	display: block;
	clear: both;
	content: "";
}
#ContentsArea {
	margin: 0 auto 0;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
	width: 960px;
}


/* * A-01. dl-ContentsArea_Double
---------- ---------- */
.dl-ContentsArea_Double #ContentsArea {
	margin-top: 40px;
}

/* A-02. dl-ContentsArea_Single
---------- ---------- */
.dl-ContentsArea_Single #ContentsArea {
	margin-top: 40px;
}



/* B. Breadcrumbs
---------- ---------- ---------- */
#BreadcrumbsWrap {
	border-bottom: solid 1px #e5e5e5;
	position: relative;
	z-index: 10;
	width: 100%;
	background-color: #f6f6f6;
}
#BreadcrumbsArea {
	margin: 0 auto;
	padding: 12px 0 10px;
	width: 960px;
	font-size: 79%; /* 11px */
}
#BreadcrumbsArea:after {
	display: block;
	clear: both;
	content: "";
}
#BreadcrumbsArea ul {
	margin-bottom: 0;
	float: left;
}
#BreadcrumbsArea ul li {
	margin-bottom: 0;
}



/* C. KeyVisualArea
---------- ---------- ---------- */
#KeyVisualWrap {
	position: relative;
	z-index: 1;
	width: 100%;
	background-color: #e5edf1;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
#KeyVisualArea:after {
	display: block;
	clear: both;
	content: "";
}
#KeyVisualArea {
	margin: 0 auto;
	position: relative;
	z-index: 5;
	width: 960px;
	min-height: 300px;
}
.dl-KeyVisualPrintBackground {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: -10;
}
.dl-KeyVisualPrintBackground .dl-BackgroundInner {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

/* Heading
---------- ---------- */
.dl-KeyVisualArea__Heading {
	margin: -1.2em 0 0 0;
	position: absolute;
	top: 50%;
	color: #fff;
	font-size: 250%; /* 35px */
	line-height: 1.25;
}
.dl-KeyVisualArea__Heading > .dl-Inner {
	display: block;
	float: left;
	padding: 3px 17px 2px;
	background: rgb(0,154,207);
	background: rgba(0,154,207,.8);
}
.dl-KeyVisualArea__Heading > .dl-Inner + .dl-Inner {
	clear: both;
}
.dl-KeyVisualArea__Heading > .dl-Inner--Sub {
	font-size: 50%;
	padding: 5px 19px 5px;
}



/* D. MainContentsArea
---------- ---------- ---------- */
#MainContentsArea:after {
	display: block;
	clear: both;
	content: "";
}
#MainContentsArea {
	background-color: #fff;
}
.dl-ContentsArea_Double #MainContentsArea {
	float: right;
	width: 73%;
}
.dl-ContentsArea_Single #MainContentsArea {
	/*width: 960px; hide by man*/
	
}
/*this line adde by man*/
#Layer__Above {
    position: relative;
    z-index: 100;
	width:100%;
	padding-top:1px;
	background:#fff
}

#FooterWrap {
    position: relative;
    z-index: 100;
}
/*this line adde by man*/

/* E. SubContentsArea
---------- ---------- ---------- */
#SubContentsArea {
	background-color: #fff;
}
.dl-ContentsArea_Double #SubContentsArea {
	float: left;
	width: 24%;
	/*margin-top: -10px;*/
}

/* E-01. Widget
---------- ---------- */
.dl-Widget:after {
	display: block;
	clear: both;
	content: "";
}
.dl-Widget {
	margin-bottom: 30px;
	border-top: 4px solid #414141;
	background: #f0f4f7;
}
.dl-Widget .dl-Widget__Title {
	margin-bottom: 10px;
	line-height: 1.4;
	font-weight: bold;
	font-size: 115%; /* 16px */
}
.dl-Widget__Body:after {
	display: block;
	clear: both;
	content: "";
}
.dl-Widget dl dt,
.dl-Widget dl dd,
.dl-Widget p {
	margin-bottom: 15px;
}
.dl-Widget a {
	color: #000;
}
.dl-Widget a:hover,
.dl-Widget a:focus {
	color: #09c;
	text-decoration: none;
}

/* Widget--LocalNav
---------- */
.dl-Widget--LocalNav {
	padding: 10px 7px 14px 6px;
}
.dl-Widget--LocalNav .dl-Widget__Title {
	padding: 0 10px 11px;
	border-bottom: 1px solid #d2d6d9;
}
.dl-Widget--LocalNav .dl-Widget__Title a {
	color: #000;
}
.dl-Widget--LocalNav .dl-Widget__Title a:hover {
	color: #09c;
}
.dl-Widget--LocalNav .dl-LocalNav li, .dl-Widget--LocalNav .dl-Widget__Body .menu li{
	margin-bottom: 3px;
	margin-left:0px;
}
.dl-Widget--LocalNav .dl-LocalNav li a, .dl-Widget--LocalNav .dl-Widget__Body .menu li a{
	padding:1px 0 1px 24px;
	display: block;
	text-indent: -15px;
}
.dl-Widget--LocalNav .dl-Widget__Body .item-list li{ margin:0px;}
.dl-Widget--LocalNav .dl-Widget__Body .views-field-name a, .dl-Widget--LocalNav .dl-Widget__Body .item-list a{padding:2px 0 2px 10px; text-indent:inherit; display:inline-block}

.dl-Widget--LocalNav .dl-Widget__Body .menu li a:before{
    background-image: url("../images/mkr_sprite.png");
    background-position: -20px 0px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 3px;
    vertical-align: baseline;
    width: 10px;
	}


.dl-Widget--LocalNav .dl-LocalNav li.is-dl-Current > a, .dl-Widget--LocalNav .dl-Widget__Body .menu li.is-dl-Current {
	padding-right: 6px;
	color: #fff;
	background: #00c6f7;
	font-weight: bold;
}
.dl-Widget--LocalNav .dl-LocalNav li i, .dl-Widget--LocalNav .dl-Widget__Body .menu li i {
	margin-right: 8px;
	display: inline-block;
	width: 7px;
	height: 10px;
	vertical-align: baseline;
	background-image: url(../images/mkr_sprite.png);
	background-repeat: no-repeat;
	background-position: -20px 0;
	padding-bottom: 1px;
}
.dl-Widget--LocalNav .dl-LocalNav li.is-dl-Current > a > i, .dl-Widget--LocalNav .dl-Widget__Body .menu li.is-dl-Current {
	background-image: url(../images/mkr_sprite.png);
	background-position: -20px -20px;
}
.dl-Widget--LocalNav .dl-LocalNav li > ul, .dl-Widget--LocalNav .dl-Widget__Body .menu li > ul {
	margin-left: 10px;
}
.dl-Widget--LocalNav .dl-LocalNav li > ul li i, .dl-Widget--LocalNav .dl-Widget__Body .menu li > ul li i {
	background-position: -20px 0;
	padding-bottom: 1px;
}

/* Virtual Label
---------- */
.dl-Widget--LocalNav .dl-LocalNav .dl-LocalNav__VirtualLabel:first-child {
	margin-top: -11px;
}
.dl-Widget--LocalNav .dl-LocalNav .dl-LocalNav__VirtualLabel > .dl-Inner {
	margin-right: -7px;
	margin-left: -6px;
	padding: 5px 14px;
	border-top: solid 1px #414141;
	color: #515558;
	background: #d5dce1;
}
.dl-Widget--LocalNav .dl-LocalNav .dl-LocalNav__VirtualLabel > ul, .dl-Widget--LocalNav .dl-Widget__Body .dl-LocalNav__VirtualLabel > ul.menu {
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 19px;
}



/* F. SocialButtons
---------- ---------- ---------- */
.dl-SocialButtons {
	display: none;
	margin: -10px 0 30px;
}
.JS .dl-SocialButtons,  .dl-SocialButtons{
	display: block;
}
.dl-SocialButtons__item {
	display: inline-block;
	margin: 10px 0 0;
	vertical-align: top;
}
.dl-SocialButtons__item--fb {
	width: 105px;
	margin-top: 10px;
}
.dl-SocialButtons__item--tw {
	width: 100px;
}
.dl-SocialButtons__item--gp {
	width: 77px;
	overflow: hidden;
}

/* --Breadcrumbs */
.dl-SocialButtons--Breadcrumbs {
	float: right;
	margin: -14px 0 -5px;
	overflow: hidden;
}
.dl-SocialButtons--Breadcrumbs .dl-SocialButtons__item--gp {
	width: 62px;
}

/* --ContentsArea */
.dl-SocialButtons--ContentsArea {
	margin: 70px 0 25px;
}
.dl-Section + .dl-SocialButtons--ContentsArea ,
.dl-Grid + .dl-SocialButtons--ContentsArea ,
.dl-ImgAndTxt + .dl-SocialButtons--ContentsArea {
	margin: 40px 0 35px;
}
.dl-Section .dl-SocialButtons--ContentsArea {
	margin-bottom: 25px;
}
.dl-SocialButtons--ContentsArea:first-child {
	margin-top: -10px;
}

/* --ContentsAreaBottom */
.dl-SocialButtons--ContentsAreaBottom {
	margin: 70px 0 -25px;
}
.dl-Section + .dl-SocialButtons--ContentsAreaBottom ,
.dl-Grid + .dl-SocialButtons--ContentsAreaBottom ,
.dl-GridWrap--LineVertical + .dl-SocialButtons--ContentsAreaBottom ,
.dl-ImgAndTxt + .dl-SocialButtons--ContentsAreaBottom {
	margin-top: 40px;
}



/* X. Modules
---------- ---------- ---------- */
/* X-01. Heading
---------- ---------- */
h1, h2, h3, h4, h5 {
	color: #000;
	font-weight: bold;
	letter-spacing:normal
}

/* reset global style */
.dl-PageTitle h1:after ,
.dl-H2:after ,
.dl-H3:after ,
.dl-H3--BorderBottom:after ,
.dl-H3--Bg:after ,
.dl-H4:after ,
.dl-H4--BorderBottom:after ,
.dl-H5:after {
	/*display: block;*/
	/*clear: both;*/
	/*content: "";*/
}
/* reset global style */
.dl-PageTitle h1 ,
.dl-H2 ,
.dl-H3 ,
.dl-H3--BorderBottom ,
.dl-H3--Bg ,
.dl-H4 ,
.dl-H4--BorderBottom ,
.dl-H5 {
	padding: 0;
	margin: 0;
	border: none;
	text-transform: none;
	font-weight: bold;
	color: #000;
}

/* with link */
.dl-PageTitle h1 a ,
.dl-H2 a ,
.dl-H3 a ,
.dl-H3--BorderBottom a ,
.dl-H3--Bg a ,
.dl-H4 a ,
.dl-H4--BorderBottom a ,
.dl-H5 a {
	display: inline-block;
	color: inherit;
}
.dl-PageTitle h1 a:hover ,
.dl-H2 a:hover ,
.dl-H3 a:hover ,
.dl-H3--BorderBottom a:hover ,
.dl-H3--Bg a:hover ,
.dl-H4 a:hover ,
.dl-H4--BorderBottom a:hover ,
.dl-H5 a:hover {
	text-decoration: none;
	color: #09c;
}

.dl-PageTitle {
	margin-top: -.65em;
	margin-bottom: 25px;
}
.dl-PageTitle h1, h1 {
	line-height: 1.25;
	font-size: 236%; /* 33px */
	margin-bottom:10px;/*lined added by me */
}
.dl-H2 {
	margin-top: -.17em;
	margin-bottom: 22px;
	line-height: 1.25;
	font-size: 186%; /* 26px */
}
.dl-H2[id^=Anchor] {
	margin-top: 40px;
}

.dl-Section--TopSolidLine .dl-H2:first-child {
	margin-top: -.1em;
	margin-bottom: 32px;
}
.dl-Grid--WrapSection .dl-Section--TopSolidLine .dl-H2 {
	font-size: 165%; /* 23px */
	margin-bottom: 12px;
}
.dl-Section--TopSolidLine .dl-H2:only-child {
	margin-bottom: 22px;
}

.dl-Section--TopSolidLine .dl-H2:first-child {
	margin-top: -.1em;
	margin-bottom: 22px;
}

.dl-H3 {
	margin-top: -.3em;
	margin-bottom: 13px;
	line-height: 1.4;
	font-size: 143%; /* 20px */
}
.dl-PageTitle + .dl-H3 ,
.dl-PageTitle + .dl-Attributes + .dl-H3 ,
.dl-Hr + .dl-ImgAndTxt .dl-ImgAndTxt__Content .dl-H3:first-child ,
.dl-Hr + .dl-H3 {
	margin-bottom: 23px;
}
.dl-Section--TopSolidLine .dl-H3:first-child {
	margin-top: 0;
}

.dl-H3--BorderBottom {
	/*margin-top: -.25em;*/
	margin-bottom: 20px;
	padding-bottom: 7px;
	border-bottom: solid 1px #d2d6d9;
	line-height: 1.4;
	font-size: 122%; /* 17px */
}
.dl-H3--Bg {
	margin: 20px 0 10px;
	padding: 7px 13px 6px;
	background-color: #edf2f5;
	line-height: 1.4;
	font-size: 122%; /* 17px */
}
.dl-Grid + .dl-H3--Bg {
	margin-top: 10px;
}
.dl-Grid .dl-H3--Bg:first-child {
	margin-top: 0;
}
.dl-H3--Numeric {
	position: relative;
	margin-top: 10px;
	margin-bottom: 24px;
	padding: 10px 0 0 50px;
	font-size: 122%; /* 17px */
	line-height: 133%;
	min-height: 26px;
}
.dl-H3--Numeric i {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
	background-image:url(../images/mkr_sprite_number.png);
	background-repeat: no-repeat;
	min-height:5px;
	margin-bottom: 20px;
}
.dl-H3--Numeric__1{ background-position: 0 0; }
.dl-H3--Numeric__2{ background-position: 0 -40px; }
.dl-H3--Numeric__3{ background-position: 0 -80px; }
.dl-H3--Numeric__4{ background-position: 0 -120px; }
.dl-H4 {
	margin-top: -.25em;
	margin-bottom: 13px;
	line-height: 1.4;
	font-size: 122%; /* 17px */
}
.dl-H4--BorderBottom {
	margin-top: -.4em;
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: solid 1px #d2d6d9;
	font-size: 108%; /* 15px */
}
.dl-H5 {
	margin-top: -.35em;
	margin-bottom: 14px;
	font-size: 108%; /* 15px */
}

h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited,
h5 a, h5 a:link, h5 a:visited {
	color: #000;
}
h2 a:hover, h2 a:focus,
h3 a:hover, h3 a:focus,
h4 a:hover, h4 a:focus,
h5 a:hover, h5 a:focus {
	color: #09c;
	text-decoration: none;
}

.dl-HeadingSubText{
	font-size: 86%;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}
.dl-H3 + .dl-HeadingSubText{
	font-size: 100%;
	font-weight: normal;
	color: #000;
	margin-top: -13px;
	margin-bottom: 15px;
}
.dl-InHeadingLink{
	float: right;
	font-size: 14px;
	font-size: .857rem;
	padding-top: 12px;
}
.dl-H2 .dl-InHeadingLink{
	padding-top: 12px;
}
.dl-H3 .dl-InHeadingLink{
	padding-top: 8px;
}
.dl-InHeadingLink:link{
	color: #009acf;
}
.dl-InHeadingLink:visited{
	color: #464f9a;
}
.dl-InHeadingLink:hover,
.dl-InHeadingLink:active,
.dl-InHeadingLink:focus {
	color: #009acf;
}



/* X-02. Section
---------- ---------- */
.dl-Section:after {
	display: block;
	clear: both;
	content: "";
}
.dl-Section {
	padding-bottom: 10px;
}
.dl-Section > .dl-Section {
	padding-bottom: 0;
}
.dl-Section--TopSolidLine {
	margin-top: 20px;
	padding-top: 30px;
	padding-bottom: 1px;
	border-top: 4px solid #00cdff;
}
/* temporary */
.dl-Section + .dl-Section--TopSolidLine ,
.dl-ImgAndTxt + .dl-Section--TopSolidLine ,
.dl-Grid + .dl-Section--TopSolidLine,
.dl-SocialButtons + .dl-Section--TopSolidLine {
	margin-top: 10px;
}
.dl-Grid .dl-Section--TopSolidLine {
	margin-top: 10px;
	padding-top: 15px;
}
.dl-Grid--WrapSection .dl-Section {
	margin-top: 0;
}



/* X-03. Grid
---------- ---------- */
.dl-Grid:after {
	content: "";
	display: block;
	clear: both;
}
.dl-Grid {
	/*margin: 0 0 0 -30px;
	letter-spacing: -.40em;*/
}
.dl-Grid__Col, .dl-Grid--Col {
	display: inline-block;
	box-sizing: border-box;
	/*margin-top: -3px;*/
	padding-top: 3px;
	/*padding-left: 30px;*/
	letter-spacing: normal;
	vertical-align: top;
}

.dl-Box .dl-Grid {
	margin-left: -25px;
}
.dl-Box .dl-Grid__Col {
	padding-left: 25px;
}
body .dl-Grid--TypeCol2 .dl-Grid__Col--Size1, body .dl-Grid--TypeCol2 .dl-Grid--Col--Size1{
	width: 48.5%;
}
body .dl-Grid--TypeCol2 .dl-Grid__Col--Size1:nth-child(even){
	float:right
}

.dl-Grid--TypeCol3 .dl-Grid--Col--Size1, .dl-Grid--TypeCol3 .dl-Grid__Col--Size1{
	/*width: 33.33%;*/
	width: 32.8%;
}

.dl-Grid--TypeCol3 .dl-Grid__Col--Size2{
	width: 66.66%;
}
.dl-Grid--TypeCol4 .dl-Grid__Col--Size1{
	width: 25%;
}

.dl-Grid--WrapSection {
	margin-top: 35px;
}
.dl-Grid--WrapSection .dl-Grid__Col {
	padding-top: 0;
	margin-top: 0;
}
.dl-GridWrap--LineVertical .dl-Grid--WrapSection {
	margin-top: 5px;
}


.dl-GridWrap--LineVertical {
	overflow: hidden;
}
.dl-GridWrap--LineVertical .dl-Grid {
	margin-left: -29px;
	margin-right: -29px;
}
.dl-GridWrap--LineVertical .dl-Grid__Col, .dl-GridWrap--LineVertical .dl-Grid--Col {
	border-right: solid 1px #e3e3e3;
	padding-right: 29px;
	padding-left: 29px;
	margin-top: 0;
	margin-bottom: 30px;
}



/* X-04. dl-Block
---------- ---------- */
.dl-Block:after {
	content: "";
	display: block;
	clear: both;
}

/* dl-ImgAndTxt */
.dl-ImgAndTxt {
	padding-bottom: 20px;
}
.dl-ImgAndTxt:after {
	content: "";
	display: block;
	clear: both;
}
.dl-ImgAndTxt__Img {
	display: inline;
}
.dl-ImgAndTxt__Img--Left {
	float: left;
	margin-right: 30px;
}
.dl-ImgAndTxt__Img--Right {
	float: right;
	margin-left: 30px;
}
.dl-ImgAndTxt__Content {
	overflow: hidden;
	padding-top: 3px;
}
.dl-ImgAndTxt__Content--Wrap {
	overflow: visible;
	padding-top: 3px;
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.dl-ImgAndTxt__Content--Wrap:after {
	content: "";
	display: block;
	height: 1px;
	margin-top: -20px;
}

.dl-Compact .dl-ImgAndTxt__Img--Right ,
.gen-dl-Isolated .dl-ImgAndTxt__Img--Right {
	margin-left: 25px;
}
.dl-Compact .dl-ImgAndTxt__Img--Left ,
.gen-dl-Isolated .dl-ImgAndTxt__Img--Left {
	margin-right: 25px;
}

/* dl-Article */
.dl-Article {
	border-top: 1px solid #ccc;
	margin: 0 0 30px;
}
.dl-Article__Item{
	border-bottom: 1px solid #ccc;
	padding: 20px 0 0;
}
.dl-Article__Item.gen-dl-Compact{
	margin-bottom: 0;
}

/* dl-MetaData */
.dl-MetaData {
	margin: -.4em 0 9px;
	letter-spacing: -.4em;
	text-align: left;
	vertical-align: top;
}
.dl-MetaData > li {
	display: inline-block;
	letter-spacing: normal;
	padding: 0 10px;
	border-left: 1px solid #bababa;
	line-height: 1;
	white-space: nowrap;
}
.dl-MetaData > li:first-child {
	padding-left: 0;
	border-left: none;
}
.dl-MetaData span {
	line-height: 1;
	font-size: 86%; /* 12px */
}
.dl-MetaData__Category {
}
.dl-MetaData__Category--Announcement {
	color: #6a9f2c;
}
.dl-PageTitle .dl-MetaData{
	margin-top: 10px;
	padding-bottom: 13px;
}

/* dl-Hr */
.dl-Hr {
	margin: 40px 0;
	background: #d2d6d9;
	height: 4px;
	border: none;
}
.dl-Grid + .dl-Hr ,
.dl-ImgAndTxt + .dl-Hr {
	margin-top: 10px;
}
p + .dl-Hr ,
.dl-H2 + .dl-Hr ,
.dl-H3 + .dl-Hr {
	margin-top: 33px;
}

/* dl-Hr--Thin */
.dl-Hr--Thin {
	margin: 20px 0 25px;
	height: 1px;
}
.dl-H2 + .dl-Hr--Thin {
	margin-top: -17px;
}
.dl-Grid + .dl-Hr--Thin  {
	margin-top: 0px;
}

/* dl-NoScriptMessageWrap */
.dl-NoScriptMessageWrap {
	padding: 17px;
	border: 1px solid #f00;
	background: #fdd;
}
.dl-NoScriptMessageWrap p {
	margin: 0;
	color: #f00;
}

/* dl-Metalocator
---------- ---------- ---------- */
.dl-Metalocator {
	min-height: 800px;
}



/* X-05. Text
---------- ---------- */
strong {
	font-weight:bold;
}
sup {
	font-size: 72%;
	font-style: normal;
	vertical-align: super;
}
sub {
	font-size: 72%;
	font-style: normal;
	vertical-align: sub;
}

/* dl-Attributes */
.dl-Attributes {
	margin: 0 0 30px -5px;
	letter-spacing: -.4em;
}
.dl-Attributes:after {
	content: "";
	display: block;
	margin-top: -6px;
	height: 1px;
}
.dl-Attributes li {
	color: #3b4c52;
	background: #d9f0f8;
	padding: 1px 7px;
	display: inline-block;
	letter-spacing: normal;
	font-size: 86%; /* 12px */
	margin: 0 0 5px 5px !important;
}
.dl-List--Link + .dl-Attributes {
	margin-top: -5px;
}
.dl-H3 + .dl-Attributes {
	margin-top: -5px;
}
.dl-PageTitle + .dl-Attributes ,
.dl-Hr + .dl-ImgAndTxt .dl-ImgAndTxt__Content .dl-H3:first-child + .dl-Attributes ,
.dl-Hr + .dl-H3 + .dl-Attributes {
	margin-top: -15px;
}
.gen-dl-Compact .dl-Attributes {
	margin-bottom: 20px;
}



/* X-06. Definition dl-List
---------- ---------- */
dl dt.dl-Title {
	margin-bottom: 5px;
	font-weight: bold;
}

/* dl-DlType--DlTable */
.dl-DlType--DlTable {
	margin-bottom: 30px;
	border-top: 1px solid #bababa;
}
.dl-DlType--DlTable > dt {
	clear: both;
	float: left;
	width: 170px;
	padding: 17px 15px 17px 0;
	margin-top: -1px;
	color: #999;
	line-height: 1;
	font-size: 150%; /* 21px */
	font-weight: bold;
	border-top: 1px solid #bababa;
}
.dl-DlType--DlTable > dd {
	margin: 0 0 0 185px;
	padding: 22px 15px 3px 0;
	border-bottom: 1px solid #bababa;
}
.dl-DlType--DlTable > dd:last-child {
	margin: 0;
	padding-left: 185px;
}

/* dl-DlType--DtBgColor */
.dl-DlType--DtBgColor > dt {
	padding: 15px;
	font-weight: bold;
	background: #f0f4f7;
}
.dl-Flex .dl-DlType--DtBgColor > dt {
	padding: 0;
}
.dl-Flex .dl-DlType--DtBgColor > dt .dl-Flex__Toggle {
	padding: 15px 15px 14px 30px;
}
.dl-DlType--DtBgColor > dd {
	margin-bottom: 0;
}
.dl-List .dl-DlType--DtBgColor {
	margin-bottom: 0;
}

/* dl-DlType--DtToggle */
.dl-DlType--DtToggle,
.dl-Grid__Col .dl-DlType--DtToggle,
.dl-Grid__Col .dl-DlType--DtToggle:last-child {
	margin-bottom: 17px;
}
.dl-DlType--DtToggle.is-dl-Open dd:last-child {
	margin-bottom: 0;
}
.dl-DlType--DtToggle > dt {
	margin-bottom: 0;
	font-size: 129%;
	font-weight: bold;
	line-height: 1.33;
}
.dl-DlType--DtToggle > dd {
	margin-top: 7px;
}

/* dl-DlType--Inline */
.dl-DlType--Inline:after {
	content: "";
	display: block;
	clear: both;
}
.dl-DlType--Inline > dt {
	clear: left;
	float: left;
	margin-right: 0.5em;
}
.dl-DlType--Inline > dt.dl-Title {
	margin-bottom: 0;
}



/* X-07. List
---------- ---------- */
.dl-List {
	/*margin-top: -.37em;*/
	margin-bottom: 24px;
}
.dl-List li {
	margin-bottom: 7px;
}
.dl-List--Horizontal li {
	display: inline-block;
}
.dl-List.dl-List--Horizontal ,
.dl-List.dl-Grid ,
.dl-Box .dl-List ,
.gen-dl-Compact .dl-List{
	margin-bottom: 14px;
}
.dl-List .dl-List {
	padding-top: 12px;
	margin-bottom: 0;
}
.dl-List--Line .dl-List {
	margin-top: -.37em;
	margin-bottom: 24px;
	padding-top: 0;
}
.dl-List.dl-Grid .dl-List {
	margin-bottom: -7px;
}
.dl-Img .dl-List {
	margin: 0 0 -2px;
}

/* List--Dot */
.dl-List--Dot > li {
	padding-left: 13px;
	text-indent: -13px;
}
.dl-List--Horizontal.dl-List--Dot {
	margin-right: -35px;
}
.dl-List--Horizontal.dl-List--Dot li {
	margin-right: 35px;
}
.dl-Grid.dl-List--Dot li {
	padding-left: 43px;
}

/* List--Link */
.dl-List--Link > li {
	padding-left: 13px;
	text-indent: -13px;
	line-height:20px
}
.dl-List--Link > li a {
	font-weight: bold;
}
.dl-List--Link > li.is-dl-Current{
	padding-left: 0;
	text-indent: 0;
	font-weight: bold;
}
.dl-Grid.dl-List--Link > li.is-dl-Current{
	padding-left: 30px;
	text-indent: 0;
	font-weight: bold;
}
.dl-List--Horizontal.dl-List--Link {
	margin-right: -35px;
}
.dl-List--Horizontal.dl-List--Link li {
	margin-right: 35px;
}
.dl-Grid.dl-List--Link li {
	padding-left: 43px;
}
.dl-Article .dl-List--Link li a {
	font-weight: normal;
}

/* dl-List--Line */
.dl-List--Line {
	border-top: 1px solid #bababa;
	margin: 0 0 30px;
}
.dl-List--Line > li {
	margin-bottom: 0;
	border-bottom: 1px solid #bababa;
}
.dl-List--Line > li:last-child {
	border-bottom: none;
}

/* dl-List--Anchor */
.dl-List--Anchor {
	margin-bottom: 17px;
}
.dl-List--Anchor > li {
	padding-left: 13px;
	text-indent: -13px;
}
.dl-List--Anchor > li a {
	font-weight: bold;
}
.dl-Box .dl-List--Anchor ,
.gen-dl-Compact .dl-List--Anchor{
	margin-bottom: 7px;
}
.dl-List--Horizontal.dl-List--Anchor {
	margin-right: -30px;
}
.dl-List--Horizontal.dl-List--Anchor li {
	margin-right: 30px;
}
.dl-Grid.dl-List--Anchor li {
	padding-left: 43px;
}

/* dl-List--Pict */
.dl-List--Pict {
	margin: 0 0 10px;
}
.dl-List--Pict > li {
	margin: 0 0 20px 0;
}
.dl-List--Pict span {
	margin-left: 17px;
	padding-top:3px;
	vertical-align: middle;
	font-weight: bold;
}
.dl-List--Pict a:hover,
.dl-List--Pict a:focus {
	text-decoration: none;
}
.dl-List--Pict a:hover span,
.dl-List--Pict a:focus span {
	text-decoration: underline;
}

/* List--Partition */
.dl-List--Partition {
	margin: 0;
}
.dl-List--Horizontal.dl-List--Partition li {
	margin-right: 5px;
	padding-left: 15px;
	background: url(../images/mkr_partition.png) no-repeat 0 50%;
}
.dl-List--Horizontal.dl-List--Partition li:first-child {
	padding-left: 0;
	background: none;
}

/* List--Error */
.dl-List--Error > li {
	margin-bottom: 0;
	color: #c00;
	font-weight: bold;
}

/* dl-List--TextButton */
.dl-List--TextButton {
	margin: 0 0 17px;
}
.dl-List--TextButton li {
	margin-bottom: 13px;
}
.dl-List--Horizontal.dl-List--TextButton {
	margin-left: -24px;
}
.dl-List--Horizontal.dl-List--TextButton li {
	margin-left: 24px;
}

/* dl-List--Text */
.dl-List--Text {
}
.dl-List--Text:before {
	content: "";
	display: block;
	height: 1px;
	margin-top: -13px;
}
.dl-List--Text > li {
	display: table-row;
	text-indent: 0;
}
.dl-List--Text > li > i {
	display: table-cell;
	padding: 7px 5px 0 0;
	font-style: normal;
	white-space: nowrap;
}
.dl-List--Text .dl-List--Text:before {
	margin-top: -8px;
}



/* X-08. Mkr
---------- ---------- */
.dl-Mkr {
	display: inline-block;
	background-image: url(../images/mkr_sprite.png);
	background-repeat: no-repeat;
	vertical-align: baseline;
}
.dl-Mkr--Medium {
	width: 10px;
	height: 10px;
}
.dl-Mkr--Large {
	width: 14px;
	height: 14px;
}
.dl-Mkr--xLarge {
	width: 20px;
	height: 16px;
}

/* Dot
---------- */
.dl-Mkr--Dot {
	margin-right: 3px;
	background-position: 0 0;
}

/* ArwBlue
---------- */
a .dl-Mkr--Medium.dl-Mkr--ArwBlue, .dl-Mkr--Medium.dl-Mkr--ArwBlue {
	margin-right: 3px;
	background-position: -20px 0;
	padding-bottom: 1px;
}
.is-dl-Current a .dl-Mkr--Medium.dl-Mkr--ArwBlue {
	display: none;
}

/* ArwLightBlue
---------- */
a .dl-Mkr--Medium.dl-Mkr--ArwLightBlue {
	margin-left: 0;
	background-position: -20px -60px;
	padding: 0 0 1px 10px;
}
.is-dl-Current a .dl-Mkr--Medium.dl-Mkr--ArwLightBlue {
	display: none;
}

/* ArwWhite
---------- */
a .dl-Mkr--Medium.dl-Mkr--ArwWhite {
	margin-right: 3px;
	background-position: -20px -20px;
}

/* Anchor
---------- */
.dl-Mkr--Anchor {
	margin-right: 4px;
	background-position: -120px 0;
	vertical-align: middle;
}

/* ArrowSquareBlue
---------- */
.dl-Mkr--ArwSquareBlue {
	margin-left: 10px;
	background-position: -40px 0;
	vertical-align: middle;
	margin-bottom: 4px;
}

/* dl-Mkr--ArwBlueLt
---------- */
a .dl-Mkr--Medium.dl-Mkr--ArwBlueLt {
	margin-right: 3px;
	background-position: -20px -40px;
	padding-bottom: 1px;
}

/* Toggle
---------- */
.dl-Mkr--ToggleArw {
	background-position: -120px -20px;
}
.is-dl-Open .dl-Mkr--ToggleArw {
	background-position: -120px -40px;
}



/* X-09. Box
---------- ---------- */
.dl-Box {
	margin-bottom: 30px;
}
.dl-Box__Title {
	margin: 0 0 12px 0;
	font-weight: bold;
	font-size: 129%; /* 18px */
	line-height: 1.55;
	color:#000;
}
.dl-Box__Body .dl-Box__Title {
	font-size: 115%; /* 16px */
	line-height: 1.55;
}
.dl-Box__Title a,
.dl-Box__Title a:link {
	color: #000;
}
.dl-Box__Title a:visited {
	color: #464f9a;
}
.dl-Box__Title a:hover,
.dl-Box__Title a:active,
.dl-Box__Title a:focus {
	color: #0099cc;
	text-decoration: none;
}
.dl-Box__Body:after {
	content: "";
	display: block;
	clear: both;
}

.dl-Box > dl,
.dl-Box dd.dl-Box__Body {
	margin-bottom: 0;
}

/* dl-Box--ColorBox */
.dl-Box--ColorBox .dl-Box__Body {
	padding: 30px 25px 10px;
	background: #edf2f5;
}

/* dl-Box--ColorBoxRed */
.dl-Box--ColorBoxRed .dl-Box__Body {
	background: #fee;
	color: #000;
}




/* X-10. Button
---------- ---------- */
/* TextButton
--------- */
.dl-TextButton {
	padding: 9px 15px;
	border: none;
	display: inline-block;
	line-height: inherit;
	color: #fff;
	background-color: #09c;
	font-family: inherit;
	font-weight: bold;
	font-size: 115%; /* 16px */
	cursor: pointer;
}
.dl-TextButton:link ,
.dl-TextButton:visited {
	color: #fff;
}
.dl-TextButton:hover ,
.dl-TextButton:focus ,
.dl-TextButton:active {
	color: #FFF;
	text-decoration: none;
	background-color: #596066;
}
.dl-TextButton .dl-Mkr--Medium.dl-Mkr--ArwBlue ,
.dl-TextButton .dl-Mkr--Medium.dl-Mkr--ArwWhite {
	margin-right: 0;
	margin-left: 10px;
	padding-bottom: 0;
}

/* TextButton--BgBlack */
.dl-TextButton--BgBlack {
	background-color: #414141;
}

/* TextButton--BgBlue */
.dl-TextButton--BgBlue {
	color: #fff;
	background-color: #09c;
}

/* TextButton--BgWhite */
.dl-TextButton--BgWhite {
	color: #09c;
	background-color: #fff;
}

.dl-TextButton--BgWhite:link ,
.dl-TextButton--BgWhite:visited {
	color: #09c;
}
.dl-TextButton--BgWhite:hover ,
.dl-TextButton--BgWhite:focus ,
.dl-TextButton--BgWhite:active {
	color: #FFF;
	text-decoration: none;
	background-color: #596066;
}

/* TextButton--Small */
.TextButton--Small {
	padding: 5px 13px;
	font-size: 87.5%; /* 14px */
}

/* TextButton--Large */
.dl-TextButton--Large {
	padding: 11px 15px 12px;
	font-size: 129%; /* 18px */
}

/* TextButton--Col3 */
.dl-TextButton--Col3 {
	width: 270px;
	text-align: center;
}

/* TextButton--Col4 */
.dl-TextButton--Col4 {
	width: 187px;
}

/* TextButton--ArrowEdge */
.dl-TextButton--ArrowEdge {
	position: relative;
}
.dl-TextButton--ArrowEdge .dl-Mkr--Medium.dl-Mkr--ArwWhite {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}



/* X-11. dl-Tab
---------- ---------- */
.dl-Tab:after {
	content: "";
	display: block;
	clear: both;
}

/* dl-Tab--Partition */
.dl-Tab--Partition {
	display: none;
}
.JS .dl-Tab--Partition, .dl-Tab--Partition {
	display: block;
	margin: -30px 0 40px;
	padding: 22px 29px 0;
	border-right: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	border-left: 1px solid #bababa;
	overflow: hidden;
}
.dl-Tab--Partition.gen-dl-Compact {
	margin-bottom: 40px;
}



/* X-12. Table
---------- ---------- */
.dl-Table-tc {
	margin-bottom: 30px;
	width: 95%;
	border-collapse: collapse;
	font-size: 13px;
}
.dl-Table-tc {
	margin-bottom: 30px;
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}
.dl-Table-tc th ,
.dl-Table-tc td {
	padding: 8px 14px 7px;
	border: solid 1px #d2d6d9;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}




.dl-Table {
	margin-bottom: 30px;
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}
.dl-Table th ,
.dl-Table td {
	padding: 8px 14px 7px;
	border: solid 1px #d2d6d9;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
.dl-Table thead th {
	background-color: #dce3e7;
	border: solid 1px #c5c9cb;
	text-align: center;
}
.dl-Table tbody th {
	background-color: #edf2f5;
}
.dl-Table td {
	/*text-align: center;*/
}
.gen-dl-Compact .dl-Table {
	margin-bottom: 20px;
}

/* dl-Table--Form */
.dl-Table--Form {
	margin-bottom: 30px;
	font-size: 14px;
}
.dl-Table--Form tbody th {
	padding: 19px 20px 17px;
	vertical-align: top;
	font-weight: bold;
}
.dl-Table--Form tbody td {
	padding: 10px 20px;
	vertical-align: middle;
	text-align: left;
}
.dl-Table--Form input,
.dl-Table--Form select,
.dl-Table--Form textarea {
	border: solid 1px #d2d6d9;
	background: #f5f9fa;
	width: 60%;
	padding: 6px 10px;
	margin: 0 -10px;
}
.dl-Table--Form input.is-dl-Error,
.dl-Table--Form select.is-dl-Error,
.dl-Table--Form textarea.is-dl-Error {
	border: solid 2px #da8686;
	-webkit-box-shadow: 0 0 0 1px #da8686;
	background: #fff3f3;
}
.dl-Table--Form select {
	width: 64%;
}
.dl-Table--Form textarea {
	width: 96%;
}
.dl-Table--Form .dl-Table--Form__InputRule {
	display: block;
}
/* dl-TableNote */
.dl-TableNote {
	margin: -16px 0 0;
	padding: 1px 0 0;
}



/* X-13. Image
---------- ---------- */

/* dl-Img */
.dl-Img {
	display: table;
	margin: 0 0 25px;
	/*width: 50px;*/
	/*width: 130px;*/
	*width: auto;
}
.dl-Img img {
	margin: 0 0 5px;
}
.dl-Img__Caption {
	margin: 0 0 5px;
	text-align: left;
	color: #666;
	font-size: 86%;
	line-height: 1.3;
}
.dl-Box .dl-Img ,
.gen-dl-Compact .dl-Img{
	margin-bottom: 15px;
}
.dl-ImgAndTxt .dl-Img{
	margin-bottom: 5px;
}

/* dl-ImgLink */
.dl-ImgLink {
	display: table;
	margin: 0 0 30px;
}
.dl-ImgLink a {
	display: block;
	position: relative;
}
.dl-ImgLink a span{
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	background-color: rgba(0,0,0,0.3);
	padding: 8px 10px;
	color: #fff;
	box-sizing: border-box;
}
.dl-Box .dl-ImgLink ,
.gen-dl-Compact .dl-ImgLink{
	margin-bottom: 15px;
}

/* dl-HoverImg */
a.dl-HoverImg {
}
a.dl-HoverImg > img {
	background: #FFF;
}
a.dl-HoverImg:hover > img {
	opacity: 0.8;
}

/* dl-Icon */
img.dl-Icon {
	margin:-2px 5px 0;
	vertical-align: middle;
}
img.dl-Icon--Initial {
	margin-left: 0;
}

.dl-Icon--InHeading{
	float: right;
	margin: -4px 0 0 20px;
}

img.dl-Pict {
	vertical-align: middle;
}
img.dl-BrandLogo {
	vertical-align: middle;
}



/* X-14. Google Maps
---------- ---------- */
.dl-Gmap {
	width: 458px;
	height: 445px;
}



/* X-15. Pager
---------- ---------- */

.dl-Pager {
	margin:40px 0 17px;
}
.dl-Pager ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.dl-Pager li {
	display: table-cell;
	vertical-align: middle;
	width: 57px;
}
.dl-Pager a {
	position: relative;
	display: block;
	padding: 9px 0 7px;
	color: #0099cc;
	border: 1px solid #e9edf0;
	margin-left: -1px;
	font-weight: bold;
	text-align: center;
}
.dl-Pager li.is-dl-Current a {
	color: #fff;
	background: #00cdff;
}
.dl-Pager li.is-dl-Current a:hover {
	text-decoration: none;
}
.dl-Pager__Prev {
	text-align: right;
	padding-right: 45px;
	width: auto !important;
}
.dl-Pager__Next {
	text-align: left;
	padding-left: 45px;
	width: auto !important;
}
.dl-Pager__Prev a,
.dl-Pager__Next a {
	border:none;
	padding: 0;
	display: inline-block;
}
.dl-Pager__Next a i {
	margin-left: 4px;
}



/* 16. General Items
---------- ---------- */

.gen-dl-AlignCenter {text-align: center !important;}
.gen-dl-AlignRight {text-align: right !important;}
.gen-dl-AlignLeft {text-align: left !important;}

.gen-dl-AlignTop {vertical-align: top !important;}
.gen-dl-AlignMiddle {vertical-align: middle !important;}
.gen-dl-AlignBottom {vertical-align: bottom !important;}

.gen-dl-TextColorRed {
	color: #c00 !important;
	font-weight: normal;
}

.gen-dl-TextLarge1 { font-size: 108% !important;}
.gen-dl-TextLarge2 { font-size: 115% !important;}
.gen-dl-TextLarge3 { font-size: 122% !important;}
.gen-dl-TextLarge4 { font-size: 129% !important;}
.gen-dl-TextLarge5 { font-size: 136% !important;}

.gen-dl-TextSmall1 { font-size: 93% !important;}
.gen-dl-TextSmall2 { font-size: 86% !important;}
.gen-dl-TextSmall3 { font-size: 79% !important;}
.gen-dl-TextSmall4 { font-size: 72% !important;}
.gen-dl-TextSmall5 { font-size: 65% !important;}

/* gen-dl-Compact */
.gen-dl-Compact{
	margin-bottom: 30px;
}
.dl-Grid__Col.gen-dl-Compact{
	margin-bottom: 10px;
}
.gen-dl-Compact--PaddingNone{
	margin-bottom: 0;
}

/* gen-dl-Isolated */
.gen-dl-Isolated{
	margin: 10px 0;
}



/* XX. Function Modules
---------- ---------- ---------- */
/* XX-01 TabNav
---------- ---------- */
.dl-TabNav:after {
	content: "";
	display: block;
	clear: both;
}
.JS .dl-TabNav, .dl-TabNav{
	display: block;
	border-left: 1px solid #bababa;
}
.dl-TabNav {
	display: none;
}
.dl-TabNav li {
	float: left;
}
.dl-TabNav li a {
	display: block;
	padding: 11px 14px;
	color: #4c4c4c;
	font-size: 115%; /* 16px */
	font-weight: bold;
	height: 100%;
	box-sizing: border-box;
}
.dl-TabNav li a span {
	display: block;
	font-size: 87.5%; /* 14px */
	font-weight: normal;
	padding: 1px 0 0;
}
.dl-TabNav li a:hover {
	color: #0099cc;
	text-decoration: none;
}
.dl-TabNav li.is-dl-Selected a {
	position: relative;
	background: #FFF;
	text-decoration: none;
}

/* dl-TabNav--Col2 */
.dl-TabNav--Col2 li { width: 50%; }

/* dl-TabNav--Col3 */
.dl-TabNav--Col3 li { width: 33.33%; }

/* dl-TabNav--Col4 */
.dl-TabNav--Col4 li { width: 25%; }

/* dl-TabNav--Col5 */
.dl-TabNav--Col5 li { width: 20%; }

/* dl-TabNav--Col6 */
.dl-TabNav--Col6 li { width: 16.67%; }

/* dl-TabNav--Top */
.dl-TabNav--Top {
	margin-bottom: 30px;
	/*border-bottom: 1px solid #bababa;*/
	background: url(../images/bg_line.png) 0 100% repeat-x;
}
.dl-TabNav--Top li a {
	border-top: 1px solid #bababa;
	border-right: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	background: #f0f4f7; /* Old browsers */
	background: linear-gradient(to bottom,  #f0f4f7 0%,#f0f4f7 85%,#d8dbde 100%,#d8dbde 100%); /* W3C */
	line-height: 1.25;
}
.dl-TabNav--Top li.is-dl-Selected a {
	margin-bottom: -1px;
	padding: 9px 14px 10px;
	color: #444;
	border-top:4px solid #bababa;
	border-bottom: 1px solid #FFF;
}

/* dl-TabNav--Btm */
.dl-TabNav--Btm {
	margin: 30px 0 17px;
	border-top: 1px solid #bababa;
}
.dl-TabNav--Btm li {
	margin-top: -1px;
}
.dl-TabNav--Btm li a {
	border-bottom: 1px solid #bababa;
	border-right: 1px solid #bababa;
	background: #d8dbde; /* Old browsers */
	background: linear-gradient(to bottom,  #d8dbde 0%,#f0f4f7 20%,#f0f4f7 100%); /* W3C */
}
.dl-TabNav--Btm li a {
	border-top: 1px solid #bababa;
}
.dl-TabNav--Btm li.is-dl-Selected a {
	padding: 10px 14px 7px;
	color: #444;
	border-top: 1px solid #FFF;
	border-bottom: 4px solid #bababa;
}

/* dl-Tab__Content */
.dl-Tab__Content {
	padding: 1px 0;
	margin: -1px 0;
}
.dl-Tab__Content:after {
	content: "";
	display: block;
	clear: both;
}
.JS .dl-Tab__Content, .dl-Tab__Content, 
.JS .dl-Tab__ContentTitle, .dl-Tab__ContentTitle {
	display: none;
}
.dl-Tab__Content.is-dl-Show {
	display: block;
}
.dl-Tab__ContentTitle { /* JS off */
	display: block;
	margin: 10px 0;
	font-weight: bold;
}



/* XX-02 ImgChanger
---------- ---------- */
.dl-ImgChanger{
}
.dl-ImgChanger__thumbnail {
	letter-spacing: -.40em;
	margin: -19px auto 30px -11px;
	text-align: center;
}
.dl-ImgChanger__thumbnail:after {
	content: "";
	display: block;
	height: 1px;
	margin-top: -12px;
}
.dl-ImgChanger__thumbnail li{
	display: inline-block;
	margin: 0 0 11px 11px;
	letter-spacing: normal;
	vertical-align: top;
}
.dl-ImgChanger__thumbnail li.is-dl-Current a{
	position: relative;
	display: block;
	width: 57px;
	height: 34px;
}
.dl-ImgChanger__thumbnail li.is-dl-Current a:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 2px #00cdff;
	box-sizing: border-box;
}
.dl-ImgChanger__thumbnail li.is-dl-Current a img{
	max-width: 100%;
	max-height: 100%;
}



/* XX-03 Tooltip
---------- ---------- */
.js-dl-Tooltip img {
	z-index: 1;
}

.dl-Tooltip{
	border: solid 2px #009ad0;
	padding: 20px 20px 19px;
	background: #fff;
	width: 210px;
	display: none;
	position: absolute;
	z-index: 10;
	margin: 0 0 16px;
}
.dl-Tooltip p{
	margin: 0;
}
.dl-Tooltip button {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 22px;
	height: 22px;
	background: url(../images/bg_tooltip.png) 0 0 no-repeat;
	border: none;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 120%;
	cursor: pointer;
}
.dl-Tooltip.dl-Uparw:before {
	content: "";
	position: absolute;
	top: -16px;
	left: 18px;
	width: 14px;
	height: 16px;
	background: url(../images/bg_tooltip.png) 0 -44px no-repeat;
}

.dl-Tooltip.dl-Downarw:before {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 18px;
	width: 14px;
	height: 16px;
	background: url(../images/bg_tooltip.png) 0 -25px no-repeat;
}



/* XX-04 Flex
---------- ---------- */
.dl-Flex {
}
.dl-Flex__Toggle {
	display: block;
	padding-left: 20px;
	text-indent: -20px;
	color: #000;
}
.dl-Flex__Toggle:link {
	color: #4c4c4c;
	text-decoration: none;
}
.dl-Flex__Toggle:hover {
	color: #0099CC;
	text-decoration: none;
}
.dl-Flex__Content {
	padding-left: 20px;
	overflow: hidden;
}
dd.dl-Flex__Content .dl-Flex__ContentInner {
	padding: 25px 20px 10px 0;
}



/* XX-05. Colorbox (Modal)
---------- ---------- */
#ModalOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	z-index: 2000;
}
#ModalboxWrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 2001;
	-webkit-overflow-scrolling: touch;
}
#colorbox {
	position: absolute;
	top: 0;
	left: 0;
	outline: 0;
	z-index: 2002;
}
#ModalWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2003;
}
#ModalMiddleLeft,
#ModalBottomLeft {
	clear: left;
}
#ModalContent {
	position: relative;
	margin: 0 30px;
	background: #fff;
	overflow: visible;
}
#ModalLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#colorbox,
#ModalContent,
#ModalLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
#ModalTitle {
	display: none;
	position: absolute;
	margin: 0;
	width: 100%;
	color: #999;
	text-align: center;
}
#ModalLoadingOverlay,
#ModalLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#ModalLoadingOverlay {
	background: url(../images/modal/loading_background.png) no-repeat center center;
}
#ModalLoadingGraphic {
	background: url(../images/modal/loading.gif) no-repeat center center;
}
.dl-ModalPhoto {
	display: block;
	float: left;
	max-width: none;
	margin: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.dl-ModalIframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #fff;
}
#ModalError {
	padding: 50px;
	border: 1px solid #ccc;
}
#ModalCurrent {
	position: absolute;
	top: 80px;
	right: 0;
	width: 39px;
	height: 39px;
	text-align: center;
	line-height: 3.4;
	color: #fff;
	background-color: #000;
}
#ModalPrevious, #ModalNext, #ModalSlideshow, #ModalClose, #ModalPrint {
	position: absolute;
	overflow: visible;
	border: none;
	color: #fff;
	text-indent:-9999px;
	cursor: pointer;
}
#ModalPrevious:active, #ModalNext:active, #ModalSlideshow:active, #ModalClose:active, #ModalPrint:active {
	outline:0;
}
#ModalPrevious {
	position: fixed;
	top: 50%;
	width: 30px;
	height: 71px;
	margin-top: -35px;
	background: url(../images/modal/btn_modal_arw_left.png) 0 0 no-repeat;
}
#ModalNext {
	position: fixed;
	top: 50%;
	width: 30px;
	height: 71px;
	margin-top: -35px;
	background: url(../images/modal/btn_modal_arw_right.png) 0 0 no-repeat;
}
#ModalClose {
	width: 39px;
	height: 39px;
	top: 0;
	right: 0;
	background: url(../images/modal/btn_close.png) 0 0 no-repeat;
}
#ModalPrint {
	width: 39px;
	height: 39px;
	bottom: 0;
	right: 0;
	background: url(../images/modal/btn_print.png) 0 0 no-repeat;
}

.dl-LightBoxContent:after {
	content: "";
	display: block;
	visibility: hidden;
}
.dl-LightBoxContent {
	margin: 0 auto;
	padding: 10px 0 0;
	width: 760px;
	font-size: 117%; /* 14px */
}
#colorbox .dl-LightBoxContent {
	padding: 50px 0 10px;
}
.dl-LightBoxContent .dl-Box .dl-Grid {
	margin-right: -20px;
}
.dl-LightBoxContent .dl-Box .dl-Grid__Col {
	margin-right: 20px;
}
.dl-LightBoxContent .dl-PageTitle {
	margin-top: -.40em;
	margin-bottom: 21px;
}
.dl-LightBoxContent .dl-PageTitle h1 {
	font-size: 143%; /* 20px*/
	line-height: 1.4;
	text-transform: none;
}
.dl-LightBoxContent .dl-H2 {
	font-size: 108%; /* 15px*/
	margin: -.3em 0 6px;
	line-height: 1.33;
	text-transform: none;
}
.dl-LightBoxContent .dl-H3 ,
.dl-LightBoxContent .dl-H4 ,
.dl-LightBoxContent .dl-H5 {
	font-size: 100%; /* 15px*/
}


/* XX-07. Pagetop
---------- ---------- */
#Pagetop {
	position:fixed;
	right: 0;
	bottom: 30px;
	z-index: 1002;
	width: 31px;
	height: 51px;
}
/* A. Contents Layout
---------- ---------- ---------- */
#pkg-Wrapper #ContentsWrap {
	position: relative;
	width: 100%;
	min-width: 960px;
	min-height:800px;
	font-size: 117%; /* 14px */
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: auto;
	z-index: 99;
}

/* C. KeyVisualArea
---------- ---------- ---------- */
#pkg-Wrapper #KeyVisualWrap {
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	min-width: 960px;
	width: 100%;
	max-width: 1400px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-color: #09c;
	z-index: 1;
}
#pkg-Wrapper .pkg-KeyVisual--Wide #KeyVisualWrap {
	z-index: 2;
}
#pkg-Wrapper #KeyVisualArea:after {
	content: "";
	display: block;
	clear: both;
}
#pkg-Wrapper #KeyVisualArea {
	position: relative;
	z-index: 5;
}
#pkg-Wrapper .pkg-KeyVisualArea__Text {
	/*float: left;*/
	 float: none;
    margin-bottom: 60px;
    text-align: center;
}
#pkg-Wrapper .pkg-KeyVisualArea__Text h1 {
	margin-bottom: 10px;
	color: #FFF;
	font-weight: bold;
	/*font-size: 250%;*/ /* 35px */
	font-size: 360%;
	line-height: 1.18;
}
#pkg-Wrapper .pkg-KeyVisualArea__Text__Catch {
	color: #FFF;
	font-weight: bold;
}
#pkg-Wrapper .pkg-KeyVisualArea__Text__Catch > dl > dt {
	font-size: 172%; /* 24px */
	font-weight: bold;
}
#pkg-Wrapper .pkg-KeyVisualArea__Text__Catch > dl > dd {
	font-size: 115%; /* 16px */
	font-weight: normal;
	line-height: 1.5;
}
#pkg-Wrapper .pkg-KeyVisualArea__Notice a:hover,
#pkg-Wrapper .pkg-KeyVisualArea__Notice a:focus {
	color: #0099cc;
}


#pkg-Wrapper .pkg-KeyVisualPrintBackground {
	display: none;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: -10;
}

#pkg-Wrapper .pkg-KeyVisualPrintBackground .pkg-BackgroundInner {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

#pkg-Wrapper .pkg-KeyVisualPrintBackground .pkg-BackgroundInner img { margin-left: -210px; }/* Position Adjustment for KeyVisual Width 1400px */

#pkg-Wrapper #pkg-KeyVisualArea:after {
	content: "";
	display: block;
	clear: both;
}
#pkg-Wrapper #pkg-KeyVisualArea {
    height: 807px;
    margin: 0 auto;
    padding-top: 107px;
}

#pkg-Wrapper #pkg-Facts li {
    float: left;
    margin: 0 20px 20px 0;
}
#pkg-Wrapper #pkg-Facts li a {
    display: block;
}
#pkg-Wrapper #pkg-Facts li a:hover {
    background: transparent url("../images/bg_pict_hover.png") no-repeat !important;
}
#pkg-Wrapper a.pkg-HoverImg:hover > img{ opacity: 0.8;}

/* Pkg Tabbing css added by Man */
/* A. pkg-TabTS
---------- ---------- ---------- */

.JS #pkg-Wrapper .pkg-js-TabTS, body .pkg-js-TabTS {
  box-sizing: border-box;
}

/* pkg-TabTS__tabPC */
.JS #pkg-Wrapper .pkg-TabTS__tabPC, body .pkg-TabTS__tabPC {
  display: block;
  border-left: 1px solid #bababa;
}
body .pkg-TabTS__tabPC:after {
  content: "";
  display: block;
  clear: both;
}
body .pkg-TabTS__tabPC {
  margin-bottom: 30px;
  border-bottom: 1px solid #bababa;
}
body .pkg-TabTS__tabPC li {
  float: left;
}
body .pkg-TabTS__tabPC li a {
  display: block;
  padding: 10px;
  color: #444;
  border-top: 1px solid #bababa !important;
  border-right: 1px solid #bababa !important;
  background: #f0f4f7; /* Old browsers */
  background: -moz-linear-gradient(top,  #f0f4f7 0%, #f0f4f7 85%, #d8dbde 100%, #d8dbde 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f4f7), color-stop(85%,#f0f4f7), color-stop(100%,#d8dbde), color-stop(100%,#d8dbde)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f0f4f7 0%,#f0f4f7 85%,#d8dbde 100%,#d8dbde 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f0f4f7 0%,#f0f4f7 85%,#d8dbde 100%,#d8dbde 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f0f4f7 0%,#f0f4f7 85%,#d8dbde 100%,#d8dbde 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f0f4f7 0%,#f0f4f7 85%,#d8dbde 100%,#d8dbde 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#d8dbde',GradientType=0 ); /* IE6-9 */
}
body .pkg-TabTS__tabPC li a:hover {
  color: #0099cc;
  text-decoration: none;
}
body .pkg-TabTS__tabPC li.pkg-is-Selected a {
  position: relative;
  background: #FFF;
  text-decoration: none;
  margin-bottom: -1px;
  padding: 7px 10px 10px;
  color: #444;
  border-top:4px solid #bababa !important;
  border-bottom: 1px solid #FFF;
  filter: none; /* IE6-9 */
}
@media screen and (max-width: 769px) {
  .JS #pkg-Wrapper .pkg-TabTS__tabPC, body .pkg-TabTS__tabPC {
    display: none;
  }
}

/* pkg-TabTS__tabSP */
body .pkg-TabTS__tabSP {
  margin: 0 0 30px;
  padding: 0 5px;
  display: none;
}
body .pkg-TabTS__tabSP select {
  width: 100%;
  height: 40px;
  line-height: 40px;
  vertical-align: top;
  color: #000;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 40px 0 15px;
  background: #ffffff url(../images/mkr_selectbox.png) no-repeat 97% 50%;
  background-size: 14px 6px;
  padding: 0\9;
  background: transparent\9;
  font-size: 16px;
  border-radius: 0;
}
body .pkg-TabTS__tabSP select::-ms-expand {
  display: none;
}
body .pkg-TabTS__tabSP option {
  background: #ffffff;
}
@media screen and (max-width: 769px) {
  .JS #pkg-Wrapper .pkg-TabTS__tabSP, body .pkg-TabTS__tabSP {
    display: block;
  }
}

/* pkg-TabTS__Content */
body .pkg-TabTS__Content:after {
  content: "";
  display: block;
  clear: both;
}
.JS #pkg-Wrapper .pkg-TabTS__Content, .pkg-TabTS__Content,
.JS #pkg-Wrapper .pkg-TabTS__ContentTitle, #pkg-Wrapper .pkg-TabTS__ContentTitle {
  display: none;
}
body .pkg-TabTS__Content.pkg-is-Show {
  display: block !important;
}
#pkg-Wrapper .pkg-TabTS__ContentTitle { /* JS off */
  display: block;
  margin: 10px 0;
  font-weight: bold;
}
@media screen and (max-width: 769px) {
  #pkg-Wrapper .pkg-TabTS__Content {
    padding-right: 5px;
    padding-left: 5px;
  }
}



/* B. pkg-Filter
---------- ---------- ---------- */
#pkg-Wrapper .pkg-Filter {
  display: none;
  background: #f0f4f7;
  padding: 12px 11px;
  margin: 0 0 40px;
}
.JS #pkg-Wrapper .pkg-Filter, #pkg-Wrapper .pkg-Filter {
  display: block;
}
#pkg-Wrapper .pkg-Filter ul:after {
  content: "";
  display: block;
  clear: both;
}
#pkg-Wrapper .pkg-Filter ul li {
  float: left;
  margin: 4px 5px;
}
#pkg-Wrapper .pkg-Filter ul li a {
  display: block;
  cursor: pointer;
  color: #444;
  background: #fff;
  padding: 4px 8px;
  border: solid 1px #d2d6d9;
  white-space: nowrap;
  text-decoration: none;
  font-size: 12px;
}
#pkg-Wrapper .pkg-Filter ul li a:hover,
#pkg-Wrapper .pkg-Filter ul li a:focus {
  color: #09c;
}
#pkg-Wrapper .pkg-Filter ul li a.pkg-is-Current {
  color: #fff;
  background: #00c6f7;
  border: solid 1px #00c6f7;
  text-shadow: 1px 0 0 #fff;
}
@media screen and (max-width: 769px) {
  #pkg-Wrapper .pkg-Filter {
    margin: 0 0 30px;
    padding: 5px;
  }
  #pkg-Wrapper .pkg-Filter ul li {
    margin: 4px;
  }
  #pkg-Wrapper .pkg-Filter ul li a {
    white-space: normal;
    letter-spacing: -.02em;
  }
  #pkg-Wrapper .pkg-Filter ul li a.pkg-is-Current {
  }
}



/* XX-03 Flex
---------- ---------- */
#pkg-Wrapper .pkg-Flex {
}
#pkg-Wrapper .pkg-Flex__Toggle, .pkg-Flex__Toggle {
  display: block;
  padding-left: 20px;
  /*text-indent: -20px;*/
  color: #000;
}
#pkg-Wrapper .pkg-Flex__Toggle:link, .pkg-Flex__Toggle:link {
  color: #000;
  text-decoration: none;
}
#pkg-Wrapper .pkg-Flex__Toggle:hover, .pkg-Flex__Content:hover {
  color: #0099CC;
  text-decoration: none;
}
#pkg-Wrapper .pkg-Flex__Content, .pkg-Flex__Content  {
  padding-left: 14px;
  overflow: hidden;
}
#pkg-Wrapper dd.pkg-Flex__Content .pkg-Flex__ContentInner, dd.pkg-Flex__Content .pkg-Flex__ContentInner  {
  padding: 15px 15px 15px 0;
}



/* X-10. Mkr
---------- ---------- */
/* Toggle
---------- */
#pkg-Wrapper .pkg-Mkr--Toggle {
  background-position: -80px 1px;
}
#pkg-Wrapper .pkg-is-Open .pkg-Mkr--Toggle {
  background-position: -80px -20px;
}
#pkg-Wrapper .pkg-Mkr--ToggleArw {
  background-position: -120px -20px;
}
#pkg-Wrapper .pkg-is-Open .pkg-Mkr--ToggleArw {
  background-position: -120px -40px;
}



/* X-00. General Items
---------- ---------- */
#pkg-Wrapper .pkg-gen-TextBold {
  font-weight: bold !important;
}
#pkg-Wrapper .pkg-gen-TextNotes {
  color: #666 !important;
  font-size: 86% !important; /* 12px */
}
/*tabbing style css */
#pkg-Wrapper .pkg-List--Line > li, .pkg-List--Line > li{
    margin-bottom: 0;
    border-bottom: 1px solid #bababa;
}
#pkg-Wrapper .pkg-Flex .pkg-DlType--DtBgColor > dt .pkg-Flex__Toggle, .pkg-Flex .pkg-DlType--DtBgColor > dt .pkg-Flex__Toggle{
    padding: 15px 15px 15px 35px;
}
#pkg-Wrapper .pkg-DlType--DtBgColor > dt, .pkg-DlType--DtBgColor > dt {
    font-weight: bold;
    background: #f0f4f7;
}
#pkg-Wrapper .pkg-List .pkg-DlType--DtBgColor, .pkg-List .pkg-DlType--DtBgColor {
    margin-bottom: 0;
}
/*tabbing style css */

/* pkg tabbing css end */


/* InnerLinkArea
---------- ---------- */
#pkg-Wrapper .InnerLinkArea{
	border-top:#d2d6d9 solid 1px;
	border-left:#d2d6d9 solid 1px;
	margin-bottom:40px;
}

#pkg-Wrapper .InnerLinkArea ul{
	margin:0px;
}

#pkg-Wrapper .InnerLinkArea li{
	float:left;
	width:319px;
	text-align:left;
	border-right:#d2d6d9 solid 1px;
	border-bottom:#d2d6d9 solid 1px;
}

#pkg-Wrapper .InnerLinkArea li a,
#pkg-Wrapper .InnerLinkArea li a:link,
#pkg-Wrapper .InnerLinkArea li a:visited,
#pkg-Wrapper .InnerLinkArea li span{
	display:block;
	font-weight:bold;
	color:#000;
	padding:10px 20px;
}

#pkg-Wrapper .InnerLinkArea li a .Mkr,
#pkg-Wrapper .InnerLinkArea li a:link .Mkr,
#pkg-Wrapper .InnerLinkArea li a:visited .Mkr {
	background-image: url(../images/mkr_sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: baseline;
    height: 10px;
    width: 10px;
    background-position: -20px 0px;
    margin-right: 4px;
}

#pkg-Wrapper .InnerLinkArea li a:hover,
#pkg-Wrapper .InnerLinkArea li.is-Current a,
#pkg-Wrapper .InnerLinkArea li.is-Current span{
	background:#33ccff;
	font-weight:bold;
	color:#FFF !important;
	text-decoration:none;
}

#pkg-Wrapper .InnerLinkArea li.is-Current span{
	padding-left:34px;
}

#pkg-Wrapper .InnerLinkArea li.pre span{
	color:#a3a3a3 !important;
	font-weight:normal;
	padding-left:34px;
}
/* InnerLinkArea
---------- ---------- */


.ContentsInnerContainer {
    margin: 0 auto;
    max-width: 1400px;
    min-width: 960px;
}

.ContentsInnerArea::after {
    clear: both;
    content: "";
    display: block;
}
.ContentsInnerArea {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 40px;
    width: 960px;
}
/* X-02. Section
---------- ---------- */
#pkg-Wrapper .pkg-Section:after {
	content: "";
	display: block;
	clear: both;
}
#pkg-Wrapper .pkg-Section {
	padding-bottom:23px;
	overflow: hidden;
}


#pkg-Wrapper .pkg-Box--TopLineColorBox .pkg-Box__Body {
	padding: 16px 20px;
	border-top: 4px solid #000;
	background: #edf2f5;
}

#pkg-Wrapper .pkg-Box .pkg-Box__Title {
    color: #000;
    margin-bottom: 6px;
    text-transform: uppercase; 
	font-size: 129%;
    font-weight: bold;
}
#pkg-Wrapper .pkg-ContentsArea_Single .pkg-Box .pkg-List.pkg-Grid--TypeCol3 > li.pkg-Grid__Col--Size1{width: 267px;}

a .pkg-Mkr--Medium.pkg-Mkr--ArwBlue, a:link .pkg-Mkr--Medium.pkg-Mkr--ArwBlue {
    background-position: -58px 0px !important;
    margin-right: 4px;
}
#pkg-Wrapper .pkg-Grid__Col {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 30px 17px 0;
    vertical-align: top;
}
.clearfix::after {
    clear: both;
    content: "";
    display: block;
}