@font-face {font-family: "Hiragino Sans";src: local(HiraginoSans-W3);font-weight: 400;}
@font-face {font-family: "Hiragino Sans";src: local(HiraginoSans-W4);font-weight: 500;}
@font-face {font-family: "Hiragino Sans";src: local(HiraginoSans-W5);font-weight: 600;}
@font-face {font-family: "Hiragino Sans";src: local(HiraginoSans-W6);font-weight: 700;}

/* ↓最大568px スマホ限定*/
@media screen and (max-width: 568px) {
.mobileSkin iframe {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}
#jform_articletext_ifr {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100% !important;
}
#jform_articletext_tbl {
	max-height: 200px !important;
}
body {
	min-width: 100%;
//ウインドウ縮小対策
}
/* ↑最大568px スマホ限定*/
}

@media screen and (min-width: 569px) {
body {
	min-width: 1160px;
//ウインドウ縮小対策
}
/*モジュール編集オフセット*/
.btn.jmodedit {
	right: -50px !important;
	width: 15px !important;
}
}
body.component {
	box-sizing: border-box;
	min-width: auto !important;
}
#editor-xtd-buttons a {
	float: left;
	margin-bottom: 6px;
}

/* ipad対策*/
@media screen and(max-width:980px) {
 #flexslider {
 overflow: hidden;
}
/* ipad対策ここまで*/
}
/* ↓PC・スマホ共通デザイン */
/*2022.06 デザイナー追記*/

.flexslider {
	margin: 0 !important;/*スライダー下の余白を消す*/
}

@media screen and (max-width:568px) {
.flexslider {
	margin-bottom: 40px !important;/*スライダー下の余白を表示させる*/
}
.flex-control-nav {
	display: inherit;/*コントロールナビを非表示を打ち消す*/
}
}
.slide-thumbnail {
	background-color: #f9f9f9;
	padding: 30px 10px;
	margin: 0;
}

.slide-thumbnail ul {
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.slide-thumbnail ul li {
	display: inline-block;
	width: 23%;
	margin: 0 .5%;
	letter-spacing: normal;
	list-style: none;
	box-sizing: border-box;
}
.slide-thumbnail ul li img {
	width: 100%;
	height: auto;
	border: 5px solid #fff;
	box-sizing: border-box;
}
/* 見出し */
.ttl-cell{
	background-image: url("../images/tbk_bar01.png");
	background-repeat: repeat-y;
	background-position: left top;
	padding: 2px 0 2px 18px;
	margin: 0 0 20px 0;
	line-height: 1em;
	font-size: 24px;
	color: #333;
	font-weight: normal;
}
.ttl-power{
	background-image: url("../images/tbk_bar02.png");
	background-repeat: repeat-y;
	background-position: left top;
	padding: 2px 0 2px 18px;
	margin: 0 0 20px 0;
	line-height: 1em;
	font-size: 24px;
	color: #333;
	font-weight: normal;
}
.ttl-1{
	background-image: url("../images/tbk_bar01.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0 15px 18px;
	margin: 0 0 20px 0;
	line-height: 1em;
	font-size: 22px;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
.ttl-1 span{
	font-size: 15px;
	float: right;
}
.ttl-1 span a{
	color: #fff;
	background-color: #000;
	padding: 2px 15px;
	display: block;
}
.ttl-1 a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #009FEC;
}
.ttl-1-gr{
	background-image: url("../images/tbk_bar02.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 15px 18px;
	margin: 0 0 20px 0;
	line-height: 1.3em;
	font-size: 22px;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
.ttl-2{
	border-left: 3px solid #086EB1;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 40px 0 20px;
	padding: 5px 0 5px 15px;
}
.ttl-2 span{
	font-size: 15px;
	float: right;
}
.ttl-2 span a{
	color: #fff;
	background-color: #000;
	padding: 2px 15px;
	display: block;
}
.ttl-2 a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #009FEC;
}
.ttl-2-gr{
	border-left: 3px solid #00AF65;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 40px 0 20px;
	padding: 5px 0 5px 15px;
}
.ttl-3{
	color: #2EA7E0;
	font-weight: bold;
	font-size: 17px;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.4em;
}
.ttl-4{
	color: #000;
	font-weight: bold;
	font-size: 18px;
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 1.4em;
}
.ttl-5{
	border-left: 2px solid #005292;
	border-bottom: 1px solid #ddd;
	color:#005292;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	line-height: 1.4em;
}
.ttl-6{
	border-left: 2px solid #1C6339;
	border-bottom: 1px solid #ddd;
	color:#1C6339;
	font-weight: bold;
	font-size: 16px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	line-height: 1.4em;
}
.ttl-7{
	background-color: #005292;
	padding: 8px;
	margin: 0 0 15px 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.ttl-7-gr{
	background-color: #13AE67;
	padding: 8px;
	margin: 0 0 15px 0;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.ttl-8{
	background-color: #333333;
	padding: 8px;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.ttl-feature-gr{
	background-image: url("../images/icon_fut.png");
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	border-top: 3px solid #ddd;
	padding: 10px 0 8px 70px;
	margin: 0 0 20px 0;
}
.ttl-9{
	font-size: 26px;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color: #fff;
	background: #074788; /* Old browsers */
	background: -moz-linear-gradient(left,  #074788 0%, #51cbff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #074788 0%,#51cbff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #074788 0%,#51cbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#074788', endColorstr='#51cbff',GradientType=1 ); /* IE6-9 */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 0;
	margin: 40px 0;
	line-height: 1.8em;
	font-weight: bold;
}
.ttl-10{
	border-left: 3px solid #086EB1;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 40px 0 20px;
	padding: 5px 0 5px 15px;
}
.pagettl-sub{
	padding: 8px 10px;
	margin: 0 0 15px 0;
	font-size: 14px;
	display: table;
	line-height: 1em;
	background-color: #00AF65;
	color: #fff;
}
.text-highlight {
	background: none repeat scroll 0 0 #ffffaa;
	font-size: 14px;
	margin: 10px 0;
	padding: 7px;
}
.highlight-green {
	color: #fff;
	background: #48691b;
	font-size: 14px;
	margin: 10px 0;
	padding: 7px;
}
.highlight-light {
	color: #000;
	background: #e5e5e5;
	font-size: 14px;
	margin: 10px 0;
	padding: 7px;
}
.highlight-dark {
	color: #fff;
	background: #595959;
	font-size: 14px;
	margin: 10px 0;
	padding: 7px;
}
.hakohime{
        background-image: url("../images/hakohimechan.png");
        background-repeat: no-repeat;
        background-position: left top;
        padding: 5px 0 15px 30px;
        margin: 0 0 20px 0;
        line-height: 1.3em;
        font-size: 22px;
        color: #000;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
}
.hakohime span{
        font-size: 15px;
        float: right;
}
.hakohime span a{
        color: #fff;
        background-color: #000;
        padding:  2px 15px;
        display: block;
}
.hakohime a:hover{
        color: #fff;
        text-decoration: none;
        background-color: #009FEC;
}
.hakohime-touka{
        background-image: url("../images/hakohime-chan.png");
        background-repeat: no-repeat;
        background-position: left top;
        padding: 5 0 15px 30px;
        margin: 0 0 20px 0;
        line-height: 1.3em;
        font-size: 22px;
        color: #000;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
}
/*レイアウト
**************************************/
.img-left td {
	padding: 0 40px 0 0;
	vertical-align: top;
	text-align: left;
}
.img-left td:last-child {
	padding: 0;
	width: 90%;
	vertical-align: top;
	text-align: left;
}
.img-right td {
	padding: 0 40px 0 0;
	width: 90%;
	vertical-align: top;
	text-align: left;
}
.img-right td:last-child {
	padding: 0;
	vertical-align: top;
	text-align: left;
}
.img95{
	width: 95px;
	height:auto;
}
.img145{
	width: 145px;
	height:auto;
}
.img150{
	width: 150px;
	height:auto;
}
.img200{
	width: 200px;
	height:auto;
}
.img222{
	width: 222px;
	height:auto;
}
.img225{
	width: 225px;
	height:auto;
}
.img250{
	width: 250px;
	height:auto;
}
.img260{
	width: 260px;
	height: auto;
}
.img268{
	width: 268px;
	height: auto;
}
.img300{
	width: 300px;
	height:auto;
}
.img350{
	width: 350px;
	height:auto;
}
.img400{
	width: 400px;
	height: auto;
}
.img402{
	width: 402px;
	height: auto;
}
.img450{
	width: 450px;
	height:auto;
}
.img555{
	width: 555px;
	height:auto;
}
.img570{
	width: 570px;
	height:auto;
}
.img600{
	width: 600px;
	height:auto;
}
.img834{
	width: 834px;
	height:auto;
}
.w410{
	width: 410px;
}
.top0{
	margin-top: 0 !important;
}
.top5{
	margin-top: 5px !important;
}
.top10{
	margin-top: 10px !important;
}
.top15{
	margin-top: 15px !important;
}
.top20{
	margin-top: 20px !important;
}
.top30{
	margin-top: 30px !important;
}
.top40{
	margin-top: 40px !important;
}
.top50{
	margin-top: 50px !important;
}
.top60{
	margin-top: 60px !important;
}
.top70{
	margin-top: 70px !important;
}
.top80{
	margin-top: 80px !important;
}
.w300{
	width: 300px;
}
.w700{
	width: 700px;
	margin: 0 auto;
}
.indent30{
	margin-left: 30px !important;
}
.col2-table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.col2-table td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 50px 0 0;
	width: 555px;
}
.col2-table td:last-child {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0;
	background-image: none;
	width: 555px;
}
.col2-table th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
}
.col2-table-s {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.col2-table-s td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 20px 0 0;
	width: 570px;
}
.col2-table-s td:last-child {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0;
	background-image: none;
	width: 570px;
}
.col2-table-s th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
}
.col3-table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.col3-table td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 40px 20px 0;
	width: 360px;
}
.col3-table td:last-child {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0;
	background-image: none;
	width: 360px;
}
.col3-table th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
}
.col4-table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.col4-table td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 40px 0 0;
	width: 260px;
}
.col4-table td:last-child {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0;
	background-image: none;
	width: 260px;
}
.col4-table th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
}
.col5-table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.col5-table td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 40px 0 0;
	width: 200px;
}
.col5-table td:last-child {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0;
	background-image: none;
	width: 200px;
}
.col5-table th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
}
.basic-tbl {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0 40px 0;
}
.basic-tbl td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 20px;
	border-bottom: 1px solid #DDD;
}
.basic-tbl th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
	background-color: #f7f7f7;
	padding: 20px;
	font-weight: bold;
	border-bottom: 1px solid #DDD;
	width: 15%;
	white-space: nowrap;
}
.basic-tbl-b {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0 40px 0;
}
.basic-tbl-b td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 20px;
	border: 1px solid #DDD;
}
.basic-tbl-b th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
	background-color: #f7f7f7;
	padding: 20px;
	font-weight: bold;
	border: 1px solid #DDD;
	width: 15%;
	white-space: nowrap;
}
.linkbn-center{
	text-align: center;
	margin: 20px 0;
	padding: 0;
}
.linkbn-center ul{
	margin: 0;
	padding: 0;
	letter-spacing:-0.4em;
}
.linkbn-center ul li{
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0;
}
.linkbn-center ul li a{
	display: block;
	padding: 16px;
	border: 1px solid #006DB3;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	color: #006DB3;
	width: 340px;
	background-image: none;
	box-sizing: border-box;
}
.linkbn-center ul li a:hover{
	background-color: #006DB3;
	color: #fff;
	background-image: none;
	text-decoration: none;
}
.linkbn-blank{
	margin: 15px 0 30px 0;
	padding: 0;
}
.linkbn-blank ul{
	margin: 0;
	padding: 0;
	letter-spacing:-0.4em;
	text-align: center;
}
.linkbn-blank ul li{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	letter-spacing: normal;
	font-weight: bold;
}
.linkbn-blank ul li a{
	display: block;
	padding: 16px;
	border: 1px solid #006DB3;
	font-size: 15px;
	text-decoration: none;
	color: #006DB3;
	width:100%;
	background-image: none;
	box-sizing: border-box;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}
