@charset "utf-8";

/* CSS Document */

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body {	
color:#343434;
font-size:15px;
margin:0;
height:100%;
position:relative;
font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
overflow-x:hidden;
background-image:url(../image/back.gif);
}

body > #primary {
height: auto;
}


@media all and (-ms-high-contrast:none) {
  body {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif\9;
  }
}

a:link {color:#cf3434; text-decoration:underline;}
a:visited {color:#cf3434; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

p {
	max-height: 100%;
}

/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }
.right { float:right; margin-left:20px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:20px; margin-bottom:15px; margin-top:5px;}

.text-center { text-align:center; }
.text-right { text-align:right; }

.last { margin-bottom:0 !important; }

#lineup-font-size-sampler {
	display:none;
}

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

div:after,
section:after,
article:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.pc {
	display:inherit;
}

.sp {
	display:none;
}

.tab {
	display:inherit;
}

/*------------------------------------------------------------------------------------------------------------------
　Float Image
-------------------------------------------------------------------------------------------------------------------*/

.photo-l {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	max-width:250px;
	height:auto;
}

.photo-r {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	max-width:250px;
	height:auto;
}

.photo-l img {
	width:100%;
	height:auto;
}

.photo-r img {
	width:100%;
	height:auto;
}

.photo-c {
	text-align:center;
	max-width:780px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.photo-c img {
	max-width:780px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	border-top:#d1d1d1 3px double;
	margin-top:10px;
	padding-top:40px;
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:100%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width:1000px) { 
	#primary {
		overflow:hidden;
		width:1000px;
	}
}

article {
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#left-window {
	position:absolute;
	top:0;
	left:30px;
}

#right-window {
	width:100%;
	padding-left:314px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	min-height:1395px;
	box-sizing: border-box;
}

#subpage #right-window {
	margin-top:2px;
}

@media screen and (max-width:1000px) { 
	article {
		display: flex; 
		flex-wrap: wrap;
	}
	#left-window {
		position:relative;
		order:2;
		left:0;
	}
	
	#right-window {
		padding-left:0;
		padding-bottom:50px;
		min-height:inherit;
		order:1;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:780px;
}

#mainvisual .bx-slider {
}

#mainvisual .bx-slider .item {
	width:100%;
	height:0;
	padding-top:52.3%;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
}

#mainvisual .bx-slider .item.item01 {
	background-image:url(../image/contents/top/slider/01-harf.png);
	background-size:contain;
	background-position:center top;
	background-repeat:no-repeat;
}

#mainvisual iframe {
	width:100%;
	max-width:780px;
	height:408px;
	margin-left:auto;
	margin-right:auto;
}

/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

header {
	background-image:url(../image/header/back.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	height:185px;
	position:relative;
}

header #header-primary {
	margin-left:30px;
	padding-right:30px;
	min-width:750px;
	position:relative;
	transition:0.3s;
}

@media screen and (max-width:1000px) { 
	header #header-primary {
		width:94%;
	}
}

header #header-primary h1 {
	font-size:11px;
	font-style:italic;
	margin:0;
	padding:0;
	color:#ffffff;
	position:absolute;
	top:8px;
	left:0;
	max-height: 100%;
}

header #header-primary .logo {
	background-image:url(../image/header/logo.png);
	width:446px;
	height:92px;
	display:block;
	position:absolute;
	left:-5px;
	top:63px;
}

.english header #header-primary .logo {
	background-image:url(../image/header/logo_en.png);
	width:565px;
	height:93px;
}

header #header-primary .logo a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

header #header-primary .option {
	width:500px;
	float:right;
	margin-top:65px;
	position:relative;
}

header #header-primary .option .gs {
}

header #header-primary .option .language {
	width:170px;
	height:36px;
	background-color:#3c53b1;
	background-image:url(../image/header/language.png);
	background-position:left;
	background-repeat:no-repeat;
	border-radius:2px;
	color:#ffffff;
	position:absolute;
	top:0;
	right:0;
	line-height:36px;
}

.english header #header-primary .option .language {
	width:199px;
	border-radius:4px;
}

header #header-primary .option .language .ja {
	background-image:url(../image/header/ja.png);
	width:50px;
	height:28px;
	position:absolute;
	display:block;
	top:4px;
	right:54px;
	transition:0.3s;
}
header #header-primary .option .language .en {
	background-image:url(../image/header/en.png);
	width:50px;
	height:28px;
	position:absolute;
	display:block;
	top:4px;
	right:4px;
	transition:0.3s;
}

