@charset "utf-8";

body p,
body a{
	word-wrap: break-word;
	word-break:break-all;
	/*word-break: normal;*/
}
span.supword{
	white-space:nowrap;
}

#contents {
    position: relative;
    width: 100%;
    min-width: auto !important;
    margin: 0 auto;
}

/* base ----------------------------- */
.commonContentsHeader{
	padding-bottom:30px;
}
.commonContentsHeader .contentsTitle {
	margin: 1px 0 0 18px;
	padding: 1px 0 0 19px;
	background: url(/company/common/img/common_border_dotted_bg_v.png) repeat-y;
	font-size: 157.1%;
	line-height: 1.1;
	font-weight: bold;
	*line-height: 1.2;
}
.commonContentsHeader .contentsCategory a,
.commonContentsHeader .contentsCategory a:focus,
.commonContentsHeader .contentsCategory a:hover,
.commonContentsHeader .contentsCategory a:active
 {
	text-decoration:none;
	color:#333;
}

@media screen and (max-width: 499px){
		/* タイトル */
		.commonContentsHeader {
			margin-top: 5px;
		}
		.commonContentsHeader .contentsTitle {
			font-size: 120%;
		}
		#contents .commonContentsHeader .contentsCategory{
			padding-left: 5px;
		}
}

.col1Contents {
	max-width: 1200px;
	/* max-width: 960px; */
	width:100%;
	margin: 0 auto;
}

/* 画像サイズ調整　20.06 */
.col1Contents img {
    max-width: 100%;
    height: auto;
}

.categoryTitle {
	margin: 1px 0 18px 0;
	font-size: 157.1%;
	line-height: 1.1;
	font-weight: bold;
	*line-height: 1.2;
}

/* 1column main ----------------------------- */
.commonContentsMain {
	padding: 39px;
	border: 1px solid #e5e5e5;
}
.commonContentsMain .width100 img{
    position: relative;
    margin-left: -40px;
    margin-bottom: -45px;
}
@media screen and (max-width: 999px){
		.commonContentsMain {
			padding: 15px;
			border: none;

		}
}
@media screen and (max-width: 499px){
		.commonContentsMain {
			max-width: 100%;
			padding: auto;
			border:none;
		}
}


/* visual ----------------------------- */
.commonVisual {
	position: relative;
	/*min-width: 960px;*/
	/*max-width: 960px;*/
	overflow: hidden;
}
.commonVisual .inner {
	position: absolute;
	left: 50%;
}

@media screen and (max-width: 999px){
		.commonVisual .inner {
			left: 0;
		}
}
@media screen and (max-width: 499px){
		.commonVisual .inner {
			position: relative;
		}
}


/* スマホ変換対応 visual ----------------------------- */
.sp_mainVisual {
	height: 272px;
}
.sp_mainVisual .inner {
	width: 1054px;
	height: 272px;
	margin-left: -527px;
}
.sp_mainVisual .inner .sp_titleGray {
	position: absolute;
	top: 100px;
	left: 80px;
	color: #666;
	font-size: 270%;
	text-shadow: 2px 2px 6px #fff;
}
.sp_mainVisual .inner .sp_titleWhite {
	position: absolute;
	top: 100px;
	left: 60px;
	color: #fff;
	font-size: 270%;
	text-shadow: 2px 2px 6px #000;
}


.sp_mainVisual .inner .sp_titleWhite_no {
	display: none;
}

.sp_mainVisual .inner .sp_creditGray {
	position: absolute;
	bottom: 20px;
	right: 65px;
	color: #666;
	font-weight:bold;
	font-size: 90%;
	text-shadow: 1px 1px 6px #fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=130, strength=3, enabled=true);	
}

.sp_mainVisual .inner .sp_creditWhite {
	position: absolute;
	bottom: 20px;
	right: 65px;
	color: #fff;
	font-weight:bold;
	font-size: 90%;
	text-shadow: 1px 1px 6px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=130, strength=3, enabled=true);	
}

.sp_mainVisual .inner .sp_creditWhiteS {
	position: absolute;
	top: 80px;
	right: 65px;
	color: #fff;
	font-size: 40%;
	font-weight:normal !important;
	text-shadow: 1px 1px 6px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=130, strength=3, enabled=true);	
}


@media screen and (max-width: 999px){
	.sp_mainVisual .inner .sp_titleGray ,
	.sp_mainVisual .inner .sp_titleWhite {
		/*left:calc(50% - -20px);*/
		left:10%;
		top: 30px;
		margin-left: 0;
		
	}
	
	/*旧メインビジュアル*/
	.sp_mainVisual {
		height: 150px;
		/*min-height: 272px;*/
	}
	.sp_mainVisual .inner {
		width: 100%;
		height: 150px;
		/*min-height: 272px;*/
		margin-left: 0;
	}
	
	
}
/*
@media screen and (max-width: 900px){
	.sp_mainVisual .inner .sp_titleGray ,
	.sp_mainVisual .inner .sp_titleWhite {
		left:20%;
		margin-left: 0;
	}
}
*/
@media screen and (max-width: 799px){
	
	/*旧メインビジュアル
	.sp_mainVisual {
		height: auto;
		min-height: 272px;
	}
	.sp_mainVisual .inner {
		width: 100%;
		height: auto;
		min-height: 272px;
		margin-left: 0;
	}*/
	
	.sp_mainVisual .inner .sp_titleGray ,
	.sp_mainVisual .inner .sp_titleWhite {
		position: none;
		/*top:80px;*/
		left:50px;
		margin-left: 0;
		
		font-size: 230%;
	}
}
@media screen and (max-width: 499px){
	
		/* スマホ変換対応　visual ----------------------------- */
		/* CSR スマホ変換対応　visual 背景画像 */
		/* 画像読み込みの記述部分のみ個別なので、各トップページで固有CSSファイルを所持 */

		.sp_mainVisual {
			/*height: auto;
			min-height: 95px;*/
		}
	
		.sp_mainVisual .inner{	
			width: 100%;
			/*padding:10px;*/
			padding-top:30px;
			margin:0;
			
			/*background-repeat:no-repeat !important;
			background-position:center top !important;
			background-size:120% !important;

			height:auto !important;
			min-height:95px !important;*/
		}
		@media screen and (max-width: 360px){
			.sp_mainVisual .inner{	
				/*min-height:80px;*/
			}
		}

		/* visual */
		.sp_mainVisual .inner .sp_titleGray ,
		.sp_mainVisual .inner .sp_titleWhite {
			position: unset;
			text-align: center;
			margin-left: 0;
		}
	
		.sp_mainVisual .inner .sp_titleGray {
			color: #666;
			font-size: 160%;
			text-shadow: 2px 2px 6px #fff;
			margin-top:8px;
			top:20px;
			
			left:50%;
			margin-left: -35%;
		}
		.sp_mainVisual .inner .sp_titleWhite {
			color: #fff;
			font-size: 160%;
			text-shadow: 2px 2px 6px #000;
			margin-top:8px;
			top:20px;
		}

		.sp_mainVisual .inner .sp_creditGray {
			color: #666;
			font-weight:bold;
			font-size: 75%;
			text-shadow: 1px 1px 6px #fff;
			margin-top:30px;	
			margin-bottom:10px;	
			text-align:right;
		}

		.sp_mainVisual .inner .sp_creditWhite {
			color: #fff;
			font-weight:bold;
			font-size: 75%;
			text-shadow: 1px 1px 3px #000;
			margin-top:30px;	
			margin-bottom:10px;	
			text-align:right;
		}

		.sp_mainVisual .inner .sp_titleWhite_no {
			display: none;
		}
	
}



