@charset "utf-8";

/* **************************************************

Name: custom.css

Description: 日立システムズ独自スタイル

Create: 2019.02.05
Update: 2020.11.10 dl.CountListStyleA1,dl.CountListStyleA2を追加

Copyright 2019 Hitachi Systems, Ltd.


/* ***************************************************/

/* [-] 見出しモジュール（class追加）
=========================================================================================== */


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

Initial Setting

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

/* 1: Base Setting
=========================================================================================== */

/*画像サイズをstyleで指定している場合のレスポンシブ対応*/

	@media screen and (max-width: 994px){

	.JS .Grid3 img[style^="width"],
	.JS .Grid3 img[style^="height"],
	.JS .Grid4 img[style^="width"],
	.JS .Grid4 img[style^="height"],
	.JS #PopUpContents img[style^="width"],
	.JS #PopUpContents img[style^="height"]
		 {
		height: inherit!important;
		}
	}




/* 3: Link Setting
=========================================================================================== */

a strong {
	color: inherit;
}



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

Setting of page layout

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

/* [-] Content Area
=========================================================================================== */


	@media only screen and (max-width: 964px) {

	.JS #Contents input[type=image] {
		max-width:100%;
		height:auto;
		}
	}


/*新デザインガイドライン対応2022ここから*/

/*Container対応*/
.Grid3 .Container,
.Grid4 .Container {
	min-width: inherit;
	max-width: inherit;
}
.Grid1 .Container {
	min-width: inherit;
	max-width: inherit;
	padding-left: 0;
	padding-right: 0;
}

/*グローバルナビリンク対応*/
#GlobalNaviMenu > li > a:link,
#GlobalNaviMenu > li > a:link *,
#GlobalNaviMenu > li > a:visited,
#SpGlobalNavi a:link,
#SpGlobalNavi a:link *,
#SpGlobalNavi button > span {
	color: #000;
	text-decoration: none;
}
#GlobalNaviMenu > li > a:hover,
#GlobalNaviMenu > li > a:hover *,
#GlobalNaviMenu > li > a:active,
#SpGlobalNavi a:hover {
	color: #fff;
}

/*新デザインガイドライン対応2022ここまで*/


/* [s6] Vertical Local Navigation Menu
=========================================================================================== */

