@charset "utf-8";

html,body,p{
	font-family: "MeiryoUI","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


a{
	color:#52bfcb;
	font-weight:bold;
}

a img{
	transition-duration:0.5s;
	
}

a:hover img{
	opacity:0.7;
	
	
}


#top_wrapper{
	background:#000 url(../img/bg_top.jpg) no-repeat top center;
	background-size:auto 100%;
}

#second_wrapper{
	background:#000 url(../img/bg_2nd_top.jpg) no-repeat top center;
}



#top_wrapper header,
#second_wrapper header{
	max-width:1000px;
	margin:0px auto;
	clear:both;
}

#top_wrapper header h1,
#second_wrapper header h1{
	float:left;
	padding:20px 0px;
	
}

#top_wrapper header #lang,
#second_wrapper header #lang{
	float:right;
	
}

#top_wrapper header #lang ul li:nth-child(1),
#second_wrapper header #lang li:nth-child(1){
	display:none;
	
}
#top_wrapper header #lang ul li:nth-child(2) a,
#second_wrapper header #lang li:nth-child(2) a{
	background:url(../img/btn_changelang_en.png) no-repeat top center;
	width:185px;
	height:57px;
	display:block;
	text-indent:-9999%;
	transition-duration:0.4s;
}
#top_wrapper header #lang ul li:nth-child(2) a:hover,
#second_wrapper header #lang li:nth-child(2) a:hover{
	opacity:0.7;
}



#top_wrapper #logo{
	display:block;
	clear:both;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-260px;
	
}


#top_wrapper nav,
#second_wrapper nav{
	max-width:1000px;
	margin:0px auto 0px;
	padding-bottom:50px;
	clear:both;
}


#top_wrapper nav ul,
#second_wrapper nav ul{
	border: rgba(255,255,255,0.9) 2px solid;
	width:100%;
	clear:both;
	border-radius:3px;
	background:rgba(0,0,0,0.68);
	
}

#top_wrapper nav ul li,
#second_wrapper nav ul li{
	float:left;
	text-align:center;
	
	
}

#top_wrapper nav ul li a,
#second_wrapper nav ul li a{
	float:left;
	display:block;
	padding:20px 25px;
	border-right:1px solid rgba(50,78,104,0.90);
	box-sizing:border-box;
	transition-duration:0.5s;
	border-bottom:3px solid #000;
}

#top_wrapper nav ul li a:hover,
#second_wrapper nav ul li a:hover{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	
}


#top_wrapper nav ul li:last-child a,
#second_wrapper nav ul li:last-child a{
	border-right:none;
	padding:20px 30px;	
}



#top_wrapper #arrow{
	width:32px;
	margin:0px auto 0px;
	
}


#contents{
	max-width:1000px;
	margin:10px auto;
	padding-bottom:30px;
	clear:both;
	
}

#contents h2{
	margin:40px auto;
	text-align:center;
	clear:both;
	
}

#contents #main_news{
	width:100%;
	clear:both;
}

#contents #main_news li{
	width:31%;
	margin:0 1%;
	background:url(../img/bg_news.jpg) repeat;
	float:left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
	font-size:90%;
}


#contents #main_news li p.photo{
	background:url(../img/bg_photo.jpg) repeat;
	text-align:center;
	
	}

#contents #main_news li p.txt span{
	display:block;
	color:#3f8ab2;
	font-size:90%;
}

#contents #main_news li p.txt{
	padding:20px 20px 40px;
	
}

#movie .inner{
	max-width:800px;
	margin:0 auto;
	height:260px;
}

#movie .inner{
	
	
}


#movie .inner ul li{
	width:50%;
	text-align:center;
	float:left;
	
}


#contents #other_news li{
	width:31%;
	margin:0 1%;
	background:url(../img/bg_news.jpg) repeat;
	float:left;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
	padding:20px;
	box-sizing:border-box;
	font-size:90%;
}