.english header #header-primary .option .language .ja {
	background-image:url(../image/header/ja_en.png);
	width:63px;
	right:67px;
}

.english header #header-primary .option .language .en {
	background-image:url(../image/header/en_en.png);
	width:63px;
}

header #header-primary .option .language .ja:hover, header #header-primary .option .language .en:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

header #header-primary .option .language .ja.current {
	background-image:url(../image/header/ja_current.png);
}
header #header-primary .option .language .en.current {
	background-image:url(../image/header/en_current.png);
}

.english header #header-primary .option .language .ja.current {
	background-image:url(../image/header/ja_current_en.png);
	width:63px;
}
.english header #header-primary .option .language .en.current {
	background-image:url(../image/header/en_current_en.png);
	width:63px;
}

header #header-primary .option .language .ja a, header #header-primary .option .language .en a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

header #header-primary .option .address {
	width:470px;
	height:28px;
	line-height:28px;
	position:absolute;
	top:55px;
	right:0;
	max-height: 100%;
}

.english header #header-primary .option .address {
	right:0;
	text-align:right;
}

@media screen and (max-width:990px) { 
	.english header #header-primary .option .address {
		width:200px;
		line-height:20px;
		margin-right:5px;
		margin-top:-5px;
		float:right;
	}
}

@media screen and (max-width:990px) { 
	header #header-primary .option .address {
		width:200px;
		line-height:20px;
		margin-right:90px;
		margin-top:-5px;
	}
}

header #header-primary .option .address-button {
	width:87px;
	height:28px;
	background-color:#d3dbff;
	border-radius:2px;
	border-bottom:1px solid #c8d0f2;
	line-height:30px;
	background-image:url(../image/layout/ar01.png);
	background-position:70px 10px;
	background-repeat:no-repeat;
	text-indent:10px;
	transition:0.3s;
	position:absolute;
	top:55px;
	right:0;
}

header #header-primary .option .address-button:hover {
	text-indent:13px;
	background-image:url(../image/layout/ar01_on.png);
	background-color:#243da9;
	color:#ffffff;
}

header #header-primary .option .address-button a {
	color:#243da9;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
}

header #header-primary .option .address-button a:hover {
	color:#ffffff;
}

#pan {
	background-image:url(../image/header/pan-back.gif);
	width:100%;
	padding-top:8px;
	padding-bottom:7px;
	border-bottom:2px solid #2a4cd6;
	margin-bottom:40px;
}

#pan #pan-primary {
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	position:relative;
}

@media screen and (max-width:1000px) { 
	#pan #pan-primary {
		width:94%;
	}
}

#pan #pan-primary span {
	line-height:36px;
	max-height: 100%;
	position:absolute;
	display:block;
	right:30px;
}

#pan #pan-primary span a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #ffffff;
	transition:0.3s;
	max-height: 100%;
}

#pan #pan-primary span a:hover {
	color:#ffdc61;
	border-bottom:1px dotted #ffdc61;
}

#pan #pan-primary ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	float:left;
	width:100%;
}

#pan #pan-primary ul li a {
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:6px;
	border:1px solid #ffffff;
	text-align:center;
	display:inline-block;
	float:left;
	margin-right:8px;
	border-radius:4px;
	position:relative;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	transition:0.3s;
	max-height: 100%;
}

#pan #pan-primary ul li a:hover {
	color:#ffdc61;
	border:1px solid #ffdc61;
}

#pan #pan-primary ul li.current a {
	background-color:#ffffff;
}

#pan #pan-primary ul li.current a {
	font-size:14px;
	color:#383838;
	text-decoration:none;
	pointer-events: none;
}

/*------------------------------------------------------------------------------------------------------------------
　Navi
-------------------------------------------------------------------------------------------------------------------*/

#left-window nav {
	width:284px;
	margin:0;
	padding:0;
}

#left-window nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

#left-window nav ul li {
	position:relative;
	width:284px;
	height:80px;
	display:block;
	margin-bottom:3px;
	transition:0.3s;
}