/* -- [-] 多階層ローカルナビゲーション -- (専用サイトで使用)*/
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric { font-size: 100%;}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric h2 {
font-size: 90%;
margin: 0;
padding: 0;
border: none;
background-image:url("/-/media/image/bg_l_navi_title_top.gif");
background-repeat:no-repeat;
background-position:0 0;
background-size:100%;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric h2 span{
font-size: 95%;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric h2:before{
content:"";
display:none;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric h2 a{
padding:0!important;
background:none;
border-bottom: none;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric h2 a:hover span{
text-decoration: underline!important;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric h2 span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric h2 a span {
background:none;
display: block;
padding: 13px 16px;
background-image: url("/-/media/image/bg_l_navi_title_bottom.gif");
background-position:0 bottom;
background-repeat:no-repeat;
background-size:100%;
line-height: 1.35;
color: #2d5e8f;
zoom: 1;
cursor: pointer;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric div.LocalNaviContainer {
border-style: solid;
border-color: #bcbcbc;
border-width: 0 1px 1px;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul {
margin: 0;
padding: 0;
font-size: 83%!important;
letter-spacing: 0;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li {
padding: 0;
border-top: 1px solid #bcbcbc;
zoom: 1;
word-break: break-all;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li.FirstItem { border-top: 0; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric div.LocalNaviContainer > ul > li > a{
padding:0;
display: block;
width: auto;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url("/-/media/image/bg_l_navi_1st_top.gif");
zoom: 1;
border-top: none;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric div.LocalNaviContainer > ul > li > a:hover,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric div.LocalNaviContainer > ul > li{
background-image: url("/-/media/image/bg_l_navi_1st_active_top.gif");
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li strong span {
display: block;
background-repeat: no-repeat;
background-position: 0 100%;
background-image: url("/-/media/image/bg_l_navi_1st_bottom.gif");
zoom: 1;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a span span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li strong span span {
padding: 7px 5px 7px 17px;
background-repeat: no-repeat;
background-position: 5px 50%;
background-image: url("/-/media/image/icon_l_navi_1st_right.gif");
line-height: 1.35;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a:hover span {
text-decoration: underline;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a:hover span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li strong span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a.hasCurrentChild span {
background-image: url("/-/media/image/bg_l_navi_1st_active_bottom.gif");
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a:hover span span {
background-image: url("/-/media/image/icon_l_navi_1st_right.gif");
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li strong span span {
background-image: url("/-/media/image/icon_l_navi_1st_left.gif");
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a.hasCurrentChild span span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a.hasCurrentChild:hover span span {
background-image: url("/-/media/image/icon_l_navi_1st_under.gif");
color:#fff;
}

/*--- 下層ページ ---*/
/*------- 第4階層 li > ul > li -------*/
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li ul {
padding: 0 3px;
border-width: 1px 0 0;
border-style: solid;
border-color: #bcbcbc;
font-size: 100%!important;
background-image: none;
background-color: #ffffff;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li {
padding: 4px 0 0;
border: none;
background: url("/-/media/image/bg_l_navi_2nd_separator.gif") 0 0 repeat-x;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li.FirstItem {
padding: 3px 0 0;
background: none;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li strong {
display: block;
width: 198px;
padding: 8px 5px 8px 19px;
border: none;
background-repeat: no-repeat;
line-height: 1.35;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li strong { margin: 0 0 3px; }


div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric div.LocalNaviContainer > ul > li > a.hasCurrentChild{
background-image: url("/-/media/image/bg_l_navi_1st_active_top.gif") !important;
}

/* Win IE */
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a { cursor: pointer; }
/* */

/*--- 第4階層 hover & active ---*/
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li span {
background-position: 6px 50%;
background-image: url("/-/media/image/icon_l_navi_2nd_right.gif");
background-color: #ffffff;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a:hover {
background-position: 6px 50%;
background-image: url("/-/media/image/icon_l_navi_2nd_right.gif");
background-color: #ecf5fe;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li strong {
background-position: 6px 50%;
background-image: url("/-/media/image/icon_l_navi_2nd_left.gif");
background-color: #ecf5fe;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a.hasCurrentChild,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a.hasCurrentChild:hover {
margin: 0;
background-position: 4px 50%;
background-image: url("/-/media/image/icon_l_navi_2nd_under.gif");
background-color: #ecf5fe;
}


/*------- 第5階層 li > li > ul > li -------*/
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li ul {
margin: 3px 0 0;
padding: 0 12px;
border: none;
background: url("/-/media/image/bg_l_navi_2nd_separator.gif") 0 0 repeat-x;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li {
padding: 1px 0 0;
background: url("/-/media/image/bg_l_navi_3rd_separator.gif") 0 0 repeat-x transparent;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li.FirstItem {
padding: 1px 0 0;
background: none;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li a,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li strong {
display: block;
width: 174px;
margin: 0;
padding: 10px 5px 10px 19px;
border: none;
background-repeat: no-repeat;
}

/*--- 第5階層 hover & active ---*/
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li a,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li span {
background-position: 5px 50%;
background-image: url("/-/media/image/icon_l_navi_3rd_right.gif");
background-color: #ffffff;
}

div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li a:hover {
background-position: 5px 50%;
background-image: url("/-/media/image/icon_l_navi_3rd_right.gif");
background-color: #f5f5f5;
}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li strong {
background-position: 5px 50%;
background-image: url("/-/media/image/icon_l_navi_3rd_left.gif");
background-color: #f5f5f5;
}

/*---- font settings ----*/
/*--- 第3階層 ---*/
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a span span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a span span { color: #333333; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a:link span span { color: #333333;}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a:visited span span { color: #333333; }

div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a:hover span span { color: #ffffff; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a:active span span { color: #ffffff; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li strong span span,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a.hasCurrentChild span span {
color: #ffffff;
font-weight: normal;
}

div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a.hasCurrentChild:link span span { color: #ffffff; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a.hasCurrentChild:visited span span { color: #ffffff; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a.hasCurrentChild:hover span span { color: #ffffff;}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric ul li a.hasCurrentChild:active span span { color: #ffffff;}


/*--- 第4階層 ---*/
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li strong,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a.hasCurrentChild {
color: #333333;
font-weight: normal;
}

div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a:link { color:#333333; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a:visited { color:#333333; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a:hover { color: #2d5e8f; text-decoration: underline!important;}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a:active { color: #2d5e8f; text-decoration: underline!important;}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li a.hasCurrentChild:hover { color: #2d5e8f; text-decoration: underline!important;}

/*--- 第5階層 ---*/
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li a,
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li strong {
color: #333333;
font-weight: normal;
}

div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li a:link { color:#333333; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li a:visited { color:#333333; }
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li a:hover { color: #2d5e8f; text-decoration: underline!important;}
div.Grid1 div#VerticalLocalNavi.LocalNaviGeneric li li li a:active { color: #2d5e8f; text-decoration: underline!important;}


/* [s7] Footer
=========================================================================================== */

/* --- [hisys] SiteSummary --- */

#SiteSummary{
	width:965px;
	margin:0 auto;
	padding:4px 270px 0 0;
	background:url(/-/media/image/jp/common/human_it.gif) no-repeat right bottom transparent;
	box-sizing:border-box;
}

#SiteSummary > p {
	margin:7px 0;
	font-size: 67%
}

	@media only screen and (max-width: 995px) {

	.Under995 #SiteSummary{
		margin:0 15px;
		width:auto;
		}
		
	.JS #SiteSummary .ColumnSet {
		margin: 0;
		}
	}
	
	@media only screen and (max-width: 767px) {

	.Under995 #SiteSummary{
		padding-right:200px;
		}
	}
	
	@media only screen and (max-width: 579px) {

	.Under995 #SiteSummary {
		padding-right: 0px;
		padding-bottom: 35px;
		margin-bottom: 3px;
		background: url("/-/media/image/jp/common/human_it.gif") no-repeat center bottom transparent;
		}
	}


/* --- [hisys] コントローラ --- */

/*ControlerAnimation設定*/
@keyframes SlideUp {
	0% { transform:translate(50px,0px);}
	90% { transform:translate(-2px,0px);}
	100% { transform:translate(0px,0px);}
}

/* Scroll Top Button -20151119-*/


.PC #Controler { 
	display: none;
}

#Controler {
	position: fixed;
	right: 0px;
	bottom: 12%;
	display: block;
	width: auto;
	height: auto;
	padding: 8px 0px 0 8px;
	background: none;
	z-index: 1000;
	border-radius: none;
	animation:SlideUp ease-in 0.8s 1 normal;
}

	@media only screen and (max-width: 767px) {
	.JS #Controler{
		display:none!important;
		}
	}

#Controler button {
	display: block;
	margin: 0px 0 0px 0;
	width: 50px;
	height: 160px;
	border: 0px none;
	background: none no-repeat left top transparent;
	white-space: nowrap;
	text-indent: 250%;
	overflow: hidden;
	outline:none;
}

#Controler button.pause{background-image:url("/-/media/image/jp/common/icon_control_pause.png");}

#Controler button.pagetop {
	background-image: url("/-/media/image/jp/top/icon_control_pagetop.png");
	cursor:pointer;
	-webkit-transition:0.18s ease-in;
	-moz-transition:0.18s ease-in;
	-o-transition:0.18s ease-in;
	transition:0.18s ease-in;
}

#Controler button.pagetop:hover {
	background-image: url("/-/media/image/jp/top/icon_control_pagetop_on.png");
	cursor:pointer;
	-webkit-transition:0.1s ease-out;
	-moz-transition:0.1s ease-out;
	-o-transition:0.1s ease-out;
	transition:0.1s ease-out;
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	opacity:0.8;
}



/* [s9] Footer Banner
=========================================================================================== */

/* --- [s9-1] Banner Area > 1 row --- */
/* --- [s9-2] Banner Area > 2 rows --- */

.FatBanner2 {
	clear: both;
	padding: 25px 0 10px;
	overflow: hidden;
}

.FatBanner2:after {
	content: "";
	display: block;
	clear: both;
}

.FatBanner2 ul {
	margin: 0 0 5px -15px;
	text-align: center;
	letter-spacing: -0.5em;
}

.FatBanner2 ul li {
	letter-spacing: normal;
	display: inline-block;
	margin: 0 0 15px 0;
	padding-left: 15px;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.FatBanner2 ul.col2 li {
	width: 50%;
}

.FatBanner2 ul.col3 li {
	width: 33%;
}
.FatBanner2 ul.col3s li {
	width: 25.1%;
}
.FatBanner2 ul.col4 li {
	width: 25%;
}


@media screen and (max-width: 767px) {
	.JS .FatBanner2 ul li {
			width: 50%;
		}
}

/*@media screen and (max-width: 399px) {
	.JS .FatBanner2 ul li {
			width: 100%;
		}
}*/


.FatBanner2 ul li img {
	max-width:100%;
}

.FatBanner2 a {display: block;}
.FatBanner2 a:link,
.FatBanner2 a:visited,
.FatBanner2 a:hover,
.FatBanner2 a:active {text-decoration: none;}

.FatBanner2 strong {
	display: block;
	font-size: 90%;
	line-height: 120%;
	color: #fff;
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}

.FatBanner2 a:link strong,
.FatBanner2 a:visited strong {
	padding: 5px 22px 5px 15px;
	background-color: #e60027;
	border-right: solid 3px transparent;
	text-align:left;
	line-height: 1.3em;
}

.FatBanner2 a:hover strong,
.FatBanner2 a:active strong {
	padding: 5px 22px 5px 15px;
	background-color: #b1000e;
	border-right: solid 1px transparent;
	text-align:left;
	line-height: 1.3em;
}

.FatBanner2 span {
	display: table-cell;
	height: 3em;
	vertical-align: middle;
}




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

Setting of grid layout

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

/* [cc] Column
=========================================================================================== */

/* [hisys] コンテンツの一覧（事例一覧_コンテンツ積み上げ方式）
※左カラム「First」右カラム「Last」を使わず横並びにするクラス（jquery_tile.jsと連動）*/

.ColumnSet.Equal_LR{
    width:auto !important;
	overflow: hidden;
	margin-left:-14px;
	zoom:1;
	position: relative;
	_width:748px;
	_margin-left:-28px;
}

/* 3+1グリッド用 > 4等分（0.75:0.75:0.75:0.75)*/
.ColumnQuarter {
	float: left;
	width: 171px;
	margin: 0 0 0 12px;
    }
.ColumnQuarter.FirstItem {
	margin: 0;
}

	@media screen and (max-width: 994px) {
		.JS .ColumnQuarter {
			width: 25%;
			margin: 0;
			padding: 0 0 0 12px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			}
	}
	
	@media screen and (max-width: 579px){
		.JS .ColumnQuarter{
			float: none;
			width: auto;
			}
		}
		
/* ----------------------------------------------------------------------------------------

Setting of content module

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

/* [c1] Page Title
=========================================================================================== */

.PageTitleStyle1.Default {
	margin: 0px 0 25px;
	background: none;
	padding: 0;
	border-left: none;
}

.PageTitleStyle1.Default>h1 {
	font-size: 150%;
	font-weight: bold;
	line-height: 130%;
	color: #595959;
}


.PageTitleStyle1.Default h1 a:link,
.PageTitleStyle1.Default h1 a:visited,
.PageTitleStyle1.Default h1 a:hover,
.PageTitleStyle1.Default h1 a:active{
	text-decoration: none!important;
	color: #595959;
}



/* [c2] Heading
=========================================================================================== */

/* --- [c2-1-1] Heading > Leval 1 --- */
/* --- [c2-1-2] Heading > Level 1 > With Link --- */

h2.Default {
	margin: 0 0 5px;
	padding: 0 0 10px 0;
	background: url("/-/media/image/jp/r1/balloon_down.gif") no-repeat 40px bottom!important;
}

h2.Default>span {
	display: block;
	padding: 10px 15px;
	font-size: 110%;
	font-weight: bold;
	color: #575757;
	line-height: 130%;
	background-color: #f2f2f2;
}

h2.Image {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	margin-bottom:15px;
}

/* --- [c2-2-1] Heading > Level 2 --- */
/* --- [c2-2-2] Heading > Level 2 > With Link --- */

h3.Default {
	margin: 0 0 10px;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	color: #737373;
	line-height: 130%;
	background: none;
	border: none;
}

h3.Default a {
	padding: 0 20px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}

h3.Default a:link,
h3.Default a:visited {
	color: #737373;
	text-decoration: none;
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl.gif);
}

h3.Default a:hover,
h3.Default a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hover.gif);
}

h3.Image{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	margin-bottom:15px;

}

/* --- [c2-3-1] Heading > Level 3 --- */
/* --- [c2-3-2] Heading > Level 3 > With Link --- */

h4.Default {
	margin: 0 0 10px;
	font-size: 96%;
	font-weight: bold;
	color: #333;
	line-height: 130%;
}

h4.Default::before {
	padding: 0;
	content: normal;
}

h4.Indent {
	padding-left: 16px;
	background: url(/-/media/image/jp/common/icon_title_blue.gif) no-repeat left 4px;
	line-height: 140%;
}

h4.Indent::before {
	content: normal;
}



/* --- [hisys] Heading > Level 4 --- */

h5 {
	background-color: #f2f2f2;
	background-image: none;
	border-radius: 2px;
	padding: 4px 5px 2px 8px;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.35;
	margin: 0 0 10px;
}

h5 a[name]:hover, h5 a[name]:active {
	color: #333333!important;
	text-decoration: none!important;
}

/* --- [hisys] Heading > Level 5 --- */

h6 {
	border-bottom: medium none;
	padding: 0 5px 0 0;
	font-size: 90%;
	line-height: 1.35;
	margin: 0 0 10px;
	font-weight: bold;
}



/* [c4] Promotional Copy
=========================================================================================== */

/* --- [hisys] catchcopy --- */

p.CatchCopy1 {
	margin: 0 0 15px;
	font-size: 90%;
	line-height: 1.35;
}

p.CatchCopy1 strong {
	background-repeat: no-repeat;
	background-position: left 3px;
	background-image: url('/-/media/image/h1/bg_title4.gif');
	vertical-align: middle;
	padding-left: 13px;
    display: block;
    }



/* [c8] 番号付きリスト
=========================================================================================== */

/* ---[c8-hisys1-1] 番号付きリンクリスト1 > 説明文表示 > 文字サイズ90%--- */
/* ---[c8-hisys1-2] 番号付きリンクリスト1 > 説明文表示 > 文字サイズ83%--- */
/* ---[c8-hisys2-1] 番号付きリンクリスト2 > 説明文表示 > 文字サイズ90%--- */
/* ---[c8-hisys2-2] 番号付きリンクリスト2 > 説明文表示 > 文字サイズ83%--- */

table dl.CountListStyleA1, 
table dl.CountListStyleA2,
table dl.CountListStyleB1, 
table dl.CountListStyleB2 {
	font-size: 100%;
}

/* ---[c8-hisys1-1] 番号付きリンクリスト1 > 説明文表示 > 文字サイズ90%--- */
/* ---[c8-hisys2-1] 番号付きリンクリスト2 > 説明文表示 > 文字サイズ90%--- */

dl.CountListStyleA1,
dl.CountListStyleB1 {
	font-size: 90%;
	margin: -5px 0 15px;
	counter-reset: count;
}

dl.CountListStyleA1 ul,
dl.CountListStyleB1 ul {
	font-size: 100%;
}

/* ---[c8-hisys1-2] 番号付きリンクリスト1 > 説明文表示 > 文字サイズ83%--- */
/* ---[c8-hisys2-2] 番号付きリンクリスト2 > 説明文表示 > 文字サイズ83%--- */

dl.CountListStyleA2,
dl.CountListStyleB2 {
	font-size: 83%;
	margin: -5px 0 15px;
	counter-reset: count;
}

dl.CountListStyleA2 ul,
dl.CountListStyleB2 ul {
	font-size: 100%;
}


/* ---[c8-hisys1-1] 番号付きリンクリスト1 > 説明文表示 > 文字サイズ90%--- */
/* ---[c8-hisys1-2] 番号付きリンクリスト1 > 説明文表示 > 文字サイズ83%--- */

dl.CountListStyleA1 dt,
dl.CountListStyleA2 dt {
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 140%;
	counter-increment: count;
	text-indent: -1.4em;
	margin-left: 1.4em;
	font-weight:bold;
}

dl.CountListStyleA1 dt::before, 
dl.CountListStyleA2 dt::before{
content: counter(count) ". ";
}

dl.CountListStyleA1 dd, 
dl.CountListStyleA2 dd{
	margin: 0 0 10px 1.4em;
	padding: 5px 0 0 0;
	line-height: 150%;
}

/* ---[c8-hisys2-1] 番号付きリンクリスト2 > 説明文表示 > 文字サイズ90%--- */
/* ---[c8-hisys2-2] 番号付きリンクリスト2 > 説明文表示 > 文字サイズ83%--- */

dl.CountListStyleB1 dt,
dl.CountListStyleB2 dt{
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 140%;
	counter-increment: count;
	text-indent: -2em;
	margin-left: 2em;
	font-weight:bold;
}

dl.CountListStyleB1 dt::before, 
dl.CountListStyleB2 dt::before{
content: "(" counter(count) ") ";
}

dl.CountListStyleB1 dd, 
dl.CountListStyleB2 dd{
	margin: 0 0 10px 2em;
	padding: 5px 0 0 0;
	line-height: 150%;
}


/* ---[c8-hisys3-1] 番号付きリンクリスト3 > 文字サイズ90%--- */
/* ---[c8-hisys3-2] 番号付きリンクリスト3 > 文字サイズ83%--- */


ol.ListStyle5,
ol.ListStyle6 {
	margin: 0 0 20px;
	padding-left: 2.5em;
}

ol.ListStyle5 {font-size: 90%;}
ol.ListStyle6 {font-size: 83%;}

ol.ListStyle5 li,
ol.ListStyle6 li {
	margin: 0 0 5px;
	line-height: 140%;
	list-style-type: none;
	counter-increment: cnt;
	position: relative;
}

ol.ListStyle5 li::before,
ol.ListStyle6 li::before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -2.5em;
	width: 2em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}

ol.ListStyle5 ol,
ol.ListStyle6 ol {
	margin: 5px 0 0;
	padding-left: 1.8em;
	font-size: 100%;
}

ol.ListStyle5 ol li,
ol.ListStyle6 ol li {
	padding: 0;
	background-image: none;
}


table ol.ListStyle6 {font-size: 100%;}



/* [c11] Link List
=========================================================================================== */

/* ---[c11-6-2a] リンクリスト > 左側に日付(年のみ）--- */
dl.DateListStyle2.year {
margin-top: 12px;
}
dl.DateListStyle2.year dt {
font-weight: bold;
margin-left: 0.7em;
}
dl.DateListStyle2.year dd {
margin-left: 5.7em;
}

/* ---[c11-6-2b] リンクリスト > 左側に文字列（13em）--- */
dl.DateListStyle2.str {
margin-top: 12px;
}
dl.DateListStyle2.str dt {
font-weight: bold;
margin-left: 0.7em;
}
dl.DateListStyle2.str dd {
margin-left: 13em;
}



/* [c13] Icon Link
=========================================================================================== */

/*-- インラインPDF --*/
a.Pdf{
	background-repeat: no-repeat;
	background: url("/-/media/image/jp/r1/icon/icon_pdf.gif") no-repeat 0 0 !important;
	padding: 0 17px 0 0;
	background-position: right .2em!important;
}

/* ---[] アイコンのバリエーション--- */
ul li.Before, dl dt.Before { background: url("/-/media/image/h1/icon/icon_list_marker_before.gif") no-repeat 0 0.25em; }
ul li.After, dl dt.After { background: url("/-/media/image/h1/icon/icon_list_marker_after.gif") no-repeat 0 0.25em; }
ul li.ListImportant, dl dt.ListImportant { background: url("/-/media/image/h1/icon/icon_list_marker_important.gif") no-repeat 0 0.1em; }
ul li.Participant, dl dt.Participant { background: url("/-/media/image/h1/icon/icon_participant.gif") no-repeat 0 1px; }



/* [c14] Data Table
=========================================================================================== */

table td.noborder-b {
	border-bottom: 0px solid #000;
}

table td.noborder-t {
	border-top: 0px solid #000;
}

/* ---[-] レイアウトテーブルスタイル--- */

table.LayoutTable {
	margin: 0;
}

table.LayoutTable th {
	background-color: none;
	font-weight: normal;
}

table.LayoutTable th, table.LayoutTable td {
	padding: 0;
	font-size: 100%;
	border: none;
	line-height: none;
}

table.LayoutTable td strong,
table.LayoutTable td em,
table.LayoutTable td a { line-height: none; }

/* ---テーブル 二重線指定--- */
.LineW { border-bottom: 3px double #CCCCCC; }

/* ---テーブル セルの幅指定--- */
.Wide20px  { width:  20px; }
.Wide40px  { width:  40px; }
.Wide60px  { width:  60px; }
.Wide80px  { width:  80px; }
.Wide100px { width: 100px; }
.Wide120px { width: 120px; }
.Wide140px { width: 140px; }
.Wide160px { width: 160px; }
.Wide180px { width: 180px; }
.Wide200px { width: 200px; }
.Wide220px { width: 220px; }
.Wide240px { width: 240px; }
.Wide260px { width: 260px; }
.Wide280px { width: 280px; }
.Wide300px { width: 300px; }
.Wide320px { width: 320px; }
.Wide340px { width: 340px; }
.Wide360px { width: 360px; }
.Wide380px { width: 380px; }
.Wide400px { width: 400px; }
.Wide420px { width: 420px; }
.Wide440px { width: 440px; }
.Wide460px { width: 460px; }
.Wide480px { width: 480px; }

.Wide5Per  { width:  5%; }
.Wide10Per { width: 10%; }
.Wide15Per { width: 15%; }
.Wide20Per { width: 20%; }
.Wide25Per { width: 25%; }
.Wide30Per { width: 30%; }
.Wide35Per { width: 35%; }
.Wide40Per { width: 40%; }
.Wide45Per { width: 45%; }
.Wide50Per { width: 50%; }
.Wide55Per { width: 55%; }
.Wide60Per { width: 60%; }
.Wide65Per { width: 65%; }
.Wide70Per { width: 70%; }
.Wide75Per { width: 75%; }
.Wide80Per { width: 80%; }
.Wide85Per { width: 85%; }
.Wide90Per { width: 90%; }
.Wide95Per { width: 95%; }

/*-table scroll（solution.jsと連動）-*/

	@media screen and (max-width: 994px){
	
		.JS .Overflow table .nowrap {
			white-space: inherit;
			}
	}


	@media screen and (max-width:767px){
	
	.JS .Overflow {
		overflow-x: auto;
		margin-bottom: 10px;
		}
		
	.JS .Overflow::-webkit-scrollbar {
		height: 5px;
		}
		
	.JS .Overflow::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
		}
		
	.JS .Overflow::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
		}

	.JS .Overflow table {
		margin-bottom: 10px;
		}
	
	}

/* [c16] Box
=========================================================================================== */

/* ImgAdjustでのImgOnlyStyleがbox内にある場合の調整 -- */

	@media screen and (min-width: 768px){

	[class^="BoxPattern"] .ImgLeftAdjust .ImgOnlyStyle,
	[class^="BoxPattern"] .ImgRightAdjust .ImgOnlyStyle{
		padding-left:0;
		padding-right:0;
		}
	
	[class^="BoxPattern"] .ImgLeftAdjust:first-of-type .ImgOnlyStyle{
		padding-left:15px;
		}
		
	[class^="BoxPattern"] .ImgRightAdjust:first-of-type .ImgOnlyStyle{
		padding-right:15px;
		}
	}

/* .Containerがbox内にある場合の調整 -- */

[class^="BoxPattern"] .Container {
	padding-left:0;
	padding-right:0;
	}


/*BoxPatternA
-------------------------------------------------------------------------------------*/

/* -- [hisys] 枠囲みの中身を点線で区切る場合 -- */

.BoxPatternA .Inner .Item {
	padding-top: 15px;
	margin:0;
	border-top:1px dotted #BBB;
}

.BoxPatternA .Inner .Item.FirstItem {
	padding-top: 0;
	border-top:none;
}

/* -- [hisys] タイトルが画像の場合 -- */

.BoxPatternA p.Title.Img,
.BoxPatternA h2.Img,
.BoxPatternA h3.Img,
.BoxPatternA h4.Img {
	padding:0 !important;
	background:none !important;
	border:none !important;
}

.BoxPatternA p.Title.Img:before,
.BoxPatternA h2.Img:before,
.BoxPatternA h3.Img:before,
.BoxPatternA h4.Img:before {
	content:none !important;
}

/* -- [hisys] h2内のspanスタイル解除 -- */

.BoxPatternA h2 span {
	padding: 0;
    color: unset;
    background-color: unset;
    }



/* -- [hisys] BoxPatternA BoxA01 -- */

.BoxPatternA.BoxA01 {
    border: #E3E2E2 solid 3px;
    background: #f2f2f2!important;
   }
    
.BoxPatternA.BoxA01 p.Title,
.BoxPatternA.BoxA01 h2,
.BoxPatternA.BoxA01 h3,
.BoxPatternA.BoxA01 h4{
	/*padding: 15px 15px 0px;*/
	padding: 15px;
	border: none;
	background: none !important;
	margin-bottom:0px;
	color:#333;
	font-weight:bold;
	font-size: 90%;
	line-height: 1.35;
}
	
.BoxPatternA.BoxA01 p.Title strong {
	color:#333;
	font-weight:bold;
}

.BoxPatternA.BoxA01 h2 span{
	color:#333;
}


.BoxPatternA.BoxA01 .Inner{
	/*padding:15px 0 0;*/
	padding:0;
    border: none;
    background: none;
}

.BoxPatternA.BoxA01 p.Title a:link,
.BoxPatternA.BoxA01 p.Title a:visited,
.BoxPatternA.BoxA01 h2 a:link,
.BoxPatternA.BoxA01 h2 a:visited,
.BoxPatternA.BoxA01 h3 a:link,
.BoxPatternA.BoxA01 h3 a:visited,
.BoxPatternA.BoxA01 h4 a:link,
.BoxPatternA.BoxA01 h4 a:visited{
    color: #575757 !important;
    text-decoration: none;
    background:none;
    background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hd.gif) !important;
	background-size:16px 16px;
    padding-right:20px;
    background-repeat: no-repeat;
    background-position: right center;
    display:inline;
}

.BoxPatternA.BoxA01 p.Title a:hover,
.BoxPatternA.BoxA01 p.Title a:active,
.BoxPatternA.BoxA01 h2 a:hover,
.BoxPatternA.BoxA01 h2 a:active,
.BoxPatternA.BoxA01 h3 a:hover,
.BoxPatternA.BoxA01 h3 a:active,
.BoxPatternA.BoxA01 h4 a:hover,
.BoxPatternA.BoxA01 h4 a:active{
	text-decoration: underline;
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif) !important;
}

/* -- [hisys] BoxPatternA BoxA02 -- */

.BoxPatternA.BoxA02 {
    background-color: inherit;
    }
    
.BoxPatternA.BoxA02 p.Title,
.BoxPatternA.BoxA02 h2,
.BoxPatternA.BoxA02 h3,
.BoxPatternA.BoxA02 h4{
	font-size: 90%;
    border: none;
    font-weight: bold;
    background: none;
    color: #fff !important;
    background-color: #036F96 !important;
    padding: 10px 10px 8px 40px;
    margin-bottom: 0 !important;
    }
    
.BoxPatternA.BoxA02 p.Title strong {
	color:#fff;
	}
    
.BoxPatternA.BoxA02 .Inner {
	padding:15px 0 0;
	border: solid 1px #c8c8c8;
    background-color: #ffffff;
}

.BoxPatternA.BoxA02 p.Title::before,
.BoxPatternA.BoxA02 h2::before,
.BoxPatternA.BoxA02 h3::before,
.BoxPatternA.BoxA02 h4::before {
    content: url(/-/media/image/solution/icon/icon_infomation.png) !important;
    position: absolute;
    margin-left:-30px;
    padding: 0;
    left: inherit;
    top: inherit;
}

.BoxPatternA.BoxA02 p.Title a:link,
.BoxPatternA.BoxA02 p.Title a:visited,
.BoxPatternA.BoxA02 h2 a:link,
.BoxPatternA.BoxA02 h2 a:visited,
.BoxPatternA.BoxA02 h3 a:link,
.BoxPatternA.BoxA02 h3 a:visited,
.BoxPatternA.BoxA02 h4 a:link,
.BoxPatternA.BoxA02 h4 a:visited{
	color:#fff !important;
    text-decoration: none;
    background: none;
    background-image: url(/-/media/image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
    background-size: 16px 16px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline;
	}
	
.BoxPatternA.BoxA02 p.Title a:hover,
.BoxPatternA.BoxA02 p.Title a:active,
.BoxPatternA.BoxA02 h2 a:hover,
.BoxPatternA.BoxA02 h2 a:active,
.BoxPatternA.BoxA02 h3 a:hover,
.BoxPatternA.BoxA02 h3 a:active,
.BoxPatternA.BoxA02 h4 a:hover,
.BoxPatternA.BoxA02 h4 a:active{
	text-decoration: underline;
    padding-right: 22px;
}


.BoxPatternA.BoxA02 p.Title img {
	display:none;
}

.BoxPatternA.BoxA02 p.Title::after {
	content: "お知らせ";
}
		
.BoxPatternA.BoxA02 .Inner h4::before{
	margin-left:0 !important;
	position: relative;
}

/* -- [hisys] BoxPatternA BoxA03 -- */

.BoxPatternA.BoxA03{
    padding: 4px;    
    background: url(/-/media/image/h1/bg_box_a03.gif) repeat 0 0;
}
.BoxPatternA.BoxA03 p.Title,
.BoxPatternA.BoxA03 h2,
.BoxPatternA.BoxA03 h3,
.BoxPatternA.BoxA03 h4{
	font-size: 90%;
	margin: 0 ;
	border: none;
	background:none;
	background-color: #fff;
	color: #333;
	font-weight:bold;
	padding: 15px 15px 0;
}

.BoxPatternA.BoxA03 p.Title strong {
	color:#333;
	font-weight:bold;
}

.BoxPatternA.BoxA03 .Inner{
	padding:15px 0 1px;
	margin: 0 ;
	background-color: #fff;
    border:none;
}

.BoxPatternA.BoxA03 p.Title a:link,
.BoxPatternA.BoxA03 p.Title a:visited,
.BoxPatternA.BoxA03 h2 a:link,
.BoxPatternA.BoxA03 h2 a:visited,
.BoxPatternA.BoxA03 h3 a:link,
.BoxPatternA.BoxA03 h3 a:visited,
.BoxPatternA.BoxA03 h4 a:link,
.BoxPatternA.BoxA03 h4 a:visited{
    color: #575757 !important;
    text-decoration: none;
    background:none;
    background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hd.gif) !important;
	background-size:16px 16px;
    padding-right:20px;
    background-repeat: no-repeat;
    background-position: right center;
    display:inline;
}

.BoxPatternA.BoxA03 p.Title a:hover,
.BoxPatternA.BoxA03 p.Title a:active,
.BoxPatternA.BoxA03 h2 a:hover,
.BoxPatternA.BoxA03 h2 a:active,
.BoxPatternA.BoxA03 h3 a:hover,
.BoxPatternA.BoxA03 h3 a:active,
.BoxPatternA.BoxA03 h4 a:hover,
.BoxPatternA.BoxA03 h4 a:active{
	text-decoration: underline;
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif) !important;
}

/* -- [hisys] BoxPatternA BoxA04 -- */

.BoxPatternA.BoxA04 {
    background-color: inherit;
    }
    
.BoxPatternA.BoxA04 p.Title,
.BoxPatternA.BoxA04 h2,
.BoxPatternA.BoxA04 h3,
.BoxPatternA.BoxA04 h4{
	font-size: 90%;
	padding: 10px 15px;
	border: none;
	background: none;
	background-color: #737373 !important;
	margin-bottom:0px !important;
	color:#fff !important;
    line-height: 1.35em;
    min-height: inherit;
}
.BoxPatternA.BoxA04 p.Title strong {
	color:#fff;
	font-weight:bold;
	}
	
.BoxPatternA.BoxA04 p.Title a:link,
.BoxPatternA.BoxA04 p.Title a:visited{
	color:#fff;
	}
	
.BoxPatternA.BoxA04 p.Title a:hover{
	text-decoration:underline;
	}

.BoxPatternA.BoxA04 p.Title a:link,
.BoxPatternA.BoxA04 p.Title a:visited,
.BoxPatternA.BoxA04 h2 a:link,
.BoxPatternA.BoxA04 h2 a:visited,
.BoxPatternA.BoxA04 h3 a:link,
.BoxPatternA.BoxA04 h3 a:visited,
.BoxPatternA.BoxA04 h4 a:link,
.BoxPatternA.BoxA04 h4 a:visited{
	color:#fff !important;
    text-decoration: none;
    background: none;
    background-image: url(/-/media/image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
    background-size: 16px 16px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline;
	}
	
.BoxPatternA.BoxA04 p.Title a:hover,
.BoxPatternA.BoxA04 p.Title a:active,
.BoxPatternA.BoxA04 h2 a:hover,
.BoxPatternA.BoxA04 h2 a:active,
.BoxPatternA.BoxA04 h3 a:hover,
.BoxPatternA.BoxA04 h3 a:active,
.BoxPatternA.BoxA04 h4 a:hover,
.BoxPatternA.BoxA04 h4 a:active{
	text-decoration: underline;
    padding-right: 22px;
}

.BoxPatternA.BoxA04 .Inner{
	padding:15px 0 0;
    border: solid 1px #ccc;
	border-top: none;
    background-color: #fff;
}



/* -- [hisys] BoxPatternA BoxA05 -- */
.BoxPatternA.BoxA05 {
	box-shadow:0px 0px 0px 1px #aaa;
	border:4px solid #ffffff;
	padding:0;
	border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
	background-color:#fafafa;
	}

.BoxPatternA.BoxA05 p.Title,
.BoxPatternA.BoxA05 h2, 
.BoxPatternA.BoxA05 h3,
.BoxPatternA.BoxA05 h4{
	font-size: 90%;
	padding: 15px 15px 0;
	margin:0;
	border: none;
	background: none;
	color:#333 !important;
	font-weight:bold;
	background-color: inherit !important;
}

.BoxPatternA.BoxA05 p.Title strong {
	color:#333;
	font-weight:bold;
}

.BoxPatternA.BoxA05 .Inner {
	padding:15px 0 0;
	border:none;
	background:none;
}

.BoxPatternA.BoxA05 p.Title a:link,
.BoxPatternA.BoxA05 p.Title a:visited,
.BoxPatternA.BoxA05 h2 a:link,
.BoxPatternA.BoxA05 h2 a:visited,
.BoxPatternA.BoxA05 h3 a:link,
.BoxPatternA.BoxA05 h3 a:visited,
.BoxPatternA.BoxA05 h4 a:link,
.BoxPatternA.BoxA05 h4 a:visited{
    color: #575757 !important;
    text-decoration: none;
    background:none;
    background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hd.gif) !important;
	background-size:16px 16px;
    padding-right:20px;
    background-repeat: no-repeat;
    background-position: right center;
    display:inline;
}

.BoxPatternA.BoxA05 p.Title a:hover,
.BoxPatternA.BoxA05 p.Title a:active,
.BoxPatternA.BoxA05 h2 a:hover,
.BoxPatternA.BoxA05 h2 a:active,
.BoxPatternA.BoxA05 h3 a:hover,
.BoxPatternA.BoxA05 h3 a:active,
.BoxPatternA.BoxA05 h4 a:hover,
.BoxPatternA.BoxA05 h4 a:active{
	text-decoration: underline;
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif) !important;
}

/*事例サブタイトル「お客様の声」*/

.BoxPatternA.BoxA05 p.SubTitle {
	margin-bottom: 15px;
	padding: 3px 0;
	background: url("/-/media/image/h1/bg_box_a05_title.gif") no-repeat 0 100%;
	color: #0562a1;
	font-size: 90%;
	line-height: 1.35;
}



/* -- [hisys] BoxPatternA BoxA06 -- */
.BoxPatternA.BoxA06 {
	border:3px solid #a4ccec;
	padding:0;
	border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
	background-color:#fff;
	}

.BoxPatternA.BoxA06 p.Title,
.BoxPatternA.BoxA06 h2, 
.BoxPatternA.BoxA06 h3,
.BoxPatternA.BoxA06 h4{
	font-size: 90%;
	padding: 15px 15px 0;
	margin:0;
	border: none;
	background: none;
	color:#333;
	font-weight:bold;
}

.BoxPatternA.BoxA06 p.Title strong {
	color:#333;
	font-weight:bold;
}

.BoxPatternA.BoxA06 .Inner {
	padding:15px 0 5px;
	border:none;
	background:none;
}

.BoxPatternA.BoxA06 p.Title a:link,
.BoxPatternA.BoxA06 p.Title a:visited,
.BoxPatternA.BoxA06 h2 a:link,
.BoxPatternA.BoxA06 h2 a:visited,
.BoxPatternA.BoxA06 h3 a:link,
.BoxPatternA.BoxA06 h3 a:visited,
.BoxPatternA.BoxA06 h4 a:link,
.BoxPatternA.BoxA06 h4 a:visited{
    color: #575757 !important;
    text-decoration: none;
    background:none;
    background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hd.gif) !important;
	background-size:16px 16px;
    padding-right:20px;
    background-repeat: no-repeat;
    background-position: right center;
    display:inline;
}

.BoxPatternA.BoxA06 p.Title a:hover,
.BoxPatternA.BoxA06 p.Title a:active,
.BoxPatternA.BoxA06 h2 a:hover,
.BoxPatternA.BoxA06 h2 a:active,
.BoxPatternA.BoxA06 h3 a:hover,
.BoxPatternA.BoxA06 h3 a:active,
.BoxPatternA.BoxA06 h4 a:hover,
.BoxPatternA.BoxA06 h4 a:active{
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif) !important;
}

.BoxPatternA.BoxA06.CaseStudyBox h3 {
background: #f2f2f2 none repeat scroll 0 0;
border-bottom: 2px solid #036f96;
border-left: 4px solid #036f96;
font-size: 100%;
line-height: 1.35;
margin: 0 0 15px;
padding: 14px 10px 10px;
}

.BoxPatternA.BoxA06.CaseStudyBox h3 span {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
padding: 0;
color: #333333;
font-weight: bold;
}


/* -- [hisys] BoxPatternA BoxA07 -- */

.BoxPatternA.BoxA07 {
	border:1px solid #ebebeb;
	padding:0;
	border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
	background-color:#ebebeb;
	}

.BoxPatternA.BoxA07 p.Title,
.BoxPatternA.BoxA07 h2, 
.BoxPatternA.BoxA07 h3,
.BoxPatternA.BoxA07 h4{
	font-size: 90%;
	padding: 9px 10px 8px;
	margin:10px;
	border:2px solid #9c9c9c;
	border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
    background: none;
	background-color:#6d6d6d !important;
	color:#fff !important;
	font-weight:bold;
}

.BoxPatternA.BoxA07 p.Title strong {
	color:#fff;
	}


.BoxPatternA.BoxA07 .Inner {
	padding:15px 0 0;
	border:none;
	background:none;
}

.BoxPatternA.BoxA07 p.Title a:link,
.BoxPatternA.BoxA07 p.Title a:visited,
.BoxPatternA.BoxA07 h2 a:link,
.BoxPatternA.BoxA07 h2 a:visited,
.BoxPatternA.BoxA07 h3 a:link,
.BoxPatternA.BoxA07 h3 a:visited,
.BoxPatternA.BoxA07 h4 a:link,
.BoxPatternA.BoxA07 h4 a:visited{
	color:#fff !important;
    text-decoration: none;
    background: none;
    background-image: url(/-/media/image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
    background-size: 16px 16px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline;
}

.BoxPatternA.BoxA07 p.Title a:hover,
.BoxPatternA.BoxA07 p.Title a:active,
.BoxPatternA.BoxA07 h2 a:hover,
.BoxPatternA.BoxA07 h2 a:active,
.BoxPatternA.BoxA07 h3 a:hover,
.BoxPatternA.BoxA07 h3 a:active,
.BoxPatternA.BoxA07 h4 a:hover,
.BoxPatternA.BoxA07 h4 a:active{
	text-decoration: underline;
    padding-right: 22px;
}



/* --- [hisys] BoxPatternA BoxA08 （旧 MINONARUKIへのリンク） -- */

div.BoxPatternA.BoxA08 {
	border: none;
	background-color: #fff;
}

div.BoxPatternA.BoxA08 p.Title { margin: 0;padding:0;background:none;	border: none;
 }
 
div.BoxPatternA.BoxA08 p.Title img { margin: 0; vertical-align: bottom; }

div.BoxPatternA.BoxA08 p.Text,
div.BoxPatternA.BoxA08 h2,
div.BoxPatternA.BoxA08 h3,
div.BoxPatternA.BoxA08 h4 {
	background:#00496f linear-gradient(#009fd5, #00496f);
	padding:8px 10px;
	border:1px solid #009fd5;
	border-bottom:none;
	border-radius: 6px 6px 0 0 ;
    -webkit-border-radius: 6px 6px 0 0; 
    -moz-border-radius: 6px 6px 0 0;
    color:#fff;
    font-weight:bold;
    font-size: 90%;
    margin-bottom:0;
	}



div.BoxPatternA.BoxA08 .Inner {
	padding: 10px;
	background: #d8f2f8;
	border:1px solid #009fd5;
	border-top:none;
	border-radius: 0 0 6px 6px ;
    -webkit-border-radius: 0 0 6px 6px; 
    -moz-border-radius: 0 0 6px 6px;
}

div.BoxPatternA.BoxA08 .Inner .Img {
    text-align: center;
    padding-left: 0;
    padding-right:0;
    box-sizing: border-box;
    margin-right: 15px;
}

div.BoxPatternA.BoxA08 .Inner div.ImgW260SetStyle div.ImgSet {
    border-radius: 8px;
    padding: 10px !important;
    background: #fff;
    margin:0 !important;
    float: none;
}
	
div.BoxPatternA.BoxA08 .Inner div.ImgW260SetStyle div.ImgSet .ColumnSet {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    justify-content:center;
    margin:0;
}
div.BoxPatternA.BoxA08 .Inner div.ImgW260SetStyle div.ImgSet .ColumnSet p {
	padding:0 3px;
	}

	@media screen and (max-width: 767px){

	.JS div.BoxPatternA.BoxA08 .Inner div.ImgW260SetStyle {
	    display: block;
		}
		
	.JS div.BoxPatternA.BoxA08 .Inner div.ImgW260SetStyle div.ImgSet {
		overflow: inherit;
		}
		
	.JS div.BoxPatternA.BoxA08 .Inner div.ImgW260SetStyle p.Img {
		width:100% !important;
		text-align:center;
		float:none;
		}
		
	.JS div.BoxPatternA.BoxA08 .Inner div.ImgW260SetStyle div.ImgSet .ColumnSet img {
		padding:0 5px;
		}
		

	}

/*Grid1用*/
.Grid1 div.BoxPatternA.BoxA08 .Inner {
	padding:10px 0 0 0;
}

	@media screen and (max-width: 767px){

		.JS .Grid1 div.BoxPatternA.BoxA08 .ImgOnlyStyle:first-child{
			float:none;
			width:100%;
			margin-left:0;
			}
			
		.JS .Grid1 div.BoxPatternA.BoxA08 .ImgOnlyStyle {
			text-align:center;
			}
	}
	
	
	
/* -- [hisys] BoxPatternA BoxA09 -- */

.BoxPatternA.BoxA09 {
    background-color: #f2f2f2;
    padding-bottom: 1px;
    }
    
.BoxPatternA.BoxA09 p.Title,
.BoxPatternA.BoxA09 h2,
.BoxPatternA.BoxA09 h3,
.BoxPatternA.BoxA09 h4{
	font-size: 90%;
	padding: 10px 15px;
	border: none;
	background: none;
	background-color: #737373 !important;
	margin-bottom:0px !important;
	color:#fff !important;
    line-height: 1.35em;
    min-height: inherit;
}
.BoxPatternA.BoxA09 p.Title strong {
	color:#fff;
	font-weight:bold;
	}
	
.BoxPatternA.BoxA09 p.Title a:link,
.BoxPatternA.BoxA09 p.Title a:visited{
	color:#fff;
	}
	
.BoxPatternA.BoxA09 p.Title a:hover{
	text-decoration:underline;
	}

.BoxPatternA.BoxA09 p.Title a:link,
.BoxPatternA.BoxA09 p.Title a:visited,
.BoxPatternA.BoxA09 h2 a:link,
.BoxPatternA.BoxA09 h2 a:visited,
.BoxPatternA.BoxA09 h3 a:link,
.BoxPatternA.BoxA09 h3 a:visited,
.BoxPatternA.BoxA09 h4 a:link,
.BoxPatternA.BoxA09 h4 a:visited{
	color:#fff !important;
    text-decoration: none;
    background: none;
    background-image: url(/-/media/image/jp/r1/icon/icon_link_right_l_white_hd.gif) !important;
    background-size: 16px 16px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    display: inline;
	}
	
.BoxPatternA.BoxA09 p.Title a:hover,
.BoxPatternA.BoxA09 p.Title a:active,
.BoxPatternA.BoxA09 h2 a:hover,
.BoxPatternA.BoxA09 h2 a:active,
.BoxPatternA.BoxA09 h3 a:hover,
.BoxPatternA.BoxA09 h3 a:active,
.BoxPatternA.BoxA09 h4 a:hover,
.BoxPatternA.BoxA09 h4 a:active{
	text-decoration: underline;
    padding-right: 22px;
}

.BoxPatternA.BoxA09 .Inner{
	padding:15px 0 0;
    border: none;
    background-color: #f2f2f2;
}



/* -- [hisys] BoxPatternA BoxA10（セミナー個別ページ：特別講師） --- */

.BoxPatternA.BoxA10 {
	padding-bottom:0;
}

.BoxPatternA.BoxA10 p.Title,
.BoxPatternA.BoxA10 h2,
.BoxPatternA.BoxA10 h3,
.BoxPatternA.BoxA10 h4{
	border-top: 2px solid #fcd6a1;
	border-left: 1px solid #fcd6a1;
	border-right: 1px solid #fcd6a1;
	background: rgb(255,242,218);
	background: linear-gradient(180deg, rgba(255,242,218,1) 0%, rgba(255,242,218,1) 21%, rgba(255,224,166,1) 51%);
	margin-bottom: 0px !important;
	font-size: 90%;
}

.BoxPatternA.BoxA10 p.Title strong {
	color:#333;
	font-weight:bold;
}

.BoxPatternA.BoxA10 .Inner {
	padding:15px 0 5px;
    border: solid 1px #fcd6a1;
    background-color: #ffffeb;
}


/* -- [hisys] BoxPatternA BoxA11 -- */

.BoxPatternA.BoxA11 {
    background-color: inherit;
    }
    
.BoxPatternA.BoxA11 p.Title,
.BoxPatternA.BoxA11 h2,
.BoxPatternA.BoxA11 h3,
.BoxPatternA.BoxA11 h4{
	font-size: 90%;
	padding: 10px 15px;
	border: 1px solid #ddd;
	background: none;
	background-color: #f2f2f2 !important;
	margin-bottom: 0px !important;
	color: #333 !important;
	line-height: 1.35em;
	min-height: inherit;
}

.BoxPatternA.BoxA11 .Inner{
	padding:15px 0 0;
    border: solid 1px #ddd;
	border-top: none;
    background-color: #fff;
}




/*BoxPatternB 
-------------------------------------------------------------------------------------*/


/* -- [hisys] BoxPatternB BoxB01（sustainabilityにて使用） -- */

div.BoxPatternB.BoxB01 {
background:#f2f2f2;
border:0;
padding-bottom: 1px;
}


/*BoxPatternC 
-------------------------------------------------------------------------------------*/

/* -- Grid1 BoxPatternC（旧お問い合わせ、資料請求欄） -- */

.Grid1 .__contact .BoxPatternC{
	border:1px solid #cccccc;
	padding:10px 0 0 0;
	text-align:center;
    background: #fff;
}
.Grid1 .__contact .BoxPatternC ul {
	padding:0;
}

	@media screen and (max-width: 994px){
	
	.JS .Grid1 .__contact .BoxPatternC {
		padding-left:10px;
		padding-right:10px;
		}
	}

/* -- [hisys] BoxPatternC BoxC01  -- */

div.BoxPatternC.BoxC01 {
	border:3px solid #ccc;
	padding:15px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
 }
 
 
 
 /* -- [hisys] BoxPatternC BoxC02（商品ページ：導入事例へのリンク） -- */


div.BoxPatternC.BoxC02 {
	border: solid 1px #cccccc;
	background: url("/-/media/image/h1/bg_box_c02.gif") repeat-x 0 100% #ffffff;
	box-sizing: inherit;
	position:relative;
	z-index:2;
}

div.BoxPatternC.BoxC02 p.CatchCopy {
	font-size: 83%;
	margin-bottom: 5px;
	letter-spacing: 0;
}

div.BoxPatternC.BoxC02 p.Title {
	margin-bottom: 5px;
	font-size: 83%;
}
div.BoxPatternC.BoxC02 p.Title:before {
    content: url("/-/media/image/h1/bg_box_c02_title.gif") ;
    padding: 0 7px 0 0;
    position: relative;
    left: 0em;
    top: 0.1em;
}

div.BoxPatternC.BoxC02 div.RelatedKeyword p.ImgOnlyStyle img { margin-top: 0; }
div.BoxPatternC.BoxC02 div.RelatedKeyword p.TextStyle2 {
	margin-bottom: 10px;
	font-size: 67%;
}

div.BoxPatternC.BoxC02 div.RelatedKeyword p.TextStyle2 img {
	margin-right: 4px;
	vertical-align: -0.3em;
}

/*事例一覧リンクhover設定(BoxC02全体をクリッカブルに。cssのみで稼働)*/

div.BoxPatternC.BoxC02.bl a::after {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	pointer-events:auto;
	content:"";
	background-color:rgba(0,0,0,0);
}
div.BoxPatternC.BoxC02.bl:hover {
	background: url("/-/media/image/h1/bg_box_c02_hover.gif") repeat-x scroll 0 100% #FFFFFF  !important;
}

/*事例一覧リンクhover設定(BoxC02全体をクリッカブルに。/js/jquery_biggerlink.jsと連動)*/

div.BoxPatternC.bl-hover {
	background: url("/-/media/image/h1/bg_box_c02_hover.gif") repeat-x scroll 0 100% #FFFFFF  !important;
	cursor:pointer !important;
}
div.BoxPatternC.bl-hover a{
	text-decoration:underline;
}

.bl-hot>div h3 a.bl-bigger {
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl.gif);
}

.bl-hover>div h3 a.bl-bigger {
	text-decoration: underline!important;
	background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hover.gif);
}

	@media screen and (min-width: 1px){
	.bl-hot>div h3 a.bl-bigger {
		background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hd.gif);
		}
		
	.bl-hover>div h3 a.bl-bigger {
		text-decoration: underline!important;
		background-image: url(/-/media/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);
		}

	.bl-hover>div h3 a.bl-bigger,
	.bl-hot>div h3 a.bl-bigger {
		background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;
		}

	}



 /* -- [hisys] BoxPatternC BoxC03（薄グレー） -- */

div.BoxPatternC.BoxC03 {
	border:none;
	background-color:#f2f2f2;
	padding-bottom:1px;
 }



 /* -- [hisys] BoxPatternC BoxC05（角丸） -- */

div.BoxPatternC.BoxC05 {
	border:1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	background-color:#FFF;
	padding-bottom: 0px;

 }



 /* -- [hisys] BoxPatternC BoxC06（水色） -- */

div.BoxPatternC.BoxC06 {
    border: solid 4px #a3def4;
    background-color: #f8feff;
}


/* [c18] Content/Tab Navigation System
=========================================================================================== */

/* [hisys] CategoryNavi (Blue)*/

#Blue .CategoryNavi ul,
#Blue .TabNavi ul {
	background-color: #036F96;
}

#Blue .CategoryNavi li,
#Blue .TabNavi li {
	background: url(/-/media/image/jp/r1/bg_category_navi_bl.gif) no-repeat right center;
}

#Blue .CategoryNavi li a:hover,
#Blue .CategoryNavi li a:active,
#Blue .CategoryNavi li.Current a,
#Blue .CategoryNavi ul.Top2 li a:hover,
#Blue .CategoryNavi ul.Top2 li a:active,
#Blue .TabNavi li a:hover,
#Blue .TabNavi li a:active,
#Blue .TabNavi li.Current a {
	background-color: #0089AE!important;
}

#Blue .CategoryNavi li a:hover:after,
#Blue .CategoryNavi li a:active:after,
#Blue .CategoryNavi li.Current a:after,
#Blue .CategoryNavi ul.Top2 li a:hover:after,
#Blue .CategoryNavi ul.Top2 li a:active:after,
#Blue .TabNavi li a:hover:after,
#Blue .TabNavi li a:active:after,
#Blue .TabNavi li.Current a:after {
	width: 22px;
	height: 9px;
	bottom: -9px;
	background: url(/-/media/image/jp/r1/bg_gn_current_bl.gif) no-repeat;
}

	@media screen and (max-width: 767px){
	.JS #Blue .CategoryNavi li a:hover,
	.JS #Blue .CategoryNavi li a:active,
	.JS #Blue .CategoryNavi li.Current a,
	.JS #Blue .CategoryNavi ul.Top2 li a:hover,
	.JS #Blue .CategoryNavi ul.Top2 li a:active,
	.JS #Blue .TabNavi li a:hover,
	.JS #Blue .TabNavi li a:active,
	.JS #Blue .TabNavi li.Current a,
	.JS #Blue .CategoryNavi li:first-child a:hover,
	.JS #Blue .CategoryNavi li:first-child a:active,
	.JS #Blue .CategoryNavi li:first-child.Current a,
	.JS #Blue .TabNavi li:first-child a:hover,
	.JS #Blue .TabNavi li:first-child a:active,
	.JS #Blue .TabNavi li:first-child.Current a,
	.JS #Blue .TabNavi ul:first-child li.Current:first-child a,
	.JS #Blue .TabNavi ul:first-child li.Current:first-child a{
		border-top: solid 1px #0089AE;
		
		}

	#Blue .CategoryNavi li a:hover:after,
	#Blue .CategoryNavi li a:active:after,
	#Blue .CategoryNavi li.Current a:after,
	#Blue .CategoryNavi ul.Top2 li a:hover:after,
	#Blue .CategoryNavi ul.Top2 li a:active:after,
	#Blue .TabNavi li a:hover:after,
	#Blue .TabNavi li a:active:after,
	#Blue .TabNavi li.Current a:after {
		background: none;
		}
	
	.JS #Blue .CategoryNavi li a:link,
	.JS #Blue .CategoryNavi li a:visited,
	.JS #Blue .TabNavi li a:link,
	.JS #Blue .TabNavi li a:visited {
		border-top: solid 1px #036F96;
		}
	
	}