/* スマホ変換対応　visual 背景画像の指定 */
/* 画像読み込みの記述部分のみ個別なので、各トップページで固有CSSファイルを所持 */

/* リサイクル対応　visual 背景画像の指定 */
.sp_mainVisual_l {
	height: 500px;
}

.sp_mainVisual_l .inner {
	width: 1054px;
	height: 500px;
	margin-left: -527px;
}
.sp_mainVisual_l .inner .sp_titleGray {
	position: absolute;
	top: 100px;
	left: 80px;
	color: #666;
	font-size: 270%;
	text-shadow: 2px 2px 6px #fff;
}
.sp_mainVisual_l .inner .sp_titleWhite {
	position: absolute;
	top: 60px;
	left: 160px;
	color: #fff;
	font-size: 270%;
	text-shadow: 2px 2px 6px #000;
}

@media screen and (max-width: 999px){
	.sp_mainVisual_l .inner .sp_titleGray ,
	.sp_mainVisual_l .inner .sp_titleWhite {
		left:calc(50% - -20px);
		margin-left: 0;
	}
}

.sp_mainVisual_l .inner .sp_titleWhite_no {
	display: none;
}

.sp_mainVisual_l .inner .sp_creditGray {
	position: absolute;
	bottom: 20px;
	right: 65px;
	color: #666;
	font-weight:bold;
	font-size: 90%;
	text-shadow: 1px 1px 6px #fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=130, strength=3, enabled=true);	
}

.sp_mainVisual_l .inner .sp_creditWhite {
	position: absolute;
	bottom: 20px;
	right: 65px;
	color: #fff;
	font-weight:bold;
	font-size: 90%;
	text-shadow: 1px 1px 6px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=130, strength=3, enabled=true);	
}
.sp_mainVisual_l .inner .sp_creditWhiteS {
	position: absolute;
	top: 100px;
	right: 65px;
	color: #fff;
	font-size: 40%;
	font-weight:normal !important;
	text-shadow: 1px 1px 6px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=130, strength=3, enabled=true);	
}


/* スマホ変換対応　visual 背景画像の指定 */
/* 画像読み込みの記述部分のみ個別なので、各トップページで固有CSSファイルを所持 */

/* social banner ----------------------------- 旧バージョン */

/* SNS一覧部分 210909追加 */
/* social banner ----------------------------- */

.socialBannerList li {
	position: relative;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	font-size: 71.4%;
    width:19%;
	margin-left:0.9%;
	margin-bottom: 10px;
}
.socialBannerList li:first-child {
	margin-left: 0;
}

.socialBannerList a {
	position: relative;
	display: block;
	padding: 13px 0 13px 50px;
}
.socialBannerList a img {
	position: absolute;
	top: 13px;
	left: 10px;
}
.socialBannerList .external {
	background: url(/company/common/img/sidebar_icon_external.gif) no-repeat right 5px;
}
@media screen and (max-width: 999px){
    .socialBannerList li,
    .socialBannerList li:first-child{
        width:31.5%;
        margin-left:0.9%;
    }
}
@media screen and (max-width: 499px){
    .socialBannerList li,
    .socialBannerList li:first-child{
        width:100%;
        margin-left:5px;
        margin-right:5px;
    }
}

@media screen and (max-width: 799px){
		/* footer banner  */
		.footerBanner {
			width: 100%;
			background: #ebebeb;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			margin-bottom: 10px;
		}
		.footerBanner ul {
			margin: 0 auto;
			overflow:hidden;
		}
		.footerBanner li {
			float:left;
			width:25%;
			margin-left:auto;
			margin-right:auto;
		}
		.footerBanner li img {
			width:90%;
			margin:7px 5px;
			height:auto;
		}
}
@media screen and (max-width: 499px){
		/* footer banner */
		.footerBanner {
			width: 95%;
		}
		.footerBanner li {
			width:50%;
		}
}



/* head ----------------------------- */

.head1 {
	padding: 6px 0 14px;
	border-bottom: 3px solid #004692;
	font-size: 214.3%;
	line-height: 1.3;
	color: #000;
}
.head2 {
	padding: 10px 15px;
	background: #014693 url(/company/common/img/head2_bg.png) no-repeat;
	font-size: 143%;
	font-weight: normal;
	color: #fff;
}
.head3 {
	font-size: 164.3%;
	line-height: 1.4;
}
.head3Underline {
	padding-bottom: 12px;
	border-bottom: 1px solid #333;
	font-size: 142.9%;
	font-weight: bold;
}
.head3Dotted {
	padding-bottom: 9px;
	background: url(/company/common/img/common_border_dotted_bg.png) repeat-x left bottom;
	font-size: 142.9%;
	font-weight: bold;
	color: #595959;
}
.head3Gray2 {
	padding-bottom: 9px;
	font-size: 129%;
	font-weight: bold;
	color: #595959;
}


@media screen and (max-width: 799px){
	.head2 {
		width: auto;/*旧CSSの上書き*/
		padding: 10px;
		font-size: 120%;
	}
}
@media screen and (max-width: 499px){
		.head1 {
			font-size: 125%;
		}
		.head2 {
			width: auto;/*旧CSSの上書き*/
			padding: 10px;
			font-size: 120%;
		}
		.head3Underline {
			padding-bottom: 5px;
			font-size: 120%;
		}
		.head3Dotted {
			padding-bottom: 5px;
			font-size: 120%;
		}
		.head3Gray2 {
			font-size: 115%;
			padding-bottom: 3px;
		}
}


/* head ----ゆめ水族園用------------------------- */
.head2-BG {
	padding: 10px 15px;
	background: #cafc95;
	font-size: 150%;
	font-weight:normal;
	color: #666;
}
.head2-BO {
	padding: 10px 15px;
	background: #fed2ad;
	font-size: 150%;
	font-weight: normal;
	color: #666;
}
.head2-BB {
	padding: 10px 15px;
	background: #9ee3f7;
	font-size: 150%;
	font-weight: normal;
	color: #666;
}
.head2-BV {
	padding: 10px 15px;
	background: #ddbffb;
	font-size: 150%;
	font-weight: normal;
	color: #666;
}
.head2-BK {
	padding: 10px 15px;
	background: #000;
	font-size: 150%;
	font-weight: bold;
	color: #fff;
}
.head2-BGR {
	padding: 10px 15px;
	background: #D9D9D9;
	border-left: 4px solid #000;
	border-bottom: 1px solid #000;
	font-size: 150%;
	font-weight: normal;
	color: #333;
}
.head2-BGR2 {
	padding: 10px 15px;
	background: #D9D9D9;
	font-size: 150%;
	font-weight: normal;
	color: #333;
}

