@charset "utf-8";

html {
	font-size: 62.5%;
}
body {
	font-size: 1.0rem;
	font-size: 14px;
	font-family: "微软雅黑","Helvetica Neue", Arial, Helvetica, Geneva,sans-serif;
	line-height: 1.8;
	color: #333333;
}
header {
	position: relative;
	height: 80px;
	border-bottom: solid 4px #dfe2e6;
}
#contents {
	position: relative;
	z-index: 90;
}

/* ======== link ======== */

a:link {
	color: #0075c7;
} 
a:visited {
	color: #0075c7;
}
a:hover {
	color: #0075c7;
	text-decoration: underline;
} 
a:active {
	color: #0075c7;
	text-decoration: underline;
} 

/* ====================================

 header

====================================*/

header .wrapper {
	width: 970px;
	margin: 0 auto;
}
header .headerLogo {
	float: left;
	width: 211px;
	height: 80px;
	border-right: solid 1px #dfe2e6;
	position: absolute;
	top: 0;
	left: 20px;
}
header .headerLogo a {
	display: block;
	text-align: center;
}
header .headerLogo img {
	/*width: 100%;*/
	height: 78px;
}
header .headerTop{
	height: 35px;
	border-bottom: solid 1px #dfe2e6;
}
header .headerTop .ch,header .headerTop .en{
	display: block;
	float: right;
	width: 80px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	text-indent: 28px;
	text-decoration: none;
	color: #666;
	margin-right: 5px;
}
header .headerTop .ch{background: url(../img/ch.jpg) no-repeat 0 center; font-size: 12px;}
header .headerTop .en{background: url(../img/en.jpg) no-repeat 0 center; font-size: 12px;}
header .utility {
	float: right;
	height: 30px;
	margin-right: 10px;
}
header .utility ul {
	letter-spacing: -.40em; /* marginEraser */
}
header .utility ul li {
	position: relative;
	display: inline-block;
	letter-spacing: normal; /* marginEraser */
	margin-left: 10px;
}
header .utility ul li.language img {
	background: #ffffff;
	width: 50px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	box-sizing: border-box;
	transition: .3s;
}
header .utility ul li.language img:hover {
	background: #666666;
}
header .utility ul li.contact img {
	background: #666666;
	width: 50px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	box-sizing: border-box;
	transition: .3s;
}
header .utility ul li.contact img:hover {
	background: #d30007;
}
header .utility ul .searchBox {
	padding-bottom: 14px;
}

/* language */
header .utility ul .language .dropDownMenu2 {
	display: none;
}
header .utility ul .language.on .dropDownMenu2:before {
	position: absolute;
	top: -10px;
	left: 18px;
	content: "";
	width: 16px;
	height: 10px;
	//background: url(../img/com_ic27.png) 0 0 no-repeat;
	text-align: center;
}
header .utility ul .language.on .dropDownMenu2 {
	top: 50px;
	display: block;
	background: #cccccc;
	position: absolute;
	padding: 10px;
}
header .utility ul .language.on .dropDownMenu2 .inner {
	background: #FFFFFF;
	border: solid 1px #dddddd;
	padding: 12px 10px;
	width: auto;
}
header .utility ul .language.on .dropDownMenu2 .inner ul li {
	display: block;
	background: url(../img/com_ic14.png) right center no-repeat;
	padding-right: 25px;
}

/* ======== searchBox ======== */

header .utility ul li.search {
	text-align: right;
}
header .utility ul li.search img {
	background: #dddddd;
	width: 50px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	box-sizing: border-box;
	transition: .3s;
}
header .utility ul li.search img:hover {
	background: #666666;
}
header .utility ul li.search .searchBox {
	display: none;
}
header .utility ul li.search.on .searchBox {
	display: block;
	padding: 0;
}
header .utility ul li.search .dropDownMenu3 {
	display: none;
}
header .utility ul .search.on .dropDownMenu3:before {
	position: absolute;
	top: -10px;
	right: 18px;
	content: "";
	width: 16px;
	height: 10px;
	//background: url(../img/com_ic27.png) 0 0 no-repeat;
	text-align: center;
}
header .utility ul li.search.on .dropDownMenu3 {
	top: 50px;
	display: block;
	background: #cccccc;
	position: absolute;


	padding: 10px;
}
header .utility ul li.search.on .dropDownMenu3 .inner {
	background: #FFFFFF;
	border: solid 1px #dddddd;
	padding: 12px 10px;
	width: auto;
}
header .utility ul li.search.on .dropDownMenu3 .inner ul li {
	display: block;
	background: url(../img/com_ic14.png) right center no-repeat;
	padding-right: 25px;
}
input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
	border: none !important;
}
form.gsc-search-box {
	margin: 0 !important;
}
.gsc-input-box {
	height: inherit !important;
}
.gsib_a {
	padding: 7px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	padding: 0 !important;
}
table.gsc-search-box {
	margin-bottom: 0 !mportant;
}
#headerArea div.wrapper div.utility ul li.search.on div.dropDownMenu3 div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box {
	margin: 0 !important;
}
#headerArea div.wrapper div.utility ul li.search div.dropDownMenu3 div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box tbody tr td.gsc-search-button input.gsc-search-button.gsc-search-button-v2 {
	height: 18px !important;
	width: 18px !important;
}
.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 0 !important;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
	padding: 10px !important;
}
input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
	border: none !important;
	background: #ffffff !important;
}
#headerArea div.wrapper div.utility ul li.search.on div.dropDownMenu3 div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en {
	padding: 5px !important;
}
#headerArea div.wrapper div.utility ul li.search.on div.dropDownMenu3 div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en {
	margin: 0 !important;
}
#headerArea div.wrapper div.utility ul li.search.on div.dropDownMenu3 div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box tbody tr td.gsc-input {
	padding: 0 !important;
}
#headerArea div.wrapper div.utility ul li.search.on div.dropDownMenu3 div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box tbody tr td.gsc-input div#gsc-iw-id1.gsc-input-box {
	border: none !important;
}
#headerArea div.wrapper div.utility ul li.search.on div.dropDownMenu3 div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools {
	margin: 0 !important;
}

