@charset "utf-8";
/* CSS Document */

body,table,input,textarea,select,button {font-family: Verdana,Arial,Meiryo,"MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, osaka, sans-serif; }
body { text-align:center; color:#626262; font-size:87.5%; line-height: 1.5;}
html,body{ height:100%; position:relative; -webkit-text-size-adjust: 100%; min-width:1230px;}
@media screen and (max-width:1250px) {
	html,body{ min-width:1250px;}
}
a{ color:#626262; text-decoration:underline; }
a:hover{ text-decoration:none;}

/*==========QUERY==========
@media screen and (max-width:1250px) {
	QUERY
}
==========QUERY==========*/

/*----------topBar----------*/
.topBar{ width: 1190px; margin: 10px auto; text-align: right; line-height: 10px; /*letter-spacing: -0.4em;*/}
.topBar a{ /*margin-left: 10px;*/ letter-spacing: nomal;}

@media screen and (max-width:1250px) {
	.topBar{ width:950px;}
}


/*----------header----------*/
#spLink{ display:block; text-align:center; background:#8ec31f; padding:30px 0; margin-bottom:40px; display:none;}
header{}
header .hdArea{ background:#000000;}
header .hdArea{ height:70px;}
header .hdInner{ width:1190px; margin:0 auto; text-align:left; position:relative;}
header .hdArea .ttlImg{ position:absolute; top:0px; left:0px;}
header .hdArea .navArea{ padding:0 0 10px 250px;}
header .hdArea .hdNav{ float:left;}
header .hdArea .hdNav ul li{ float:left;}
header .hdArea .hdNav a{color:#fff; text-decoration:none; padding-right:15px; padding-right:15px; font-weight:bold;}
header .hdArea .hdNav a:hover{color:#FFE200; text-decoration:none; font-weight:bold;}

header #langSet{ position:relative; float:right; z-index:100; font-size:86%; /*padding-top: 20px;*/ margin-left:15px;}
header #langTtl{ display:inline-block; border:1px solid #a0a0a0; cursor:pointer; background:#ffffff;}
header #langTtl span.icon{ display:inline-block; float:right; background:#a0a0a0;}
header #langTtl.open span.icon{ background:#787878;}
header #langTtl span.icon img{ width:29px;}
header #langTtl span.label{ display:inline-block; float:right; padding:8px 15px;}
header #langSet ul{ position:absolute; /*top:52px;*/ right:0px; left:0px; display:none; z-index:100;}
header #langSet ul li{ border-bottom:1px solid #ffffff;}
header #langSet ul li:last-child{ border-bottom:none;}
header #langSet ul li a{ display:block; color:#ffffff; text-decoration:none; background:#a0a0a0; padding:12px 10px; text-align:center;}
header #langSet ul li a.current,header #langSet ul li a:hover{ background:#787878;}
header #langSet ul li a span.jp{ display:block; background:url(../images/lang_jp.jpg) left no-repeat;}
header #langSet ul li a span.en{ display:block; background:url(../images/lang_en.jpg) left no-repeat;}
header #langSet ul li a span.cn{ display:block; background:url(../images/lang_cn.jpg) left no-repeat;}

header .gnavArea{ clear:both; width:1190px; margin:0 auto; text-align:left; position:relative; z-index:1; padding-top:0;}
header .gnavArea .logoImg{ position:absolute; top:12px; left:0px;}
header .gnavArea .gnavInner{ padding:0 0 0 240px;}
header .gnavArea .gnav{ float:left; width:830px; text-align:center;}
header .gnavArea .gnav ul li{ float:left; margin-right:10px;}
header .gnavArea .snsNav{ float:right; padding-top:10px;}
header .gnavArea .gnavInner .snsNav{ display:none;}
header .gnavArea .snsNav ul li{ float:left; margin-right:10px;}
header .gnavArea .snsNav ul li:last-child{ margin-right:0;}
header .gnavArea .tPsth{ padding:15px 0 10px;}


.menu {
	position: relative;
	width: 100%;
	height: 50px;
	max-width: 1000px;
	margin: 0 auto;
}

.menu > li a {
	display: block;
	color: #fff;
}

.menu > li a:hover {
	color: #999;
}

.menu > li:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
}

/* floatクリア */
.menu:before,
.menu:after {
	content: " ";
	display: table;
}

.menu:after {
	clear: both;
}

.menu {
	*zoom: 1;
}

header .navArea .menu > li.menu_first{
	position: relative;
	height: 30px;
	padding: 20px 10px;
	font-weight: bold;
	color: #fff;
}

header .navArea .hoverall > li.menu_first > a{
	display: block;
	/* height: 70px; */
}

header .navArea li.menu_first ul.menu_second {
	position: absolute;
	top: 70px;
	width: 350px;
	padding: 10px 0;
	background-color: rgba(0,0,0,0.8);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
}

header .navArea li.menu_first ul.menu_second li{
	float: none;
	width: 100%;
	visibility: visible;
	opacity: 1;
	z-index: 3;
}

header .navArea li.menu_first ul.menu_second span.second_heading{
	padding: 15px 20px 8px;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	color: #00b7ef;
	font-size: 120%;
}

header .navArea li.menu_first ul.menu_second li a,
header .navArea li.menu_first ul.menu_second li span.second_nolink{
	padding: 8px 8px 8px 40px;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	color:#fff;
	background:url(../images/i_arrow-right-bl.png) 22px 50% no-repeat;
}

header .navArea li.menu_first ul.menu_second li a:hover{
	background:url(../images/i_arrow-right-wh.png) #00b7ef 22px 50% no-repeat;
}

header .navArea li.menu_first:hover ul.menu_second {
	visibility: visible;
	opacity: 1;
	z-index: 3;
}
@media screen and (max-width:1250px) {
	header .hdInner,header .gnavArea{ width:950px;}
	header .gnavArea .gnav{width:590px; }
}

/*----------footer----------*/
footer .banArea{ width:1190px; margin:0 auto; text-align:left; padding:20px 0; line-height:0.1;}
footer .banArea h2{ margin:10px 0;}
footer .banArea ul li{ float:left; margin:0 10px 10px 0;}
footer .banArea ul li a img,footer .banArea ul li span img{ border:1px solid #a0a0a0;}
footer .ftMenu{ background:#000000;}
footer .ftInner{ width:1190px; margin:0 auto; text-align:left; padding:25px 0;}
footer .ftMenu .mnBox{ width:230px; float:left; margin-right:10px;}
footer .ftMenu .mnBoxR{ width:230px; float:left;}
footer .ftMenu a{ color:#a0a0a0;}
footer .ftMenu .mnBox a,footer .ftMenu .mnBoxR a{ text-decoration:none;}
footer .ftMenu .mnBox a:hover,footer .ftMenu .mnBoxR a:hover{ text-decoration:underline;}
footer .ftMenu h2{ background:url(../images/bg_ftttl.gif) bottom repeat-x; color:#ffffff; font-weight:bold; padding:0 20px 15px; margin-bottom:15px;}
footer .ftMenu h2 a{ color:#ffffff;}
footer .ftMenu ul.listSub{ padding:0 20px;}
footer .ftMenu ul.listSub li{ margin-bottom:5px;}
footer .ftMenu ul.listSub a{ color:#a0a0a0;}
footer .ftMenu ul.listMain{ padding:0 20px;}
footer .ftMenu ul.listMain li{ margin-bottom:10px;}
footer .ftMenu ul.listMain a{ color:#ffffff; font-weight:bold;}
footer .committee{ clear:both; padding-top:10px; text-align:right; color:#ffffff; letter-spacing:-0.4em;}
footer .committee .twitter-tweet-button{ width:100px !important; vertical-align:middle;}
footer .committee .fb-like{ margin-right:5px; vertical-align: middle;}
footer .committee a{ display:inline-block; margin-left:10px; letter-spacing:nomal;}
footer .committee img{ vertical-align:middle;}

footer .orgList{ background:#eeeeee; padding:10px 0 1px 10px; line-height:0.1; margin-top:20px;}
footer .orgList h2{ background:none; padding:0; margin:0 0 9px;}
footer .orgList ul{}
footer .orgList ul li{ width:122px; float:left; margin-right:9px; margin-bottom:9px;}

footer .copy{ width:1150px; margin:0 auto; text-align:left; padding:15px 0; color:#a0a0a0;}
footer .copy a{ color:#a0a0a0;}
footer .copy .ftNav{ float:left; padding-top:0.5em;}
footer .copy .ftNav ul li{ display:inline-block; margin-right:10px;}
footer .copy .ftNav a{ text-decoration:none;}
footer .copy .ftNav a:hover{ text-decoration:underline;}
footer .copy .powered{ float:right; text-align:right;}
footer .copy .powered a{ display:inline-block; background:url(../images/icon_ext.gif) right no-repeat; padding-right:20px;}
#pTop{ display:none; position:fixed; bottom:50px; right:50px; cursor:pointer;}
@media screen and (max-width:1250px) {
	footer .banArea,footer .ftInner{ width:950px;}
	footer .copy{ width:910px;}
}

/**** Isotope Filtering ****/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}