@media screen and (max-width: 499px){
	.head2-BG ,
	.head2-BV ,
	.head2-BO ,
	.head2-BB ,
	.head2-BK ,
	.head2-BGR ,
	.head2-BGR2 {
		font-size: 120%;
	}
}


/* headerline */
.headerline {
	padding: 6px 0 10px;
	margin-bottom:15px;
	border-bottom: 3px solid #004692;
}
.headerline .head1 {
	font-size: 200%;
	padding: 6px 0 0px;
	margin-bottom: 0px;
	border-bottom: 0px;
}
.headerline .head3 {
	font-size: 150%;
	margin-top:5px;
}

@media screen and (max-width: 499px){
		/* headerline */
		.headerline .head1 {
			font-size: 129%;
			padding: 10px 0 0px;
		}
		.headerline .head3 {
			font-size: 125%;
		}
}


/* Transplant from 'common_utf8.css' */
/** [リスト] **************************************************************************/
/* alpha */
.lsAu li{list-style:upper-alpha; margin-left:28px;}
html>/**/body .lsAu li{margin-left:22px;}
.lsAl li{list-style:lower-alpha; margin-left:28px;}
html>/**/body .lsAl li{margin-left:22px;}
/* ● */
.lsDt li{list-style:disc; margin-left:20px;}
html>/**/body .lsDt li{margin-left:18px;}
/* ○ */
.lsCc li{list-style:circle; margin-left:20px;}
html>/**/body .lsSc li{margin-left:18px;}
/* ■ */
.lsSq li{list-style:square; margin-left:20px;}
html>/**/body .lsSc li{margin-left:18px;}
/* 数字 */
.lsNm li{list-style:decimal; margin-left:28px;}
html>/**/body .lsNm li{margin-left:22px;}
/* マーク無 */
.lsN li{list-style:none; margin-left:0px;}

/* indent */
.tIndent {
	text-indent: 1em;
}
/* .icoLLinkW 追加*/
.tIndent .icoLLink,
.tIndent .icoLLinkW{
	padding-left:10px;
}

/* 追加 23/3/16 ここから */
.indent01 .icoLLink,
.indent01 .icoLLinkW {
	text-indent: 0;
}
/* 追加 23/3/16 ここまで */

/* リストの入れ子解除用 */
.lsCc .lsDt li{list-style:disc;}
.lsSq .lsDt li{list-style:disc;}
.lsSq .lsCc li{list-style:circle;}
/* 追加 18/9/3 ここから */
.lsNm .lsAu li{list-style:upper-alpha;}
.lsNm .lsAl li{list-style:lower-alpha;}
/* 追加 18/9/3 ここまで */
.lsDt .lsAu li{list-style:upper-alpha;}
.lsDt .lsAl li{list-style:lower-alpha;}
.lsNm .lsDt li{list-style:disc;}
.lsNm .lsCc li{list-style:circle;}
.lsNm .lsSq li{list-style:square;}
/* 追加 23/3/6 ここから */
.lsN .lsDt li{list-style:disc;text-indent: 0;}
.lsN .lsCc li{list-style:circle;text-indent: 0}
.lsN .lsSq li{list-style:square;text-indent: 0}
.lsN .lsNm li{list-style:decimal;text-indent: 0}
/* 追加 23/3/6 ここまで */