/* ======== glovalNavigation ======== */

.navArea{}
.navBg{}
.nav{width:970px;height:36px;margin:0 auto;line-height:33px;font-family:"微软雅黑";}
.nav li{float:left; list-style: none; height:36px;}
.nav li a{display:block;width:120px;height:34px;text-align:center;font-size:14px;color:#000;text-decoration: none;}
.nav > li:hover{background: url(../img/com_ic06.png) 15px center no-repeat;}
.nav > li:hover > a, .nav > li:hover > a.on{
	border-bottom: solid 3px #d30007;
	transition: .3s;
}
.nav > li > a{background: url(../img/com_ex01.png) 0 center no-repeat;}
.nav > li:first-child > a{background: none;}
.nav li a.on{}
.nav li a.on2{border-bottom: solid 3px #d30007;}
.nav li:hover.on{text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999; box-shadow: 0 2px 5px; -webkit-box-shadow: 0 2px 5px; -moz-box-shadow: 0 2px 5px; -o-box-shadow: 0 2px 5px;}
.nav li ul li{float:none;display:block;position:relative;line-height:20px;_display:inline;}
.nav li ul li .s{position:absolute;top:0;left:119px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;width:100px;height:36px;padding:0 0 0 20px;background:#fff;text-align:left;font-weight:normal;color:#000;line-height: 36px;}
.nav li ul li a:hover{color:#f10000;}
.nav .t,.nav .t:hover{background:url(../../images/nav_ico.gif) no-repeat 100px center #fff;}

#topGlobalNav {
	overflow: hidden;
	width: 80%;
	/*border-top: solid 1px #dfe2e6;*/
}
#topGlobalNav .menuClose {
	display: none;
}
#topGlobalNav .contentsNav {
	margin: 0 auto;
	left: -270px;
}
#topGlobalNav .contentsNav > li {
	float: left;
	display: table;
	line-height: 1.6;
	width: 16.6%;
	height: 47px;
	padding: 0 5px 3px 0;
	box-sizing: border-box;
}
#topGlobalNav .contentsNav > li:nth-of-type(4) {
	/*width: 14%;*/
}
#topGlobalNav .contentsNav > li:nth-of-type(5) {
	/*width: 14%;*/
}
#topGlobalNav .contentsNav > li:nth-of-type(6) {
	/*width: 19%;*/
}
#topGlobalNav .contentsNav > li:last-child {
	/*width: 15%;*/
}
#topGlobalNav .contentsNav > li > a {
	display: table-cell;
	background: url(../img/com_ex01.png) 0 center no-repeat;
	color: #000000;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border-bottom: solid 3px #ffffff;
	height: 36px;
}
#topGlobalNav .contentsNav > li > a > span {
	padding: 0 15px;
	background: url(../img/com_ic06.png) right center no-repeat;
	font-size: 15px;
}
#topGlobalNav .contentsNav > li.on > a,#topGlobalNav .contentsNav > li.on2 > a {
	/*border-bottom: solid 3px #d30007;*/
	border-bottom: solid 3px #000;
	transition: .3s;
}
#topGlobalNav .contentsNav > li.on2 > a > span {
	background: url(../img/com_ic06_on.png) right center no-repeat;
}
#topGlobalNav .contentsNav > li:first-child > a {
	background: none;
}

/* dropDownMenu */
#topGlobalNav .dropDownMenu {
	position: absolute;
	left:0;
	top: 84px;
	display: none;
	width: 90%;
	padding: 2% 5%;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	z-index: 100;
	box-shadow: 0 5px 5px 0 rgba(39, 39, 39, 0.2);
	-webkit-box-shadow: 0 5px 5px 0 rgba(39, 39, 39, 0.2);
	-moz-box-shadow: 0 5px 5px 0 rgba(39, 39, 39, 0.2);
	-o-box-shadow: 0 5px 5px 0 rgba(39, 39, 39, 0.2);
}
#topGlobalNav .dropDownMenu > .linkGroup {
	text-align: center;
}