/* [c26-opt2-1] 動画再生ユニット > Light Box > 画像
=========================================================================================== */

/*再生ボタン非表示*/

.ImgOnlyStyle .ModalYouTubeLink.noBtn:before, 
.ImgOnlyStyle .ModalYouTubeLink.noBtn:after {
	content: none;
}

.ImgOnlyStyle .ModalYouTubeLink.noBtn span:after {
	content: none;
}



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

HISYS original module

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

/* CSS MouseOver Setting
=========================================================================================== */

img.hasOverImage {
	-webkit-transition:0.1s ease-in;
	-moz-transition:0.1s ease-in;
	-o-transition:0.1s ease-in;
	transition:0.1s ease-in;
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

img.hasOverImage:hover {
	-webkit-opacity:0.8;
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}




/* [-]SeminarsArea
=========================================================================================== */
#SeminarsArea{
	margin:0 0 20px 0;
	padding:3px 0;
}

#SeminarsArea .Seminar{
	position:relative;
	margin-top:7px;
	padding:18px 0 18px 0;
}

#SeminarsArea > .Seminar:first-child{
	margin-top:0;
}

#SeminarsArea > .Seminar:hover{
	background-color:#eee;
}

#SeminarsArea .Seminar *{
	margin:0;
}

#SeminarsArea .Seminar + .Seminar:before{
	content:"";
	position:absolute;
	top:-4px;
	left:0;
	display:block;
	width:100%;
	border-top:1px solid #d1d0ca;
}