#contents #other_news li p.photo{
	position:absolute;
	width:118px;
	height:79px;

	
	
}

#contents #other_news li p.txt{
	clear:both;
}


#contents #other_news li span{
	display:block;
	padding:0px 10px 0px 130px;
	color:#3f8ab2;
	font-size:90%;
	height:100px;
	width:100%;
	box-sizing:border-box;
	
}

#contents #other_news li span:before{
	content:"";
	display:block;
	width:120px;
	height:30px;
	background:url(../img/ttl_control_ja.png) no-repeat;
	
}





#contents #news_column{
	margin-bottom:50px;
	clear:both;
	float:none;
}

#contents #news_column ul#year{
	margin-top:-20px;
	margin-bottom:20px;
	
}


#contents #news_column ul#year li{
	border-radius:3px;

}


#contents #news_column ul#year li a.on{
	background:#236283;
	color:#fff;
}


#contents #news_column ul#year li a{
	display:block;
	width:120px;
	height:30px;
	margin-right:10px;
	background:#e8e8e8;
	float:left;
	text-align:center;
	line-height:30px;
	font-size:90%;
	border-radius:3px;
	color:#236283;
	
}

#contents #news_column ul#year li a:hover{
	background:#236283;
	color:rgba(255,255,255,1.00);
	
}


#contents #news_column ul#main_news{
	clear:both;
	float:none;
}


#contents #news_column ul#main_news li{
	width:100%;
	margin:20px 0 10px;
	background:url(../img/bg_news.jpg) repeat;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
	padding:0px;
	box-sizing:border-box;
	font-size:100%;
	position:relative;
	
}

#contents #news_column ul#main_news li p.photo_list{
	width:300px;
	overflow:hidden;
	float:left;
	padding-right:40px;
	
}


#contents #news_column ul#main_news li span{
	display:inline-block;
	padding:30px 10px 10px 0px;
	color:#3f8ab2;
	height:40px;
	box-sizing:border-box;	
}




#contents #news_column ul#main_news li p.btn{
	float:right;
	width:134px;
	position:absolute;
	bottom:15px;
	right:15px;
	
}



#contents #left_column{
	width:25%;
	margin-right:2%;
	float:left;
	padding-bottom:50px;
}

#contents #left_column li{
	background:#f5f5f5;
	background-position:10px 18px;
	border-radius:3px;
	margin:0px 0px 16px;
	font-size:12px;
	box-sizing:border-box;
	transition-duration:0.4s;
	
}

#contents #left_column ul#news_list li{
	background:#ffffff;
	border-bottom:1px solid rgba(223,223,223,1.00);
	background: url(../img/arrow_news.png) no-repeat;
	background-position:2px 10px;
	padding:0 0 10px 10px;
	
}

#contents #left_column ul#news_list li:hover{
	background:#f5f5f5 url(../img/arrow_news.png) no-repeat;
	background-position:2px 10px;
	
}


#contents #left_column ul#news_list li:last-child{
	border:none;
	
}


#contents #left_column ul#news_list li span{
	color:#3f8ab2;
	padding:4px 0 0 10px;
	display:block;
	
}


#contents #left_column p.ttl{
	padding:0 0 10px 6px;
	font-size:120%;
	
}

#contents #left_column form{
	padding:10px 6px 20px;
	
}

#contents #left_column form select{
	width:240px;
	
}


#contents #left_column ul#news_list a{
	background:none;
	font-weight:100;
	padding:0px;
	color:#223537;
	
}



#contents #left_column ul#list li.on{
	background:#2f2f4a url(../img/arrow_left_on.png) no-repeat;
	background-position:10px 18px;
	
}

#contents #left_column ul#list li.on a{
	color:rgba(255,255,255,1.00);
	background:#2f2f4a url(../img/arrow_left_on.png) no-repeat;
	background-position:10px 18px;
	
}