/* 閉じるボタン */
#topGlobalNav .dropDownMenu > .closeBtn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	margin: 0 !important;
	background: #666666;
	-webkit-box-sizing: content-box; 
	   -moz-box-sizing: content-box;
	    -ms-box-sizing: content-box;
	     -o-box-sizing: content-box;
	        box-sizing: content-box;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 50px;
	cursor: pointer;
}
#topGlobalNav .dropDownMenu > .closeBtn > a {
	display: block;
	height: 40px;
	text-decoration: none;
	text-align: center;
}
#topGlobalNav .dropDownMenu > .closeBtn > a > img {
	display: block;
	width: 20px;
	height: auto;
	padding: 10px;
}

/* メニュー中身 */
.dropDownMenu .linkGroup .subtitle{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: left;
}
.dropDownMenu .linkGroup .subtitle a{
	display: inline-block;
	color: #595758;
	text-decoration: none;
	background: url(../img/index_ic01.png) right center no-repeat;
	padding: 0 13px;
}
.dropDownMenu .linkGroup .column {
	float: left;
	margin-top: 0;
	height: auto;
	width: 100%;
}
.dropDownMenu .linkGroup .column ul {
	letter-spacing: -.40em; /* space eraser */
	text-align: left;
}
.dropDownMenu .linkGroup .column ul li {
	display: inline-block;
	letter-spacing: normal; /* space eraser */
	width: 20%;
}
.dropDownMenu .linkGroup .column ul li > a {
	display: table;
	height: 40px;
	text-decoration: none;
}
.dropDownMenu .linkGroup .column ul li > a > .iconLink {
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
}
.dropDownMenu .linkGroup .column ul li .imgBox {
	/*height: 115px;*/
	/*text-align: center;*/
	padding: 0 13px 15px;
}
.dropDownMenu .linkGroup .column ul li .imgBox a {
	display: block;
}
.dropDownMenu .linkGroup .column ul li .imgBox a:hover p{
	text-decoration: none;
}
.dropDownMenu .linkGroup .column ul li .imgBox a:hover img{
	opacity: .8;
}
.dropDownMenu .linkGroup .column ul li a:hover .iconLink,
.dropDownMenu .linkGroup .column ul li a:focus .iconLink,
.dropDownMenu .linkGroup .column ul li a:active .iconLink {
	text-decoration: underline;
}
.dropDownMenu .linkGroup .column ul li .imgBox img {
	width: 100%;
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: box-shadow;
	vertical-align: middle;
}
.dropDownMenu .linkGroup .column ul li .imgBox a:hover img,
.dropDownMenu .linkGroup .column ul li .imgBox a:focus img,
.dropDownMenu .linkGroup .column ul li .imgBox a:active img {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.dropDownMenu .linkGroup .column ul li .iconLink {
	display: inline-block;
	background: url(../img/index_ic01.png) right center no-repeat;
	margin: 10px 0;
	color: #000000;
	padding-right: 13px;
}
.dropDownMenu .linkGroup .column ul li.news .imgBox{
	margin: 0 auto;
	width: 125px;
	text-align: center;
}
.dropDownMenu .linkGroup .column ul li.news .imgBox img{
	width: 125px;
	height: 175px;
}
.dropDownMenu .linkGroup .column ul li.zhanhui{
	float: left;
	width: 17%;
	margin-top: 20px;
}
.dropDownMenu .linkGroup .column ul li.zhanhui a{text-align: center;}
.dropDownMenu .linkGroup .column ul li.zhanhui:first-child{
	width: 40%;
	height: 400px;
	margin: 0;
}
.dropDownMenu .linkGroup .column ul li.zhanhui:first-child .imgBox{
	margin: 101.5px 0;
}
.dropDownMenu .linkGroup .column ul li.zhanhui img{
	display: block;
	width: auto;
	margin: 0 auto;
}
.dropDownMenu .linkGroup .btnType01 {
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 0;
	width: auto;
}
.dropDownMenu .linkGroup .btnType01 a {
	display: block;
	background: url(../img/index_ic02.png) 99% 95.5% no-repeat #ffffff;
	width: 150px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	border: solid 1px #dddddd;
	box-sizing: border-box;
	transition: .3s;
}
.dropDownMenu .linkGroup .btnType01 a:hover {
	background: url(../img/index_ic02.png) 99% 95.5% no-repeat #dddddd;
}
/*#topGlobalNav .contentsNav li:first-child .dropDownMenu .linkGroup .column ul li {
	vertical-align: top;
}
#topGlobalNav .contentsNav li:first-child .dropDownMenu .linkGroup .column ul li:last-child {
	padding-top: 30px;
}*/
#topGlobalNav .contentsNav li .linkGroup .column ul li > .head {
	/*background: url(../img/index_ic01.png) 0 center no-repeat;*/
	height: 30px;
	/*font-weight: bold;*/
	padding: 6px 0 0 10px;
}
#topGlobalNav .contentsNav li .linkGroup .column ul li > .head a{
	text-decoration: none;
	color: #000;
	background: url(../img/index_ic01.png) right center no-repeat;
	padding-right: 13px;
}
#topGlobalNav .contentsNav li:first-child .linkGroup .column ul li a {
	/*height: 30px;*/
	font-size: 14px;
	font-weight: bold;
}