.linkbn-blank ul li a:hover{
	background-color: #006DB3;
	color: #fff;
	background-image: none;
	text-decoration: none;
}
.linkbn-blank ul li a:after{
	content: "\f08e";
	font-family: FontAwesome;
	margin-right: 10px;
	font-weight: normal;
}
.frame1{
	margin: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}
.frame2{
	margin: 20px 0;
	padding: 25px 30px;
	background-color: #f7f7f7;
}
.frame3{
	margin: 0 0 20px 0;
	padding: 15px;
	background-color: #f7f7f7;
}
.frame4{
	border: 5px solid #f7f7f7;
	padding: 30px;
	margin: 0 0 40px 0;
	overflow: hidden;
}
/*フッターお問い合わせ
**************************************/
#ft-contact{
	padding: 40px 0;
	margin: 0 0 60px 0;
	text-align: center;
	background-color: #fff;
}
#ft-contact ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
}
#ft-contact li{
	display: inline-block;
	list-style: none;
	margin: 0 40px 0 0 !important;
	padding: 0 !important;
	letter-spacing: normal;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	background-image: none !important;
	color: #333 !important;
	vertical-align: top;
}
#ft-contact li span{
	display: block;
	text-align: center;
	margin-top: 5px;
	font-weight: normal;
}
#ft-contact li.mail{
	list-style: none;
	padding: 3px 0 0 0 !important;
	margin: 0 !important;
	display: inline-block;
	vertical-align: top;
}
#ft-contact li.mail a{
	display: block;
	padding: 16px;
	border: 1px solid #006DB3;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	color: #006DB3;
	width: 230px;
	background-image: none;
}
#ft-contact li.mail a:hover{
	background-color: #006DB3;
	color: #fff;
	background-image: none;
	text-decoration: none;
}
#ft-contact li.mail a:before{
	content: "\f0e0";
	font-family: FontAwesome;
	margin-right: 10px;
	font-weight: normal;
}
.bn{
	text-align: center;
	margin: 15px 0 0;
	padding: 0;
}
.bn ul{
	margin: 0;
	padding: 0;
}
.bn ul li{
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0;
	letter-spacing: normal;
	width:40%;
	box-sizing: border-box;
}
.bn ul li a{
	display: block;
	padding: 12px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	box-sizing: border-box;
	font-weight: bold;
	background-color: #006DB3;
	border: 1px solid #006DB3;
}
.bn ul li a:hover{
	background-color: #fff;
	border: 1px solid #006DB3;
	color: #006DB3;
	background-image: none;
	text-decoration: none;
}
.bn ul li a:after{
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	float: right;
}
.bn2{
	text-align: center;
	margin: 15px 0 0;
	padding: 0;
}
.bn2 ul{
	margin: 0;
	padding: 0;
}
.bn2 ul li{
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0;
	letter-spacing: normal;
	box-sizing: border-box;
}
.bn2 ul li a{
	display: block;
	padding: 12px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	box-sizing: border-box;
	font-weight: bold;
	background-color: #006DB3;
	border: 1px solid #006DB3;
}
.bn2 ul li a:hover{
	background-color: #fff;
	border: 1px solid #006DB3;
	color: #006DB3;
	background-image: none;
	text-decoration: none;
}
.bn2 ul li a:after{
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	float: right;
	margin-left: 15px;
}
/*トップページ
**************************************/
#section1{
	width: 1080px;
	margin: 0 auto;
	padding: 25px 0;
	overflow: hidden;
}
#section1 h3{
	text-align: center;
	color: #000000;
	font-size: 40px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	padding: 0;
}
#section1 ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
}
#section1 ul li{
	display: inline-block;
	margin: 0 10px 10px 10px;
	padding: 0;
	list-style: none;
}
#section1 h4{
	margin-left: 10px;
}
#section2{
	background-image: url("../images/bg_top_advan_wh.png"), url("../images/bg_top_advan.jpg");
	background-repeat: repeat-x, no-repeat;
	background-position: left top, center bottom;
	background-size: auto, cover;
	padding: 0 0 50px 0;
	margin: 0;
	overflow: hidden;
}
#section2 .inner{
	width: 1400px;
	margin: 0 auto;
	padding: 0;
}
#section2 .inner .left{
	float:left;
	width: 50%;
	padding:0;
	overflow: hidden;
}
#section2 .inner .left h3{
	margin: 0 0 30px 0;
	padding: 0;
}
#section2 .inner .left .textarea{
	padding: 0 50px;
	margin: 0;
}
#section2 .inner .left .textarea h4{
	font-size: 22px;
	color: #EEEEEE;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.4em;
}
#section2 .inner .left .textarea p{
	color: #EEEEEE;
}
#section2 .inner .left .textarea p{
	color: #EEEEEE;
}
#section2 .inner .right{
	width: 50%;
	float: right;
	padding: 60px 0 0 0;
}
#section2 .inner .right img{
	width: 100%;
	height: auto;
}
#section3{
	background-image: url("../images/bg_news_c2.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 80px 0;
	margin: 0;
	overflow: hidden;
	background-size: 30%;
}
#section3 .inner{
	width: 1160px;
	margin: 0 auto;
	padding: 0;
	background-image: url("../images/bg_news_c1.png");
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
#section3 .inner h3{
	padding: 45px 25px;
	width: 250px;
	float: left;
}
#section3 .news-box {
	padding: 20px 0;
	float: right;
	width: 860px;
}
.news-box {
	padding: 0;
	float: none;
	width: auto;
}
.news-box table {
	width: 100%;
}
.news-box table th {
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
	padding: 9px 10px 9px 0;
	text-align: left;
	vertical-align: top;
	width: 5%;
	font-size: 14px;
	color: #888888;
	white-space: nowrap;
}
.news-box table th:before, .news-box ul li:before {
	/*color: #999;
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 5px;*/
}
.news-box table td {
	border-bottom: 1px dotted #ccc;
	padding: 8px 0;
	vertical-align: top;
	text-align: left:
}
.news-box table td.tag{
	width: 80px;
	border-bottom: 1px dotted #ccc;
	padding: 8px 0;
}
.news-box ul {
	margin: 0;
	padding: 0;
}
.news-box ul li {
	border-bottom: 1px dotted #cccccc;
	color: #333333;
	font-size: 1em;
	list-style: none outside none;
	margin: 0 0 5px;
	padding: 0 0 5px 10px;
}
.news-box .mod-articles-category-date {
	margin-right: 10px;
}
.news-box .mod-articles-category-title {
	font-weight: bold;
}
.news-box a.catid-85:before {
	font-family: FontAwesome;
	content: "\f1ea";
	color: #3D9675;
}
.news-box a.catid-84:before {
	font-family: FontAwesome;
	content: "\f1ea";
	color: #fc6767;
}
#section7{
	width: auto;
	margin: 0 auto;
	overflow: hidden;
       text-align: center;
}
#section7 ul{
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
}
#section7 ul li{
	display: inline-block;
        margin: 0 10px 10px 10px;
	padding: 0;
	list-style: none;
}
#section7 table{
      display: inline-block;
}  
#section7 li p{
      display: inline-block;
      letter-spacing: 0.2em;
}  
#section8{
      display: inline-block;
       text-align: center;
      margin: 0 10px 10px 10px;
      padding: 0;
}  
/*当社について
**************************************/
.arrow-yel{
	background-image: url("../images/arrow_yel.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 0 0 50px 0;
	margin: 0;
}
/*新着情報
**************************************/
.tagbtn{
	margin: 30px 0;
	padding: 0;
	overflow: hidden;
}
.tagbtn ul{
	margin: 0;
	padding: 0;
	letter-spacing: -0.4em;
}
.tagbtn ul li{
	display: inline-block;
	padding: 0;
	margin: 0 14px 0 0;
	border: 1px solid #ddd;
	text-align: center;
	list-style: none;
	letter-spacing: normal;
	width: 19%;
	box-sizing: border-box;
}
.tagbtn ul li:last-child{
	margin-right: 0;
}
.tagbtn  ul li.all{
	border-bottom: 3px solid #004479;
}
.tagbtn  ul li.product{
	border-bottom: 3px solid #DF5F5F;
}
.tagbtn  ul li.ir{
	border-bottom: 3px solid #00A0E9;
}
.tagbtn  ul li.recruit{
	border-bottom: 3px solid #13AE67;
}
.tagbtn  ul li.news{
	border-bottom: 3px solid #096FB1;
}
.tagbtn ul li a{
	display: block;
	color: #333;
	padding: 10px;
}
.tagbtn ul li a:hover{
	background-color:#F4F5F6;
	display: block;
	padding: 10px;
	text-decoration: none;
}
.tagbtn2{
	margin: 30px 0;
	padding: 0;
	overflow: hidden;
}
.tagbtn2 ul{
	margin: 0;
	padding: 0;
	letter-spacing: -0.4em;
}
.tagbtn2 ul li{
	display: inline-block;
	padding: 0;
	margin: 0 14px 0 0;
	border: 1px solid #ddd;
	text-align: center;
	list-style: none;
	letter-spacing: normal;
	width: 15.6%;
	box-sizing: border-box;
}
.tagbtn2 ul li:last-child{
	margin-right: 0;
}
.tagbtn2  ul li.all{
	border-bottom: 3px solid #009FEC;
}
.tagbtn2  ul li.c1{
	border-bottom: 3px solid #F57F7F;
}
.tagbtn2  ul li.c2{
	border-bottom: 3px solid #6B7BD6;
}
.tagbtn2  ul li.c3{
	border-bottom: 3px solid #83AF41;
}
.tagbtn2  ul li.c4{
	border-bottom: 3px solid #E7B373;
}
.tagbtn2  ul li.c5{
	border-bottom: 3px solid #096FB1;
}
.tagbtn2 ul li a{
	display: block;
	color: #333;
	padding: 10px;
}
.tagbtn2 ul li a:hover{
	background-color:#F4F5F6;
	display: block;
	padding: 10px;
	text-decoration: none;
}
.frame-table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.frame-table td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 20px;
	width: 20%;
	border: 1px solid #ddd;
}
.reader{
	background-color: #efefef;
	padding: 20px;
	margin: 40px 0 20px 0;
}
.reader img{
	float: left;
	margin-right: 20px;
}
.reader p{
	font-size: 13px;
}
.reader2{
	border: 1px solid #ddd;
	padding: 20px;
	margin: 40px 0 20px 0;
}
.reader2 img{
	float: left;
	margin-right: 20px;
}
.reader2 p{
	font-size: 13px;
}
/*装置関連事業
**************************************/
.product-col2 {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.product-col2 td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 30px 30px 0;
	width: 402px;
}
.product-col2 td:last-child {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 0 30px 0;
	background-image: none;
	width: 402px;
}
.product-col2 th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
}
.product-col3 {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.product-col3 td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 15px 30px 0;
	width: 268px;
}
.product-col3 td:last-child {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 0 30px 0;
	background-image: none;
	width: 268px;
}
.product-col3 th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
}
.product-frame{
	border: 1px solid #ddd;
	padding: 0;
	margin: 0 0 20px 0;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	background-image: url("../images/arrow_cube.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}
.product-frame a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
	z-index: 2;
}
.product-frame:hover {
	filter:alpha(opacity=80);/* IE 6,7*/
    -ms-filter: "alpha(opacity=80)";/* IE 8,9 */
    -moz-opacity:0.8;/* FF , Netscape */
    -khtml-opacity: 0.8;/* Safari 1.x */
    opacity:0.8;
    zoom:1;/*IE*/
	border: 1px solid #006DB3;
}
.product-frame img{
	width: 358px;
	height: auto;
}
.product-frame .textarea{
	padding: 15px;
	height: 140px;
}
.product-frame .textarea2{
	padding: 15px;
	height: auto;
}
.product-frame .textarea h3{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}
.product-frame .textarea3{
	padding: 15px;
	height: 70px;
}
.product-frame .textarea3 h3{
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.link-blank{}
.link-blank:after{
	content: "\f08e";
	font-family: FontAwesome;
	margin-left: 10px;
	font-weight: normal;
}
.product-frame-gr{
	border: 1px solid #ddd;
	padding: 0;
	margin: 0 0 20px 0;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	background-image: url("../images/arrow_cube_gr.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}
.product-frame-gr a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-999px;
	z-index: 2;
}
.product-frame-gr:hover {
	filter:alpha(opacity=80);/* IE 6,7*/
    -ms-filter: "alpha(opacity=80)";/* IE 8,9 */
    -moz-opacity:0.8;/* FF , Netscape */
    -khtml-opacity: 0.8;/* Safari 1.x */
    opacity:0.8;
    zoom:1;/*IE*/
	border: 1px solid #00AF65;
}
.product-frame-gr img{
	width: 358px;
	height: auto;
}
.product-frame-gr .textarea{
	padding: 15px;
	height: 156px;
}
.product-frame-gr .textarea h3{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	color: 
}
.product-frame-gr .textarea h3 span{
	font-size: 14px;
	display: block;
	line-height: 1.5em;
}
.bottom-bn{
	width: 60%;
	margin: 0 auto;
	padding: 40px 0;
}
.bottom-bn .left{
	width: 47%;
	float: left;
	padding: 0 10px;
}
.bottom-bn .right{
	width: 47%;
	float: right;
	padding: 0 10px;
}
.img200-col2{
	margin: 20px 0 0 0;
}
.img200-col2 .left{
	float: left;
	width: 95px;
}
.img200-col2 .right{
	float: right;
	width: 95px;
}
.img300-col2{
	margin: 20px 0 0 0;
}
.img300-col2 .left{
	float: left;
	width: 145px;
}
.img300-col2 .right{
	float: right;
	width: 145px;
}
.number{
	margin: 0 0 15px 0;
	padding: 0;
	position: relative;
}
.number img{
	width: 402px;
	height: auto;
}
.number p {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 10px 15px;
	color: #fff;
	font-weight: bold;
	background-color: #003366;
}
.list-tbl {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
.list-tbl td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 20px;
	border: 2px solid #fff;
	background-color: #EAF3FA;
}
.list-tbl th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	white-space: nowrap;
	background-color: #DAE9F6;
	padding: 20px;
	font-weight: bold;
	border: 2px solid #fff;
}
.kikaku-tbl {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0;
}
.kikaku-tbl td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 15px 20px;
	border: 1px solid #ddd;
}
.kikaku-tbl th {
	text-align: center;
	vertical-align: top;
	display: table-cell;
	padding: 15px;
	border: 1px solid #ddd;
	background-color: #f7f7f7;
	font-weight: bold;
}
.kikaku-tbl ul{
	padding: 0;
	margin: 0;
}
.kikaku-tbl ul li{
	background-image: url("../images/icon_dt.png");
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 2px 0 2px 15px;
	list-style: none;
	line-height: 1.6em;
}
.kikaku-tbl2 {
	border-collapse: collapse;
	width: 100%;
	margin: 5px 0;
}
.kikaku-tbl2 td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 5px;
	border: none;
}
.kikaku-tbl2 th {
	text-align: center;
	vertical-align: top;
	display: table-cell;
	padding: 5px;
	border: none;
	background-color: #f7f7f7;
	font-weight: bold;
}
.kikaku-tbl2 ul{
	padding: 0;
	margin: 0;
}
.kikaku-tbl2 ul li{
	background-image: url("../images/icon_dt.png");
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 2px 0 2px 15px;
	list-style: none;
	line-height: 1.6em;
}
/*環境関連事業
**************************************/
.feature{
	background-color: #F0FAFF;
	padding: 40px;
	margin: 10px 0;
	overflow: hidden;
}
.feature h4{
	color: #0081cc;
	font-weight: bold;
	font-size: 18px;
	padding: 0;
	margin: 0 0 10px 0;
}
.feature ul{
	margin: 10px 0;
	padding: 0;
}
.feature ul li{
	margin: 0;
	padding: 0 0 0 18px;
	list-style: none;
	position: relative;
	font-size: 16px;
}
.feature ul li::before {
  content: "●";
  color: #0081cc;
  font-size: 10px;
  font-weight: bold;
  left: 0;
  position: absolute;
  top: 6px;
}
.Strong {
        font-weight:bold;
}
.ba-tbl-s {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0;
}
.ba-tbl-s td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding-right: 40px;
	width: 397px;
	background-image: url("../images/arrow_bf.png");
	background-repeat: no-repeat;
	background-position: right 110px;
}
.ba-tbl-s td:last-child{
	padding-right: 0;
	width: 397px;
	background-image: none;
}
.ba-tbl-s img{
	width: 397px;
	height: auto;
	margin: 0 0 10px 0;
}
.ba-tbl-s4 {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0;
}
.ba-tbl-s4 td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding-right: 10px;
	width: 201px;
	background-image: url("../images/arrow_bf_s.png");
	background-repeat: no-repeat;
	background-position: right 50px;
}
.ba-tbl-s4 td:last-child{
	padding-right: 0;
	width: 201px;
	background-image: none;
}
.ba-tbl-s4 img{
	width: 199px;
	height: auto;
	margin: 0 0 10px 0;
	border: 1px solid #ddd;
}
.om-map{
	background-image: url("../images/kensa_map.png");
	background-repeat: no-repeat;
	background-position: centertop;
	padding: 0 393px 450px 0;
	margin: 40px 0;
	background-size: contain;
}
.om-map .box{
	border: 2px solid #2852A6;
	padding: 20px;
	margin: 0;
}
.om-map .box h4{
	color: #000;
	font-size: 22px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
}
.om-map .box h4 span{
	font-size: 13px;
	font-weight: normal;
}
.om-map .box .kensa{
	background-image: url("../images/kensa.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 75px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 32px;
	color: #0080E2;
	line-height: 1.1em;
}
.om-map .box .kensa span{
	font-size: 13px;
	float: right;
	line-height: 1em;
}
.om-map .box .kensa span a{
	color: #fff;
	background-color: #000;
	padding: 9px;
	display: block;
}
.om-map .box .kensa a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #009FEC;
}
.om-map .box .pin0{
	padding: 0 0 0 20px;
	margin: 0;
}
.om-map .box .pin1{
	padding: 0 0 0 20px;
	margin: 0;
	background-image: url("../images/mapicon_01.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.om-map .box .pin2{
	padding: 0 0 0 20px;
	margin: 0;
	background-image: url("../images/mapicon_02.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.om-map .box .pin3{
	padding: 0 0 0 20px;
	margin: 0;
	background-image: url("../images/mapicon_03.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.om-map .box .pin4{
	padding: 0 0 0 20px;
	margin: 0;
	background-image: url("../images/mapicon_04.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.om-map .box .tbl{
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0;
}
.om-map .box .tbl td {
	display: table-cell;
	padding: 2px 0;
}
.om-map .box .keiyaku{
	background-image: url("../images/keiyaku.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 75px;
	margin: 0;
	font-weight: bold;
	font-size: 32px;
	color:#005BA2;
	line-height: 1em;
}
.om-service{
	margin: 20px 0;
	padding: 0;
}
.om-service h4{
	margin: 0;
	padding: 8px;
	text-align: center;
	font-weight: bold;
	background-color: #333;
	color: #fff;
	font-size: 16px;
}
.om-service .box{
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 10px 20px 20px 20px;
	height: 245px;
}
.om-service .c1{
	background-image: url("../images/houtei.png");
	background-repeat: no-repeat;
	background-position: right 1px;
}
.om-service .c2{
	background-image: url("../images/dokuji.png");
	background-repeat: no-repeat;
	background-position: right 1px;
}
.om-service2{
	margin: 10px 0;
	padding: 0;
}
.om-service2 h4{
	margin: 0;
	padding: 8px;
	text-align: center;
	font-weight: bold;
	background-color: #333;
	color: #fff;
	font-size: 16px;
}
.om-service2 .box{
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 10px 20px 20px 20px;
	height: 415px;
}
.om-service2 .c1{
	background-image: url("../images/houtei.png");
	background-repeat: no-repeat;
	background-position: right 1px;
}
.om-service2 .c2{
	background-image: url("../images/dokuji.png");
	background-repeat: no-repeat;
	background-position: right 1px;
}
.point-list{
	margin: 10px 0;
	padding: 15px 0 10px 0;
	background-color: #efefef;
	border: 1px solid #ccc;
}
.point-list ul{
	text-align: center;
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
}
.point-list ul li{
	display: inline-block;
	padding: 10px;
	margin: 0 4px 8px 4px;
	letter-spacing: normal;
	background-color: #006DB3;
	width: 45%;
	color: #fff;
}
.om-kensa {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0;
}
.om-kensa td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 20px 20px 40px 0;
	border-bottom: 1px solid #ddd;
}
.om-kensa td.img{
	padding: 20px 0 40px 0;
	width: 300px;
	background-image: none;
}
.flow-list{
	margin: 0;
	padding: 0;
	text-align: center;
}
.flow-list ul{
	margin: 0;
	padding: 0;
	text-align: center;
}
.flow-list ul li{
	position: relative;
  display: block;
  margin: 1.5em 0;
  padding: 15px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #E1ECF9;
}
.flow-list ul li:before{
	content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #E1ECF9;
}
.flow-list ul li.last{
}
.flow-list ul li.last:before{
	display: none;
}
.work-box{
	background-color: #f2f5f7;
	padding: 20px;
	margin: 0;
	background-image: url("../images/corner.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 5%;
}
.work-box h4{
	color: #005BA2;
	font-size: 16px;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}
.work-box img{
	width: 228px;
	height: auto;
	margin: 0 0 10px 0;
}
.h44{
	height: 44px;
}
.sw-tbl {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0;
}
.sw-tbl td {
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	padding: 10px 20px;
	border: 1px solid #ddd;
}
.sw-tbl th {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding: 10px;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	border: 1px solid #ddd;
}
.sw-tbl th.iv{
	background-color: #006DA1;
}
.sw-tbl th.el{
	background-color: #DEA900;
}
/*環境・CSR
**************************************/
.csr-repo{
	margin: 20px 0;
	padding: 30px 10px 10px 28px;
	background-color: #f2f5f7;
}
.csr-repo ul{
	margin: 0;
	padding: 0;
	letter-spacing:-0.4em;
}
.csr-repo ul li{
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0 10px 20px 10px;
	letter-spacing: normal;
	width: 31%;
	box-sizing: border-box;
}
.csr-repo ul li a{
	display: block;
	padding: 15px;
	border: 1px solid #006DB3;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #006DB3;
	background-image: none;
	box-sizing: border-box;
	font-weight: bold;
	background-color: #fff;
}
.csr-repo ul li a:hover{
	background-color: #006DB3;
	color: #fff;
	background-image: none;
	text-decoration: none;
}
.csr-repo ul li a:before{
	content: "\f1c1";
	font-family: FontAwesome;
	margin-right: 10px;
	font-weight: normal;
}
.num-list{
	padding: 0;
	margin: 0;
}
.num-list ul{
	padding: 0;
	margin:0;
}
.num-list ul li{
	padding: 20px 0 8px 0;
	margin: 0;
	list-style: none;
	margin: 0;
	border-bottom: 1px dotted #ddd;
	font-size: 16px;
}
.num-list ul li span{
	padding: 7px 9px 6px 9px;
	color: #fff;
	font-weight: bold;
	background-color: #003366;
	font-size: 16px;
	margin-right: 10px;
	display: inline-block;
	line-height: 1em;
	border-radius: 2px;
	float: left;
}
.txt-list{
	margin: 20px 0;
}
.txt-list ul{
	margin: 0;
	padding: 0;
}
.txt-list ul li{
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}
.txt-list ul li .listText{
	position: relative;
	display: inline-block;
	font-weight:bold;
	color: #2b54a4;
	padding: 8px 7px 0 0;
	line-height: 1.4;
}
/*会社情報
**************************************/
#gaiyo-table {
	border-collapse: collapse;
	width: 100%;
}
#gaiyo-table tbody {
}
#gaiyo-table td {
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	padding: 15px 20px;
	border: 1px solid #ddd;
}
#gaiyo-table th {
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	padding: 15px 20px;
	border: 1px solid #ddd;
	background-color: #f7f7f7;
	font-weight: bold;
}
.access-tbl {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0 40px 0;
}
.access-tbl td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 20px 0 0;
}
.access-tbl td:last-child{
	width: 500px;
	padding: 0;
}
.access-tbl2 {
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0 20px 0;
}
.access-tbl2 td {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 0 20px 0 0;
}
.access-tbl2 td:last-child{
	width: 500px;
	padding: 0;
}
.history{
	padding: 15px 0;
	margin: 0;
	background-image: url("../images/history_dt.png"), url("../images/history_dt.png");
	background-repeat: no-repeat;
	background-position: 124px top, 124px bottom;
}
#history-table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
#history-table  tbody {
}
#history-table  td {
	text-align: left;
	vertical-align:top
	display: table-cell;
	padding: 15px 20px;
}
#history-table th {
	text-align: left;
	vertical-align: top;
	display: table-cell;
	padding: 15px 20px 15px 0;
	font-weight: bold;
	color: #006EB2;
	background-image: url("../images/history_icon.png"), url("../images/history_line2.png");
	background-repeat: no-repeat, repeat-y;
	background-position: right 21px, right top;
	width: 120px;
}
/*展示会
**************************************/
.event-tbl {
	border-collapse: collapse;
	width: 100%;
}
.event-tbl tbody {
}
.event-tbl td {
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	padding: 15px 20px;
	border: 1px solid #ddd;
}
.event-tbl th {
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	padding: 15px 20px;
	border: 1px solid #ddd;
	background-color: #f7f7f7;
	font-weight: bold;
	white-space: nowrap;
}
.event-tbl ul{
	padding: 0;
	margin: 0;
}
.event-tbl ul li{
	background-image: url("../images/icon_dt.png");
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 2px 0 2px 15px;
	list-style: none;
	line-height: 1.6em;
}
.event-tbl img{
	width: 234px;
	height: auto;
}
/*お問い合わせ
**************************************/
.contact-subject{
	background-color: #f7f7f7;
	margin: 0 0 40px 0;
	padding: 40px;
	overflow: hidden;
}
.contact-subject ul{
	padding: 0;
	margin: 10px 0 0 0;
	letter-spacing: -0.4em;
}
.contact-subject ul li{
	display: inline-block;
	padding: 2px 10px;
	margin: 0;
	letter-spacing: normal;
	list-style: none;
	width: 48%;
	font-size: 18px;
}
.contact-subject ul li:before{
	content: "\f138";
	font-family: FontAwesome;
	margin-right: 5px;
	float: left;
}
.contact-subject ul li p{
	padding: 0;
	font-size: 18px;
}
.contact-bn{
	text-align: center;
	margin: 0 0 50px 0;
	padding: 0;
}
.contact-bn ul{
	margin: 0;
	padding: 0;
	letter-spacing:-0.4em;
}
.contact-bn ul li{
	list-style: none;
	display: table-cell;
	padding: 0;
	letter-spacing: normal;
	box-sizing: border-box;
}
.contact-bn ul li a{
	background-color: #006DB3;
	display: block;
	padding: 15px 15px 10px 15px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-image: none;
	box-sizing: border-box;
	font-weight: normal;
	margin: 0 1px 0 0;
	line-height: 1.2em;
}
.contact-bn ul li a:hover{
	background-color: #0098CE;
	color: #fff;
	background-image: none;
}
.contact-bn ul li a:after{
	content: "\f0d7";
	font-family: FontAwesome;
	font-weight: normal;
	display: block;
}
#box-tbl {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0;
}
#box-tbl tbody {
}
#box-tbl td {
	border: 1px solid #ccc;
	padding: 30px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 50%;
}
#box-tbl h4{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px 0;
}
.tel{
	font-size: 30px;
	color: #004577;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1em;
}
.tel:before{
	content: "\f095";
	font-family: FontAwesome;
	margin-right: 10px;
	font-weight: normal;
}
.tel-s{
	font-size: 26px;
	color: #004577;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1em;
}
.tel-s:before{
	content: "\f095";
	font-family: FontAwesome;
	margin-right: 10px;
	font-weight: normal;
}
.faq-bn{
	text-align: center;
	margin: 10px 0 0;
	padding: 0;
}
.faq-bn ul{
	margin: 0;
	padding: 0;
}
.faq-bn ul li{
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0;
	letter-spacing: normal;
	width:80%;
	box-sizing: border-box;
}
.faq-bn ul li a{
	display: block;
	padding: 12px;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	box-sizing: border-box;
	font-weight: bold;
	background-color: #B20000;
	border: 1px solid #B20000;
}
.faq-bn ul li a:hover{
	background-color: #fff;
	border: 1px solid #B20000;
	color: #B20000;
	background-image: none;
	text-decoration: none;
}
.faq-bn ul li a:after{
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	float: right;
}
.qa-anc{
	margin: 20px 0 0 0;
	padding: 0;
	overflow: hidden;
}
.qa-anc ul{
	margin: 0 auto;
	padding: 0;
	letter-spacing: -0.4em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	background-color: #efefef;
}
.qa-anc ul li{
	display: inline-block;
	list-style: none;
	margin: 0;
	letter-spacing: normal;
	line-height: 1em;
	padding: 0;
	width: 50%;
	text-align: left;
}
.qa-anc ul li a{
	display:block;
	background-color:#fff;
	border-left : 1px solid #ccc;
	border-top : 1px solid #ccc;
	font-size:15px;
	font-weight:normal;
	color:#264B69;
	text-decoration:none;
	margin: 0;
	padding: 15px 15px;
	box-sizing: border-box;
}
.qa-anc ul li a:hover{
	display:block;
	color:#fff;
	background-color: #0098CE;
	border-left: 1px solid #0098CE;
	border-top: 1px solid #0098CE;
}
.qa-anc ul li a:after{
	content: "\f13a";
	font-family: FontAwesome;
	margin-left: 10px;
	font-weight: normal;
	float: right;
}
/*IR情報
**************************************/
.graph{
	padding: 0;
	margin: 0;
}
.graph ul{
	text-align: center;
	letter-spacing: -0.4em;
	padding: 0;
	margin: 0;
}
.graph ul li{
	display: inline-block;
	padding: 0 10px 20px 10px;
	margin: 0;
	list-style: none;
	letter-spacing: normal;
	text-align: center;
}
/*個人情報保護方針
**************************************/
.list{
	margin: 0;
	padding: 0;
}
.list ul{
	padding: 0;
	margin: 0;
}
.list ul li{
	background-image: url("../images/icon_dt.png");
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 2px 0 2px 15px;
	list-style: none;
	line-height: 1.6em;
}
.list2{
	margin: 0;
	padding: 0;
}
.list2 ul{
	padding: 0;
	margin: 0;
}
.list2 ul li{
	background-image: url("../images/icon_dt.png");
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 2px 0 2px 15px;
	margin: 20px 0;
	list-style: none;
	line-height: 1.8em;
}
.checklist{
	margin: 0;
	padding: 0;
}
.checklist ul{
	margin: 0 0 40px 0;
	padding: 0;
	border-top:1px dotted #ccc;
}
.checklist ul li{
	margin: 0;
	padding: 10px 5px;
	border-bottom: 1px dotted #ccc;
	display: block;
}
.checklist ul li::before{
	content: "\f058";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: 10px;
	color: #006DB3;
	float: left;
	margin-bottom: 10px;
}
/* よくあるご質問
*****************************************/
.qa{
	border: 1px solid #dddd;
	padding: 30px;
	margin: 0;
}
.ttl-q {
	background-image: url("../images/icon_q.png");
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #cfcfcf;
	padding: 0 0 15px 50px;
	margin: 0 0 15px 0;
	font-size: 16px;
	color: #003864;
	font-weight: bold;
	line-height: 1.4em;
}
#faq-table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
#faq-table tbody {
	display: table;
	width: 100%;
}
#faq-table tr {
	display: table-row;
	width: auto !important;
}
#faq-table td {
	display: table-cell;
	padding: 0;
	vertical-align: top;
	text-align: left;
}
#faq-table th {
	display: table-cell;
	font-weight: normal;
	padding: 0;
	width: 51px;
	text-align: left;
	vertical-align: top;
}
/* サイトマップ
*****************************************/
.sitemap{
	margin: 20px 0;
}
.sitemap h4{
	border-left: 3px solid #003265;
	padding:8px 14px;
	margin:40px 0 10px 0;
	color: #003265;
	background-color: #f2f5f7;
}
.sitemap h5{
	color: #000;
	font-weight: bold;
	font-size: 15px;
	margin: 30px 0 0 0;
	padding: 0;
}
.sitemap ul{
	margin: 0;
	padding: 0;
}
.sitemap ul li{
	list-style: none;
	background-image: url("../images/icon_arrow_bl.png");
	background-repeat: no-repeat;
	background-position: 5px 20px;
	color: #497CA2;
	padding: 12px 0 12px 20px;
	margin: 0;
	line-height: 1.5em;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
}
.sitemap ul li a{
	color: #333;
}
.sitemap ul li a:hover{
	color: #0098CE;
	text-decoration: none;
}
.sitemap a[target="_blank"]:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-weight: normal;
	margin-left: 10px;
}
.pagination ul{
	padding: 0;
}
/* 採用情報
*****************************************/
.recruit-bn{
	padding: 0;
	margin: 10px 0;
	text-align: center;
}
.recruit-bn ul{
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: -0.4em;
}
.recruit-bn ul li{
	display: inline-block;
	padding: 0 20px;
	list-style: none;
	letter-spacing: normal;
}
.recruit-bn ul li.box{
	border: 1px solid #ddd;
}
body, td, p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 15px;
	line-height: 1.8;
	color: #333;
}
body{
	 scroll-behavior: smooth;
	 position: relative; 
}
a {
	color: #0098CE;
	text-decoration: none;
}
a:hover {
	text-decoration: underline
}
a:hover img {
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	/* IE lt 8 */
	-ms-filter: “alpha(opacity=80)”;/* IE 8 */
}
a img {
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
:target:before {
   content:"";
   display:block;
   height:140px;
   margin:-140px 0 0;
} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ol, ul {
	margin: 0 0 0 20px
}
ul.unstyled {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none
}
:focus {
	outline: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*	Grid  */

.container {
	width: 1180px;
	max-width: 1180px;
	min-width: 220px;
	margin: 0 auto;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: border-box;
}
#home .container {
	width: 100%;
	max-width: 100%;
}
#footer.container {
	width: 100%;
	max-width: 100%;
}
#post .container {
	width: auto;
	overflow: hidden;
}
.icon-remove:before {
	content: "\f00d";
	font-family: FontAwesome;
	font-style: normal;
}
.container .row, .col {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.row {
	margin-bottom: 1.5em
}
.col {
	display: block;
	float: left;
	width: 100%;
}
.col:first-child {
	margin-left: 0
}
.row:after, .col:after, .clr:after, .group:after {
	display: block;
	height: 0;
	clear: both;
	content: ".";
	visibility: hidden;
}
/* grid */

.col {
	margin-left: 5%
}
.span_1 {
	width: 6.5%
}
.span_2 {
	width: 15.0%
}
.span_3 {
	width: 22.5%
}
.span_4 {
	width: 32.0%
}
.span_5 {
	width: 40.5%
}
.span_6 {
	width: 49.0%
}
.span_7 {
	width: 57.5%
}
.span_8 {
	width: 66.0%
}
.span_9 {
	width: 72.5%
}
.span_10 {
	width: 83.0%
}
.span_11 {
	width: 91.5%
}
.span_12 {
	width: 100%
}
.count-1 {
	clear: both;
	margin-left: 0;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
}
#comp-wrap {
	padding: 0 10px;
	position: relative;
}
#home #comp-wrap{
	padding: 0;
}
.full {
	padding: 0;
	margin: 0;
	clear: both
}
.contact a {
	text-decoration: none
}
/* Article Columns */
.column-1, .column-2, .column-3, .column-4 {
	position: relative;
	margin: 0;
	padding: 0;
}
/* Content styles */
#archive {
	padding: 0;
	margin: 0;
}
.archive {
	padding: 0;
}
.archive .article-count {
	color: #999;
}
.items-leading {
	position: relative;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}