#SeminarsArea .Seminar + .Seminar::before{
	content:"";
	position:absolute;
	top:-4px;
	left:0;
	display:block;
	width:100%;
	border-top:1px solid #d1d0ca;
}

#SeminarsArea .Seminar a{
	color:#06417e !important;
}

#SeminarsArea .Seminar .Date,
#SeminarsArea .Seminar .Date + div{
	display:table-cell;
	padding:0 8px;
	vertical-align:middle;
}

#SeminarsArea .Seminar .Date{
	padding-left:24px;
	width:180px;
	box-sizing:border-box;
}

#SeminarsArea .Seminar .Date + div{
	padding-right:24px;
}

#SeminarsArea .Seminar .Date:before {
	content:"";
	display: block;
	margin-bottom: 5px;
	padding: 2px 0;
	width: 8em;
	text-align: center;
	color: #fff;
	background-color: #CC0001;
}

#SeminarsArea .Seminar .Date::before {
	content:"";
	display: block;
	margin-bottom: 5px;
	padding: 2px 0;
	width: 8em;
	text-align: center;
	color: #fff;
	background-color: #CC0001;
}


/*icon*/

#SeminarsArea .Seminar .Date:before{
	content:"SEMINAR";
}
#SeminarsArea .Seminar .Date::before{
	content:"SEMINAR";
}
#SeminarsArea .Seminar.Pickup .Date:before {
	content:"PICKUP";
}
#SeminarsArea .Seminar.Pickup .Date::before {
	content:"PICKUP";
}
#SeminarsArea .Seminar.Exhibition .Date:before,
#SeminarsArea .Seminar.Exhibition .Date::before {
	content:"EVENT";
}