/* ====================================

 header

====================================*/

.topicWrap {
	background: #f0f0f0;
	min-height: 49px;
	border-top: solid 1px #e6e6e6;
}
.topicWrap .topicPath {
	width: 970px;
	margin: 0 auto;
}
.topicWrap .topicPath .pathNavi {
	margin: 0 auto;
	padding: 12px 0;
}
.topicWrap .topicPath .pathNavi > li {
	color: #000000;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 24px;
}
.topicWrap .topicPath .pathNavi > li.into {
	position: relative;
	margin: 0 10px 0 0;
	padding: 0 15px 0 0;
}
.topicWrap .topicPath .pathNavi > li.into:after {
	background: url(../img/com_ic26.png) 0 0 no-repeat;
	background-size: 4px auto;
	width: 4px;
	height: 7px;
	content: "";
	position: absolute;
	right: 0;
	top: 32%;
	color: #bbbbbb;
	font-size: 12px;
	font-size: 1.2rem;
}
.topicWrap .topicPath .pathNavi > li > a {
	color: #000000;
	text-decoration: none;
}
.topicWrap .topicPath .pathNavi > li > em {
	font-style: normal;
	font-weight: bold;
}

/* facebook button */

.fb-share-button{
	data-layout: button_count;
	data-action: like;
	data-show-faces: false;
	data-share: false;
	transform:scale(2);
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
}

/* ====================================

 news

==================================== */
.news-tab-list {
  border-top: solid 1px #dfe2e6;
  border-bottom: solid 1px #dfe2e6;
  text-align: center; 
}
.news-tab-list li{
	display: inline-block;
}
.news-tab-list li a {
      display: block;
      padding: 10px 30px 5px;
      font-size: 16px;
      font-weight: bold; 
      color: #313233;
      text-decoration: none;
}
.news-tab-list li a.on{border-bottom: solid 3px #ff0000;}
.news-tab-list li:nth-child(1) a span {
  background-image: url(../img/news1.png);
  /* hack for IE8 */
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 0 0 -.2em .5em;
  vertical-align: baseline; 
}
.news-tab-list li:nth-child(2) a span {
  background-image: url(../img/news2.png);
  /* hack for IE8 */
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: 0 0 -.2em .5em;
  vertical-align: baseline; 
}
.news-item{
	display: none;
	max-width: 880px;
	margin: 0 auto;
	padding: 25px 60px 0;
}
.news-item:first-child{
	display: block;
}
.news-list{
	max-width: 1000px;
	margin: 0 auto;
}
.news-list li{display: table-row;}
.news-list li a{
	padding: 0 0 0 14px;
	display: inline-block;
	color: #595758;
	text-decoration: none;
	background: url(../img/index_ic01.png) left center no-repeat;
}
.news-list span {
  display: table-cell;
  padding: 0 0 10px 1em;
  text-align: left;
  vertical-align: top;
  vertical-align: top; 
}
.news-list span:first-child {
    padding-left: 0;
    padding-right: 12px;
    white-space: nowrap;
    font-weight: bold;
}
.oc-icon-blank {
  width: 12px;
  height: 10px;
  vertical-align: baseline;
  margin-left: 5px;
  display: inline-block; 
}


/* ====================================

 footer

==================================== */

footer .wrapper {
	margin: 0 auto;
	width: 970px;
	/*height: 100%;*/
}
footer .navi {
	background: #333333;
}
footer .navi .wrapper {
	padding: 20px 0;
}
footer .navi .column .col {
	float: left;
	margin-left: 25px;
	width: 220px;
}
footer .navi .column .col:first-child {
	margin-left: 0;
}
footer .navi .column .col p {
	background: url(../img/com_ic09.png) 0 center no-repeat;
	margin-bottom: 10px;
}
footer .navi .column .col p a {
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 13px;
	border-bottom: solid 1px #676767;
	position: relative;
	transition: .3s;
}
footer .navi .column .col p a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #ffffff;
	transition: .3s;
}
footer .navi .column .col p a:hover:after {
	width: 100%;
}
footer .navi .column .col ul li {
	background: url(../img/com_ic10.gif) 0 center no-repeat;
}
footer .navi .column .col.wider ul li{
	float: left;
	width: 50%;
}
footer .navi .column .col ul li a {
	display: inline-block;
	padding: 5px 13px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	transition: .3s;
}
footer .navi .column .col ul li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #ffffff;
	transition: .3s;
}
footer .navi .column .col ul li a:hover:after {
	width: 100%;
}
footer .wrapper .utilityLink,
footer .wrapper .copyright {
	display: table-cell;
	vertical-align: middle;
}
footer .wrapper .copyright {
	text-align: right;
}
footer,
footer a {
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
}