#contents #left_column ul#list li a{
	background: url(../img/arrow_left_off.png) no-repeat;
	background-position:10px 18px;
	padding:12px 10px 12px 26px;
	display:block;
	color:#272643;
	transition-duration:0.4s;
	
}

#contents #left_column ul#list li a:hover{
	background:#2f2f4a url(../img/arrow_left_on.png) no-repeat;
	background-position:10px 18px;
	color:rgba(255,255,255,1.00);
}


#contents #left_column .address{
	background:#f5f5f5;
	border-radius:3px;
	box-sizing:border-box;
	padding:10px 20px;

}

#contents #left_column p.international_office{
	font-weight:bold;
	margin-bottom:10px;
	
}

#contents #left_column .address dl dt{
	font-weight:bold;
	border-bottom:1px dotted rgba(200,200,200,1.00);
	margin:20px 0px 10px;
}

#contents #left_column .address dl dd p.office{
	font-size:96%;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:10px;
	
}

#contents #left_column .address dl dd{
	padding-bottom:20px;
	
}

#contents #left_column .address dl dd p{
	font-size:90%;
	line-height:1.2em;
	
}


#contents #left_column .address dl dd{
	font-size:12px;
	
}


#contents #right_column{
	width:70%;
	float:right;
	padding-bottom:80px;
}


#contents #right_column p.news_photo{
	background:#f5f5f5;
	padding:10px 0px;
	border-radius:10px;
	clear:both;
}

#contents #right_column p.news_photo img{
	display:block;
	margin:0px auto;
	
}

#contents #right_column span.date{
	color:#3f8ab2;
	font-size:12px;
	height:30px;
	font-weight:bold;
	text-align:right;
	display:block;
	position:absolute;
	right:10px;
	bottom:0px;
	
}


#contents #right_column h3{
	position:relative;
	color:#272643;
	padding:0 10px 10px 4px;
	margin-bottom:10px;
	border-bottom:2px solid rgba(209,209,209,0.60);
	
}

#contents #right_column h4{
	color:#272643;
	background: #efefef;
    border-radius: 4px;
    padding: 6px 10px;
    letter-spacing: 0.01em;
    font-size: 96%;
    margin-top: 20px
}

#contents #right_column h3:before{
	display:block;
	float:left;
	content:"";
	border-left:#52bfcb 4px solid;
	width:20px;
	height:20px;
	margin-top:3px;
	
}

#contents #right_column p{
	font-size:13px;
	color:#404050;
	line-height:2em;
	margin:20px 0px;
	text-align: justify;
	
}

#contents #right_column p.address{
	background:#f5f5f5;
	border-radius:3px;
	padding:20px 10px;
	font-weight:bold;
	margin:30px 0px;
	
}



#contents #right_column ul.simple_list li{
	background:url(../img/icon_disc.png) no-repeat;
	background-position:0px 8px;
	padding-left:10px;
	font-size:13px;
	line-height:1.8em;
	margin-bottom:10px;
}

#contents #right_column ul.arrow_list li{
	background:url(../img/icon_arrow.png) no-repeat;
	background-position:0px 8px;
	padding-left:10px;
	font-size:13px;
	line-height:1.8em;
	margin-bottom:6px;
}


#contents #right_column ul.linkList{
	padding-left:20px;
	margin:20px 0px;
	
}

#contents #right_column ul.linkList li a{
	color:#404050;
	font-size:13px;
	line-height:1.8em;
	background:url(../img/icon_arrow02.png) no-repeat;
	background-position:0px 5px;
	padding-left:18px;
	transition-duration:0.4s;
	
	
}

#contents #right_column ul.linkList li a:hover{
	color:#52bfcb;
	
	
}

#contents #right_column p, #contents #right_column ul.simple_list li {
    font-weight: bold;
}

#contents #right_column p strong{
	font-size:120%;
	border-bottom:#fdff4b 2px solid;
	
}