#SeminarsArea .Seminar.Event .Date:before,
#SeminarsArea .Seminar.Event .Date::before {
	content:"EVENT";
}

#SeminarsArea .Seminar h3 {
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	color: #737373;
	line-height: 130%;
	background: none;
	border: none;
}

	@media only screen and (max-width: 579px) {

	.JS #SeminarsArea .Seminar .Date,
	.JS #SeminarsArea .Seminar .Date + div{
		display:block;
		}
		
	.JS #SeminarsArea .Seminar .Date{
		width:100%;
		padding-bottom: 10px;
		}
	
	.JS #SeminarsArea .Seminar .Date + div{
		padding-left: 24px;
		}
		
	.JS #SeminarsArea .Seminar .Date br{
		display:none;
		}
		
	}

	@media only screen and (max-width: 480px) {

	.JS #SeminarsArea .Seminar .Date,
	.JS #SeminarsArea .Seminar .Date + div{
		padding-left: 18px;
		}

	}



/* [-]FAQ style
=========================================================================================== */

div.FAQSetStyle p.Img {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 10px;
	width: 20px;
	text-align: center;
	}
div.FAQSetStyle p.Img img {
	vertical-align: top;
	}
div.FAQSetStyle div.ImgSet {
	overflow:hidden;
	}

div.FAQSetStyle div.ImgSet h2,
div.FAQSetStyle div.ImgSet h3 {
	margin: 0 0 5px;
	padding: 0;
	background: none;
	border: none;
	font-size: 90%;
}



/* [-] 小見出し付き説明文
=========================================================================================== */

dl.DefinitionListStyle1,
dl.DefinitionListStyle2 { margin: 0 0 15px; }

dl.DefinitionListStyle1 dt,
dl.DefinitionListStyle2 dt {
	margin: 0 0 10px;
	font-weight: bold;
}

dl.DefinitionListStyle1 dd,
dl.DefinitionListStyle2 dd {
	margin: 0 0 10px;
}

dl.DefinitionListStyle1 { font-size: 90%; }
dl.DefinitionListStyle2 {
	font-size: 83%;
	letter-spacing: 0;
}

table th dl.DefinitionListStyle1, table td dl.DefinitionListStyle1,
table th dl.DefinitionListStyle2, table td dl.DefinitionListStyle2 {
	font-size: unset;
}

dl.DefinitionListStyle1 ul,
dl.DefinitionListStyle1 ol,
dl.DefinitionListStyle2 ul,
dl.DefinitionListStyle2 ol { font-size: 100%; }


dl.DefinitionListStyle1A,
dl.DefinitionListStyle2A { margin: 0 0 15px; }

dl.DefinitionListStyle1A dt,
dl.DefinitionListStyle2A dt {
	margin: 0 0 3px;
}

dl.DefinitionListStyle1A dd,
dl.DefinitionListStyle2A dd {
	margin: 0 0 0 30px;
}

dl.DefinitionListStyle1A { font-size: 90%; }
dl.DefinitionListStyle2A {
	font-size: 83%;
	letter-spacing: 0;
}

table th dl.DefinitionListStyle1A, table td dl.DefinitionListStyle1A,
table th dl.DefinitionListStyle2A, table td dl.DefinitionListStyle2A {
	font-size: unset;
}

dl.DefinitionListStyle1A ul,
dl.DefinitionListStyle1A ol,
dl.DefinitionListStyle2A ul,
dl.DefinitionListStyle2A ol { font-size: 100%; }

dl.DefinitionListStyle1B,
dl.DefinitionListStyle2B,
dl.DefinitionListStyle1C,
dl.DefinitionListStyle2C { margin: 0 0 15px; }

dl.DefinitionListStyle1B dt,
dl.DefinitionListStyle2B dt,
dl.DefinitionListStyle1C dt,
dl.DefinitionListStyle2C dt {
	margin: 0 0 8px;
	padding: 0 0 5px;
	font-weight: bold;
}

dl.DefinitionListStyle1B dt,
dl.DefinitionListStyle2B dt { background: url("/-/media/image/h1/bg_dl_a_title.gif") no-repeat 0 100%; }

dl.DefinitionListStyle1C dt,
dl.DefinitionListStyle2C dt { background: url("/-/media/image/h1/bg_dl_b_title.gif") no-repeat 0 100%; }

dl.DefinitionListStyle1B dd,
dl.DefinitionListStyle2B dd,
dl.DefinitionListStyle1C dd,
dl.DefinitionListStyle2C dd {
	margin: 0;
}

dl.DefinitionListStyle1B,
dl.DefinitionListStyle1C { font-size: 90%; }

dl.DefinitionListStyle2B,
dl.DefinitionListStyle2C {
	font-size: 83%;
	letter-spacing: 0;
}

table th dl.DefinitionListStyle1B, table td dl.DefinitionListStyle1B,
table th dl.DefinitionListStyle2B, table td dl.DefinitionListStyle2B,
table th dl.DefinitionListStyle1C, table td dl.DefinitionListStyle1C,
table th dl.DefinitionListStyle2C, table td dl.DefinitionListStyle2C {
	font-size: unset;
}

dl.DefinitionListStyle1B ul,
dl.DefinitionListStyle1B ol,
dl.DefinitionListStyle2B ul,
dl.DefinitionListStyle2B ol,
dl.DefinitionListStyle1C ul,
dl.DefinitionListStyle1C ol,
dl.DefinitionListStyle2C ul,
dl.DefinitionListStyle2C ol { font-size: 100%; }



/* [] インデントリスト
=========================================================================================== */

.IndentStyle1, .IndentStyle2{
	margin:0 0 15px;
	padding:0px;
	text-align:left;
	list-style-type:none;
}

.IndentStyle1 li, .IndentStyle2 li, .IndentStyle1 dt, .IndentStyle2 dt, .IndentStyle1 dd, .IndentStyle2 dd{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:5px;
	/*line-height:1.6em;*/
}
.IndentStyle1 {
	font-size:90%;
}
.IndentStyle2 {
	font-size:83%;
}
.IndentStyle1 .i15, .IndentStyle2 .i15{
	padding-left:1.5em;
	text-indent:-1.5em;
}
.IndentStyle1 .i20, .IndentStyle2 .i20{
	padding-left:2.0em;
	text-indent:-2.0em;
}
.IndentStyle1 .i25, .IndentStyle2 .i25{
	padding-left:2.5em;
	text-indent:-2.5em;
}
.IndentStyle1 .i30, .IndentStyle2 .i30{
	padding-left:3.0em;
	text-indent:-3.0em;
}
.IndentStyle1 .i0, .IndentStyle2 .i0{
	padding-left:0em;
	text-indent:0em;
}


