@charset "utf-8";

body p {
	word-wrap: break-word;
	word-break: normal;
}
/* 20160412追加 単語指定 */
span.supword{
	white-space:nowrap;
}
/* base ----------------------------- */
/* 追加（pb30）*/
.commonContentsHeader{
	padding-bottom:30px;
}
.commonContentsHeader .contentsTitle {
	margin: 1px 0 0 18px;
	padding: 1px 0 0 19px;
	background: url(/prod/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;
}

.col1Contents {
	width: 960px;
	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;
}

/* 2column ----------------------------- */
#contents .columnSection {
	width:960px;
	margin:15px auto 0;
}
#contents .columnSection .main {
	width:770px;
	float:left;
}
#contents .columnSection .sub {
	width:180px;
	float:right;
}

#contents .columnSectionIn .main {
	width: 660px;
	float:left;
}
#contents .columnSectionIn .sub {
	width:180px;
	float:right;
}

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

/* スマホ変換対応 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: 80px;
	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);	
}

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

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

.sp_mainVisual_l .inner {
	width: 1054px;
	height: 1100px;
	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;
}

.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 ----------------------------- */

.socialBanner li {
	position: relative;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	font-size: 71.4%;
}
.socialBanner a {
	position: relative;
	display: block;
	padding: 13px 0 13px 50px;
}
.socialBanner a img {
	position: absolute;
	top: 13px;
	left: 10px;
}
.socialBanner .external {
	background: url(/prod/common/img/sidebar_icon_external.gif) no-repeat right 5px;
}

/* footer banner ----------------------------- */
.footerBanner {
	margin-bottom: -70px;
	background: #ebebeb url(/prod/common/img/footer_banner_bg.gif) repeat-x;
	*zoom: 1;
}
.footerBanner ul {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 24px;
}
.footerBanner li {
	float: left;
	margin-left: 26px;
}
.footerBanner li:first-child {
	margin-left: 0;
}



/* 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(/prod/common/img/head2_bg.png) no-repeat;
	font-size: 143%;
	font-weight: normal;
	color: #fff;
}
/* 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-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;
}

.head4 {
	font-size: 150%;
	font-weight: bold;
	line-height: 1.4;
}

/* head ------ゆめ水族園用----------------------- */
.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(/prod/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;
}

/* 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;
	
}


/* 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;
}
/* リストの入れ子解除用 */
.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;}

/** [ボーダー] **************************************************************************/
/* 全て */
.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(/prod/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(/prod/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(/prod/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;
}
/* footer sitemap ----------------------------- */
#deepFoot .f_company_map{
	float:left;
	width:16.5%;
}
/* スマホ用メニュー ----------------------------- */
#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は基本のレイアウトでは使用しない */

/* sp-localNav タブ表示 ----------------------------- */
.sp-Nav {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom:40px;
}
.low-Nav.sp-Nav {
	border-top: none;
	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-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 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;
}
.low-Nav .sp-localNav li {
	border-bottom: 1px solid #e5e5e5;
    border-top:none; 
}
.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;
}
.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-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 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;
}
.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;
}
/* タイル ----------------------------- */
/* contentsPanel */
.tile_link {
	margin-top:30px;
}

.top_contentsPanel {
	width: 988px;
	margin: 0 auto;
}

/*
.col1Contents_aaa {
	width: 960px;
	margin: 0 auto;
}
*/

@media screen and (max-width: 990px){
	.top_contentsPanel {
		width: 970px;
		margin: 0 auto;
	}
/*
	.col1Contents_aaa {
		width: 970px;
		margin-left: 15px;
	}
*/
}

.inner_contentsPanel {
	width: 900px;
	margin-left: -10px;
	margin-right: -10px;
}
.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.df .top_contentsPanelItem ,
.top_contentsPanelCol4.df .top_contentsPanelItem_noImg{
	width: 25%;
}