#left-window nav ul li a {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#left-window nav ul li.navi01 { background-image:url(../image/side/navi01.png);}
#left-window nav ul li.navi02 { background-image:url(../image/side/navi02.png);}
#left-window nav ul li.navi03 { background-image:url(../image/side/navi03.png);}
#left-window nav ul li.navi04 { background-image:url(../image/side/navi04.png);}
#left-window nav ul li.navi05 { background-image:url(../image/side/navi05.png);}
#left-window nav ul li.navi06 { background-image:url(../image/side/navi06.png);}
#left-window nav ul li.navi07 { background-image:url(../image/side/navi07.png);}
#left-window nav ul li.navi08 { background-image:url(../image/side/navi08.png);}

#left-window nav ul li.navi01:hover { background-image:url(../image/side/navi01_on.png);}
#left-window nav ul li.navi02:hover { background-image:url(../image/side/navi02_on.png);}
#left-window nav ul li.navi03:hover { background-image:url(../image/side/navi03_on.png);}
#left-window nav ul li.navi04:hover { background-image:url(../image/side/navi04_on.png);}
#left-window nav ul li.navi05:hover { background-image:url(../image/side/navi05_on.png);}
#left-window nav ul li.navi06:hover { background-image:url(../image/side/navi06_on.png);}
#left-window nav ul li.navi07:hover { background-image:url(../image/side/navi07_on.png);}
#left-window nav ul li.navi08:hover { background-image:url(../image/side/navi08_on.png);}

.english #left-window nav ul li.navi01 { background-image:url(../image/side/navi01_en.png);}
.english #left-window nav ul li.navi02 { background-image:url(../image/side/navi02_en.png);}
.english #left-window nav ul li.navi03 { background-image:url(../image/side/navi03_en.png);}
.english #left-window nav ul li.navi04 { background-image:url(../image/side/navi04_en.png);}
.english #left-window nav ul li.navi05 { background-image:url(../image/side/navi05_en.png);}
.english #left-window nav ul li.navi06 { background-image:url(../image/side/navi06_en.png);}
.english #left-window nav ul li.navi07 { background-image:url(../image/side/navi07_en.png);}
.english #left-window nav ul li.navi08 { background-image:url(../image/side/navi08_en.png);}

.english #left-window nav ul li.navi01:hover { background-image:url(../image/side/navi01_en_on.png);}
.english #left-window nav ul li.navi02:hover { background-image:url(../image/side/navi02_en_on.png);}
.english #left-window nav ul li.navi03:hover { background-image:url(../image/side/navi03_en_on.png);}
.english #left-window nav ul li.navi04:hover { background-image:url(../image/side/navi04_en_on.png);}
.english #left-window nav ul li.navi05:hover { background-image:url(../image/side/navi05_en_on.png);}
.english #left-window nav ul li.navi06:hover { background-image:url(../image/side/navi06_en_on.png);}
.english #left-window nav ul li.navi07:hover { background-image:url(../image/side/navi07_en_on.png);}
.english #left-window nav ul li.navi08:hover { background-image:url(../image/side/navi08_en_on.png);}

@media screen and (max-width:1000px) {
	#left-window nav {
		width:100%;
		margin:0;
		padding:0;
		text-align:center;
	}
	
	#left-window nav ul {
		list-style:none;
		margin:0;
		padding:0;
		display:inline-block;
	}
	
	#left-window nav ul li {
		position:relative;
		width:284px;
		height:80px;
		margin-bottom:8px;
		transition:0.3s;
		display:inline-block;
		margin-right:2.5px;
		margin-left:2.5px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Side
-------------------------------------------------------------------------------------------------------------------*/

#side-company {
	width:278px;
	border:1px solid #afb9e7;
	border-radius:3px;
	margin-top:20px;
	margin-left:2px;
	display:block;
	margin-bottom:20px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
}

#side-company h2 {
	font-size:21px;
	color:#2e47ad;
	margin:0;
	padding:0;
	letter-spacing:-1px;
	padding-top:20px;
	padding-left:19px;
	padding-bottom:15px;
}

#side-company h2 span {
	font-size:13px;
	display:block;
	color:#000000;
	letter-spacing:0;
}

#side-company iframe {
	margin-bottom:15px;
}

#side-company .option {
	padding-left:20px;
	padding-bottom:13px;
}

#side-company .option span {
	background-color:#acb7e6;
	width:50px;
	height:32px;
	line-height:32px;
	display:block;
	float:left;
	margin-right:8px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}