/* [] インデント（単体）
=========================================================================================== */
.Indent_05 {
	padding-left:0.5em;
	text-indent:-0.5em;
}
.Indent_10 {
	padding-left:1em;
	text-indent:-1em;
}
.Indent_12 {
	padding-left:1.25em;
	text-indent:-1.25em;
}
.Indent_15 {
	padding-left:1.5em;
	text-indent:-1.5em;
}
.Indent_20 {
	padding-left:2em;
	text-indent:-2em;
}
.Indent_25 {
	padding-left:2.5em;
	text-indent:-2.5em;
}
.Indent_30 {
	padding-left:3em;
	text-indent:-3em;
}
.Indent_35 {
	padding-left:3.5em;
	text-indent:-3.5em;
}
.Indent_40 {
	padding-left:4em;
	text-indent:-4em;
}
.Indent_45 {
	padding-left:4.5em;
	text-indent:-4.5em;
}
.Indent_50 {
	padding-left:5em;
	text-indent:-5em;
}
.Indent_55 {
	padding-left:5.5em;
	text-indent:-5.5em;
}
.Indent_60 {
	padding-left:6em;
	text-indent:-6em;
}
.Indent_65 {
	padding-left:6.5em;
	text-indent:-6.5em;
}
.Indent_70 {
	padding-left:7em;
	text-indent:-7em;
}
.Indent_75 {
	padding-left:7.5em;
	text-indent:-7.5em;
}

/*Indentがbox内にある場合の調整 -- */

[class^="BoxPattern"] .Indent_05 {
	padding-left:1.5em;
	text-indent:-0.5em;
}
[class^="BoxPattern"] .Indent_10 {
	padding-left:2em;
	text-indent:-1em;
}
[class^="BoxPattern"] .Indent_12 {
	padding-left:2.25em;
	text-indent:-1.25em;
}
[class^="BoxPattern"] .Indent_15 {
	padding-left:2.5em;
	text-indent:-1.5em;
}
[class^="BoxPattern"] .Indent_20 {
	padding-left:3em;
	text-indent:-2em;
}
[class^="BoxPattern"] .Indent_25 {
	padding-left:3.5em;
	text-indent:-2.5em;
}
[class^="BoxPattern"] .Indent_30 {
	padding-left:4em;
	text-indent:-3em;
}
[class^="BoxPattern"] .Indent_35 {
	padding-left:4.5em;
	text-indent:-3.5em;
}
[class^="BoxPattern"] .Indent_40 {
	padding-left:5em;
	text-indent:-4em;
}
[class^="BoxPattern"] .Indent_45 {
	padding-left:5.5em;
	text-indent:-4.5em;
}
[class^="BoxPattern"] .Indent_50 {
	padding-left:6em;
	text-indent:-5em;
}
[class^="BoxPattern"] .Indent_55 {
	padding-left:6.5em;
	text-indent:-5.5em;
}
[class^="BoxPattern"] .Indent_60 {
	padding-left:7em;
	text-indent:-6em;
}
[class^="BoxPattern"] .Indent_65 {
	padding-left:7.5em;
	text-indent:-6.5em;
}
[class^="BoxPattern"] .Indent_70 {
	padding-left:8em;
	text-indent:-7em;
}
[class^="BoxPattern"] .Indent_75 {
	padding-left:8.5em;
	text-indent:-7.5em;
}


/* [] 画像用リスト
=========================================================================================== */

/* ---[] 画像用リスト > 縦並び--- */

ul.VerticalImageList1,
ul.VerticalImageList2 { margin: 0 0 15px; }

ul.VerticalImageList1 li,
ul.VerticalImageList2 li {
	padding: 0;
	background: none;
	line-height: 1.35;
}

ul.VerticalImageList1 li.LastItem,
ul.VerticalImageList2 li.LastItem { margin-bottom: 0; }
ul.VerticalImageList1 li img,
ul.VerticalImageList2 li img { vertical-align: bottom; }
ul.VerticalImageList1 li { margin: 0 0 5px; }
ul.VerticalImageList2 li { margin: 0 0 10px; }

	@media screen and (max-width: 767px){
	.JS ul.VerticalImageList1,
	.JS ul.VerticalImageList2 {
		text-align: center;
		padding: 10px 0 15px 0;
		margin: 0 0 15px;
		}
		
	}

/* ---[] 画像用リスト > 横並び > 左寄せ--- */

ul.HorizontalImageList1 {
	margin: 0 0 15px;
	letter-spacing: 0;
}

ul.HorizontalImageList1 li {
	display: inline;
	margin: 0 2px 4px 0;
	padding: 1px 0;
	background: none;
	line-height: 1.35;
}

ul.HorizontalImageList1 li img {
	margin-bottom:5px;
}


/* ---[] 画像用リスト > 横並び > 右寄せ--- */

ul.HorizontalImageList2 {
	margin: 0 0 15px;
	text-align: right;
	letter-spacing: 0;
}

ul.HorizontalImageList2 li {
	display: inline;
	margin: 0 0 4px 2px;
	padding: 1px 0;
	background: none;
	line-height: 1.35;
}

ul.HorizontalImageList2 li img {
	margin-bottom:5px;
}


/*	@media screen and (max-width:579px){

	.JS ul.HorizontalImageList2 li a {
		display: block;
		margin-bottom: 15px;
		}
	}*/
	
/* ---[] 画像用リスト > 横並び > 中央寄せ--- */

ul.HorizontalImageList3 {
	margin: 0 0 15px;
	text-align: center;
	letter-spacing: 0;
}

ul.HorizontalImageList3 li {
	display: inline;
	margin: 0 1px 4px 1px;
	padding: 1px 0;
	background: none;
	line-height: 1.35;
}

ul.HorizontalImageList3 li img {
	margin-bottom:5px;
}

/* ---[] 画像用リスト > 横並び > 中央寄せ > キャプションあり--- */

.HorizontalImageList4 {
	text-align:center;
	font-size: 0;/*改行による隙間を消す*/
}

.HorizontalImageList4 .item {
	display:inline-block;
	vertical-align: top;
	padding:10px;
	font-size:1rem;
	/*box-sizing: border-box;*/
}

.HorizontalImageList4 p.ImgOnlyStyle {
	font-size:0.83rem;
}
.HorizontalImageList4 img {
	max-width:100%
}

.HorizontalImageList4.w90 .item {width: 90px;}
.HorizontalImageList4.w100 .item {width: 100px;}
.HorizontalImageList4.w110 .item {width: 110px;}
.HorizontalImageList4.w120 .item {width: 120px;}
.HorizontalImageList4.w130 .item {width: 130px;}
.HorizontalImageList4.w140 .item {width: 140px;}
.HorizontalImageList4.w150 .item {width: 150px;}
.HorizontalImageList4.w160 .item {width: 160px;}
.HorizontalImageList4.w170 .item {width: 170px;}
.HorizontalImageList4.w180 .item {width: 180px;}
.HorizontalImageList4.w190 .item {width: 190px;}
.HorizontalImageList4.w200 .item {width: 200px;}
.HorizontalImageList4.w210 .item {width: 210px;}
.HorizontalImageList4.w220 .item {width: 220px;}
.HorizontalImageList4.w230 .item {width: 230px;}
.HorizontalImageList4.w240 .item {width: 240px;}
.HorizontalImageList4.w250 .item {width: 250px;}
.HorizontalImageList4.w260 .item {width: 260px;}
.HorizontalImageList4.w270 .item {width: 270px;}
.HorizontalImageList4.w280 .item {width: 280px;}
.HorizontalImageList4.w290 .item {width: 290px;}
.HorizontalImageList4.w300 .item {width: 300px;}
.HorizontalImageList4.w310 .item {width: 310px;}
.HorizontalImageList4.w320 .item {width: 320px;}
.HorizontalImageList4.w330 .item {width: 330px;}
.HorizontalImageList4.w340 .item {width: 340px;}
.HorizontalImageList4.w350 .item {width: 350px;}

.HorizontalImageList4.per45 .item {width: 45%;}
.HorizontalImageList4.per50 .item {width: 50%;}
.HorizontalImageList4.per90 .item {width: 90%;}
.HorizontalImageList4.per93 .item {width: 93%;}

	@media screen and (max-width: 767px){
	
	.HorizontalImageList4.clearM .item {
		display: block;
		width: 100% !important;
		padding:0 0 10px 0;
		}
	}

	@media screen and (max-width: 579px){
	
	.HorizontalImageList4.clearS .item {
		display: block;
		width: 100%;
		padding:0 0 10px 0;
		}
	}
	
	@media screen and (max-width: 399px) {
	
	.HorizontalImageList4 .item {width: unset !important;text-align:center;}
	
	}


/* [] 重要なボタン
=========================================================================================== */
div.ImportantButton {
	text-align: center;
	margin-bottom:15px;
}
	
div.ImportantButton ul {
	margin: 0 auto 15px;
	padding: 5px;
	/*width: 80%;*/
	font-size: 90%;
	letter-spacing: 0;
    border-radius: 5px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	display:inline-block;
}
div.ImportantButton ul li {
	display: block;
	padding: 15px 25px 15px 15px;
	background-repeat: no-repeat;
	background-position: 15px 50%;
	font-weight:bold;
	float:none;
}

div.ImportantButton ul li span a {
	display: block;
	padding: 0px 0px 0px 40px !important;
	vertical-align: middle;
	text-align:left !important;
	margin:0 !important;
	font-size: unset;
	background-image:none;
}
div.ImportantButton ul li.NewWin span a{
	padding: 5px 40px 5px 40px !important;
	background: url("/-/image/h1/btn/btn_important_icon_pop.gif") no-repeat 100% 50%;
}

div.ImportantButton ul a:link,
div.ImportantButton ul a:visited,
div.ImportantButton ul a:active {
	background-color: inherit;
	text-decoration: none;
	color:#15397b;
}

div.ImportantButton ul a:hover{
	text-decoration:none !important;
	background-color: inherit;
}

div.ImportantButton ul.ButtonStyle1 {
	border:3px solid #446aaf;
}

div.ImportantButton ul.ButtonStyle1 li {
	background-color:#f8f8f8;
	background-image: url("/-/media/image/h1/btn/btn_important_icon_right.gif"); 
}
div.ImportantButton ul.ButtonStyle1 li:hover {
	background-color:#f4f8ff;
}


div.ImportantButton ul.ButtonStyle2 {
	border:3px solid #de6060;
}

div.ImportantButton ul.ButtonStyle2 li {
	background-image: url("/-/media/image/h1/btn/btn_important_red_icon_right.gif"); 
}

div.ImportantButton .ButtonStyle1 a:link,
div.ImportantButton .ButtonStyle2 a:link,
div.ImportantButton .ButtonStyle1 a:visited,
div.ImportantButton .ButtonStyle2 a:visited {
	border-right: none !important;
}
div.ImportantButton .ButtonStyle1 a:hover,
div.ImportantButton .ButtonStyle2 a:hover,
div.ImportantButton .ButtonStyle1 a:active,
div.ImportantButton .ButtonStyle2 a:active {
	border-right: none !important;
}




/* [] 申し込みボタン
=========================================================================================== */

/*申し込みボタン*/
.btn_application {
	margin: 0 auto 15px;
	text-align: center;
}
.btn_application a{
	position:relative;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #64bcf1 5%, #053b7d 100%);
	background-color:#64bcf1;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:6px 20px 6px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #053b7d;
}
.btn_application a:hover {
	background:linear-gradient(to bottom, #66ccff 5%, #094c97 100%);
	background-color:#1e62d0;
}
.btn_application a:active {
	position:relative;
	top:1px;
}

.btn_application a::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
  }

/*申し込みボタン_ug*/
.btn_application span.ug{
position: relative;
    background: linear-gradient(to bottom, #e0e0e0 5%, #bbbaba 100%);
    background-color: #f2f2f2;
    border-radius: 6px;
    border: 1px solid #ccc;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 20px 6px 32px;
    text-decoration: none;

}


.btn_application span.ug::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
  }

/* [] 右カラム お問い合わせ欄
=========================================================================================== */

.BoxContact_small {
	background-color: #fff;
	border: 3px solid #ddd;
	margin-bottom: 15px;
	padding: 12px 0 0;
	text-align: center;
}

.BoxContact_small #contact_text,
.BoxContact_small #contact_text_ind,
.BoxContact_small #contact_form,
.BoxContact_small #contact_ind,
.BoxContact_small #contact_trial,
.BoxContact_small #contact_tel {
	margin: 0 8px 8px;
}

.BoxContact_small li {
	line-height: 100%;
	margin-bottom: 10px;
}

#contact_bottom {
	text-align:center;
}

	@media only screen and (max-width: 767px) {
	.JS .BoxContact_small {
		display:none;
		}

	.JS .BoxContact_small.display_M {
		display:block;
		}

	}



/* [-] 文中に画像（旧字体など）を表示する場合のスタイル
=========================================================================================== */

/* --文字サイズ90%の場合-- */

/* -文中または行末用-*/
img.izon1middle{
	vertical-align : middle;
	margin : 0 2px 3px 0;
}

/* -行頭用-*/
img.izon1top{
	vertical-align : middle;
	margin : -2px 2px 3px 0;
}

/* --文字サイズ83%の場合-- */

/* -文中または行末用-*/
img.izon2middle{
	vertical-align : middle ;
	margin : -3px 0 0 0 ;
}

/* -行頭用-*/
img.izon2top{
	vertical-align : middle;
	margin : -3px 0 0 0;
}

/* --<h1>タグ内で使用する場合-- */
img.izon_h1 {
	vertical-align : middle;
	margin : -2px 2px 4px 0;
}

/* --<h2>タグ内で使用する場合-- */
img.izon_h2 {
	vertical-align : middle;
	margin : -2px 2px 4px 0;
}



/* [xx] iframe
=========================================================================================== */

	@media screen and (max-width: 994px){
	.Under995 #Contents .Grid3 iframe {
		width: 100%;
		min-height: min-content;
		}
	}

	@media screen and (max-width:579px){

	.JS #Contents .Grid3 iframe {
		max-height: 300px;
		}
	}



/* [xx]テキストサイズ
=========================================================================================== */

.smaller {
    font-size:smaller !important;
}
.larger {
    font-size:larger !important;
}



/* [xx]テキスト位置
=========================================================================================== */

.text-align_left { text-align:left !important;}
.text-align_center { text-align:center !important;}
.text-align_right { text-align:right !important;}
.vertical-align_middle { vertical-align:middle !important;}