.leading {
	margin: 0 0 20px 0;
	position: relative;
}
.items-row, .item-page, .contact {
	position: relative;
}
.item-separator {
	margin-bottom: 20px;
}
#home .item-separator {
	margin-bottom: 0;
}
.item-page {
	position: relative;
}
.item-page-title {
	padding:20px 0;
	margin: 30px 0 0 0;
	border-top: 1px solid #777;
}
.item-page-title, .item-page-title a, .contact-name {
	text-decoration: none;
	font-size: 22px;
	color: #000;
}
.item-page-title a:hover{
	color: #006DB3;
	text-decoration: none;
}
.contact h2 {
	margin: 0 0 20px 0;
}
.contact .current {
	margin: 0;
	padding: 0;
}
dl.tabs {
	display: block;
	clear: both;
	border-bottom: 1px solid #ddd;
}
dl dt.tabs {
	display: inline-block;
	margin: 0 0 -1px 0
}
dt.tabs h3 {
	margin: 0 2px 5px 0;
}
dt.tabs h3 a {
	padding: 8px 8px 3px 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	text-decoration: none
}
dt.tabs.closed h3 a {
	border-color: #eeeeee #eeeeee #dddddd;
}
dt.tabs h3 a, dt.tabs h3.open a {
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
dd.tabs {
	padding: 10px 20px
}
.jicons-icons {
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0
}
h1.componentheading {
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	color: #333;
}
.buttons {
	clear: both;
	display: block;
	overflow: hidden;
}
ul.button-icons {
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
ul.button-icons li {
	display: inline-block
}
ul.button-icons li.edit-icon, ul.button-icons li.print-icon, ul.button-icons li.email-icon {
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	float: left;
	overflow: hidden;
	line-height: 20px;
}
.iteminfo, .content_rating {
	display: block;
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.content_rating p {
	margin: 0;
	padding: 0;
}
.iteminfo span {
	margin: 0 10px 0 0;
}
.iteminfo .category, .iteminfo .sub-category, .iteminfo .create, .iteminfo .modified, .iteminfo .published, .iteminfo .createdby, .iteminfo .hits {
	display: inline-block;
	line-height: 20px!important;
}
.iteminfo .createdby {
	font-weight: bold;
}
.items-more {
	clear: both;
}
h3.items-more {
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.items-more ol {
	margin: 0 0 0 30px;
	padding: 0
}
th.item-title, th.list-title {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
/* Commons */
.clear {
	clear: both
}
blockquote {
	position: relative;
	margin: 30px 0;
	padding: 20px;
	background-color: #e9e9e9;
	color: #505050;
	border-left: 5px solid #ddd;
	font-size: 16px;
	font-style: italic;
	font-family: 'Georgia', sans-serif;
	line-height: 1.8em;
}
pre {
	margin: 30px 0;
	padding: 20px;
	background-color: #e9e9e9;
	color: #505050;
	border-left: 5px solid #ddd;
	font-size: 15px;
	font-family: 'Georgia', sans-serif;
	line-height: 1.8em;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
address {
	margin: 20px 0;
	letter-spacing: 1px;
}
/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0 0 10px;
}
h1 {
	font-size: 13px;
}
h1#h1title{
	position: absolute;
}
h2 {
	font-size: 22px
}
h3 {
	font-size: 18px
}
h4 {
	font-size: 16px
}
h5 {
	font-size: 14px
}
h6 {
	font-size: 12px
}
.entry p:last-child {
	margin: 0
}
.entry ul {
	margin: 30px 0 30px 20px
}
.entry ul li, .entry ol li {
	margin: 0 0 5px
}
.entry ol {
	margin: 30px 0 30px 25px
}
.entry ol {
	list-style: decimal
}
.entry ul {
	list-style: disc
}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	margin: 40px 0 20px
}
p {
	margin: 0;
}
p.lead {
	font-size: 21px;
	line-height: 27px;
}
em {
	font-style: italic
}
strong {
	font-weight: bold
}
small {
	font-size: 80%
}
hr {
	height: 0;
	margin: 10px 0;
	border: solid #eee;
	border-width: 1px 0 0;
	clear: both;
}
hr#system-readmore {
	background-color: #f473ab;
	border: medium none;
	height: 22px;
	text-align: center;
}
hr#system-readmore::before {
	color: #fff;
	content: "▼続きを読む▼";
}
a {
	outline: 0;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease
}
a:hover {
	text-decoration: underline;
}
a[href$=".pdf"]::before {
	/*content: "\f1c1";
	font-family: FontAwesome;
	color: #ee0822;*/
}
/* Header  */
#header-wrap {
	padding: 0;
}
#social {
	display: block;
	float: right
}
#social a.social-icon {
	display: inline-block;
	margin-left: 2px;
	padding: 0;
	width: 32px;
	height: 32px;
}
#social a.social_1 {
	background: url(../images/social/facebook.png) 0 0 no-repeat;
}
#social a.social_2 {
	background: url(../images/social/twitter.png) 0 0 no-repeat;
}
#social a.social_3 {
	background: url(../images/social/google.png) 0 0 no-repeat;
}
#social a.social_4 {
	background: url(../images/social/youtube.png) 0 0 no-repeat;
}
#social a.social_5 {
	background: url(../images/social/dribbble.png) 0 0 no-repeat;
}
#social a.social_6 {
	background: url(../images/social/flickr.png) 0 0 no-repeat;
}
#social a.social_7 {
	background: url(../images/social/pinterest.png) 0 0 no-repeat;
}
#social a.social_8 {
	background: url(../images/social/picasa.png) 0 0 no-repeat;
}
#social a.social_9 {
	background: url(../images/social/linkedin.png) 0 0 no-repeat;
}
#social a.social_10 {
	background: url(../images/social/reddit.png) 0 0 no-repeat;
}
ul.tags {
	border-top: 1px dotted #ddd;
	margin: 10px 0;
	padding: 10px 0;
}
ul.tags li {
	display: inline-block;
	list-style: outside none none;
}
ul.tags li a {
	padding: 4px 7px;
}
.tag-category form > ul {
	margin: 0;
	padding: 0;
}
.tag-category form > ul li {
	list-style: outside none none;
}
/* Navigation */
#navbar-wrap {
	background-color: #fff;
	position: fixed;
	top:85px;
	-webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.15);
	width: 100%;
	z-index: 99;
}
#navbar {
	position: relative;
	width: 1160px !important;
	max-width: 1160px !important;
	margin: 0 auto;
}
#navbar.row {
	margin-bottom: 0
}
#navigation{
	float: right;
}
#navigation ul.menu > li {
	display: block;
	float: left;
	position: relative;
	cursor: pointer;
}
#navigation ul.menu > li:before {
	content: "";
	width: 0px;
	height: 2px;
	background: #005292;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.2s ease 0s;
	z-index: 10;
}
#navigation ul.menu > li:hover:before {
	width: 100%;
}
#navigation ul.menu > li ul {
	padding: 0;
}
#navigation .menu {
	clear: both;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#navigation .menu .icon-angle-right {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -6px;
	color: #aaa;
	font-size: 12px;
}
#navigation .menu > li {
	display: block;
	float: left;
	margin: 0 39px;
	padding: 0;
}
#navigation .menu > li:first-child{
	margin-left: 10px;
}
#navigation .menu > li:last-child{
	margin-right: 10px;
}
#navigation .menu > li ul {
	padding: 0;
}
#navigation .menu ul {
	position: absolute;
	left: 0;
	top: 100%;
	margin: 10px 0 0 0;
	/*IE6 only*/
    
	_margin: 0;
	nowhitespace: afterproperty;
	opacity: 0;
	transition: all .2s ease-in-out;
	visibility: hidden;
	z-index: 99;
}
#navigation .menu ul ul {
	left: 100%;
	top: 0;
}
#navigation .menu ul ul li {
	width: 100%
}
#navigation .menu li {
	position: relative;
	list-style: none
}
#navigation .menu li:hover > ul {
	margin: 0;
	opacity: 1;
	visibility: visible;
}
#navigation .menu a {
	display: block;
	position: relative;
}
span.image-title {
	display: none;
}
/* current item */
#navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover {
	color: #005292;
}
#navigation .menu > .active > a, #navigation li.active > a {
	color: #005292;
}
#navigation .menu a {
	color: #333;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	padding: 0 0 16px 0;
	font-size: 19px;
	font-weight: normal;
	margin: 0;
}
#navigation .menu a:last-child{
	margin: 0;
}
#navigation .menu a:hover, #navigation .menu a:focus {
	background-color: inherit;
}
#navigation .menu li > span.separator {
	cursor: default;
}
#navigation .menu li > span {
	color: #fff;
	display: block;
	padding: 10px 13px;
	font-size: 13px;
	line-height: 1.5em;
}
/* 画像メニューのスタイル */
#navigation ul#img-menu > li > a {
	padding: 0;
}
#navigation ul#img-menu li > span {
	padding: 0;
}
/* drop-down styles */
#navigation .menu ul {
	border-top: none;
	background: #005292;
	min-width: 250px;
}
#navigation .menu li:hover ul {
	margin-top: 0;
}
#navigation .menu ul ul.sub-menu {
	margin-top: -1px;
	margin-left: 1px;
}
#navigation .menu ul li {
	border-bottom: 1px solid #558BCE;
}
#navigation .menu ul li:first-child {
}
#navigation .menu ul li:last-child {
	border: 0
}
#navigation .menu ul li > a:hover {
	color: #fff;
	background-color: #006EB2;
}
#navigation .menu ul a {
	display: block;
	height: auto;
	margin: 0px;
	padding: 10px 15px;
	border: 0px;
	line-height: 1.5em;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
}
#navigation .selector {
	display: none
}
#navigation ul.sub-menu .icon-angle-down:before {
	content: "\f105"!important;
}
#navigation ul.sub-menu a {
	font-size: 12px;
}
#navigation i {
	text-align: right
}
#menu-icon {
	display: none;
}
/* slide　*/
#slide-wrap {
	min-height: 290px;
}
.slide-show {
	margin: 0 auto;
	width: 100%;
	min-height: 290px;
}
/* Module Classes */
ul.categories-module {
	margin: 0 0 30px 0 !important;
	padding: 5px 15px 10px 15px !important;
	border: 1px solid #ddd;
}
#sidebar .categories-module ul li {
	list-style: outside none none;
	margin: 0;
	padding: 10px 0;
	font-size: 14px;
	color: #999;
	line-height: 1.5em;
	border-bottom: 1px solid #ddd;
}
#sidebar .categories-module li a{
	color: #333;
}
#sidebar .categories-module li:last-child{
	border-bottom: medium none;
}
#sidebar .categories-module li::before {
	content: "\f105";
	font-family: FontAwesome;
	color: #999;
}
ul.categories-module h4 {
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}
#content-top ul.categories-module {
	margin: 0!important;
	padding: 0 !important;
	border: medium none;
}
#content-top .categories-module li{
	display:inline-block;
	border-left: 1px solid #ddd;
	padding: 0 20px;
	color: #999;
	font-size: 12px;
	list-style:  none;
	line-height: 1.2em;
}
#content-top .categories-module li:last-child{
	border-right: 1px solid #ddd;
}
#content-top .categories-module li a{
	font-size: 15px;
}
#sidebar .tagspopular {
}
#sidebar .tagspopular ul {
	margin: 0;
	padding-left: 15px;
}
#sidebar .tagspopular ul li {
	margin: 0 0 10px;
}
#sidebar .tagspopular ul li a {
}
/* light */
.light {
	border: 1px solid #cfcfcf !important;
	background: #F6F6F6 !important;
	color: #555 !important;
}
.light .module-title {
	color: #555 !important;
	background: none!important;
	border-bottom: none!important;
}
.light .module-body {
	border-top: none !important;
}
.light a {
	text-decoration: underline !important;
}
.light a:hover {
	color: #333!important
}
/* normal */
.normal {
	border: 1px solid #46acd1 !important;
	background: #58C0E6!important;
	color: #fff!important;
}
.normal .module-title {
	color: #fff !important;
	background: none!important;
	border-bottom: none!important;
}
.normal .module-body {
	border-top: none !important;
}
.normal a {
	text-decoration: underline !important;
	color: #fff!important
}
.normal a:hover {
	color: #303030!important
}
/* dark */
.dark {
	border: 1px solid #333 !important;
	background: #363636!important;
	color: #fff !important;
}
.dark .module-title {
	color: #fff !important;
	background: none !important;
	border-bottom: none!important;
}
.dark .module-body {
	border-top: none !important;
}
.dark a {
	text-decoration: underline !important;
	color: #58C0E6!important
}
.dark a:hover {
	color: #fff!important
}
/* blank */
.blank {
	border: none!important;
	background: none!important;
	padding: 5px!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	-o-border-radius: 0!important;
	border-radius: 0!important;
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	-o-box-shadow: none!important
}
.blank .module-title {
	border: none!important;
	padding: 0 0 0 5px!important
}
.light, .normal, .dark {
	padding: 10px!important;
}
.light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a {
	text-decoration: none!important
}
.light .module-title, .normal .module-title, .dark .module-title {
	padding: 0 0 0 5px!important;
	border: none!important;
	line-height: 30px!important;
}
.light .module-body, .normal .module-body, .dark .module-body {
	padding: 0 5px !important;
}
/* Page Navigation */
ul.pagenav {
	clear: both;
	display: block;
	padding: 0;
}
ul.pagenav li {
	list-style: none;
}
ul.pagenav li a {
	display: block
}
.pagenav-prev {
	float: left;
}
.pagenav-next {
	float: right
}
#pagination {
	clear: both;
	text-align: center;
	padding: 0;
}
/* Breadcrumbs */
.breadcrumbs {
	padding: 10px;
	font-size: 14px;
	color: #666;
	margin: 0;
}
.breadcrumbs .icon-angle-right {
	padding: 0 5px
}
/* Sidebar */
#leftbar-w {
	float: left
}
#rightbar-w {
	float: right;
	display: block;
}
#sidebar {
	padding: 0;
	position: relative;
}
#sidebar .module {
	margin-bottom: 0;
	padding: 0px;
}
#sidebar .module-title {
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
	padding: 10px 15px;
	background-color: #222; 
	letter-spacing: 1px;
	line-height: 1.4em;
}
#sidebar h3 {
	margin: 0;
	padding: 0;
}
#rightbar-w .module-title {
}
#sidebar .module-body {
	margin: 0;
	padding: 0;
}
#sidebar .module-body p {
	padding: 0;
	margin: 0;
}
#sidebar ul{
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
	font-size: 14px;
}
/* Sidebar Menu*/
#sidebar .module ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar .module ul.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom:medium none;
}
#sidebar .module ul.menu li:last-child {
}
#sidebar .module ul.menu li span.separator {
	display: inline-block;
	padding: 7px;
}
#sidebar .module ul.menu li::before {
	/*content: "\f105";
	font-family: FontAwesome;
	color: #777;*/
}
#sidebar .module ul.menu li.divider::before {
	content: none;
}
#sidebar .module ul.menu li a {
	background-image: url("../images/icon_arrow_bl.png");
	background-repeat: no-repeat;
	background-position:95% center;
	display: block;
	padding: 18px 20px 18px 12px;
	color: #333;
	font-weight: bold;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #F4F8FB;
	font-size: 14px;
}
#sidebar .module ul.menu li a:hover {
	background-image: url("../images/icon_arrow_bl.png");
	background-repeat: no-repeat;
	background-position:97% center;
	text-decoration: none;
	color: #0098CE;
	background-color: #fff;
}
h3#side-ttl{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003366+0,004e96+100 */
	background: #003366; /* Old browsers */
	background: -moz-linear-gradient(left,  #003366 0%, #004e96 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #003366 0%,#004e96 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #003366 0%,#004e96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#004e96',GradientType=1 ); /* IE6-9 */
	padding: 15px;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 1.4em;
	display: block;
}
h3#side-ttl-link{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003366+0,004e96+100 */
	background: #003366; /* Old browsers */
	background: -moz-linear-gradient(left,  #003366 0%, #004e96 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #003366 0%,#004e96 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #003366 0%,#004e96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#004e96',GradientType=1 ); /* IE6-9 */
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 1.4em;
	display: block;
}
h3#side-ttl-link a{
	color: #fff;
	text-decoration: none;
	padding: 15px;
	display: block;
	background-image: url("../images/icon_arrow_wh.png");
	background-repeat: no-repeat;
	background-position: 95% center;
}
h3#side-ttl-link a:hover{
	color: #0098CE;
	text-decoration: none;
	background-image: url("../images/icon_arrow_wh.png");
	background-repeat: no-repeat;
	background-position: 96% center;
}
h3#side-ttl-link-gr{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c6339+1,8ec500+100 */
	background: #1c6339; /* Old browsers */
	background: -moz-linear-gradient(left,  #1c6339 1%, #8ec500 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1c6339 1%,#8ec500 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1c6339 1%,#8ec500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c6339', endColorstr='#8ec500',GradientType=1 ); /* IE6-9 */
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 1.4em;
	display: block;
}
h3#side-ttl-link-gr a{
	color: #fff;
	text-decoration: none;
	padding: 15px;
	display: block;
	background-image: url("../images/icon_arrow_wh.png");
	background-repeat: no-repeat;
	background-position: 95% center;
}
h3#side-ttl-link-gr a:hover{
	color: #FFE599;
	text-decoration: none;
	background-image: url("../images/icon_arrow_wh.png");
	background-repeat: no-repeat;
	background-position: 96% center;
}
.side-catalog{
	margin: 0;
	padding: 0;
}
.side-catalog ul{
	margin: 0;
	padding: 0;
}
.side-catalog ul li{
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	letter-spacing: normal;
	width:100%;
	box-sizing: border-box;
	border: medium none !important;
}
.side-catalog ul li a{
	display: block;
	padding: 16px 12px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	box-sizing: border-box;
	font-weight: bold;
	background-color: #B20000;
	border: 1px solid #B20000;
	box-sizing: border-box;
}
.side-catalog ul li a:hover{
	background-color: #fff;
	border: 1px solid #B20000;
	color: #B20000;
	background-image: none;
	text-decoration: none;
}
.side-catalog ul li a:before{
	content: "\f019";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: 10px;
}
.side-faq{
	margin: 0;
	padding: 0;
}
.side-faq ul{
	margin: 0;
	padding: 0;
}
.side-faq ul li{
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
	letter-spacing: normal;
	width:100%;
	box-sizing: border-box;
	border: medium none !important;
}
.side-faq ul li a{
	display: block;
	padding: 16px 12px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	box-sizing: border-box;
	font-weight: bold;
	background-color: #00264D;
	border: 1px solid #00264D;
	box-sizing: border-box;
}
.side-faq ul li a:hover{
	background-color: #fff;
	border: 1px solid #00264D;
	color: #00264D;
	background-image: none;
	text-decoration: none;
}
.side-faq ul li a:before{
	content: "\f059";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: 10px;
}
#side-form{
	margin: 30px 0;
	padding: 20px;
	border-top: 2px solid #333;
	background-color: #f7f7f7;
	overflow: hidden;
}
#side-form h4{
	text-align: center;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
}
#side-form .tel{
	font-size: 24px;
	color: #006DB3;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
	text-align: center;
}
#side-form .tel:before{
	content: "\f095";
	font-family: FontAwesome;
	margin-right: 10px;
	font-weight: normal;
}
#side-form ul{
	margin: 10px 0 0 0;
	padding: 0;
}
#side-form ul li{
	list-style: none;
	padding: 0;
	margin: 0;
	letter-spacing: normal;
	width:100%;
	box-sizing: border-box;
	border: medium none !important;
}
#side-form ul li a{
	display: block;
	padding: 10px 12px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	box-sizing: border-box;
	font-weight: bold;
	background-color: #006DB3;
	border: 1px solid #006DB3!important;
	box-sizing: border-box;
}
#side-form ul li a:hover{
	background-color: #fff;
	border: 1px solid #006DB3!important;
	color: #006DB3;
	background-image: none;
	text-decoration: none;
}
#side-form ul li a:before{
	content: "\f0e0";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right: 10px;
}
/* Sidebar SubMenu*/
#sidebar .module ul.menu li ul {
	margin: 0;
	border-top: 1px dotted #ced8df;
	padding-left: 0;
}
#sidebar .module ul.menu li ul li {
	background: none;
	margin: 0;
	padding: 0 0 0 10px
}
#sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child {
	background: none
}
#sidebar .module ul.menu li ul li a:hover {
	border: 0;
}
.module .menu .icon-angle-down:before {
	content: ""!important
}
/* promo and fotter */
#promo-wrap {
	position: relative;
	margin: 135px 0 40px 0;
	padding: 0;
	background-color: #efefef;
	overflow: hidden;
}
#promo-wrap .container{
	width: 100%;
	max-width: 100%;
}
#promo {
	padding: 0;
	margin: 0 auto;
	clear: both;
}
#home #promo-wrap {
	background-color: #fff;
	margin-bottom: 0;
}
#home #promo {
	width: 100%;
	max-width: inherit;
}
#promo .module {
	color: #555;
	margin-bottom: 10px
}
#promo .inner {
	padding: 0 10px;
}
#promo .module-title {
	display: block;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
}
#promo h3.module-title {
	margin-bottom: 0;
	padding-bottom: 0;
}
#promo ul {
	margin: 0;
	padding: 0;
}
#promo ul li {
	list-style: none;
}
#promo-page-title {
	background-color: #000;
	padding: 20px 0;
	display: none;
	margin: 114px 0 10px 0;
}
#promo-page-title .container {
}
#promo-page-title h2 {
	font-size: 28px;
	font-weight: normal;
	margin: 0;
	text-align: center;
	color: #fff;
}
body#home #promo-page-title {
	display: none;
}
/* User 2 */
#content-bottom {
	clear: both;
	margin: 10px 0;
}
#footer {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#footer .module {
	margin: 0px
}
#footer .inner {
	padding: 0 10px;
}
#footer .module-title {
	display: block;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
}
#footer h3.module-title {
	margin-bottom: 0;
	padding-bottom: 0;
}
#footer .module-body {
}
#footer a {
}
#footer a:hover {
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer ul li {
	list-style: none;
}
#footer ul li:hover {
}
/*#footer ul li a {
	display: block;
	margin: 0;
	padding: 5px 0 5px 25px;
	background: url(../images/sidebar-li1.png) 5px 50% no-repeat;
	text-decoration: none;
	color: #999;
	font-size: 12px;
	line-height: 15px;
}
#footer ul li a:hover {
	background: url(../images/sidebar-li2.png) 5px 50% no-repeat;
	text-decoration: none;
	color: #58C0E6;
}
*/
/* Search */
input[type="search"] {
	display: block;
	width: 100%;
	padding: 10px 32px 10px 11px;
	color: #202020;
	font-size: 11px;
	-moz-box-sizing: border-box;
	-webkit-appearance: none !important;
	-webkit-box-sizing: border-box;
	background: #fff;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button {
 -webkit-appearance: none
}
input[type="search"]::-webkit-search-decoration {
 display: none
}
input[type="search"]:focus {
	color: #000;
	outline: none;
}
/* Forms / Inputs / Buttons */
#modlgn-remember {
	float: left;
	width: 20px;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea {
	vertical-align: middle;
	display: inline-block;
	max-width: 100%;
	margin-left: 0;
	padding: 8px;
	font-weight: 400;
	background-color: #f7f7f7;
	border: 1px solid #ddd;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.030) inset;
}
fieldset.phrases {
}
fieldset.phrases .phrases-box {
	margin-bottom: 10px;
}
fieldset.phrases .ordering-box, fieldset.phrases .form-limit {
	display: inline-block;
}
form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="tel"]:focus, form textarea:focus {
	border-color: #A0ECFF;
	outline: none;
}
form input[type="button"], form input[type="submit"], form button[type="submit"], form button[type="button"] {
}
form .mceLayout button[type="button"] {
	min-height: auto;
}
select {
	background-color: #f7f7f7;
	border-radius: 5px;
	display: inline;
	line-height: 100%;
	margin: 0;
	padding: 3px;
	vertical-align: middle;
	width: auto;
	border: 1px solid #ccc;
}
select[disabled="disabled"], select.disabled {
	color: #999;
	background: #f5f5f5;
	-moz-box-shadow: inset 0px 0px 2px #ddd;
	-webkit-box-shadow: inset 0px 1px 2px #ddd;
	box-shadow: inset 0px 1px 2px #ddd;
}
.input-medium, .input-large {
	width: auto !important;
}
.readmore {
	margin: 5px;
	text-align: right;
}
.btn {
	background-color: #0098CE;
	border: 1px solid #0098CE;
	border-radius: 3px;
	color: #fff;
	padding: 4px 7px;
	box-shadow: 0 0 5px #999;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
	background-color: #18519E;
	*background-color: #18519E;
}
.btn:active, .btn.active {
	background-color: #18519E \9;
}
.btn:hover, .btn:focus {
	color: #fff;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn.active, .btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
a.btn-readmore {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
 *background-color: #e6e6e6;
 filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
	border: 1px solid #bbb;
 *border: 0;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 *margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}
a.btn-readmore:hover, a.btn-readmore:focus, a.btn-readmore:active, a.btn-readmore.active, a.btn-readmore.disabled, a.btn-readmore[disabled] {
	color: #333;
	background-color: #e6e6e6;
 *background-color: #d9d9d9;
}
.system-unpublished {
	background-color: #efefef;
	padding: 5px;
}
/* Mailto */
.mailto {
	background: #fff;
	color: #222;
	padding: 10px;
}
/* Tooltips */
.tip-wrap {
	float: left;
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #535353;
	border: 1px solid #222;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	max-width: 200px;
	text-shadow: 1px 1px #000
}
.tip-title {
	padding: 0;
	margin: 0;
	display: none
}
.tip-text {
	font-size: 100%;
	margin: 0;
}
#topcontrol {
	background: url(../images/arrow_up.png) 50% 50% no-repeat;
	width: 60px;
	height: 60px;
	white-space: nowrap;
	cursor: pointer;
	opacity: 0.7;
 filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
	bottom: 20px;
	right: 20px;
	z-index: 999;
}
/* Error */
#error {
	padding: 20px;
	text-align: center
}
#error .error {
	color: #FF0000;
	display: block;
	padding: 0;
	font-size: 140px;
	font-weight: bold;
	line-height: 200px;
}
#error .center {
	width: 400px;
	margin-left: -200px;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 20%
}
#error .error {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9), 0 1px 0 rgba(255, 255, 255, 0.7);
}
#error .error > span {
	display: inline-block;
	position: relative;
}
#error .error > span:before {
	content: "";
	position: absolute;
	top: 70%;
	left: -30px;
	right: -30px;
	height: 80px;
	background: url(../images/error.png) no-repeat;
	background-size: 100% 100%;
}
#error ol li {
	text-align: left;
}
/* Offline */
.error-offline .error > span:before {
	top: 65%;
}
.error-offline .message {
	width: 350px;
}
/* Thumbs */
.width-10 {
	width: 10px;
}
.width-20 {
	width: 20px;
}
.width-30 {
	width: 30px;
}
.width-40 {
	width: 40px;
}
.width-50 {
	width: 50px;
}
.width-60 {
	width: 60px;
}
.width-70 {
	width: 70px;
}
.width-80 {
	width: 80px;
}
.width-90 {
	width: 90px;
}
.width-100 {
	width: 100px;
}
.height-10 {
	height: 10px;
}
.height-20 {
	height: 20px;
}
.height-30 {
	height: 30px;
}
.height-40 {
	height: 40px;
}
.height-50 {
	height: 50px;
}
.height-60 {
	height: 60px;
}
.height-70 {
	height: 70px;
}
.height-80 {
	height: 80px;
}
.height-90 {
	height: 90px;
}
.height-100 {
	height: 100px;
}
.thumbnail {
	border: 1px solid #ccc!important;
	max-width: 100%!important;
}
.thumbnail img {
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	opacity: 0.8;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.thumbnail img:hover {
	opacity: 1;
}
.thumbnail.pull-left {
	margin-right: 10px!important
}
.thumbnail.pull-right {
	margin-left: 10px!important
}
.thumbnails {
	margin-left: -20px;
	list-style: none;
 *zoom: 1;
}
.thumbnails:before, .thumbnails:after {
	display: table;
	content: "";
	line-height: 0;
}
.thumbnails:after {
	clear: both;
}
.thumbnails > li {
	float: left;
	margin-bottom: 18px;
	margin-left: 20px;
}
.thumbnail {
	display: block;
	padding: 4px;
	line-height: 18px;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a.thumbnail:hover {
	border-color: #08c;
	-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
	box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.thumbnail .caption {
	padding: 9px;
	color: #555;
}
/* Footer */
#footer-wrap {
	background-color: #004577;
	margin: 80px 0 0 0;
	padding: 0 0 40px 0;
	position: relative;
	border-top: 1px solid #CACACA;
}
#home #footer-wrap{
	margin: 0;
}
#footer-wrap p {
	margin: 0;
	padding: 0;
	color: #497CA2;
}
#footer-wrap ul{
	padding: 0;
	margin: 0;
}
#footer-wrap ul li{
	list-style: none;
	background-image: url("../images/icon_arrow_bl.png");
	background-repeat: no-repeat;
	background-position: left 9px;
	color: #497CA2;
	padding: 0 0 10px 15px;
	margin: 0;
	font-size: 13px;
}
#footer-wrap ul li li{
	font-size: 13px;
	padding: 10px 0 0 15px;
	background-position: left 14px;
	line-height: 1.6em;
	margin: 0;
}
#footer-wrap ul li li a{
	color: #E9F2F8;
	text-decoration: none;
}
#footer-wrap ul li li a:hover{
	color: #E9F2F8;
	text-decoration: underline;
}
#footer-wrap ul li a{
	color: #fff;
	text-decoration: none;
}
#footer-wrap ul li a:hover{
	color: #fff;
	text-decoration: underline;
}
#footer-wrap ul li.nolink{
	color: #fff;
}
#footer-wrap .sub{
	border-bottom: 1px solid #345F7F;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
}
#footer-wrap .sub ul li{
	list-style: none;
	font-size: 13px;
	background-image: url("../images/icon_arrow_bl.png");
	background-repeat: no-repeat;
	background-position: left 6px;
	color: #497CA2;
	padding: 0 0 10px 15px;
	margin: 0;
	line-height: 1.6em;
}
#footer-wrap .login {
	margin: 5px;
	text-align: center;
}
#footer-wrap .login a {
	color: #444;
	font-size: 10px;
	line-height: 1;
}
#footer-content {
	width:1160px;
	margin: 0 auto;
	padding:0;
}
#footer-content table td{
	width: 25%;
	padding: 0 25px;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #345F7F;
	border-right: 1px solid #345F7F;
}
#footer-content .line{
	border-bottom: 1px solid #345F7F;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
}
#footer-content .line p{
	font-size: 13px;
	color: #ddd;
}
#footer-content h4{
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1em;
}
.copyright {
	margin: 0 auto;
	padding: 0 0 5px 0;
}
.copyright a {
}
.copy a:hover {
}
.business {
	margin: 0 -480px 0 0;
	padding: 0;
	font-size: 10px;
	color: #ccc;
	text-align: right;
	text-shadow: none;
	bottom: 0;
	right: 50%;
	line-height: 10px;
	height: 10px;
	position: absolute;
}
#bottom {
	background-color:  #004577;
	color: #fff;
	padding: 0 0 30px 0;
}
#bottom .inner{
	width: 1160px;
	margin: 0 auto;
}
#bottom p{
	text-align: right;
	font-size: 13px;
	color: #ddd;
}
#bottom a{
	color: #ddd;
	text-decoration: none;
}
#bottom a:hover{
	text-decoration: none;
	color: #fff;
}
.business a, .business a:hover {
	text-decoration: none;
	font-size: 10px;
	color: #ccc
}
.dl-horizontal dt {
	clear: left;
	float: left;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 40px;
}
.dl-horizontal dd {
	margin-left: 50px;
}
.items-more h3 {
	margin-bottom: 10px;
}
p.errorcontainer {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}
fieldset {
	border: medium none;
	margin: 40px 0 0 0;
	padding: 40px;
	border-top: 4px solid #006EB2;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.hidden {
	display: none !important;
}
.nav-tabs {
	padding: 0;
}
.btn-toolbar {
	margin: 15px 0;
}
.btn-group {
	display: inline;
}
h2.componentheading, .page-header h2 {
	font-size: 30px;
	margin: 10px 0 30px 0;
	padding:0;
	line-height: 1.3em;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#074788+0,51cbff+100 */
	background: #074788; /* Old browsers */
	background: -moz-linear-gradient(left,  #074788 0%, #51cbff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #074788 0%,#51cbff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #074788 0%,#51cbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#074788', endColorstr='#51cbff',GradientType=1 ); /* IE6-9 */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
iframe {
	border: medium none;
}
.btnmenu {
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0;
	padding: 10px;
}
ul#usermenu {
	margin: 0;
	padding: 0;
}
ul#usermenu li {
	list-style: outside none none;
	margin-bottom: 10px;
}
ul#usermenu li:last-child {
	margin-bottom: 0;
}
#usermenu a.btn {
	display: inline-block;
	padding: 7px 15px;
	text-align: left;
}
#login-form {
	margin: 20px 0;
}
#header-table {
	width: 100%;
}
#header-table td{
	vertical-align: top;
	text-align: left;
	padding: 10px 10px 0 10px;
}
#header-table td:last-child {
	text-align: right;
	padding: 0;
}
#head-bt{
	margin: 0 0 10px 0;
	padding: 0;
}
#head-bt ul{
	text-align: right;
	padding: 0;
	margin: 0;
	letter-spacing: -0.4em;
	height: 38px;
}
#head-bt ul li{
	margin-left: 1px;
	padding: 0;
	display: inline-block;
	list-style: none;
	height: 38px;
}
.control-group {
	margin-bottom: 10px;
}
.chzn-container {
	width: 250px !important;
}
.input-append input {
	display: inline;
}
.input-append button {
	display: inline;
	margin-left: 5px;
	padding: 9px 12px;
}
/*shadowbox*/
#sb-nav {
	height: auto;
	line-height: 1;
}
#sb-info, #sb-info-inner {
	height: auto;
}
#sb-info-inner {
	font-size: 14px;
	height: auto;
}
#sb-nav a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #fff;
	font-family: FontAwesome;
	font-size: 18px;
	height: 20px;
	width: 20px;
}
#sb-nav a:hover {
	text-decoration: none;
}
#sb-nav-next:before {
	content: "\f0a9";
}
#sb-nav-close:before {
	content: "\f05c";
}
#sb-nav-previous:before {
	content: "\f0a8"
}
.accordeonck .toggler:before {
	content: "\f0fe";
	font-family: FontAwesome;
	color: #999;
	margin-right: 10px;
}
.accordeonck ul li ul {
	margin: 0;
}
.accordeonck ul li ul li {
	list-style: none outside none !important;
	margin: 0 !important;
}
.accordeonck ul li a {
}
.pchidden {
	display: none;
}
#footer .switchBtn {
	margin: 20px 0;
	text-align: center;
}
#footer .switchBtn a {
	border: 1px solid #b5b3b3;
	border-radius: 4px;
	color: #494949;
	display: inline-block;
	padding: 8px 30px;
	background-color: #fff;
}
#footer .switchBtn a.btnAcv {
	display: none;
	background-color: #C4C4C4;
	background-image: none;
}
.switchBtn a:first-child {
	margin-right: 10px;
}
.component_container {
	padding: 0;
}
/* ↓tab & Slides */
ul.jwts_tabbernav li a {
	border-radius: 4px 4px 0 0;
}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {
	background-position: 0 3px;
}
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {
	background-position: 0 -142px;
}
#responsive-tabs {
	margin-bottom: 15px;
}
#responsive-tabs label {
	margin: 0;
	padding: 7px 20px;
}
#responsive-tabs input[type="radio"]:checked + label, #responsive-tabs input.checked[type="radio"] + label {
	border-top-color: #494949;
}
#responsive-tabs label:first-child {
}
#responsive-tabs label span {
	font-size: 14px;
}
.edit .tab-content, .tab-content {
	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	padding: 10px;
}
.tab-content .tab-content-item {
}
.star {
	color: #ff002a;
}
/* ↑tab & Slides */