#side-company .option p {
	font-size:13px;
	overflow:hidden;
	margin:0;
	padding:0;
}

@media screen and (max-width:1000px) {
	#side-company {
		width:97.5%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:35px;
	}
	#side-company h2 {
		text-align:center;
		padding-left:0;
	}
	#side-company iframe {
		width:100%;
	}
	#side-company .option span {
		display:none;
	}
	#side-company .option {
		padding-left:0;
	}
	#side-company .option p {
		white-space:nowrap;
		width:100%;
		text-align:center;
		padding-left:0;
	}
}

#banar {
}

#banar ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:2px;
}

#banar ul li {
	margin:0;
	padding:0;
	width:278px;
	height:90px;
	position:relative;
	border:1px solid #afb9e7;
	border-radius:3px;
	margin-bottom:10px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
}

#banar ul li a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#banar ul li a:after {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:"";
	background-color:rgba(255,255,255,0);
	width:100%;
	height:100%;
	transition:0.3s;
}

#banar ul li a:hover:after {
	background-color:rgba(255,255,255,0.2);
}

#banar ul li.sansouken { background-image:url(../image/side/bana01-back.png);}
#banar ul li.green-aist { background-image:url(../image/side/bana02-back.png);}
#banar ul li.geological-carbon-dioxide-storage { background-image:url(../image/side/bana03-back.png);}
/*#banar ul li.gzr { background-image:url(../image/side/bana04-back.png);}*/

.english #banar ul li.sansouken { background-image:url(../image/side/bana01-back_en.png);}
.english #banar ul li.green-aist { background-image:url(../image/side/bana02-back_en.png);}
.english #banar ul li.geological-carbon-dioxide-storage { background-image:url(../image/side/bana03-back_en.png);}
/*.english #banar ul li.gzr { background-image:url(../image/side/bana04-back_en.png);}*/
@media screen and (max-width:1000px) {
	#banar {
		text-align:center;
		width:100%;
	}
	
	#banar ul {
		list-style:none;
		margin:0;
		padding:0;
		text-align:center;
		display:inline-block;
	}
	
	#banar ul li {
		margin:0;
		padding:0;
		width:278px;
		height:90px;
		position:relative;
		border:1px solid #afb9e7;
		border-radius:3px;
		box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
		-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
		-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24);
		margin-bottom:8px;
		display:inline-block;
		margin-right:2.5px;
		margin-left:2.5px;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	background-image:url(../image/footer/back.png);
	background-color:#e7ecff;
	background-position:center top;
	background-repeat:repeat-x;
	margin-top:40px;
}

#footer #footer-primary {
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
	transition:0.3s;
}

@media screen and (max-width:1000px) {
	 #footer #footer-primary {
		 width:94%;
	 }
}

#footer #footer-primary .logo {
	background-image:url(../image/header/logo.png);
	width:446px;
	height:92px;
	display:block;
	float:left;
	margin-top:45px;
	position:relative;
}

.english #footer #footer-primary .logo {
	background-image:url(../image/header/logo_en.png);
	width:565px;
	height:93px;
	margin-bottom:30px;
}

#footer #footer-primary .logo a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#footer #footer-primary nav {
	float:right;
	width:480px;
	margin-top:42px;
	margin-bottom:26px;
}

#footer #footer-primary nav ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
}

#footer #footer-primary nav ul li {
	margin:0;
	padding:0;
	display:inline-block;
	margin-bottom:17px;
}

#footer #footer-primary nav ul li a {
	margin-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
	background-color:#3a3a3a;
	border:2px solid #3a3a3a;
	text-decoration:none;
	transition:0.3s;
}

#footer #footer-primary nav ul li a:hover {
	background-color:#ffffff;
	color:#3a3a3a;
	font-weight:600;
	padding-left:15px;
	padding-right:15px;
}

#footer #footer-primary nav .address {
	text-align:right;
	float:right;
	font-weight:bold;
	margin-top:10px;
}

@media screen and (max-width:1005px) {
	#footer #footer-primary nav {
		float:left;
		width:100%;
	}
	#footer #footer-primary nav ul {
		text-align:left;
	}
	#footer #footer-primary nav .address {
		text-align:left;
		float:left;
	}
}