/* [xx]テキスト色
=========================================================================================== */

.text-red {  color: #e60027}
.text-white {  color: #FFFFFF}
.text-bold {  font-weight: bold}
.text-normal {  font-weight:normal}
.text-blue   { color: #0066CC }



/* [xx] border（囲み）
=========================================================================================== */

.border_blue { border:1px solid #b0cde0; }
.border_blueP10 { border:1px solid #b0cde0; padding:10px 10px 0; }
.border_gray { border:1px solid #CCC;}
.border_grayP10 { border:1px solid #CCC; padding:10px 10px 0; }
div.border_blue { border:1px solid #b0cde0; margin-bottom:15px; }
div.border_blueP10 { border:1px solid #b0cde0; padding:10px 10px 0; margin-bottom:15px; }
div.border_gray { border:1px solid #CCC; margin-bottom:15px; }
div.border_grayP10 { border:1px solid #CCC; padding:10px 10px 0; margin-bottom:15px; }



/* [xx] border（ドット）
=========================================================================================== */

.dot_bottom { border-bottom:1px dotted #BBB; margin-bottom:15px !important; }
p.dot_bottom, li.dot_bottom, dt.dot_bottom, dd.dot_bottom { padding-bottom:15px !important; }
.dot_top { border-top:1px dotted #BBB; padding-top:15px !important; }
p.dot_top, li.dot_top, dt.dot_top, dd.dot_top { margin-top:15px !important; }



/* [xx] margin
=========================================================================================== */

.m0 { margin:0 !important ;}
.m3 { margin:3px !important ;}
.m5 { margin:5px !important ;}
.m10 { margin:10px !important ;}
.m15 { margin:15px !important ;}
.m20 { margin:20px !important ;}
.m25 { margin:25px !important ;}
.m30 { margin:30px !important ;}
.m40 { margin:40px !important ;}
.m50 { margin:50px !important ;}
.m60 { margin:60px !important ;}
.m70 { margin:70px !important ;}
.m80 { margin:80px !important ;}
.m90 { margin:90px !important ;}
.m100 { margin:100px !important ;}

.mb0 { margin-bottom:0px !important ;}
.mb3 { margin-bottom:3px !important ;}
.mb5 { margin-bottom:5px !important ;}
.mb7 { margin-bottom:7px !important ;}
.mb10 { margin-bottom:10px !important ;}
.mb15 { margin-bottom:15px !important ;}
.mb20 { margin-bottom:20px !important ;}
.mb25 { margin-bottom:25px !important ;}
.mb30 { margin-bottom:30px !important ;}
.mb40 { margin-bottom:40px !important ;}
.mb50 { margin-bottom:50px !important ; }
.mb60 { margin-bottom:60px !important ; }
.mb70 { margin-bottom:70px !important ; }
.mb80 { margin-bottom:80px !important ; }
.mb90 { margin-bottom:90px !important ; }
.mb100 { margin-bottom:100px !important ; }

.mt0 { margin-top:0px !important ;}
.mt3 { margin-top:3px !important ;}
.mt5 { margin-top:5px !important ;}
.mt10 { margin-top:10px !important ;}
.mt15 { margin-top:15px !important ;}
.mt20 { margin-top:20px !important ;}
.mt25 { margin-top:25px !important ;}
.mt30 { margin-top:30px !important ;}
.mt40 { margin-top:40px !important ;}
.mt50 { margin-top:50px !important ;}
.mt60 { margin-top:60px !important ;}
.mt70 { margin-top:70px !important ;}
.mt80 { margin-top:80px !important ;}
.mt90 { margin-top:90px !important ;}
.mt100 { margin-top:100px !important ;}

.ml0 { margin-left:0px !important ;}
.ml3 { margin-left:3px !important ;}
.ml5 { margin-left:5px !important ;}
.ml10 { margin-left:10px !important ;}
.ml15 { margin-left:15px !important ;}
.ml20 { margin-left:20px !important ;}
.ml25 { margin-left:25px !important ;}
.ml30 { margin-left:30px !important ;}
.ml40 { margin-left:40px !important ;}
.ml50 { margin-left:50px !important ;}
.ml60 { margin-left:60px !important ;}
.ml70 { margin-left:70px !important ;}
.ml80 { margin-left:80px !important ;}
.ml90 { margin-left:90px !important ;}
.ml100 { margin-left:100px !important ;}

.mr0 { margin-right:0px !important ;}
.mr3 { margin-right:3px !important ;}
.mr5 { margin-right:5px !important ;}
.mr10 { margin-right:10px !important ;}
.mr15 { margin-right:15px !important ;}
.mr20 { margin-right:20px !important ;}
.mr25 { margin-right:25px !important ;}
.mr30 { margin-right:30px !important ;}
.mr40 { margin-right:40px !important ;}
.mr50 { margin-right:50px !important ;}
.mr60 { margin-right:60px !important ;}
.mr70 { margin-right:70px !important ;}
.mr80 { margin-right:80px !important ;}
.mr90 { margin-right:90px !important ;}
.mr100 { margin-right:100px !important ;}



/* [xx]padding
=========================================================================================== */

.p0 { padding:0 !important ;}
.p3 { padding:3px !important ;}
.p5 { padding:5px !important ;}
.p10 { padding:10px !important ;}
.p15 { padding:15px !important ;}
.p20 { padding:20px !important ;}
.p25 { padding:25px !important ;}
.p30 { padding:30px !important ;}
.p40 { padding:40px !important ;}
.p50 { padding:50px !important ;}
.p60 { padding:60px !important ;}
.p70 { padding:70px !important ;}
.p80 { padding:80px !important ;}
.p90 { padding:90px !important ;}
.p100 { padding:100px !important ;}

.pb0 { padding-bottom:0px !important ;}
.pb3 { padding-bottom:3px !important ;}
.pb5 { padding-bottom:5px !important ;}
.pb10 { padding-bottom:10px !important ;}
.pb15 { padding-bottom:15px !important ;}
.pb20 { padding-bottom:20px !important ;}
.pb25 { padding-bottom:25px !important ;}
.pb30 { padding-bottom:30px !important ;}
.pb40 { padding-bottom:40px !important ;}
.pb50 { padding-bottom:50px !important ;}
.pb60 { padding-bottom:60px !important ;}
.pb70 { padding-bottom:70px !important ;}
.pb80 { padding-bottom:80px !important ;}
.pb90 { padding-bottom:90px !important ;}
.pb100 { padding-bottom:100px !important ;}

.pt0 { padding-top:0px !important ;}
.pt3 { padding-top:3px !important ;}
.pt5 { padding-top:5px !important ;}
.pt10 { padding-top:10px !important ;}
.pt15 { padding-top:15px !important ;}
.pt20 { padding-top:20px !important ;}
.pt25 { padding-top:25px !important ;}
.pt30 { padding-top:30px !important ;}
.pt40 { padding-top:40px !important ;}
.pt50 { padding-top:50px !important ;}
.pt60 { padding-top:60px !important ;}
.pt70 { padding-top:70px !important ;}
.pt80 { padding-top:80px !important ;}
.pt90 { padding-top:90px !important ;}
.pt100 { padding-top:100px !important ;}

.pl0 { padding-left:0px !important ;}
.pl3 { padding-left:3px !important ;}
.pl5 { padding-left:5px !important ;}
.pl10 { padding-left:10px !important ;}
.pl15 { padding-left:15px !important ;}
.pl20 { padding-left:20px !important ;}
.pl25 { padding-left:25px !important ;}
.pl30 { padding-left:30px !important ;}
.pl40 { padding-left:40px !important ;}
.pl50 { padding-left:50px !important ;}
.pl60 { padding-left:60px !important ;}
.pl70 { padding-left:70px !important ;}
.pl80 { padding-left:80px !important ;}
.pl90 { padding-left:90px !important ;}
.pl100{ padding-left:100px !important ;}

.pr0 { padding-right:0px !important ;}
.pr3 { padding-right:3px !important ;}
.pr5 { padding-right:5px !important ;}
.pr10 { padding-right:10px !important ;}
.pr15 { padding-right:15px !important ;}
.pr20 { padding-right:20px !important ;}
.pr25 { padding-right:25px !important ;}
.pr30 { padding-right:30px !important ;}
.pr40 { padding-right:40px !important ;}
.pr50 { padding-right:50px !important ;}
.pr60 { padding-right:60px !important ;}
.pr70 { padding-right:70px !important ;}
.pr80 { padding-right:80px !important ;}
.pr90 { padding-right:90px !important ;}
.pr100 { padding-right:100px !important ;}



/* [-] margin-bottomスタイル
=========================================================================================== */

.Bottom0 {
	margin-bottom: 0 !important;
}

.Bottom5 {
	margin-bottom: 5px !important;
}

.Bottom10 {
	margin-bottom: 10px !important;
}



/* [xx]改行
=========================================================================================== */

/*幅内で強制改行 ---------------------------------------------------*/
.break { word-break:break-all;}

/*改行させない ---------------------------------------------------*/
.nowrap { white-space:nowrap;}



/* [xx]フロート
=========================================================================================== */

/*フロート ---------------------------------------------------*/
.float-left { float:left;}
.float-right { float:right;}

/*フロート解除 ---------------------------------------------------*/
.clear_left { clear: left;}
.clear_right { clear:right;}
.clear_both { clear:both;}



/*ブレイクポイントでフロート解除 -----------*/
	@media screen and (max-width: 994px){
		.JS .clearL {
			display: block !important;
			width: 100% !important;
			float: none !important;
		}
	}
	
	@media screen and (max-width: 767px){
		.JS .clearM {
			display: block !important;
			width: 100% !important;
			float: none !important;
			}
	}

	@media screen and (max-width: 579px){
		.JS .clearS {
			display: block !important;
			width: 100% !important;
			float: none !important;
		}
	}
	
	@media screen and (max-width: 399px){
		.JS .clearXS {
			display: block !important;
			width: 100% !important;
			float: none !important;
		}
	}


/* [xx]上付き、下付き
=========================================================================================== */

.super { vertical-align: super;}
.sub { vertical-align: sub;}



/* [xx]表示形式
=========================================================================================== */

.display_block { display:block;}
.display_inline { display:inline;}
.display_none { display:none;}

/*ブレイクポイントで表示、非表示 -----------*/

	.JS .ShowL {display: block;}
	.JS .ShowM {display: none;}
	.JS .ShowS {display: none;}
	.JS .ShowXS {display: none;}
	.JS .HideL {display: none;}

	@media screen and (max-width: 994px){
	.JS .ShowL {display: none;}
	}
	
	@media screen and (max-width: 767px){
		.JS .ShowM {display: block;}
		.JS .HideM {display: none;}
		.JS .HideL {display: block;}
	}

	@media screen and (max-width: 579px){
		.JS .ShowS {display: block;}
		.JS .HideS {display: none;}
	}
	
	@media screen and (max-width: 399px){
		.JS .ShowXS {display: block;}
		.JS .HideXS {display: none;}
	}

/* [xx]clearFix 
=========================================================================================== */

.clearFix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearFix{
	height: 1%;
}

/* End hide from IE-mac */
*:first-child+html .clearFix{
	zoom: 1;
}



/* [xx]FlexboxStyle 
=========================================================================================== */

.FlexboxStyle1 {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom:15px;
}
.FlexboxStyle1 .col {
	display:block;
	padding-left:15px;
	}
.FlexboxStyle1 .col:first-of-type{
	padding-left:0;
	}

.FlexboxStyle1 .col.w50 {width:50px; flex-shrink: 0;}
.FlexboxStyle1 .col.w60 {width:60px; flex-shrink: 0;}
.FlexboxStyle1 .col.w70 {width:70px; flex-shrink: 0;}
.FlexboxStyle1 .col.w80 {width:80px; flex-shrink: 0;}
.FlexboxStyle1 .col.w90 {width:90px; flex-shrink: 0;}
.FlexboxStyle1 .col.w100 {width:100px; flex-shrink: 0;}
.FlexboxStyle1 .col.w110 {width:110px; flex-shrink: 0;}
.FlexboxStyle1 .col.w120 {width:120px; flex-shrink: 0;}
.FlexboxStyle1 .col.w130 {width:130px; flex-shrink: 0;}
.FlexboxStyle1 .col.w140 {width:140px; flex-shrink: 0;}
.FlexboxStyle1 .col.w150 {width:150px; flex-shrink: 0;}
.FlexboxStyle1 .col.w160 {width:160px; flex-shrink: 0;}
.FlexboxStyle1 .col.w170 {width:170px; flex-shrink: 0;}
.FlexboxStyle1 .col.w180 {width:180px; flex-shrink: 0;}
.FlexboxStyle1 .col.w190 {width:190px; flex-shrink: 0;}
.FlexboxStyle1 .col.w200 {width:200px; flex-shrink: 0;}
.FlexboxStyle1 .col.w210 {width:210px; flex-shrink: 0;}
.FlexboxStyle1 .col.w220 {width:220px; flex-shrink: 0;}
.FlexboxStyle1 .col.w230 {width:230px; flex-shrink: 0;}
.FlexboxStyle1 .col.w240 {width:240px; flex-shrink: 0;}
.FlexboxStyle1 .col.w250 {width:250px; flex-shrink: 0;}
.FlexboxStyle1 .col.w260 {width:260px; flex-shrink: 0;}
.FlexboxStyle1 .col.w270 {width:270px; flex-shrink: 0;}
.FlexboxStyle1 .col.w280 {width:280px; flex-shrink: 0;}
.FlexboxStyle1 .col.w290 {width:290px; flex-shrink: 0;}
.FlexboxStyle1 .col.w300 {width:300px; flex-shrink: 0;}
.FlexboxStyle1 .col.w310 {width:310px; flex-shrink: 0;}
.FlexboxStyle1 .col.w320 {width:320px; flex-shrink: 0;}
.FlexboxStyle1 .col.w330 {width:330px; flex-shrink: 0;}
.FlexboxStyle1 .col.w340 {width:340px; flex-shrink: 0;}
.FlexboxStyle1 .col.w350 {width:350px; flex-shrink: 0;}
.FlexboxStyle1 .col.w400 {width:400px; flex-shrink: 0;}

.FlexboxStyle1 .col.per5 {width:5%; flex-shrink: 0;}
.FlexboxStyle1 .col.per10 {width:10%; flex-shrink: 0;}
.FlexboxStyle1 .col.per15 {width:15%; flex-shrink: 0;}
.FlexboxStyle1 .col.per20 {width:20%; flex-shrink: 0;}
.FlexboxStyle1 .col.per25 {width:25%; flex-shrink: 0;}
.FlexboxStyle1 .col.per30 {width:30%; flex-shrink: 0;}
.FlexboxStyle1 .col.per35 {width:35%; flex-shrink: 0;}
.FlexboxStyle1 .col.per40 {width:40%; flex-shrink: 0;}
.FlexboxStyle1 .col.per45 {width:45%; flex-shrink: 0;}
.FlexboxStyle1 .col.per50 {width:50%; flex-shrink: 0;}
.FlexboxStyle1 .col.per55 {width:55%; flex-shrink: 0;}
.FlexboxStyle1 .col.per60 {width:60%; flex-shrink: 0;}
.FlexboxStyle1 .col.per65 {width:65%; flex-shrink: 0;}
.FlexboxStyle1 .col.per70 {width:70%; flex-shrink: 0;}
.FlexboxStyle1 .col.per75 {width:75%; flex-shrink: 0;}
.FlexboxStyle1 .col.per80 {width:80%; flex-shrink: 0;}
.FlexboxStyle1 .col.per85 {width:85%; flex-shrink: 0;}
.FlexboxStyle1 .col.per90 {width:90%; flex-shrink: 0;}
.FlexboxStyle1 .col.per95 {width:95%; flex-shrink: 0;}

.FlexboxStyle1 .col img {max-width:100%}


/*FlexboxStyle1がbox内にある場合の調整 -- */

[class^="BoxPattern"] .FlexboxStyle1 .col{
	padding-left:15px;
	box-sizing:border-box;
	}

[class^="BoxPattern"] .FlexboxStyle1 .col p,
[class^="BoxPattern"] .FlexboxStyle1 .col ul,
[class^="BoxPattern"] .FlexboxStyle1 .col dl {
	padding-left: 0px;
	padding-right: 0px;
	}

[class^="BoxPattern"] .FlexboxStyle1 .col h3,
[class^="BoxPattern"] .FlexboxStyle1 .col h4,
[class^="BoxPattern"] .FlexboxStyle1 .col h5 {
	margin-left: 0 !important;
	margin-right: 0 !important;
	}


[class^="BoxPattern"] .FlexboxStyle1 .col:first-of-type{
	padding-left:15px;
	}
[class^="BoxPattern"] .FlexboxStyle1 .col:last-of-type{
	padding-right:15px;
	}




	@media screen and (max-width: 994px) {
		.JS .FlexboxStyle1.clearL {
		display:block;
		}
		
		.JS .FlexboxStyle1.clearL .col{
		width: 100%;
		padding-left:0;
		}
		.JS .FlexboxStyle1.clearL .col .ImgOnlyStyle {
		text-align:center;
		}
		
		[class^="BoxPattern"] .FlexboxStyle1.clearL .col p,
		[class^="BoxPattern"] .FlexboxStyle1.clearL .col ul,
		[class^="BoxPattern"] .FlexboxStyle1.clearL .col dl {
		padding-left: 15px;
		padding-right: 15px;
		}
		
		[class^="BoxPattern"] .FlexboxStyle1.clearL .col h3,
		[class^="BoxPattern"] .FlexboxStyle1.clearL .col h4,
		[class^="BoxPattern"] .FlexboxStyle1.clearL .col h5 {
		margin-left: 15px !important;
		margin-right: 15px !important;
		}


	}

	@media screen and (max-width: 767px){
		.JS .FlexboxStyle1.clearM {
		display:block;
		}
		
		.JS .FlexboxStyle1.clearM .col{
		width: 100%;
		padding-left:0;
		}
		.JS .FlexboxStyle1.clearM .col .ImgOnlyStyle {
		text-align:center;
		}
		
		[class^="BoxPattern"] .FlexboxStyle1.clearM .col p,
		[class^="BoxPattern"] .FlexboxStyle1.clearM .col ul,
		[class^="BoxPattern"] .FlexboxStyle1.clearM .col dl {
		padding-left: 15px;
		padding-right: 15px;
		}
		
		[class^="BoxPattern"] .FlexboxStyle1.clearM .col h3,
		[class^="BoxPattern"] .FlexboxStyle1.clearM .col h4,
		[class^="BoxPattern"] .FlexboxStyle1.clearM .col h5 {
		margin-left: 15px !important;
		margin-right: 15px !important;
		}

	}

	@media screen and (max-width: 579px) {
		.JS .FlexboxStyle1.clearS {
		display:block;
		}
		
		.JS .FlexboxStyle1.clearS .col{
		width: 100%;
		padding-left:0;
		}
		.JS .FlexboxStyle1.clearS .col .ImgOnlyStyle {
		text-align:center;
		}
		
		[class^="BoxPattern"] .FlexboxStyle1.clearS .col p,
		[class^="BoxPattern"] .FlexboxStyle1.clearS .col ul,
		[class^="BoxPattern"] .FlexboxStyle1.clearS .col dl {
		padding-left: 15px;
		padding-right: 15px;
		}
		
		[class^="BoxPattern"] .FlexboxStyle1.clearS .col h3,
		[class^="BoxPattern"] .FlexboxStyle1.clearS .col h4,
		[class^="BoxPattern"] .FlexboxStyle1.clearS .col h5 {
		margin-left: 15px !important;
		margin-right: 15px !important;
		}

	}

	@media screen and (max-width: 399px) {
		.JS .FlexboxStyle1.clearXS {
		display:block;
		}
		
		.JS .FlexboxStyle1.clearXS .col{
		width: 100%;
		padding-left:0;
		}
		.JS .FlexboxStyle1.clearXS .col .ImgOnlyStyle {
		text-align:center;
		}
		
		[class^="BoxPattern"] .FlexboxStyle1.clearXS .col p,
		[class^="BoxPattern"] .FlexboxStyle1.clearXS .col ul,
		[class^="BoxPattern"] .FlexboxStyle1.clearXS .col dl {
		padding-left: 15px;
		padding-right: 15px;
		}
		
		[class^="BoxPattern"] .FlexboxStyle1.clearXS .col h3,
		[class^="BoxPattern"] .FlexboxStyle1.clearXS .col h4,
		[class^="BoxPattern"] .FlexboxStyle1.clearXS .col h5 {
		margin-left: 15px !important;
		margin-right: 15px !important;
		}

	}


/*2カラム*/
.FlexboxStyle2 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom:15px;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
}

.FlexboxStyle2 .item {
	flex-basis: 49%;
	max-width:49%;
	box-sizing: border-box;
	margin-bottom:15px;
}

.FlexboxStyle2 img {max-width:100%}

	@media screen and (max-width: 994px) {
		.JS .FlexboxStyle2.clearL .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}

	@media screen and (max-width: 767px){
		.JS .FlexboxStyle2.clearM .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}
	
	@media screen and (max-width: 579px){
		.JS .FlexboxStyle2.clearS .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}
	
	@media screen and (max-width: 399px) {
		.JS .FlexboxStyle2.clearXS .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}

/*3カラム*/
.FlexboxStyle3 {
	width: 101.33%;
	display: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	margin-bottom:15px;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
}

.FlexboxStyle3 .item {
	flex-basis: 32%;
	max-width:32%;
	box-sizing: border-box;
	margin-bottom:15px;
	margin-right:1.33%;
}

.FlexboxStyle3 img {max-width:100%}

	@media screen and (max-width: 994px) {
		.JS .FlexboxStyle3.clearL .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}

	@media screen and (max-width: 767px){
		.JS .FlexboxStyle3.clearM .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}

	@media screen and (max-width: 579px){
		.JS .FlexboxStyle3.clearS .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}
	
	@media screen and (max-width: 399px) {
		.JS .FlexboxStyle3.clearXS .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}


/*4カラム*/
.FlexboxStyle4 {
	width: 101%;
	display: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	margin-bottom:15px;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
	overflow: hidden;
}

.FlexboxStyle4 .item {
	flex-basis: 24%;
	max-width:24%;
	box-sizing: border-box;
	margin-bottom:8px;
	margin-right:1%
}

.FlexboxStyle4 img {max-width:100%}

	@media screen and (max-width: 994px) {
		.JS .FlexboxStyle4.clearL .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}

	@media screen and (max-width: 767px){
		.JS .FlexboxStyle4.clearM .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}

	@media screen and (max-width: 579px){
		.JS .FlexboxStyle4.clearS .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}
	
	@media screen and (max-width: 399px) {
		.JS .FlexboxStyle4.clearXS .item{
		flex-basis: 100%;
		max-width:100%;
		}
	}



/*個別設定-----------------------------------------------*/
.Flexbox {
	display:flex !important;
}

/*flex-direction-------------*/
.fd_row{
	flex-direction: row;
}
.fd_row-reverse{
	flex-direction: row-reverse;
}
.fd_column{
	flex-direction: column;
}
.fd_column-reverse{
	flex-direction: column-reverse;
}

/*flex-wrap-------------*/
.fw_nowrap{
	flex-wrap: nowrap;
}
.fw_wrap{
	flex-wrap: wrap;
}
.fw_wrap-reverse{
	flex-wrap: wrap-reverse;
}

/*justify-content-------------*/
.jc_flex-start{
	justify-content: flex-start;
}
.jc_flex-end{
	justify-content: flex-end;
}
.jc_center{
	justify-content: center;
}
.jc_space-between{
	justify-content: space-between;
}
.jc_space-around{
	justify-content: space-around;
}

/*align-items-------------*/
.ai_stretch{
	align-items: stretch;
}
.ai_flex-start{
	align-items: flex-start;
}
.ai_flex-end{
	align-items: flex-end;
}
.ai_center{
	align-items: center;
}
.ai_baseline{
	align-items: baseline;
}

/*align-content-------------*/
.ac_stretch{
	align-content: stretch;
}
.ac_flex-start{
	align-content: flex-start;
}
.ac_flex-end{
	align-content: flex-end;
}
.ac_center{
	align-content: center;
}
.ac_space-between{
	align-content: space-between;
}
.ac_space-around{
	align-content: space-around;
}

	@media screen and (max-width: 767px){
		.JS .Flexbox p.ImgOnlyStyle,
		.JS .FlexboxStyle2 p.ImgOnlyStyle,
		.JS .FlexboxStyle3 p.ImgOnlyStyle{
		text-align:center;
		}
	}


/* [xx] 導入前の課題と導入後の効果
=========================================================================================== */
.EffectsArea {
	border:3px solid #ccc;
	padding:10px 10px 0;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;  
	margin:0 0 15px;
}
    	

	
.EffectsArea dl.box {
	width:48%;
	border:1px solid #ddd;
	box-sizing: border-box;
	margin-bottom:10px;
		}

@media screen and (max-width: 767px) {
.JS .EffectsArea dl.box {
	width:100%;
}
.EffectsArea dl.box.before {
	margin-bottom:0px;
	border-bottom:none;
}
}

.EffectsArea dl.box dt {
	float:left;
	width:30%;
	border:3px solid #FFF;
	padding:8px 5px;
	font-weight:bold;
	color:#FFF;
	font-size:83%;
	text-align:center;
	height:100%;
	box-sizing: border-box;
	line-height:2em;
		}

/*縦中央*/
.EffectsArea dl.box dt.flex {
	display: flex;
    justify-content: center;
    align-items: center;
    }

	
.EffectsArea dl.box dt span {
	font-size:140%;
	}
.EffectsArea dl.box dd {
	float:left;
	width:70%;
	border-left:1px solid #ddd;
	font-size:83%;
	box-sizing: border-box;
	padding:8px;
	height:100%;
	}

.EffectsArea dl.box dd ul.ListStyle1 {
	font-size:100%;
	margin: 0;
}
.EffectsArea dl.box dd ul.ListStyle1 li {
	line-height:160%;
}
.EffectsArea dl.box dd ul.ListStyle1 li:last-of-type {
	margin: 0;
}	

.EffectsArea dl.box.before dt {
	background-color:#333;
}
.EffectsArea dl.box.before dd {
	background-color:#f8f8f8;
}
.EffectsArea dl.box.after dt {
	background-color:#b42023;
}
.EffectsArea dl.box.after dd {
	background-color:#fff3f3;
	font-weight:bold;
}

@media screen and (max-width: 767px) {
.EffectsArea dl.box dt {
	line-height:1.5em;
	width:25%;
	}
.EffectsArea dl.box dt span {
	font-size:90%;
	}
.EffectsArea dl.box dd {
	width:75%;
	}

}


.EffectsArea .arrow {
	width:4%;
	position: relative;
    	}
.EffectsArea .arrow img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;	}
	
@media screen and (max-width: 767px) {
.EffectsArea .arrow {
	display:none;
}

}


/* [xx] 申し込みボタン*
=========================================================================================== */

.btn_application {
	margin: 0 auto 15px;
	text-align: center;
}
.btn_application a{
	position:relative;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #64bcf1 5%, #053b7d 100%);
	background-color:#64bcf1;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:6px 20px 6px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #053b7d;
}
.btn_application a:hover {
	background:linear-gradient(to bottom, #66ccff 5%, #094c97 100%);
	background-color:#1e62d0;
}
.btn_application a:active {
	position:relative;
	top:1px;
}

.btn_application a::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
  }

/*申し込みボタン_ug*/
.btn_application span.ug{
position: relative;
    background: linear-gradient(to bottom, #e0e0e0 5%, #bbbaba 100%);
    background-color: #f2f2f2;
    border-radius: 6px;
    border: 1px solid #ccc;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 20px 6px 32px;
    text-decoration: none;

}


.btn_application span.ug::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
  }