/*↓ showplus サムネイルスライド*/
.showplus-thumbnails > ul > li > a {
	margin-left: 1px !important;
	margin-right: 1px !important;
	padding: 0 !important;
	box-sizing: border-box;
}
.showplus-thumbnails > ul > li > a:hover {
}
.showplus-horizontal .showplus-thumbnails > ul > li:last-child > a {
	margin-left: 2px !important;
}
.showplus-horizontal .showplus-thumbnails > ul > li:first-child > a {
}
.showplus-thumbnails > ul {
	height: auto !important;
	overflow: hidden;
}
/*↑ showplus サムネイルスライド*/
ul.rsstableList {
	margin: 0;
	padding: 0;
}
ul.rsstableList li {
	border-bottom: 1px dotted #ddd;
	list-style: none outside none;
	overflow: hidden;
	padding: 10px 0;
}
ul.rsstableList li.odd {
}
ul.rsstableList li.even {
}
ul.newsflash-horiz {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.newsflash-horiz li {
	box-sizing: border-box;
	float: left;
	list-style: outside none none;
	padding-right: 10px;
	margin-bottom: 15px;
	width: 50%;
	position: relative;
}
ul.newsflash-horiz li:last-child {
	padding-right: 0;
}
ul.newsflash-horiz .article-separator {
	display: none;
}
.news-flash-readmore {
	float: right;
}
h4.newsflash-title {
	background-color: #f7f7f7;
	font-size: 15px;
	padding: 8px;
}
h4.newsflash-title a {
}
ul.newsflash-vert {
	margin: 0;
	padding: 0;
}
ul.newsflash-vert li {
	list-style: outside none none;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
}
.whole-link {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.whole-link:hover {
	background-color: #fff;
	opacity: 0.4;
}
/* module editor */
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 18px;
	font-size: 19.5px;
	line-height: 36px;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}
.label {
	border-radius: 3px;
}
.label, .badge {
	background-color: #999;
	color: #fff;
	display: inline-block;
	font-size: 10.998px;
	font-weight: bold;
	line-height: 14px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: baseline;
	white-space: nowrap;
}
.row-fluid:before, .row-fluid:after {
	content: "";
	display: table;
	line-height: 0;
}
.row-fluid:after {
	clear: both;
}
.row-fluid .form-horizontal .control-group:before, .row-fluid .form-horizontal .control-group:after {
	content: "";
	display: table;
	line-height: 0;
}
.row-fluid .form-horizontal .control-group:after {
	clear: both;
}
.row-fluid .form-horizontal .control-group {
	margin-bottom: 18px;
}
.row-fluid .form-horizontal .control-label {
	float: left;
	padding-top: 5px;
	text-align: right;
	width: 20%;
}
.row-fluid .form-horizontal .controls {
	margin-left: 25%;
}
.row-fluid .control-label .hasTooltip {
	display: inline-block;
}
.row-fluid .controls > .radio:first-child, .row-fluid .controls > .checkbox:first-child {
	padding-top: 5px;
}
.row-fluid fieldset.radio.btn-group {
	padding-left: 0;
}
.row-fluid .radio, .row-fluid .checkbox {
	min-height: 18px;
	padding-left: 20px;
}
#jform_articletext_tbl {
	width: 100%;
}
iframe#jform_articletext_ifr {
	width: 100% !important;
}
.ckdatetimepicker {
	float: left;
}
.datepickerbtn {
	float: left;
	margin-left: 5px;
	padding: 8px 10px !important;
}
.input-append.date {
	overflow: hidden;
}
.dtp-calendar {
	border: 1px solid #ccc;
	margin-left: 5px;
	padding: 1px;
}
.dtp-calendar:first-child {
	margin: 0;
}
.table-striped td, .table-striped th {
 // font-size: 18px;
	padding: 7px 10px !important;
}
.close {
	position: absolute;
	right: 0;
	z-index: 1;
}
#system-message .alert {
	margin: 0;
}
.alert-message a.close {
	display: none;
}
#jf_mm_menu, .jf_mm_trigger {
	display: none;
}
/* simple image gallery pro*/
ul.sigProContainer span.sigProPseudoCaption {
	padding-bottom: 0;
	padding-top: 0;
	line-height: 2;
}
.cat-items table {
	border-top: 1px solid #ddd;
	width: 100%;
}
/* スマートサーチ */
.finder label {
	display: none;
}
.finder input {
	margin: 0;
}
.finder button {
	box-shadow: none;
	margin: 0;
	padding: 7px 12px 8px;
}
.finder .fa-search::before {
	font-size: 15px;
	line-height: 1.2;
	margin-right: 5px;
}
#search-results {
}
#search-query-explained {
}
ul.search-results {
	list-style: outside none none;
	margin: 15px 0;
	padding: 0;
}
ul.search-results li {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
ul.search-results li:first-child {
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}
.result-title {
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
/* スマートサーチ ここまで*/

/* rsforms pro*/
.yui-calcontainer .yui-cal-nav-mc {
	box-sizing: border-box;
}
#userForm .rsform-block {
	display: table;
	margin: 8px 0 0;
	width: 100%;
}
#userForm .rsform-block > label {
	border-top: 1px dotted #ccc;
	display: table-cell;
	padding: 8px 10px 3px 8px;
	vertical-align: top;
	width: 30%;
}
#userForm .rsform-block .formControls {
	display: table-cell;
	border-top: 1px dotted #ccc;
	vertical-align: top;
	padding: 8px 8px 3px;
}
#userForm .rsform-block-submit {
	display: block;
}
#userForm .rsform-block-submit > label {
	border: medium none;
	display: inline-block;
	padding: 0;
}
#userForm .rsform-block-submit .formControls {
	display: block;
	text-align: center;
}
#submit {
	font-size: 20px;
	line-height: 1;
	padding: 10px 20px;
	margin-top: 20px;
}
strong.formRequired {
	color: #ff002a;
	font-weight: normal !important;
	font-size: 11px;
}
#userForm .checkbox {
	display: block;
	margin-right: 10px;
}
#userForm .radio {
	margin-right: 10px;
	display: block;
}
#userForm .inline {
	display: inline;
}
.formValidation {
	display: block;
}
.formValidation .formError {
	font-size: 14px;
}
.formControls input.btn {
	margin-left: 10px;
	padding: 6px 5px 8px;
}
.rsform-calendar-button::before {
	content: "\f073";
	font-family: FontAwesome;
}