#contents #right_column #report{
	text-align:center;
	background:#f5f5f5;
	border-radius:6px;
	padding:20px 0px;
	
}

#contents #right_column #report img{
	width:300px;
	
}


footer{
	clear:both;
	background:#000 url(../img/bg_footer.jpg) no-repeat top center;
	padding-top:90px;
	padding-bottom:20px;
	
}

footer .inner{
	max-width:1000px;
	margin:0px auto;
	
}


footer .inner ul{
	width:25%;
	float:left;
	
}

footer .inner ul li.cat a{
	display:block;
	width:90%;
	border-bottom:1px dotted rgba(241,241,241,0.50);
	margin-bottom:10px;
	padding:0 0 5px 20px;
	background:url(../img/arrow_footer.png) 0px 5px no-repeat;
	box-sizing:border-box;
	font-size:12px;
	
}


footer .inner ul li a{
	color:rgba(255,255,255,1.00);
	font-size:70%;
	width:90%;
	display:block;
	padding:0 0 5px 20px;
	
}



footer .inner p.arrow a{
	display:block;
	color:rgba(255,255,255,1.00);
	padding:10px 20px 10px 30px;
	border-radius:4px;
	float:right;
	background:#292727 url(../img/arrow_footer02.png) 12px 12px no-repeat;
	text-align:center;
	margin-left:10px;
	
}


footer small{
	text-align:center;
	display:block;
	margin:20px auto 10px;
	display:block;
	padding-top:20px;
	
}

footer p{
	color:#ece6c7;
	text-align:center;
	font-size:10px;
}


/****************************リンク設定 *************************************/

#news #second_wrapper nav ul li:nth-child(1) a{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	position:relative;
}

#news #second_wrapper nav ul li:nth-child(1) a:after{
	position:absolute;
	bottom:-30px;
	left:42%;
	display:block;
	content:"";
	border: 14px solid transparent;
	border-top: 14px solid #13abbc;	
}



#protection #second_wrapper nav ul li:nth-child(2) a{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	position:relative;
}

#protection #second_wrapper nav ul li:nth-child(2) a:after{
	position:absolute;
	bottom:-30px;
	left:42%;
	display:block;
	content:"";
	border: 14px solid transparent;
	border-top: 14px solid #13abbc;
	
}


#compliance #second_wrapper nav ul li:nth-child(3) a{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	position:relative;
}

#compliance #second_wrapper nav ul li:nth-child(3) a:after{
	position:absolute;
	bottom:-30px;
	left:42%;
	display:block;
	content:"";
	border: 14px solid transparent;
	border-top: 14px solid #13abbc;
	
}



#about #second_wrapper nav ul li:nth-child(4) a{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	position:relative;
}

#about #second_wrapper nav ul li:nth-child(4) a:after{
	position:absolute;
	bottom:-30px;
	left:42%;
	display:block;
	content:"";
	border: 14px solid transparent;
	border-top: 14px solid #13abbc;
	
}


#research #second_wrapper nav ul li:nth-child(5) a{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	position:relative;
}

#research #second_wrapper nav ul li:nth-child(5) a:after{
	position:absolute;
	bottom:-30px;
	left:42%;
	display:block;
	content:"";
	border: 14px solid transparent;
	border-top: 14px solid #13abbc;
	
}

#hotline #second_wrapper nav ul li:nth-child(6) a{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	position:relative;
}

#hotline #second_wrapper nav ul li:nth-child(6) a:after{
	position:absolute;
	bottom:-30px;
	left:42%;
	display:block;
	content:"";
	border: 14px solid transparent;
	border-top: 14px solid #13abbc;
}


#links #second_wrapper nav ul li:nth-child(7) a{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	position:relative;
}

#links #second_wrapper nav ul li:nth-child(7) a:after{
	position:absolute;
	bottom:-30px;
	left:42%;
	display:block;
	content:"";
	border: 14px solid transparent;
	border-top: 14px solid #13abbc;
}