.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(/prod/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(/prod/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(/prod/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(/prod/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(/prod/common/img/ico_link_white.png) no-repeat 425px 8px;*/
	background: url(/prod/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(/prod/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(/prod/common/img/ico_link_white.png) no-repeat 385px 8px;*/
	background: url(/prod/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(/prod/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(/prod/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(/prod/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(/prod/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(/prod/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(/prod/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(/prod/common/img/ico_link_white.png) no-repeat 542px 10px;
	padding-right:29px;
}


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

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

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

#contents .columnSection02 {
	width:960px;
	margin:20px auto 0;
}
#contents .columnSection02 .main {
	width:710px;
	float:left;
}
#contents .columnSection02 .sub {
	width:220px;
	float:right;
}
.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;
}
.columnSection02 .sub .bgG3{
	background-color:#f2f2f2;
}


/* 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;
	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;
}

/* 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;
}

/* googlemap */
#user_gmap {
	width:100%;
	height:600px;
	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;
}
/* contentsNav ----------------------------- */

.contentsNav {
	width: 960px;
	margin: 0 auto;
}
.contentsNav .prev {
	float: left;
}
.contentsNav .next {
	float: right;
}
.contentsNav a {
	display: block;
	width: 188px;
	padding-top: 11px;
	padding-bottom: 11px;
	text-align: center;
	color: #fff;
}
.contentsNav .prev a {
	padding-left: 25px;
	background: #004692 url(/prod/common/img/ico_link_white_reverse.png) no-repeat 10px center;
}
.contentsNav .next a {
	padding-right: 25px;
	background: #004692 url(/prod/common/img/ico_link_white.png) no-repeat 189px center;
}
/* QA表示 ----------------------------- */

.listIcon01 {
	margin-bottom:1em;
}
.listIcon01 li {
	padding:0 0 0 120px;
	line-height: 1.5;
	*zoom: 1;
}
/*カテゴリ有りの場合*/
.listIcon01.faq-category li {
	padding:0 0 0 155px;
}

.listIcon01 li + li {
	margin-top: 3px;
}
.listIcon01 .iconNews,
.listIcon01 .iconInfo,
.listIcon01 .iconQ,
.listIcon01 .iconA,
.listIcon01 .iconAA,
.listIcon01 .iconUpdt {
	display: inline-block;
	width: 100px;
	margin-left: -120px;
	margin-right: 20px;
	text-align: center;
	font-size: 85.7%;
	color: #fff;
}

/*カテゴリ有りの場合*/
.listIcon01.faq-category li {
	padding:0 0 0 155px;
}
.listIcon01.faq-category .iconQ {
	width: 45px;
	margin-left: -155px;
	margin-right: 5px;
}
.listIcon01.faq-category .iconAA {
	width: 140px;
	margin-left: -155px;
	margin-right: 15px;
}
/*Sensing FAQカテゴリ追加用*/
.listIcon01 .iconCategory {
	display: inline-block;
	width: 90px;
	margin-left: 0px;
	margin-right: 15px;
	text-align: center;
	font-size: 85.7%;
	color: #fff;
}
.listIcon01 .iconCategory {
	background: #ccc;
}
.listIcon01 .iconCategory.cate-trouble {
	background: #D05355;
}
.listIcon01 .iconCategory.cate-setup {
	background: #090;
}
.listIcon01 .iconCategory.cate-feature {
	background: #4472c4;
}


.listIcon01 .iconNews {
	background: #090;
}
.listIcon01 .iconInfo {
	background: #069;
}
.listIcon01 .iconUpdt {
	background: #969;
}
.listIcon01 .iconQ {
	background: #8080ff;
}
.listIcon01 .iconA {
	background: #d96944;
}
.listIcon01 .iconAA {
	background: #ff6633;
}


/* NewsList ----------------------------- */
.NewsList {
	padding: 10px 20px;
}
.NewsList .list {
	background: url(/prod/common/img/common_border_dotted_bg.png) repeat-x left bottom;
	*zoom: 1;
	margin-bottom:10px;
}
.NewsList .list:after {
	content: '';
	display: block;
	clear: both;
}
.NewsList .list:first-child {
	border: none;
}
.NewsList .date {
	float: left;
	/*width: 77px;*/
	width: 85px;
	margin-top: 15px;
	padding-left: 1px;
	font-weight: bold;
	font-size: 92.9%;
}
.NewsList .date_noCategory {
	float: left;
	width: 125px;
	margin-top: 15px;
	padding-left: 1px;
	font-weight: bold;
	font-size: 92.9%;
}
.NewsList .category {
	float: left;
	width: 80px;
	margin-top: 9px;
	padding: 2px 0;
	background: #898989;
	border-radius: 2px;
	text-align: center;
	font-size: 85.7%;
	color: #fff;
}
.NewsList .title {
	padding: 12px 0 12px 80px;
}
.NewsList .category + .title {
	padding: 12px 0 12px 180px;
}

/* NewsList（画像あり） ----------------------------- */
.NewsList_photo .list {
	background: url(/prod/common/img/common_border_dotted_bg.png) repeat-x left bottom;
	*zoom: 1;
	margin-bottom:10px;
}
.NewsList_photo .list:after {
	content: '';
	display: block;
	clear: both;
}
.NewsList_photo .title {
	/*padding: 12px 0 15px 180px;*/
	padding: 12px 0 15px 100px;
	font-size: 92.9%;
}
.NewsList_photo .date {
	float: left;
	width: 77px;
	margin-top: 15px;
	padding-left: 1px;
	font-weight: bold;
	font-size: 92.9%;
}
/*
画像ありではカテゴリはなしにする（必要な場合はリストを別クラスで作成）
.NewsList_photo .category {
	float: left;
	width: 80px;
	margin-top: 9px;
	padding: 2px 0;
	background: #898989;
	border-radius: 2px;
	text-align: center;
	font-size: 85.7%;
	color: #fff;
}
*/
.NewsList_photo .photo {
	float: right;
	width: 100px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 2px 0;
	text-align: center;
}

/* 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;
}

/* べたボタン 2016.11.4 追加 ----------------------------- */

.panelTextItem .panelTextItemGreen .panelTextItemWhite, .panelTextItemGray{
	display: block;
}
.panelTextItem a{
	display: block;
	padding:15px 10px;
	background-color: #004692;
	color: #fff;
}
.panelTextItem a:hover {
	background: #336ba8;
	text-decoration: none;
}
/* グリーンボタン */
.panelTextItemGreen a{
	display: block;
	padding:15px 10px;
	background-color: #569d35;
	color: #fff;
}
.panelTextItemGreen a:hover {
	background: #6fac53;
	text-decoration: none;
}
/* ホワイトボタン */
.panelTextItemWhite a{
	display: block;
	padding:15px 10px;
	background-color: #FFFFFF;
	color: #005AB4;
	border:solid 1px #e5e5e5;
}
.panelTextItemWhite a:hover {
	color: #FF3300;
	text-decoration: none;
}
/* グレーボタン */
.panelTextItemGray a{
	display: block;
	padding:15px 10px;
	background-color: #EFEFEF;
	color: #005AB4;
	border:solid 1px #cccccc;
}
.panelTextItemGray a:hover {
	color: #FF3300;
	text-decoration: none;
}


/* grid用ボタン3種 ----------------------------- */
/* アイコン型 */
.contentsIconBtn {
	position: relative;
	border: 1px solid #ddd;
	background: #0059b3;
	transition: 0.3s;
}
.contentsIconBtn:hover {
	background: #2672be;
}
.contentsIconBtnLink {
	display: block;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 100px;
}
a.contentsIconBtnLink {
	color: #fff;
}
a.contentsIconBtnLink:hover {
	text-decoration: none;
}
.contentsIconBtnTitle,
.contentsIconBtnText {
	display: block;
}
.contentsIconBtnTitle {
	margin-top: 5px;
}
.contentsIconBtnText {
	min-height: 4em;
	margin-top: 3px;
	line-height: 1.3;
}
/* アイコン型ボタン内のリンク */
.contentsIconBtnLinkSub {
	position: absolute;
	display: inline-block;
	width: 70px;
	padding-left: 21px;
	background: #fff url(/common/images/ico_link_01.gif) no-repeat 3px center;
	line-height: 21px;
}
.contentsIconBtnLinkSub01 {
	top: 10px;
	right: 10px;
}
.contentsIconBtnLinkSub02 {
	top: 35px;
	right: 10px;
}
/* サムネイル用のgrid */
.thumbnailBtn_row {
	position: relative;
	margin: 0 -15px;
	font-size: 0;
	*zoom: 1;
}
.thumbnailBtn_row_top {
	position: relative;
	margin: 0 -15px;
	*zoom: 1;
}
.thumbnailBtn_grid2,
.thumbnailBtn_grid3,
.thumbnailBtn_grid4 {
	display: inline-block;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: medium;
	vertical-align: top;
}
.thumbnailBtn_grid2 {
	width: 16.6%;
}
.thumbnailBtn_grid3 {
	width: 25%;
}
.thumbnailBtn_grid3_top {
	width: 24.6%;
}
.thumbnailBtn_grid4 {
	width: 33.33333%;
}


.thumbnailBtn_row .thumbnailBtn,
.thumbnailBtn_row .thumbnailBtn_down,
.thumbnailBtn_row .thumbnailBtn_pop,
.thumbnailBtn_row_top .thumbnailBtn,
.thumbnailBtn_row .thumbnailBtnWide,
.thumbnailBtn_row .thumbnailBtnWideO,
.thumbnailBtn_row .thumbnailBtnWideDown {
	font-size: 87.5%;
}

/* サムネイル型 */
/* 20180430 thumbnailBtn_down 記述追加 */

.thumbnailBtn:link,
.thumbnailBtn:visited,
.thumbnailBtn_down:link,
.thumbnailBtn_down:visited {
	color: #333;
}
.thumbnailBtn:hover,
.thumbnailBtn_down:hover {
	color: #f30;
}
.thumbnailBtn span {
	display: block;
	margin-top: 8px;
	padding-left: 21px;
	background: url(/common/images/ico_link_01.gif) no-repeat 3px 0.2em;
}
.thumbnailBtn_down span {
	display: block;
	margin-top: 8px;
	padding-left: 21px;
	background: url(/common/images/ico_down_01.gif) no-repeat 3px 0.2em;
}

.thumbnailBtn img,
.thumbnailBtn_down img {
	max-width: 100%;
	height: auto;
	border-bottom: 3px solid #065bb1;
	transition: opacity 0.2s;
}
.thumbnailBtn:hover img,
.thumbnailBtn_down:hover img {
	opacity: 0.8;
}
/* サムネイル型pop 20170705 */
.thumbnailBtn_pop:link,
.thumbnailBtn_pop:visited {
	color: #333;
}
.thumbnailBtn_pop:hover {
	color: #f30;
}
.thumbnailBtn_pop span {
	display: block;
	margin-top: 8px;
	padding-left: 21px;
	background: url(/common/images/ico_pop_01.gif) no-repeat 3px 0.2em;
}

.thumbnailBtn_pop img {
	max-width: 100%;
	height: auto;
	border-bottom: 3px solid #065bb1;
	transition: opacity 0.2s;
}
.thumbnailBtn_pop:hover img {
	opacity: 0.8;
}


/* サムネイル型（大）：190325 外部リンクthumbnailBtnWideO追加 、ページ内リンクthumbnailBtnWideDown追加 */
.thumbnailBtnWide,
.thumbnailBtnWideO,
.thumbnailBtnWideDown{
	display: block;
	padding: 10px;
	border: 1px solid #e9e9e9;
}
.thumbnailBtnWide:after,
.thumbnailBtnWideO:after,
.thumbnailBtnWideDown:after {
	content: '';
	display: block;
	clear: both;
}
.thumbnailBtnWide:link,
.thumbnailBtnWide:visited,
.thumbnailBtnWideO:link,
.thumbnailBtnWideO:visited,
.thumbnailBtnWideDown:link,
.thumbnailBtnWideDown:visited {
	color: #333;
}
.thumbnailBtnWide:hover,
.thumbnailBtnWideO:hover,
.thumbnailBtnWideDown:hover {
	color: #f30;
}
.thumbnailBtnWide span {
	float: left;
	display: block;
	/*width: 40%;*/
	width: 45%;
	padding-left: 21px;
	background: url(/common/images/ico_link_01.gif) no-repeat 3px 0.2em;
}

.thumbnailBtnWideO span {
	float: left;
	display: block;
	/*width: 40%;*/
	width: 45%;
	padding-left: 21px;
	background: url(/common/images/ico_pop_02.gif) no-repeat 3px 0.2em;
}
.thumbnailBtnWideDown span {
	float: left;
	display: block;
	/*width: 40%;*/
	width: 45%;
	padding-left: 21px;
	background: url(/common/images/ico_down_01.gif) no-repeat 3px 0.2em;
}

.thumbnailBtnWide:hover span,
.thumbnailBtnWideO:hover span,
.thumbnailBtnWideDown:hover span {
	text-decoration: underline;
}
.thumbnailBtnWide img,
.thumbnailBtnWideO img,
.thumbnailBtnWideDown img {
	float: right;
	transition: opacity 0.2s;
}
.thumbnailBtnWide:hover img,
.thumbnailBtnWideO:hover img,
.thumbnailBtnWideDown:hover img {
	opacity: 0.8;
}

/* 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; }
.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;
}


/* スマホのみ */
.pc-hide{
	display:none;
}

/* display: flex 2017.7.13追加 */
.df{
	position:relative;
	display:flex;
	flex-wrap: wrap;
}

/* 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;
}

/* 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;
}

.h100 {
	height:100%;
}