/* ======== utilityLink ======== */

footer .utilityLink {
	letter-spacing: -.40em; /* marginEraser */
}
footer .utilityLink li {
	float: left;
	list-style: none;
	display: inline-block;
	letter-spacing: normal; /* marginEraser */
	vertical-align: middle;
	background: url(../img/com_ic12.png) 0 center no-repeat;
	height: 30px;
	margin-left: 22px;
}
footer .utilityLink .sns {
	padding: 0;
}
footer .utilityLink .sns.type02 {
	margin-left: 15px;
}
footer .utilityLink li a {
	display: block;
	text-decoration: none;
	padding: 3px 0 0 10px;
	color: #000000;
	position: relative;
	transition: .3s;
}
footer .utilityLink li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #000000;
	transition: .3s;
}
footer .utilityLink li a:hover:after {
	width: 100%;
}
footer .utilityLink .sns a {
	height: 30px;
	padding: 0;
}
footer .utilityLink .sns a:hover:after {
	display: none;
}
footer .utilityLink li a img {
}
footer > .wrapper {
	display: table;
	height: 40px;
	padding: 10px 0 50px;
}
footer > .wrapper .utilityLink,
footer > .wrapper .copyright {
	display: table-cell;
	vertical-align: middle;
}
footer > .wrapper .copyright {
	text-align: center;
	font-size: 10px;
	font-size: 1.0rem;
	color: #333333;
}

/* ======== pageTopBtn ======== */

#pageTopBtn {
	position: fixed;
	right: 1%;
	margin: 0;
	bottom: 20px;
	z-index: 10000;
}
#pageTopBtn a {
	display: block;
	overflow:hidden;
	background: url(../img/com_ic05.png) 0 0 no-repeat;
	width: 0;
	height: 61px;
	padding-left: 61px;
}

/* ======== shareBtn ======== */

.shareBtn {
	width: 970px;
	margin: 0 auto;
	border-top: solid 1px #c7c7c7;
	padding: 40px 0;
	text-align: center;
}
.shareBtn.bgColor02  {
	background: #f0f0f0;
	padding: 0;
	width: 100%;
	border-top: none;
	margin: 0;
	height: auto;
}
.shareBtn.bgColor02 .fb-share-button ,
.shareBtn.bgColor02 .fb-share-button {
	padding: 40px 0;
	width: 970px;
	margin: 0 auto;
	height: 40px;
}
/*.shareBtn .fb-share-button * {
	display: block !important;
	width: 170px !important;
	height: 40px !important;
	opacity: 0 !important;
	margin:  0 !important;
}
.shareBtn .fb-share-button {
	display: inline-block !important;
	background: url(../img/com_ic25.png) 0 0 no-repeat !important;
	background-size: 170px auto !important;
}
.shareBtn .fb-share-button span iframe * {
	transform:scale(2);
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
}
.shareBtn .fb-share-button .fb-xfbml-parse-ignore {
	display: block;
	background: red;
	width: 600px;
	height: 100px;
}*/

@media (max-width: 970px) and (min-width: 769px) {
	.topicWrap {
		width: 970px;
	}
	.topicWrap .topicPath .pathNavi {
		padding: 12px 20px;
	}
}