/**************************** Forms *************************************/

#feedback{
	border-top:6px solid #2f2f4a;
	background:#f5f5f5;
	padding:20px 30px;
	border-radius:6px;
	margin-bottom:50px;
	
}


#feedback fieldset {
width:100%;
border: 0;
margin: 0;
padding:2px 0;
}

.default legend {
display: none;
}

#feedback label {
display: block;
font-weight: bold;
font-size: 120%; 
color:#272643;
padding-top: 6px;
padding-bottom: 4px;
}


#feedback span{
	line-height:1.3em;
	
}

#feedback span.note{
font-size: 90%;
padding-left:10px;
}

/* JIMCA Addition */
#feedback span.emphasize {
color:#ff0000;
}

#feedback input, #feedback textarea {
	padding: 6px;
	border:1px solid #CCC;
	background-color:#fff;
	color: #666;
	font-size: 105%;
	width:340px;
	margin-top: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#feedback textarea {width: 600px;} 

.captcha {
float: left;
width:150px;
margin-top:0;
}

.default input {
	display: block;
}


#feedback input.submit {
	border:none;
	background: #db3636;
	width:200px;
	height:43px;
	font-size:16px;
	line-height:21px;
	font-weight:bold;
	margin:12px 10px 0 -3px;
	color: #fff;
}

#feedback input.submit:hover {
	background:#f73636;
}


/* added by JIMCA */
#feedback input.reset {
	border:none;
	background:#333;
	width:200px;
	height:43px;
	font-size:16px;
	line-height:21px;
	font-weight:bold;
	margin:12px 10px 0 -3px;
	color: #fff;
}

#feedback input.reset:hover{
	background:#666;
}


#feedback input.checkbox, input.radio {
width: 20px;
}

#feedback input.radio {
padding: 5px;
border:1px solid #CCC;
background-color:#fff;
color: #666;
font-size: 105%;
width:10px;
margin-top: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

select { 
background: #d8dce2; 
color: #37506c;
border: 1px solid #fff;
width: 210px;
}

input.keywords {
color:#999;
}


@media screen and (max-width : 1016px) {
	
#top_wrapper nav ul li a,
#second_wrapper nav ul li a{
	float:left;
	display:block;
	padding:20px 18px;
	border-right:1px solid rgba(50,78,104,0.90);
	box-sizing:border-box;
	transition-duration:0.5s;
	border-bottom:3px solid #000;
}

#top_wrapper nav ul li a:hover,
#second_wrapper nav ul li a:hover{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	
}


#top_wrapper nav ul li:last-child a,
#second_wrapper nav ul li:last-child a{
	border-right:none;
}
	

	}



@media screen and (max-width : 960px){
#top_wrapper nav ul li a,
#second_wrapper nav ul li a{
	float:left;
	display:block;
	padding:20px 12px;
	border-right:1px solid rgba(50,78,104,0.90);
	box-sizing:border-box;
	transition-duration:0.5s;
	border-bottom:3px solid #000;
}

#top_wrapper nav ul li a:hover,
#second_wrapper nav ul li a:hover{
	border-bottom:3px solid #13abbc;
	background:rgba(0,0,0,0.81);
	
}


#top_wrapper nav ul li:last-child a,
#second_wrapper nav ul li:last-child a{
	border-right:none;
	padding:20px 12px;	
}
	
	}
	
	
	

.move {
	-webkit-animation-name:move;
	-webkit-animation-duration:1.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:alternate;
	-moz-animation-name:move;
	-moz-animation-duration:1.5s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:alternate;
}

@-webkit-keyframes move {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes move {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
/****************************テーブル設定 *************************************/
table.type07 {
	border-collapse: collapse;
	text-align: left;
	font-size: 90%;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type07 thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
}
table.type07 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
}
table.type07 tbody th {
	width: 300px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.type07 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}