/** [ボーダー] **************************************************************************/
/* 全て */
.bdB, .bdG, .bdG2, .bdR, .bdW{border:solid 1px;}
/* 上 */
.bdBT, .bdGT, .bdGT2, .bdRT, .bdWT{border-top:solid 1px;}
/* 右 */
.bdBR, .bdGR, .bdGR2, .bdRR, .bdWR{border-right:solid 1px;}
/* 下 */
.bdBB, .bdGB, .bdGB2, .bdRB, .bdGW{border-bottom:solid 1px;}
/* 左 */
.bdBL, .bdGL, .bdGL2, .bdRL, .bdGW{border-left:solid 1px;}
/* 上下 */
.bdBTB, .bdGTB, .bdGTB2, .bdRTB, .bdWTB{border-top:solid 1px;border-bottom:solid 1px;}
/* 左右 */
.bdBRL, .bdGRL, .bdGRL2, .bdRRL, .bdWRL{border-right:solid 1px;border-left:solid 1px;}
/* 色 */
.bdB, .bdBT, .bdBR, .bdBB, .bdBL, .bdBTB, .bdBRL{border-color:#000000;}
.bdG, .bdGT, .bdGR, .bdGB, .bdGL, .bdGTB, .bdGRL{border-color:#CCCCCC;}
.bdW, .bdWT, .bdWR, .bdWB, .bdWL, .bdWTB, .bdWRL{border-color:#ffffff;}
.bdG2, .bdGT2, .bdGR2, .bdGB2, .bdGL2, .bdGTB2, .bdGRL2{border-color:#e5e5e5;}
.bdR, .bdRT, .bdRR, .bdRB, .bdRL, .bdRTB, .bdRRL{border-color:#E60000 ;}

/** [ボーダー非表示] **********************************************************/
/* 全て */
.bdN{border:none;}
/* 上 */
.bdNT{border-top:none;}
/* 右 */
.bdNR{border-right:none;}
/* 下 */
.bdNB{border-bottom:none;}
/* 左 */
.bdNL{border-left:none;}
/* 上下 */
.bdNTB{border-top:none;border-bottom:none;}
/* 左右 */
.bdNRL{border-right:none;border-left:none;}

/** [Solid] *********************************************************/
/* 全て */
.bdSSd{border-style:solid;}
/* 上 */
.bdSSdT{border-top-style:solid;}
/* 右 */
.bdSSdR{border-right-style:solid;}
/* 下 */
.bdSSdB{border-bottom-style:solid;}
/* 左 */
.bdSSdL{border-left-style:solid;}
/* 上下 */
.bdSSdTB{border-top-style:solid;border-bottom-style:solid;}
/* 左右 */
.bdSSdRL{border-right:solid-style;border-left-style:solid;}

/** [Dotted] ********************************************************/

/* 全て */
.bdSDo{border-style:dotted;}
/* 上 */
.bdSDoT{border-top-style:dotted;}
/* 右 */
.bdSDoR{border-right-style:dotted;}
/* 下 */
.bdSDoB{border-bottom-style:dotted;}
/* 左 */
.bdSDoL{border-left-style:dotted;}
/* 上下 */
.bdSDoTB{border-top-style:dotted;border-bottom-style:dotted;}
/* 左右 */
.bdSDoRL{border-right:dotted-style;border-left-style:dotted;}

/** [Dashed] ********************************************************/
/* 全て */
.bdSDs{border-style:dashed;}
/* 上 */
.bdSDsT{border-top-style:dashed;}
/* 右 */
.bdSDsR{border-right-style:dashed;}
/* 下 */
.bdSDsB{border-bottom-style:dashed;}
/* 左 */
.bdSDsL{border-left-style:dashed;}
/* 上下 */
.bdSDsTB{border-top-style:dashed;border-bottom-style:dashed;}
/* 左右 */
.bdSDsRL{border-right:dashed-style;border-left-style:dashed;}
/* 'icon_utf8.css' からclass名のみ引き継ぎ */

/* リンク */
.icoLLink {
	display: inline-block;
	padding-left: 21px;
	background: url(/common/images/ico_link_01.gif) no-repeat 3px 0.2em;
	*zoom: 1;
}
/* リンク （白ver） 2016.11.4追加*/
.icoLLink_white {
	display: inline-block;
	padding-left: 21px;
	background: url(/company/common/img/ico_link_white.png) no-repeat 3px 0.2em;
	*zoom: 1;
}
/* 外部リンク */
.icoLLinkW {
	display: inline-block;
	padding-left: 21px;
	background: url(/common/images/ico_pop_02.gif) no-repeat 3px 0.2em;
	*zoom: 1;
}
/* 外部リンク （白ver） 2017.1.19追加*/
.icoLLinkW_white {
	display: inline-block;
	padding-left: 21px;
	background: url(/company/common/img/ico_link_white_blank.png) no-repeat 3px 0.2em;
	*zoom: 1;
}

/* ページ内リンク 18.12.26追加 */
.icoLLinkDown {
	display: inline-block;
	padding-left: 21px;
	background: url(/common/images/ico_down_01.gif) no-repeat 3px 0.2em;
	*zoom: 1;
}
/* ページ内リンク （白ver） 18.12.26追加*/
.icoLLinkDown_white {
	display: inline-block;
	padding-left: 21px;
	background: url(/common/images/ico_down_02.png) no-repeat 3px 0.2em;
	*zoom: 1;
}


/* サイトマップ */
.icoLLinkSitemap {
	display: inline-block;
	padding-left: 21px;
	background: url(/company/common/img/icon_sitemap.png) no-repeat 3px 0.2em;
	*zoom: 1;
}
/* fsM */
.fsM .icoLLink,
.fsM.icoLLink,
.fsM .icoLLink_white,
.fsM.icoLLink_white,
.fsM .icoLLinkW,
.fsM.icoLLinkW,
.fsM .icoLLinkSitemap,
.fsM.icoLLinkSitemap {
	background-position: 3px 0.1em;
}
/* fsS 　※2016.11.4 誤記修正 */
.fsS .icoLLink,
.fsS.icoLLink,
.fsS .icoLLink_white,
.fsS.icoLLink_white,
.fsS .icoLLinkW,
.fsS.icoLLinkW{
	background-position: 3px 0em;
}


/** [背景] ******************************************************************************/
.bgW{background-color:#FFFFFF;}
.bgG1{background-color:#999999;}
.bgG2{background-color:#CCCCCC;}
.bgG3{background-color:#EFEFEF;}
.bgB{background-color:#DBE6F6;}
.bgB2{background-color:#004692;}
.bgB3{background-color:#F1F1F1;}
.bgB4{background-color:#777;}
.bgB5{background-color:#000;}
.bgB6{background-color:#d8f2ff;}
.bgY{background-color:#ffffdd;}


/*-----------------------------------*/
/* ------ margin ------ */
.mr18 {margin-right: 18px !important;}
/* company footer用 */
.pT18{padding-top:18px;}
/* ------ color ------ */
.fcB { color: #004692 !important; }
.fcW { color: #fff !important; }

/* snsボタン ----------------------------- */
#contents .sns {
	text-align:left;
}
#contents .sns li {
	display:inline;
	padding-left:7px;
}
/* スマホ用メニュー ----------------------------- */
#menu{
	display:none;
}
/* row grid ----------------------------- */
.row {
	position: relative;
	margin: 0 -15px;
	*zoom: 1;
}
.row:after {
	content: '';
	display: block;
	clear: both;
}
.row img {
	max-width: 100%;
	height: auto;
}



/* 空白を空ける（PCのみ適用） */
.offset-grid4 { margin-left: 33.33333%;}
.grid2, .grid3, .grid4, .grid6, .grid8, .grid9, .grid12,
.sp-grid3, .sp-grid4, .sp-grid6, .sp-grid8, .sp-grid9, .sp-grid12 {
	float: left;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.grid12, .sp-grid12 { width: 100%;  *width: 880px; }
.grid9, .sp-grid9  { width: 74.99997%; *width: 650px; }
.grid8, .sp-grid8  { width: 66.66664%;; *width: 575px; }
.grid6, .sp-grid6  { width: 50%; *width: 430px; }
.grid4, .sp-grid4  { width: 33.33333%; *width: 280px; }
.grid3, .sp-grid3  { width: 25%; *width: 205px; }
.grid2 { width: 16.66%; *width: 130px; } /* grid2は基本のレイアウトでは使用しない */



/*999px以下だと足りないので+幅 段組み余白調整*/
@media screen and (max-width: 1010px){
    .row {
		margin:0;
    }
    .commonContentsMain .row{
        margin: 0 -10px;
	}
    .grid2, .grid3, .grid4, .grid6, .grid8, .grid9, .grid12,
    .sp-grid3, .sp-grid4, .sp-grid6, .sp-grid8, .sp-grid9, .sp-grid12 {
        padding: 0 10px;
    }
}
@media screen and (max-width: 499px){
	.commonContentsMain .row ,
    .row {
		margin:0;
		position: relative;
		*zoom: 1;
	}
}


@media screen and (max-width: 799px){
		/*gridの割合変更*/
		/*.grid6,*/ 
		.grid7, /*.grid8, .grid9, */.grid10, .grid11 { width: 100%; }
		.grid4 .grid6 { width: 100%; }
		.grid8 .grid3/*,.grid3*/ { width: 50%; }
		.grid2 { width: 33.33333%; }
		.grid1 { width: 16.66666%; }
		.tb-100{width: 100% !important;}
		.tb-50{width: 50% !important;}
}
@media screen and (max-width: 499px){
		.grid2, .grid3, .grid4, .grid6, .grid8, .grid9, .grid12,
		.sp-grid3, .sp-grid4, .sp-grid6, .sp-grid8, .sp-grid9, .sp-grid12 {
			padding: 0 5px;
		}
		/*gridの割合変更*/
		.grid12 { width: 100%; }
		.grid9  { width: 100%; }
		.grid8  { width: 100%; }
		.grid6  { width: 100%; }
		.grid4  { width: 100%; }
		.grid3  { width: 50%; }
		.grid2  { width: 33.33333%; } /* grid2は基本のレイアウトでは使用しない */
		.tb-50{width: 100% !important;}
}
/* row grid end----------------------------- */

/* sp-localNav タブ表示 ----------------------------- */
.sp-Nav {
	/*border-bottom: 1px solid #e5e5e5;
	margin-bottom:40px;
	*/
}
.sp-Nav ul {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.sp-localNav, 
.sp-localNavG {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	height: 100%;
	width: 100%;
}
.sp-localNav li {
	display: table-cell;
	height: 100%;
	background: #0059b3;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .2s;
}
.sp-localNav a {
	display: table;
	height: 100%;
	width: 100%;
	/*border-bottom: 1px solid #e5e5e5;*/
	vertical-align: middle;
	text-align: center;
	line-height: 1.1;
	color: #fff;
	transition: .2s;
}
.sp-localNav a:before, 
.sp-localNavG a:before {
	display: table-cell;
	vertical-align: middle;
	content: '';
	width: 0;
	/*height: 40px;*/
	height: 46px;
}
.sp-localNav span, 
.sp-localNavG span {
	display: table-cell;
	padding: 0 3px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sp-localNav .current,
.sp-localNav .active,
.sp-localNav li:hover,
.sp-localNav li:focus {
	background: #fff;
	/*border-bottom-color: #fff;*/
}
.sp-localNav .current a,
.sp-localNav .active a,
.sp-localNav a:hover,
.sp-localNav a:focus {
	background: #fff;
	/*border-bottom-color: #fff;*/
	text-decoration: none;
	color: #000;
}
/* タブ表示 グレー */
.sp-localNavG li {
	display: table-cell;
	height: 100%;
	background: #999;
	border: 1px solid #e5e5e5;
	vertical-align: middle;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .2s;
}
.sp-localNavG a {
	display: table;
	height: 100%;
	width: 100%;
	/*border-bottom: 1px solid #e5e5e5;*/
	vertical-align: middle;
	text-align: center;
	line-height: 1.1;
	color: #fff;
	transition: .2s;
}
.sp-localNavG .current,
.sp-localNavG .active,
.sp-localNavG li:hover,
.sp-localNavG li:focus {
	background: #fff;
	/*border-bottom-color: #fff;*/
}
.sp-localNavG .current a,
.sp-localNavG .active a,
.sp-localNavG a:hover,
.sp-localNavG a:focus {
	background: #fff;
	/*border-bottom-color: #fff;*/
	text-decoration: none;
	color: #000;
}

@media screen and (max-width: 999px){
		.sp-Nav ul {
			width: 99.88%;/*幅変更*/
		}
}

@media screen and (max-width: 499px){
		/* localnav タブ表示 ----------------------------- */
		.sp-Nav ul {
			width: 100%;/*幅変更*/
		}
		.sp-localNav {
			display: block;
			border-top: 1px solid #e5e5e5;
			/*border-left: 1px solid #e5e5e5;*/
			font-size: 0;
			/*margin-bottom:20px;*/

		}
	
		.sp-localNav li {
			display: inline-block;
			border-top: none;
			border-left: none;
			border-right: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
			width: 50%;
			font-size: medium;
		}
		.sp-localNav a, 
		.sp-localNavG a {
			border-bottom: none;
			font-size: 81.3%;
		}
		.sp-localNav a:before,
		.sp-localNavG a:before {
			height: 46px;
		}
		/* タブ表示 グレー ----------------------------- */
		.sp-localNavG {
			display: block;
			border-top: 1px solid #e5e5e5;
			/*border-left: 1px solid #e5e5e5;*/
			font-size: 0;
			/*margin-bottom:20px;*/
		}
		.sp-localNavG li {
			display: inline-block;
			border-top: none;
			border-left: none;
			border-right: 1px solid #e5e5e5;
			border-bottom: 1px solid #e5e5e5;
			width: 50%;
			font-size: medium;
		}
}


/* タイル ----------------------------- */
/* contentsPanel */
.tile_link {
	margin-top:30px;
}

.top_contentsPanel {
	width: 988px;
	margin: 0 auto;
}
.inner_contentsPanel {
	width: 900px;
	margin-left: -10px;
	margin-right: -10px;
}

@media screen and (max-width: 999px){
	.top_contentsPanel {
		/*width: 970px;*/
		width: 100%;
		margin: 0 auto;
	}
	.inner_contentsPanel{
		width: 100%;
	}
}

.top_contentsPanelItem ,
.top_contentsPanelItem_noImg {
	display: inline-block;
	padding: 0 15px;
	vertical-align: top;
	font-size: medium;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.top_contentsPanelItem img {
	max-width: 100%;
	height: auto;
}
.top_contentsPanelItem a ,
.top_contentsPanelItem_noImg a {
	display: block;
	background: #004692;
	color: #fff;
	transition: .2s;
}

.top_contentsPanelItem_noImg .top_contentsPanelTitle{
	padding-top:12px;
	padding-bottom:12px;
}

.top_contentsPanelItem_w {
	display: inline-block;
	padding: 0 15px;
	vertical-align: top;
	font-size: medium;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.top_contentsPanelItem_w img {
	max-width: 100%;
	height: auto;
}
.top_contentsPanelItem_w a {
	display: block;
	background: #004692;
	color: #fff;
	transition: .2s;
}


.top_contentsPanelItem a:hover,
.top_contentsPanelItem a:focus,
.top_contentsPanelItem_noImg a:hover,
.top_contentsPanelItem_noImg a:focus,
.top_contentsPanelItem_w a:hover,
.top_contentsPanelItem_w a:focus {
	background: #336ba8;
	text-decoration: none;
}
.top_contentsPanelCol2 .top_contentsPanelItem ,
.top_contentsPanelCol2 .top_contentsPanelItem_noImg {
	width: 49.6%;
}
.top_contentsPanelCol2 .top_contentsPanelItem:nth-of-type(n+3) ,
.top_contentsPanelCol2 .top_contentsPanelItem_noImg:nth-of-type(n+3) {
	margin-top: 20px;
}

.top_contentsPanelCol3 .top_contentsPanelItem ,
.top_contentsPanelCol3 .top_contentsPanelItem_noImg {
	width: 32.9%;
}
.top_contentsPanelCol3 .top_contentsPanelItem_w {
	/*width: 65.9%;*/
	width: 66.4%;
	/* 端が揃っていないので修正（66.45） 2018.7.11更新 */
}
.top_contentsPanelCol3 .top_contentsPanelItem:nth-of-type(n+4) ,
.top_contentsPanelCol3 .top_contentsPanelItem_noImg:nth-of-type(n+4) {
	margin-top: 20px;
}
.top_contentsPanelCol3 .top_contentsPanelItem_w:nth-of-type(n+4) {
	margin-top: 20px;
}

.top_contentsPanelCol4 .top_contentsPanelItem ,
.top_contentsPanelCol4 .top_contentsPanelItem_noImg {
	width: 24.6%;
}
.top_contentsPanelCol4 .top_contentsPanelItem:nth-of-type(n+5) ,
.top_contentsPanelCol4 .top_contentsPanelItem_noImg:nth-of-type(n+5) {
	margin-top: 20px;
}
.top_contentsPanel.top_contentsPanelCol4 .top_contentsPanelItem a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 185px 10px;
	padding-right:29px;
}
.top_contentsPanel.top_contentsPanelCol4 .top_contentsPanelItem_noImg a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 185px 15px;
	padding-right:29px;
}
.inner_contentsPanel.top_contentsPanelCol4 .top_contentsPanelItem a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 168px 10px;
	padding-right:29px;
}
.inner_contentsPanel.top_contentsPanelCol4 .top_contentsPanelItem_noImg a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 168px 15px;
	padding-right:29px;
}
.top_contentsPanel.top_contentsPanelCol2 .top_contentsPanelItem a .top_contentsPanelTitle  {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 425px 10px;
	padding-right:29px;
}
.top_contentsPanel.top_contentsPanelCol2 .top_contentsPanelItem_noImg a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 425px 15px;
	padding-right:29px;
}
.inner_contentsPanel.top_contentsPanelCol2 .top_contentsPanelItem a .top_contentsPanelTitle {
	display: block;
	/*background: url(/company/common/img/ico_link_white.png) no-repeat 385px 8px;*/
	background: url(/company/common/img/ico_link_white.png) no-repeat 385px 10px;
	padding-right:29px;
}
.inner_contentsPanel.top_contentsPanelCol2 .top_contentsPanelItem_noImg a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 385px 15px;
	padding-right:29px;
}
.top_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 265px 10px;
	padding-right:29px;
}
.top_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem_noImg a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 265px 15px;
	padding-right:29px;
}
.inner_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 240px 10px;
	padding-right:29px;
}
.inner_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem_noImg a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 240px 15px;
	padding-right:29px;
}
.top_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem_w a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 596px 10px;
	padding-right:29px;
}
.inner_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem_w a .top_contentsPanelTitle {
	display: block;
	background: url(/company/common/img/ico_link_white.png) no-repeat 542px 10px;
	padding-right:29px;
}

@media screen and (max-width: 960px){
	
	/*旧タイルのリンクアイコン位置*/
	.top_contentsPanel.top_contentsPanelCol4 .top_contentsPanelItem a .top_contentsPanelTitle ,
	.top_contentsPanel.top_contentsPanelCol4 .top_contentsPanelItem_noImg a .top_contentsPanelTitle ,
	.inner_contentsPanel.top_contentsPanelCol4 .top_contentsPanelItem a .top_contentsPanelTitle ,
	.inner_contentsPanel.top_contentsPanelCol4 .top_contentsPanelItem_noImg a .top_contentsPanelTitle ,
	.top_contentsPanel.top_contentsPanelCol2 .top_contentsPanelItem a .top_contentsPanelTitle  ,
	.top_contentsPanel.top_contentsPanelCol2 .top_contentsPanelItem_noImg a .top_contentsPanelTitle ,
	.inner_contentsPanel.top_contentsPanelCol2 .top_contentsPanelItem a .top_contentsPanelTitle ,
	.inner_contentsPanel.top_contentsPanelCol2 .top_contentsPanelItem_noImg a .top_contentsPanelTitle ,
	.top_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem a .top_contentsPanelTitle ,
	.top_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem_noImg a .top_contentsPanelTitle ,
	.inner_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem a .top_contentsPanelTitle ,
	.inner_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem_noImg a .top_contentsPanelTitle ,
	.top_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem_w a .top_contentsPanelTitle ,
	.inner_contentsPanel.top_contentsPanelCol3 .top_contentsPanelItem_w a .top_contentsPanelTitle {
		background-position: 95% 10px;
		padding-right:28px;
	}	

	
	/*旧タイルのサイズ*/
	.top_contentsPanelItem ,
	.top_contentsPanelItem_noImg {
		padding: 0 5px;
	}
	.top_contentsPanelCol2 .top_contentsPanelItem ,
	.top_contentsPanelCol2 .top_contentsPanelItem_noImg {
		width: 49%;
	}
	.top_contentsPanelCol3 .top_contentsPanelItem ,
	.top_contentsPanelCol3 .top_contentsPanelItem_noImg {
		width: 32%;
	}
	.top_contentsPanelCol3 .top_contentsPanelItem_w {
		width: 64.7%;
	}
	.top_contentsPanelCol4 .top_contentsPanelItem ,
	.top_contentsPanelCol4 .top_contentsPanelItem_noImg {
		width: 24%;
	}
	
	.top_contentsPanelItem_w {
		padding: 0 5px;
	}
	
}
/* パネルのアイコンを外部リンクに変更 2017.1.16追加 */
.top_contentsPanelItem a.external .top_contentsPanelTitle,
.top_contentsPanelItem_noImg a.external .top_contentsPanelTitle{
	background-image:url(/company/common/img/ico_link_white_blank.png) !important;
}

.top_contentsPanelTitle {
	padding: 5px 12px;
	font-size: 106.3%;
}

@media screen and (max-width: 499px){
		/*旧タイル ----------------------------- */
		/* contentsPanel */
		.tile_link {
			margin-top:20px;
			padding:1px;
		}
		.top_contentsPanel ,
		.inner_contentsPanel {
			margin-left: auto;
			margin-right: auto;
			font-size: 0;
		}
		.top_contentsPanelItem ,
		.top_contentsPanelItem_noImg {
			padding: 0 10px;
		}

		.top_contentsPanelItem_w {
			padding: 0 10px;
		}

		.top_contentsPanelCol2 .top_contentsPanelItem ,
		.top_contentsPanelCol2 .top_contentsPanelItem_noImg{
			width: 100%;
		}
		.top_contentsPanelCol3 .top_contentsPanelItem ,
		.top_contentsPanelCol3 .top_contentsPanelItem_noImg ,
		.top_contentsPanelCol3 .top_contentsPanelItem_w ,
		.top_contentsPanelCol4 .top_contentsPanelItem ,
		.top_contentsPanelCol4 .top_contentsPanelItem_noImg {
			width: 50%;
		}
		.top_contentsPanelCol2 .top_contentsPanelItem ,
		.top_contentsPanelCol2 .top_contentsPanelItem_noImg ,
		.top_contentsPanelCol3 .top_contentsPanelItem:nth-of-type(n+3) ,
		.top_contentsPanelCol3 .top_contentsPanelItem_noImg:nth-of-type(n+3) ,
		.top_contentsPanelCol3 .top_contentsPanelItem_w:nth-of-type(n+3) ,
		.top_contentsPanelCol4 .top_contentsPanelItem:nth-of-type(n+3) ,
		.top_contentsPanelCol4 .top_contentsPanelItem_noImg:nth-of-type(n+3) {
			margin-top: 20px;
		}
		.top_contentsPanelItem img ,
		.top_contentsPanelItem_noImg img {
			max-width: 100%;
			height: auto;
		}
		.top_contentsPanelItem a ,
		.top_contentsPanelItem_noImg a {
			display: block;
			background: #004692;
			color: #fff;
			transition: .2s;
		}

		.top_contentsPanelItem a:hover ,
		.top_contentsPanelItem a:focus ,
		.top_contentsPanelItem_noImg a:hover ,
		.top_contentsPanelItem_noImg a:focus {
			background: #336ba8;
			text-decoration: none;
		}
		.top_contentsPanelItem a .top_contentsPanelTitle {
			display: block;
			background: url(/company/common/img/ico_link_white.png) no-repeat;
			background-position:95% 10px;
			padding-right:28px
		}
		.top_contentsPanelItem_noImg a .top_contentsPanelTitle {
			display: block;
			background: url(/company/common/img/ico_link_white.png) no-repeat;
			background-position:95% 15px;
			padding-right:28px
		}
		.top_contentsPanelItem_noImg .top_contentsPanelTitle{
			padding-top:12px;
			padding-bottom:12px;
		}
		.top_contentsPanelItem_w img {
			max-width: 100%;
			height: auto;
		}
		.top_contentsPanelItem_w a {
			display: block;
			background: #004692;
			color: #fff;
			transition: .2s;
		}
		.top_contentsPanelItem_w a:hover,
		.top_contentsPanelItem_w a:focus {
			background: #336ba8;
			text-decoration: none;
		}
		.top_contentsPanelItem_w a .top_contentsPanelTitle {
			display: block;
			background: url(/company/common/img/ico_link_white.png) no-repeat;
			background-position:95% 10px;
			padding-right:28px
		}

		/* パネルのアイコンを外部リンクに変更 2017.1.16追加 */
		.top_contentsPanelItem a.external .top_contentsPanelTitle,
		.top_contentsPanelItem_noImg a.external .top_contentsPanelTitle{
			background-image:url(/company/common/img/ico_link_white_blank.png) !important;
		}
		.top_contentsPanelTitle {
			padding: 9px 9px;
			font-size: 85.5%;
			font-weight: bold;
		}
	
}



/* top 新着他 ----------------------------- */

.sub .external {
	background: url(/technology/img/sidebar_icon_external.gif) no-repeat 195px 7px;
}
.sub .box-01{
	margin-right: 3px;
	margin-left: 3px;
	padding: 10px;
}

/* top 新着他 ----------------------------- */
.NewsSection {
	border: 1px solid #e5e5e5;
	border-radius: 2px;
}
.NewsSectionHeader {
	border-bottom: 1px solid #e5e5e5;
	background: #eee;
}
.NewsSectionHeader .newsTitle {
	padding: 16px 0 14px 21px;
}
.NewsSectionHeader .newsTitle_sublink {
	padding: 16px 21px 14px 10px;
}
.NewsSectionHeader ul {
	float: right;
	padding: 22px 8px 18px 0;
}
.NewsSectionHeader li {
	float: right;
	padding: 0 10px;
}
.NewsSectionBody {
	padding: 10px 20px;
}
.NewsSection .list {
	border-top: 1px dotted #e2e2e2;
	*zoom: 1;
}
.NewsSection .list:after {
	content: '';
	display: block;
	clear: both;
}
.NewsSection .list:first-child {
	border: none;
}
.NewsSection .date {
	float: left;
	/*width: 73px;*/
	width: 80px;
	margin-top: 12px;
	font-weight: bold;
	font-size: 85.7%;
}
.NewsSection .category {
	float: left;
	width: 60px;
	margin-top: 9px;
	padding: 2px 0;
	background: #898989;
	border-radius: 2px;
	text-align: center;
	font-size: 85.7%;
	color: #fff;
}


.NewsSection .title {
	padding: 12px 0 12px 80px;
	font-size: 85.7%;
}
.NewsSection .category + .title {
	padding: 12px 0 12px 154px;
}

@media screen and (max-width: 499px){
		/*Top新着他、スマホ表示のみ変更*//*旧レイアウトでも使用中*/
		.NewsSection .title ,
		.NewsList .title ,
		.TopicsSection .title {
			clear:both;
			padding: 10px 0px;
			font-size: 85.7%;
		}
		.NewsSection .category + .title ,
		.NewsList .category + .title,
		.TopicsSection .category + .title {
			padding: 5px 0;
		}
}



/* Topicsページレイアウト */
.TopicsSection .date {
	float: left;
	width: 73px;
	margin-top: 12px;
	font-weight: bold;
	font-size: 85.7%;
}
.TopicsSection .category {
	float: left;
	width: 60px;
	margin-top: 9px;
	padding: 2px 0;
	background: #898989;
	border-radius: 2px;
	text-align: center;
	font-size: 85.7%;
	color: #fff;
}
.TopicsSection .title {
	padding: 12px 0 12px 80px;
	font-size: 85.7%;
}
.TopicsSection .category + .title {
	padding: 12px 0 12px 154px;
}

/* side ------------------------------------------ */
.sideBanner li {
	position: relative;
	margin-top: 4px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	font-size: 71.4%;
	
	min-height:55px;
}
.sideBanner li:first-child {
	margin-top: 0;
}
.sideBanner a {
	position: relative;
	display: block;
	padding: 13px 0 13px 50px;
}
.sideBanner a img {
	position: absolute;
	top: 13px;
	left: 10px;
}

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

		/* side用コンテンツ 2017.12.13追加 */
		/* side */
		.sideBanner{
			margin-top:15px;
		}
		.sideBanner li {
			position: relative;
			width:100%;
			margin-top: 4px;
			border: 1px solid #e5e5e5;
			border-radius: 2px;
			font-size: 71.4%;
			min-height:55px;
		}
		.sideBanner a {
			position: relative;
			display: block;
			padding: 13px 0 13px 50px;
		}
		.sideBanner a img {
			position: absolute;
			top: 13px;
			left: 10px;
		}
	
}

/* user_gmap（不使用） */
#user_gmap {
	width:100%;
	height:600px;
	border:solid 1px #111;
}
@media screen and (max-width: 499px){
		#user_gmap {
			width:98%;
			height:300px;
			border:solid 1px #111;
		}
}

/* anchorNav ----------------------------- */
.anchorNav ul {
	padding: 12px 20px;
	border: 1px solid #ddd;
}
.anchorNav li {
	float: left;
	margin-right: 30px;
}
.anchorNav .iDown02 {
	padding-top: 0;
}

@media screen and (max-width: 499px){
		/* anchorNav */
		.anchorNav ul {
			padding: 3px;
		}
		.anchorNav li {
			margin-right: 10px;
		}
}

/* Youtube、動画埋め込み ----------------------------- */

.youtubeEmbed,
.videoEmbed{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtubeEmbed iframe,
.videoEmbed video{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* table break-all ----------------------------- */
.wb_all{
	word-break:break-all;
}

/* tableの背景、線色変更　2017.7.4 */
.tblMod01 { width:100%; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-collapse:collapse; }
.tblMod01 th { background-color:#EFEFEF; }
.tblMod01 th, 
.tblMod01 td { padding:15px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }

/* template用にtable追加　2018.8.6 （直書きページでは基本使用しない） */
.tblMod03 { width:100%; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-collapse:collapse; }
.tblMod03 th { background-color:#EFEFEF; font-weight:bold; }
.tblMod03 th, 
.tblMod03 td { padding:5px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }

/* [歴史用中央ボーダー] 2017.7.24追加 */
/* 右 */
.bdAR{border-right:solid 3px;}
/* 左 */
.bdAL{border-left:solid 3px;}
/* 色 */
.bdAR, .bdAL{border-color:#003399;}

/* [歴史用年表示] 2017.7.24追加 */
.history-header{
	position:absolute;
	width:70px;
	height:70px;
	margin:0 auto;
	text-align:center;
	line-height:70px;
	border-radius:50%;
	background-color:#003399;
	color:#fff;
	top:10px;
	left:0;
	right:0;
	font-size:1.1em;
}
@media screen and (max-width: 499px){
		/* [歴史用年表示] 2017.7.24追加 */
		.history-header{
			font-size:1.0em;
		}
}

/* スマホ、PC表示切替 ---------------------------------------------------- */
.pc-hide{
	display:none !important;
}
.sp-hide{
	display:block !important;
}
@media screen and (max-width: 499px){
	.pc-hide{
		display:block !important;
	}
	.sp-hide{
		display:none !important;
	}
}
/* display: flex 2017.7.13追加 ---------------------------------------------------- */
.df{
	position:relative;
	display:flex;
	flex-wrap: wrap;
}
.dblock{
	display:block;
}

/* PaperLab 20171116 ---------------------------------------------------- */
.mt150 { margin-top:150px !important; }
.mt200 { margin-top:200px !important; }
.mt250 { margin-top:250px !important; }
.mt300 { margin-top:300px !important; }
.mt350 { margin-top:350px !important; }
.mt400 { margin-top:400px !important; }
.mt450 { margin-top:450px !important; }
.mt500 { margin-top:500px !important; }

.ml100 { margin-left:100px !important; }
.mr100 { margin-right:100px !important; }

.ml150 { margin-left:150px !important; }
.mr150 { margin-right:150px !important; }

.ml200 { margin-left:200px !important; }
.mr200 { margin-right:200px !important; }

.ml250 { margin-left:250px !important; }
.mr250 { margin-right:250px !important; }

.ml300 { margin-left:300px !important; }
.mr300 { margin-right:300px !important; }

.ml350 { margin-left:350px !important; }
.mr350 { margin-right:350px !important; }


/* 20180423 テンプレート環境用追加アイコン型ボタン色 */
.contentsIconBtnEnvironment {
	background: #569d35;
}
.contentsIconBtnEnvironment:hover {
	background: #6fac53;
}

/* eco情報 */
.ecoFeatures {
	border-top: 2px solid #5fa044;
	border-bottom: 2px solid #5fa044;
}
.contentsbeige {
	background: #eee7dd;
}

/* 20190214 shareボタン大用追加*/
#contents .share {
	margin: 66px auto 0;
}
#contents .share h3 {
	text-align: center;
	font-size: 35px;
	letter-spacing: 0.05em;
	font-weight: bold;
	font-family: -apple-system, 'Open Sans', Sans-Serif;
}
#contents .snsList {
	margin: 28px auto 0;
}
#contents .snsList ul {
	text-align: center;
}
#contents .snsList ul li {
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	margin: 0 15px;
}
#contents .snsList ul li:hover img {
	opacity: 0.6;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

@media screen and (max-width: 499px){
		/* 20190214 shareボタン大用追加*/
		#contents .share {
			  margin: 13.1vw;
		}
		#contents .share h3 {
			  font-size: 3.5vw;
		}
}

/* indent 2019.10.24 追加 ------------------ */
.indent01{
	margin-left: 1em;
	text-indent: -1em;
}
.indent02{
	margin-left: 2em;
	text-indent: -2em;
}
.indent025{
	margin-left: 2.5em;
	text-indent: -2.5em;
}
.indent03{
	margin-left: 3em;
	text-indent: -3em;
}

/* Privacy ボタン 20.10.26 ---------------------------- */
.btnArea .btnFormat{
	display: block;
	width: 220px;
	height: 34px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 34px;
}
.btnArea #cookie_optout{
	background: #E60000 no-repeat url("/privacy/img/leftArrow.png") top 11px left 18px;
}

.btnArea #cookie_optin{
	background: #005AB4 no-repeat url("/privacy/img/leftArrow.png") top 11px left 18px;
}
.btnArea .btnFormat:hover{
	text-decoration: none;
}

/* スマホ用メニュー ----------------------------- */
#gNav{
	display:none;
}

/*960px以下の幅*/
@media screen and (max-width: 960px){
	/* 動画のレスポンシブ対応 2017.12.12追加 */
		.video{
		  position:relative;
		  width:100%;
		  padding-top:56.25%;
		}
		.video iframe{
		  position:absolute;
		  top:0;
		  right:0;
		  width:100%;
		  height:100%;
		}
	
		.sub .external {
			background: url(/technology/img/sidebar_icon_external.gif) no-repeat 98% 7px;
		}
	
	
}




/*799px以下の幅*/
@media screen and (max-width: 799px){
	
		/** [スライド] ******************************************************************************/
		.smp_slide{
			min-height: .01%;
			overflow-x: auto;
			width: 100%;
			padding: 0 0px 5px;
			margin-top:3px;
			overflow-y: hidden;
			-ms-overflow-style: -ms-autohiding-scrollbar;
			-webkit-overflow-scrolling: touch;
			border: 2px solid #eaeaea;
			border-radius: 3px;
		}
	

}
/*499px以下の幅*/
@media screen and (max-width: 499px){
	
	
		/* s_company.css移植 */
		.smp_slide > table{
			min-width:799px !important;
			max-width:initial !important;
		}
		
		/* Speak Navigation Settings */
		.naviSpeak{
			position:absolute;
			width:0px;
			height:0px;
			overflow:hidden;
		}
		/* top 右側リンク用に追加 technologyトップ他 18.7.6 */
		.sub .sideBanner li {
			position: relative;
			width:48%;
			float:left;
			margin-left: 2px;
			margin-right: 2px;
		}
		.sub .subLinkImg img {
			width:48%;
			margin-top:4px;
			margin-left: 2px;
			margin-right: 2px;
			border: 1px solid #e5e5e5;
		}
}


/* columnSection02 旧トップ（不使用）---------------------------------------------------- */
#contents .columnSection02 {
	max-width:1000px;
	width:100%;
	margin:20px auto 0;
}
#contents .columnSection02 .main {
	width:80%;
	float:left;
}
#contents .columnSection02 .sub {
	width:20%;
	float:right;
}
.columnSection02 .sub .bgG3{
	background-color:#f2f2f2;
}
@media screen and (max-width: 499px){
	#contents .columnSection02 .main {
		width:100%;
		float:none;
		margin-bottom: 10px;
	}
	#contents .columnSection02 .sub {
		width:100%;
		float:none;
		margin-bottom: 10px;
	}
}

/* 追加 */
.h100 {
	height:100%;
}

#topicPath {
	width:1200px;
}
@media screen and (max-width:767px) {
    #topicPath {
        width:100%;
    }
}