#footer #cc {
	background-image:url(../image/footer/cc-back.gif);
	background-repeat:repeat-x;
	width:100%;
	height:70px;
	color:#ffffff;
}

#footer #cc #cc-primary {
	height:70px;
	line-height:70px;
	padding-left:30px;
	padding-right:30px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	transition:0.3s;
}

#footer #cc #cc-primary p {
	margin:0;
	padding:0;
}

@media screen and (max-width:1000px) {
	#footer #cc #cc-primary {
		width:97%;
		margin-right:-2px;
	}
}

@media screen and (max-width:850px) {
	#footer #cc #cc-primary p {
		width:380px;
		line-height:20px;
		padding-top:16px;
		font-size:14px;
	}
}

#footer #cc #cc-primary .topback a {
	position:absolute;
	top:0;
	right:0;
	background-image:url(../image/footer/topback.png);
	width:229px;
	height:70px;
	display:block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	transition:0.3s;
}

#footer #cc #cc-primary .topback a:hover {
	background-image:url(../image/footer/topback_on.png);
}

.english #footer #cc #cc-primary .topback a {
	background-image:url(../image/footer/topback_en.png);
}

.english #footer #cc #cc-primary .topback a:hover {
	background-image:url(../image/footer/topback_en_on.png);
}

/*------------------------------------------------------------------------------------------------------------------
　Additional
-------------------------------------------------------------------------------------------------------------------*/

#right-window h3 {
	margin:0;
	padding:0;
	padding-top:15px;
	padding-bottom:13px;
	margin-bottom:25px;
	background-image:url(../image/layout/h3-back.gif);
	border-radius:4px;
	color:#ffffff;
	font-weight:bold;
	font-size:20px;
	padding-left:20px;
	text-shadow: 1px 1px 1px #000000;
	max-height: 100%;
}

#right-window h4 {
	background-color:#e7ecff;
	border-radius:3px;
	margin:0;
	padding:0;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:15px;
	padding-right:15px;
	display:block;
	color:#344cb2;
	font-size:18px;
	margin-bottom:20px;
	border-top:1px solid #ced8ff;
	max-height: 100%;
}

#right-window h4 span {
	font-size:14px;
}

#right-window h5 {
	font-size:18px;
	margin:0;
	padding:0;
	margin-bottom:15px;
	max-height: 100%;
}

#right-window .content {
	margin-bottom:30px;
}

#right-window p {
	margin:0;
	padding:0;
	margin-bottom:15px;
}

#right-window .content p:last-of-type {
	margin:0;
	padding:0;
	margin-bottom:0;
}

#right-window .content:last-of-type {
	margin-bottom:0;
}

#right-window .content ul {
	margin:0;
	padding:0;
	margin-left:20px;
}

/*----------------------------------------------------------------------------
   Home
------------------------------------------------------------------------------*/

#about {
}

#about #about-primary {
	margin-bottom:40px;
}

#about #about-primary h2 {
	font-size:30px;
	color:#263fa8;
	margin:0;
	padding:0;
	display:inline-block;
}

#about #about-primary .link-button a {
	padding-top:13px;
	padding-bottom:13px;
	padding-left:15px;
	padding-right:40px;
	background-image:url(../image/layout/ar02.png);
	background-position:right;
	background-repeat:no-repeat;
	border:2px solid #d3dbff;
	text-align:center;
	display:inline-block;
	background-color:#d3dbff;
	border-radius:4px;
	font-size:16px;
	color:#243da9 !important;
	font-weight:bold;
	text-decoration:none;
	transition:0.3s;
}

#about #about-primary .link-button a:after {
	content:"" !important;
}

#about #about-primary .link-button a:hover {
	border:2px solid #243da9;
	background-color:#ffffff;
	color:#243da9;
	text-decoration:none !important;
}

#whatsnew {
}

#whatsnew #whatsnew-primary {
}

#whatsnew #whatsnew-primary ul {
	list-style:none;
	margin:0;
	padding:0;
}

#whatsnew #whatsnew-primary ul li {
	margin-bottom:10px;
}

#whatsnew #whatsnew-primary ul li:last-of-type {
	margin-bottom:0;
}

#whatsnew #whatsnew-primary ul li span {
	width:92px;
	height:25px;
	line-height:25px;
	background-color:#e7ecff;
	border-radius:2px;
	font-size:14px;
	text-align:center;
	color:#344ebc;
	float:left;
	margin-right:20px;
}