@media only screen and (max-device-width : 768px) {
	
	html, body {
		width: auto;
	}
	img {
		max-width: 100%;
	}
	header {
		width: 100%;
		height: 40px;
		margin: 0;
	}
	#pageContainer {
		width: 100%;
	}
	
	/* ====================================

	 SP：header

	====================================*/
	
	#headerArea {
		z-index: inherit;
	}
	#headerArea .wrapper {
		width: 100%;
		height: 40px;
		text-align:right;
		position: relative;
		padding: 0 40px;
		box-sizing: border-box;
	}
	#headerArea .headerLogo {
		float: none;
		margin-top: 0;
		width: auto;
		text-align: center;
		height: auto;
		border-right: 0;
		position: relative;
		left: 0;
	}
	#headerArea .headerLogo a {
		display: inline-block;
		height: 22px;
		padding: 5px 0;
	}
	#headerArea .headerLogo img {
		width: auto;
		height: 30px;
	}
	#headerArea .utility {
		position: absolute;
		background-size: 40px;
		width:40px;
		height: 40px;
		top: 0;
		right: 0;
		z-index: 100;
		margin-right: 0;
	}
	#headerArea.fixed .utility.searchOn {
		width: 100%;
		margin-left: -40px;
	}
	#headerArea.fixed .utility.searchOn.languageOn {
		width: 190px;
	}
	header .utility ul {
		box-sizing: border-box;
		height: 40px;
	}
	header .utility ul li {
		display: none;
	}
	#headerArea .utility ul .search {
		display: block;
		position: absolute;
		background: url(../img/com_ic03.png) 0 0 no-repeat;
		background-size: 40px 40px;
		width: 100%;
		height: 40px;
		top: 0;
		right: 0;
	}
	#headerArea .utility ul .search.active {
		background: none;
		width: 100%;
	}
	#headerArea .utility.searchOn ul .search {
		display: block;
	}
	#headerArea .utility.languageOn ul .search {
		display: none;
	}
	#headerArea .utility.searchOn ul .search > img {
		display: none;
	}
	#headerArea .utility.searchOn ul .search .dropDownMenu3 {
		background: #dddddd;
		display: block;
	}
	.gsc-control-cse {
		background: none !important;
	}
	#headerArea div.wrapper div.utility ul li.search div.dropDownMenu3 div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box tbody tr td.gsc-search-button input.gsc-search-button.gsc-search-button-v2 {
		padding: 0 !important;
		height: 30px !important;
		width: 30px !important;
	}
	#headerArea.fixed div.wrapper div.utility.searchOn ul li.search.active div.dropDownMenu3 div.searchBox.active div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box {
		display: table;
	}
	#headerArea.fixed div.wrapper div.utility.searchOn ul li.search.active div.dropDownMenu3 div.searchBox.active div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box tbody tr td.gsc-input {
		background: #cecece !important;
	}
	#headerArea.fixed div.wrapper div.utility.searchOn ul li.search.active div.dropDownMenu3 div.searchBox.active div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box tbody tr td.gsc-input div#gsc-iw-id1.gsc-input-box table#gs_id50.gstl_50 tbody tr {
		display: table;
	}
	#headerArea.fixed div.wrapper div.utility.searchOn ul li.search.active div.dropDownMenu3 div.searchBox.active div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box tbody tr td.gsc-input {
		padding: 0 0 0 45px !important;
	}
	.gsib_a {
		display: table-cell;
		width: 80%;
		margin: 0 0 0 45px !important;
	}
	#headerArea.fixed div.wrapper div.utility.searchOn ul li.search.active div.dropDownMenu3 div.searchBox.active div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box tbody tr td.gsc-input div#gsc-iw-id1.gsc-input-box table#gs_id50.gstl_50 tbody tr td.gsib_b {
		display: table-cell;
		width: 20%;
	}
	td.gsc-search-button {
		background: #cecece;
		width: 40px !important;
		height: 40px !important;
	}
	input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button {
		background: #cecece !important;
		margin: 0 !important;
	}
	#headerArea div.wrapper div.utility ul li.search div.dropDownMenu3 div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse form.gsc-search-box.gsc-search-box-tools table.gsc-search-box tbody tr td.gsc-search-button input.gsc-search-button.gsc-search-button-v2 {
		width: 100% !important;
		height: 100% !important;
	}
	.cse .gsc-control-cse, .gsc-control-cse {
		border: none !important;
	}
	
	#headerArea .utility.searchOn ul .search #searchform {
		display: block;
		position: absolute;
		right: 0; 
		top: 0;
		background: url(../img/sp_com_search01.png) 44px 0 no-repeat #dddddd;
		background-size: auto 40px;
		height: 40px;
		width: 100%;
		box-sizing: border-box;
	}
	#headerArea .utility.searchOn ul .search #keywords {
		display: block;
		background: none;
		border: none;
		box-sizing: border-box;
		height: 40px;
		position: absolute;
		top: inherit;
		left: 0;
		right: 44px;
		padding: 5px 54px 5px 50px;
		min-width: 100%;
	}
	#headerArea .utility.searchOn ul .search #searchBtn {
		display: inline-block;
		position: absolute;
		top: inherit;
		right: 0;
		left: inherit;
		background: url(../img/com_ic03.png) right 0 no-repeat #dddddd;
		background-size: 40px 40px;
		width: 50px;
		height: 40px;
		border-bottom: none;
	}
	#headerArea .utility ul .search .searchBox {
		display: none;
	}
	header .utility ul li.search img {
		width: 40px;
	}
	#headerArea.fixed .utility ul .search.active .searchBox {
		display: block;
		box-sizing: border-box;
		height: 40px;
		padding: 0;
	}
	/* language */
	#headerArea.fixed .utility {
		background: #ffffff;
		left: 40px;
		right: inherit;
		width: 190px;
		height: 40px;
	}
	#headerArea.fixed .utility ul {
		background: #dddddd;
		padding: 4px;
	}
	#headerArea .utility ul .language.active {
		display: block;	
		width: 35px;
		height: 32px;
		margin-left: 0;
	}
	#headerArea .utility ul .language.active a {
		display: block;
		background:url(../img/sp_com_ic01.png) 2px center no-repeat #ffffff;
		background-size: 32px 32px;
		width: 35px;
		height: 32px;
	}
	#headerArea .utility ul li.language.active a img{
		display: none;
		width: auto;
		height: auto;
	}
	#headerArea .utility ul .language.active .dropDownMenu2 {
		display: block;	
	}
	#headerArea .utility .language.active .dropDownMenu2 .inner ul li {
		display: block;
	}
	
	/* ======== glovalNavigation ======== */
	#topGlobalNav {
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/com_ic04.png) 0 0 no-repeat;
		background-size: 40px;
		width: 40px;
		height: 40px;
		margin-top: 0;
		z-index: 100;
	}
	#topGlobalNav .menuClose {
		left: -50px;
	}
	#topGlobalNav .menuClose,
	#topGlobalNav .menuClose img {
		display: none !important;
	}
	#topGlobalNav .menuClose.active,
	#topGlobalNav .menuClose.active img {
		display: block !important;
	}
	#topGlobalNav.active {
		overflow: visible;
	}
	#topGlobalNav.active .menuClose {
		display: block;
		position: absolute;
		top: 0;
		left: 230px;
		background: #666666;
		padding: 5px;
		height: 30px;
		width: 30px;
	}
	#topGlobalNav.serachCloseBtn {
		background: url(../img/com_ic07.png) center center no-repeat #666666;
		background-size: 20px;
	}
	#topGlobalNav .contentsNav {
		left: -540px;
		opacity: 1;
		display: none;
	}
	#topGlobalNav.active .contentsNav {
		position: absolute;
		left: -100%;
		top: 0;
		display: block;
		background: #ffffff;
		width: 270px;
		margin-top: 40px;
	}
	#topGlobalNav.active .contentsNav > li {
		display: block;
		float: none;
		width: auto;
		height: auto;
		padding: 0;
	}
	#topGlobalNav.active .contentsNav > li.media a {
		background: url(../img/com_ic15.png) 93% center no-repeat;
		background-size: 8px auto;
	}
	#topGlobalNav.active .contentsNav > li > a {
		display: block;
		background: url(../img/sp_com_ic14.png) 93% center no-repeat;
		background-size: 14px 8px;
		font-size: 14px;
		border-bottom: solid 1px #c7c7c7;
		padding: 0;
		height: 41px;
	}
	#topGlobalNav.active .contentsNav > li.open > a {
		background: url(../img/sp_com_ic14on.png) 93% center no-repeat;
		background-size: 14px 8px;
	}
	#topGlobalNav.active .contentsNav > li > a > span {
		display: block;
		padding: 12px 40px 12px 15px;
		text-align: left;
		background-position-x: 250px;
	}
	#topGlobalNav.active .contentsNav > li.contact {
		padding: 15px;
		height: 70px;
	}
	#topGlobalNav.active .contentsNav > li.contact a {
		background: url(../img/sp_com_ic02.png) 15px center no-repeat #666666;
		background-size: 18px 13px;
		border-bottom: none;
	}
	#topGlobalNav.active .contentsNav > li.contact a:after {
		display: block;
		color: #ffffff;
		content:attr(data-label);
		padding: 12px 40px 12px 35px;
	}
	#topGlobalNav.active .contentsNav > li.contact a img {
		display: none;
	}
	#topGlobalNav.active .contentsNav > li.on > a > span {
		font-size: 13px;
		font-size: 1.3rem;
	}
	/* dropDownMenu */
	#topGlobalNav.active .dropDownMenu {
		display: none;
		position: relative;
		top: inherit;
		/*background: #dddddd;*/
		/*box-sizing: border-box;*/
		padding-top: 5px;
		box-shadow: none;
		overflow: hidden;
	}
	/* メニュー中身 */
	#topGlobalNav.active .dropDownMenu .linkGroup .column {
		float: none;
		width: 100%;
	}
	#topGlobalNav.active .dropDownMenu .linkGroup .column ul li {
		float: none;
		display: block;
		width: auto;
	}
	#topGlobalNav.active .dropDownMenu .linkGroup .column ul li a {
		display: table;
		background: url(../img/com_ic15.png) right center no-repeat;
		background-size: 6px 10px;
		height: 35px;
		text-align: left;
		font-size: 12px;
		font-size: 1.2rem;
		border-bottom: solid 1px #c7c7c7;
		padding-right: 20px;
		width: 100%;
		text-decoration: none;
	}
	#topGlobalNav.active .dropDownMenu .linkGroup .column ul li .imgBox {
		height: auto;
	}
	#topGlobalNav.active .dropDownMenu .linkGroup .column ul li.zhanhui:first-child{height: auto;}
	#topGlobalNav.active .dropDownMenu .linkGroup .column ul li.zhanhui .imgBox{margin: 0;}
	#topGlobalNav.active .dropDownMenu .linkGroup .column ul li .imgBox img {
		display: none;
	}
	#topGlobalNav.active .dropDownMenu .linkGroup .column ul li .iconLink {
		/*background: none;*/
		background: url(../img/index_ic01.png) 0 center no-repeat;
		display: table-cell;
		vertical-align: middle;
		padding: 6px 0 0 10px;
	}
	#topGlobalNav.active .dropDownMenu .linkGroup .btnType01 {
		display: block;
		margin: 15px 47px 0;
	}
	#topGlobalNav.active .dropDownMenu .linkGroup .btnType01 a {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
		#op_skin {
		z-index: 95;
	}
	#topGlobalNav .contentsNav li:first-child .dropDownMenu .linkGroup .column ul li:last-child {
		padding: 0;
	}
	#topGlobalNav .contentsNav li:first-child .linkGroup .column ul li > .head {
		/*margin-top: 10px;*/
	}
	
	.topicWrap {
		display: none;
		min-height: 35px;
	}
	.topicWrap .topicPath {
		width: auto;
		padding: 0 5%;
	}
	.topicWrap .topicPath .pathNavi {
		padding: 5px 0;
	}
	body.fixed.gsc-overflow-hidden #pageContainer #headerArea.fixed #topGlobalNav.serachCloseBtn,
	#notfound.gsc-overflow-hidden #pageContainer #headerArea,
	#notfound.gsc-overflow-hidden #pageContainer #pageTopBtn {
		z-index: 10 !important;
	}
	html body.fixed.gsc-overflow-hidden div#pageContainer header#headerArea.fixed div.wrapper div.utility.searchOn ul li.search.active div.dropDownMenu3 div.searchBox.active div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible,
	html body#notfound.gsc-overflow-hidden div#pageContainer div#contents div.contentsWrap section div.wrapper div.colLayout01.count2 div.col ul li.search div.searchBox div#___gcse_0 div.gsc-control-cse.gsc-control-cse-en div.gsc-control-wrapper-cse div.gsc-results-wrapper-overlay.gsc-results-wrapper-visible {
		left: 2%;
		width: 78%;
	}
	
	/* ====================================

	 SP：footer

	====================================*/
	footer {
		width: auto;
	}
	footer .wrapper {
		width: auto;
	}
	footer .navi {
		display: none;
	}
	footer,
	footer a {
		font-size: 12px;
		font-size: 1.2rem;
	}
	/* ======== utilityLink ======== */
	footer .utilityLink {
		border-bottom: solid 1px #c7c7c7;
		margin: 0 15px;
		padding-bottom: 12px;
	}
	footer .utilityLink li {
		height: auto;
	}
	footer .utilityLink .sns {
		height: 30px;
		margin-left: 0;
	}
	footer .utilityLink li a {
		line-height: 1.3;
		padding-top: 0;
	}
	footer > .wrapper {
		display: block;
	}
	footer > .wrapper .utilityLink,
	footer > .wrapper .copyright {
		display: block;
	}
	footer > .wrapper .copyright {
		font-size: 10px;
		text-align: center;
		margin: 12px 5px 20px;
	}
	/* ======== pageTopBtn ======== */
	#pageTopBtn {
		background: #333333;
		position: relative;
		right: inherit;
		bottom: inherit;
		height: 35px;
		width: auto;
		text-align: center;
	}
	#pageTopBtn a {
		display: inline-block;
		background-size: 35px auto;
		background-position: 50% 0;
		height: 35px;
		width: 0;
		padding-left: 100%;		
	}
	
	/* ======== shareBtn ======== */
	
	.shareBtn {
		width: auto;
		margin: 0 5%;
		border-top: solid 1px #c7c7c7;
		padding: 30px 0;
	}
	.shareBtn .fb-share-button {
		display: inline-block;
		width: 128px;
		height: 30px;
	}
	.shareBtn.bgColor02 {
		background: none;
	}
	.shareBtn.bgColor02 .fb-share-button ,
	.shareBtn.bgColor02 .fb-share-button {
		width: auto;
	}
	
}	

/* ====================================

 OTHER SETTING

====================================*/

/* ----- clearFix ----- */
#mainContainer:after,
header .wrapper:after,
#topGlobalNav .contentsNav:after,
footer .navi .column:after,
footer .utilityLink:after,
.topicWrap .topicPath .pathNavi:after {
	content: "";
	display: block;
	clear: both;
}


/*search form*/
.search{float:right;width:175px;height:24px;margin-top:5px;background:url(../../images/search_bg.gif) no-repeat;}
.search .key{width:140px;height:22px;line-height:22px;margin:1px 0 1px 5px;border:0;float:left; background-color: transparent;}
.search .key[type="text"]:focus{outline:none;}
.search .sub{position:absolute;width:30px;height:24px;background:url(../../images/search_bg.gif) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;text-decoration: none;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}

/*详细页功能区*/
.preNext{position:relative; text-align: left; font-size: 12px;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .text a{color: #666; text-decoration: none;}


.friendlink{margin-top: 20px;}
.friendlink p,.friendlink a{color: #fff;}
.friendlink p{border-bottom: solid 1px #676767}
.friendlink a{margin-right: 10px;}