/* rsforms pro　ここまで*/
#navigation .menu > li {
margin: 0 30px !important;
}

/*20240822 サポート対応　お問い合わせページ調整*/
.contact-subject ul li {
  display: block;
  width: auto;
}

/* ↑PC・スマホ共通デザイン */

#header-wrap #h1title {
	width: 1160px;
	font-size: 12px;
	line-height: 1;
	color: #ddd;
	padding: 1.25em 0;
	text-align: left;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: normal;
}
#header-wrap .custom{
	position: fixed;
	background-color: #fff;
	width: 100%;
	height: 85px;
	z-index: 99;
}
.Videoiframe {
        align: center;
        margin: auto;
}
.iframeObj{
        margin : 30px ;
        padding : 20px ;
        border : 5px ;
}
#flexslider .flex-control-thumbs{
background-color: #f9f9f9 !important;
padding: 30px 10px !important;
margin: 0;
    box-sizing: border-box;
}
#flexslider .flex-control-thumbs li {
    display: inline-block;
    width: 23%;
    margin: 0 .5%;
    letter-spacing: normal;
    list-style: none;
    box-sizing: border-box;
}
#flexslider .flex-control-thumbs li img {
    width: 100%;
    height: auto;
    border: 5px solid #fff;
    box-sizing: border-box;
}
.flex-control-thumbs li{
float: none !important;
}
@media screen and (min-width:480px) {
    /*　for iPhone Landscape　(iPhone 横)　*/
    width :  560;
    height : 315;

@media screen and (max-width: 560px) {
  .iframe-wrapper {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
  }
  .iframeObj{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@hakohime
.hakohime{
    background-color: #87ceeb;
    width:750px;
    padding: 15px 15px 15px 50px;
    background-image: url(https://www.npcgroup.net/var/www/html/images/test.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
.hakohime{
        background-image: url("../images/test.svg");
        background-repeat: no-repeat;
        background-position: left top;
        padding: 5px 0 15px 18px;
        margin: 0 0 20px 0;
        line-height: 1em;
        font-size: 22px;
        color: #000;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
}
#hide-b {
}
.ele1{
}

.ele2{
display: block;
}
.test{
}

/* solid019 */
.button_solid019 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 600px;
    padding: 10px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #6bb6ff;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 3px;
    border-radius: 50px;
}
.button_solid019 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 46%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button_solid019 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
/* 表示領域 */
#stage {
	position:relative;
	width: 600px;
	height: 400px;
	background: #fff;
	overflow:hidden;
}
/* スライド共通 */
.photo {
	position: absolute;
      display:flex;
	left: 150px;top:100px;
	border:#fff 2px solid;
}
/* 各スライドのanimation設定 */
#photo1 {
	-webkit-animation:slidepass 18s infinite;
	-webkit-animation-delay:-15s;
	animation:slidepass 18s infinite;
	animation-delay:-15s;
}
#photo2 {
	-webkit-animation:slidepass 18s infinite;
	-webkit-animation-delay:-12s;
	animation:slidepass 18s infinite;
	animation-delay:-12s;
}
#photo3 {
	-webkit-animation:slidepass 18s infinite;
	-webkit-animation-delay:-9s;
	animation:slidepass 18s　infinite;
	animation-delay:-9s;
}
#photo4 {
	-webkit-animation:slidepass 18s infinite;
	-webkit-animation-delay:-6s;
	animation:slidepass 18s infinite;
	animation-delay:-6s;
}
#photo5 {
	-webkit-animation:slidepass 18s infinite;
	-webkit-animation-delay:-3s;
	animation:slidepass 18s infinite;
	animation-delay:-3s;
}
#photo6 {
	-webkit-animation:slidepass 18s infinite;
	-webkit-animation-delay:0s;
	animation:slidepass 18s infinite;
	animation-delay:0s;
}
/* スライドの動きワンサイクル */
@-webkit-keyframes slidepass {
	0% {-webkit-transform:perspective(750px) rotateY(0deg) translateZ(250px);z-index:20;}
	10% {-webkit-transform:perspective(1000px) rotateY(60deg) translateZ(250px);z-index:18;}
	16.7% {-webkit-transform:perspective(1000px) rotateY(60deg) translateZ(250px);z-index:18;}
	26.7% {-webkit-transform:perspective(1000px) rotateY(120deg) translateZ(250px);z-index:14;}
	33.3% {-webkit-transform:perspective(1000px) rotateY(120deg) translateZ(250px);z-index:14;}
	43.3% {-webkit-transform:perspective(1000px) rotateY(180deg) translateZ(250px);z-index:8;}
	50% {-webkit-transform:perspective(1000px) rotateY(180deg) translateZ(250px);z-index:8;}
	60% {-webkit-transform:perspective(1000px) rotateY(240deg) translateZ(250px);z-index:10;}
	66.7% {-webkit-transform:perspective(1000px) rotateY(240deg) translateZ(250px);z-index:10;}
	76.7% {-webkit-transform:perspective(1000px) rotateY(300deg) translateZ(250px);z-index:12;}
	83.4% {-webkit-transform:perspective(1000px) rotateY(300deg) translateZ(250px);z-index:12;}
	93.4% {-webkit-transform:perspective(750px) rotateY(360deg) translateZ(250px);z-index:16;}
	100% {-webkit-transform:perspective(750px) rotateY(360deg) translateZ(250px);z-index:16;}
}
@keyframes slidepass {
	0% {transform:perspective(750px) rotateY(0deg) translateZ(250px);z-index:20;}
	10% {transform:perspective(1000px) rotateY(60deg) translateZ(250px);z-index:18;}
	16.7% {transform:perspective(1000px) rotateY(60deg) translateZ(250px);z-index:18;}
	26.7% {transform:perspective(1000px) rotateY(120deg) translateZ(250px);z-index:14;}
	33.3% {transform:perspective(1000px) rotateY(120deg) translateZ(250px);z-index:14;}
	43.3% {transform:perspective(1000px) rotateY(180deg) translateZ(250px);z-index:8;}
	50% {transform:perspective(1000px) rotateY(180deg) translateZ(250px);z-index:8;}
	60% {transform:perspective(1000px) rotateY(240deg) translateZ(250px);z-index:10;}
	66.7% {transform:perspective(1000px) rotateY(240deg) translateZ(250px);z-index:10;}
	76.7% {transform:perspective(1000px) rotateY(300deg) translateZ(250px);z-index:12;}
	83.4% {transform:perspective(1000px) rotateY(300deg) translateZ(250px);z-index:12;}
	93.4% {transform:perspective(750px) rotateY(360deg) translateZ(250px);z-index:16;}
	100% {transform:perspective(750px) rotateY(360deg) translateZ(250px);z-index:16;}
}