#whatsnew #whatsnew-primary ul li p {
	overflow:hidden;
	margin:0;
	padding:0;
}

#whatsnew #whatsnew-primary ul li p a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #000000;
	transition:0.3s;
}

#whatsnew #whatsnew-primary ul li p a:hover {
	color:#0a2fc5;
	border-bottom:1px dotted #0a2fc5;
}


/*----------------------------------------------------------------------------
   チーム紹介
------------------------------------------------------------------------------*/

#team-primary {
}


/*----------------------------------------------------------------------------
   メンバー
------------------------------------------------------------------------------*/

#member-primary .box {
	padding-bottom:20px;
	margin-bottom:20px;
}

#member-primary .profile {
	padding-top:60px;
}

#member-primary .profile h4 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:65px;
	line-height:65px;
	padding-top:0;
	padding-bottom:0;
	padding-left:28px;
	padding-right:25px;
	background-color:#e7ecff;
	border-top:none;
	border-bottom:1px dotted #c7d3ff;
	box-sizing:border-box;
	margin-bottom:0;
}

#member-primary .profile h4 span.english {
	font-style:italic;
}

#member-primary .profile h4 span.label {
	position:absolute;
	top:17px;
	right:17px;
	background-color:#a6b6ff;
	border-bottom:1px solid #90a2f3;
	border-radius:5px;
	text-shadow: 1px 1px 1px #7489e8;
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	height:30px;
	line-height:32px;
	color:#ffffff;
	text-align:center;
}

#member-primary .profile h4.db span.label {
	top:9px;
	height:26px;
	line-height:28px;
}

#member-primary .profile h4.db span.label-sub {
	position:absolute;
	top:18px;
	right:17px;
	font-size:13px;
}

#member-primary .profile .detail .label {
	background-color:#3c3c3c;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:2%;
	padding-right:2%;
	width:11%;
	min-width:83px;
	text-align:center;
	border-radius:3px;
	color:#ffffff;
	margin-bottom:0px;
	margin-right:3%;
	float:left;
}

#member-primary .profile .detail p {
	overflow:hidden;
	padding-top:2px;
}

#member-primary .profile .detail ul {
	padding-top:2px;
	overflow:hidden;
	padding-left:20px;
}

#member-primary .profile .detail p:after, #member-primary .profile .detail ul:after {
	content: "";
    display: block;
    clear: both;
}


/*----------------------------------------------------------------------------
   お知らせ
------------------------------------------------------------------------------*/

#subpage #whatsnew-primary .box {
	padding-bottom:20px;
	margin-bottom:20px;
}

#subpage #whatsnew-primary .content .box {
	padding-top:60px;
}

#subpage #whatsnew-primary .content .box h4 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:65px;
	line-height:65px;
	padding-top:0;
	padding-bottom:0;
	padding-left:28px;
	padding-right:25px;
	background-color:#e7ecff;
	border-top:none;
	border-bottom:1px dotted #c7d3ff;
	box-sizing:border-box;
	margin-bottom:0;
}

#subpage #whatsnew-primary .content .box ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:40px;
}

#subpage #whatsnew-primary ul li {
	padding-bottom:10px;
}

#subpage #whatsnew-primary ul li:last-of-type {
	margin-bottom:0;
}

#subpage #whatsnew-primary ul li span {
	background-color:#3c3c3c;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:2%;
	padding-right:2%;
	width:11%;
	min-width:83px;
	text-align:center;
	border-radius:3px;
	color:#ffffff;
	margin-bottom:0px;
	margin-right:3%;
	float:left;
}

#subpage #whatsnew-primary ul li p {
	overflow:hidden;
	margin-top:-2px;
	margin-bottom:10px;
}

#subpage #whatsnew-primary ul li:after {
	content: "";
    display: block;
    clear: both;
}

#subpage #whatsnew-primary ul li p a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #000000;
	transition:0.3s;
}

#subpage #whatsnew-primary ul li p a:hover {
	color:#0a2fc5;
	border-bottom:1px dotted #0a2fc5;
}

#subpage #whatsnew-primary h4 span {
	display:inline-block;
	background-color:#344cb2;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	border-radius:2px;
	margin-top:6px;
	margin-bottom:5px;
}