@charset "utf-8";

/* HOME
============================================================================= */

body.home #gnavi .social {
	right: 25px;
}

body.home #gnavi .print {
	display: none;
}

body.home .mainimage {
	max-width: 1200px;
	margin: 0 auto 50px;
	padding: 0 15px;
	text-align: center;
}

body.home .mainimage:after {
	content: 'flickity';
	display: none;
}

body.home .mainimage.count-1:after {
	content: '';
}

body.home .mainimage .slide {
	width: 100%;
}

body.home .mainimage .flickity-slider .slide {
	margin-right: 20px;
}

body.home .mainimage .flickity-page-dots {
	bottom: -20px;
}

body.home .mainimage .flickity-button {
	opacity: 0.5;
}

body.home .mainimage .flickity-button:hover {
	background: #239de0;
	color: #fff;
	opacity: 1;
}

body.home .mainimage .flickity-prev-next-button {
	width: 39px;
	height: 39px;
}

body.home .mainimage .flickity-prev-next-button.previous {
	left: -15px;
}

body.home .mainimage .flickity-prev-next-button.next {
	right: -15px;
}

@media screen and (max-width: 1230px) {

	body.home .mainimage .flickity-prev-next-button.previous {
		left: -5px;
	}

	body.home .mainimage .flickity-prev-next-button.next {
		right: -5px;
	}

}

@media screen and (max-width: 1023px) {

	body.home .mainimage {
		padding: 0;
	}

	body.home .mainimage .flickity-prev-next-button {
		display: none;
	}

}

@media screen and (max-width: 767px) {

	body.home .mainimage .flickity-page-dots .dot {
		width: 6px;
		height: 6px;
		margin: 0 4px;
	}

}

body.home #main .news,
body.home #main .slide_contents {
	margin-bottom: 50px;
	padding-top: 30px;
	border-top: 1px solid #239de0;
}

body.home #main .coming {
	margin-bottom: 50px;
}

body.home #main .coming h2 {
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #239de0;
	color: #333;
}

body.home #main .news_slide:after,
body.home #main .coming_slide:after,
body.home #main .slide_contents_slide:after {
	content: 'flickity';
	display: none;
}

body.home #main .news_slide.count-1:after,
body.home #main .news_slide.count-2:after,
body.home #main .news_slide.count-3:after,
body.home #main .coming_slide.count-1:after,
body.home #main .coming_slide.count-2:after,
body.home #main .coming_slide.count-3:after,
body.home #main .slide_contents_slide.count-1:after,
body.home #main .slide_contents_slide.count-2:after,
body.home #main .slide_contents_slide.count-3:after {
	content: '';
}

body.home #main .news_slide .slide,
body.home #main .coming_slide .slide,
body.home #main .slide_contents_slide .slide {
	width: 31.625%;
	display: inline-block;
	vertical-align: top;
}

body.home #main .news_slide .slide {
	position: relative;
}

body.home #main .news_slide .slide:nth-child(2n),
body.home #main .coming_slide .slide:nth-child(2n),
body.home #main .slide_contents_slide .slide:nth-child(2n) {
	margin-right: 2.5625%;
	margin-left: 2.5625%;
}

body.home #main .news_slide .slide a {
	display: block;
}

body.home #main .news_slide .slide .image:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 80%;
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#252525 100%);
	bottom: 0;
	left: 0;
	z-index: 1;
	backface-visibility: hidden;
	opacity: 0.8;
	border-radius: 6px;
}

body.home #main .news_slide .slide a:hover .image:before {
	opacity: 0.6;
}

body.home #main .news_slide .image {
	border-radius: 6px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

body.home #main .coming_slide .image,
body.home #main .slide_contents_slide .image {
	background-color: #f7f7f7;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

body.home #main .news_slide .title {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	margin: 0;
	padding: 15px;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}

body.home #main .coming_slide .image,
body.home #main .slide_contents_slide .image {
	height: 180px;
}

body.home #main .coming_slide .image img,
body.home #main .slide_contents_slide .image img {
	width: 100%;
	height: 180px;
}

body.home #main .coming_slide .wrap,
body.home #main .slide_contents_slide .wrap {
	border: 1px solid #ececec;
	border-radius: 0 0 6px 6px;
}

body.home #main .coming_slide .wrap .title,
body.home #main .slide_contents_slide .wrap .title {
	padding: 15px;
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
}

body.home #main .slide_contents_slide .wrap .text {
	padding: 0 15px 15px;
	line-height: 1.5;
}

body.home #main .coming_slide .wrap .btn a,
body.home #main .slide_contents_slide .wrap .btn a {
	display: block;
	padding: 15px;
	border-radius: 0 0 6px 6px;
	background: #239de0;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

body.home #main .news_slide .flickity-page-dots,
body.home #main .coming_slide .flickity-page-dots,
body.home #main .slide_contents_slide .flickity-page-dots {
	bottom: -20px;
}

body.home #main .news_slide .flickity-button,
body.home #main .coming_slide .flickity-button,
body.home #main .slide_contents_slide .flickity-button {
	opacity: 0.5;
}

body.home #main .news_slide .flickity-button:hover,
body.home #main .coming_slide .flickity-button:hover,
body.home #main .slide_contents_slide .flickity-button:hover {
	background: #239de0;
	color: #fff;
	opacity: 1;
}

body.home #main .news_slide .flickity-prev-next-button,
body.home #main .coming_slide .flickity-prev-next-button,
body.home #main .slide_contents_slide .flickity-prev-next-button {
	width: 39px;
	height: 39px;
}

body.home #main .news_slide .flickity-prev-next-button.previous,
body.home #main .coming_slide .flickity-prev-next-button.previous,
body.home #main .slide_contents_slide .flickity-prev-next-button.previous {
	left: -30px;
}

body.home #main .news_slide .flickity-prev-next-button.next,
body.home #main .coming_slide .flickity-prev-next-button.next,
body.home #main .slide_contents_slide .flickity-prev-next-button.next {
	right: -30px;
}

body.home #sub li {
	list-style-type: none;
}

body.home .top_banner {
	margin-bottom: 20px;
	padding-top: 30px;
	border-top: 1px solid #239de0;
}

body.home .top_banner li {
	display: inline-block;
	width: 31.625%;
	margin-bottom: 2.5625%;
	vertical-align: top;
}

body.home .top_banner li:nth-child(3n) {
	margin-left: 2.5625%;
}

body.home .top_banner li:nth-child(3n+1) {
	margin-right: 2.5625%;
}

body.home .bottom_banner h2 {
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #239de0;
	color: #333;
}

body.home .bottom_banner h2:after {
	float: right;
	content: '\f101';
	font-family: 'FontAwesome';
	color: #b9b9b9;
	font-weight: normal;
}

body.home .bottom_banner ul {
	display: table;
	width: 100%;
}

body.home .bottom_banner li {
	list-style-type: none;
	display: table-cell;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
}

@media screen and (max-width: 1230px) {

	body.home #main .news_slide .flickity-prev-next-button.previous,
	body.home #main .coming_slide .flickity-prev-next-button.previous,
	body.home #main .slide_contents_slide .flickity-prev-next-button.previous {
		left: -5px;
	}

	body.home #main .news_slide .flickity-prev-next-button.next,
	body.home #main .coming_slide .flickity-prev-next-button.next,
	body.home #main .slide_contents_slide .flickity-prev-next-button.next {
		right: -5px;
	}

}

@media screen and (max-width: 1023px) {

	body.home #main .news_slide .flickity-prev-next-button,
	body.home #main .coming_slide .flickity-prev-next-button,
	body.home #main .slide_contents_slide .flickity-prev-next-button {
		display: none;
	}

}

@media screen and (max-width: 1199px) {

	body.home #sub .navi_01 li a br {
		display: none;
	}

}

@media screen and (max-width: 767px) {

	body.home #main {
		float: none;
		width: 100%;
	}

	body.home #main .news_slide.count-2:after,
	body.home #main .news_slide.count-3:after,
	body.home #main .coming_slide.count-2:after,
	body.home #main .coming_slide.count-3:after,
	body.home #main .slide_contents_slide.count-2:after,
	body.home #main .slide_contents_slide.count-3:after {
		content: 'flickity';
		display: none;
	}

	body.home #main .news_slide.count-1 .slide,
	body.home #main .coming_slide.count-1 .slide,
	body.home #main .slide_contents_slide.count-1 .slide {
		margin-right: 0;
	}

	body.home #main .news_slide .slide,
	body.home #main .coming_slide .slide,
	body.home #main .slide_contents_slide .slide {
		width: 100%;
		margin-right: 20px;
	}

	body.home #main .news_slide .slide:nth-child(2n),
	body.home #main .coming_slide .slide:nth-child(2n),
	body.home #main .slide_contents_slide .slide:nth-child(2n) {
		margin-right: 20px;
		margin-left: 0;
	}

	body.home #main .news_slide .flickity-page-dots .dot,
	body.home #main .coming_slide .flickity-page-dots .dot,
	body.home #main .slide_contents_slide .flickity-page-dots .dot {
		width: 6px;
		height: 6px;
		margin: 0 4px;
	}

	body.home #sub {
		float: none;
		width: 100%;
	}

	body.home .top_banner li {
		width: 100%;
		text-align: center;
	}

	body.home .top_banner li:nth-child(3n+1) {
		margin-right: 0;
	}

	body.home .top_banner li:nth-child(3n) {
		margin-left: 0;
	}

	body.home .bottom_banner li {
		display: inline-block;
		width: 50%;
		padding-bottom: 15px;
		vertical-align: middle;
	}

	body.home .bottom_banner li:nth-child(odd) {
		padding-right: 20px;
	}

	body.home .bottom_banner li:nth-child(even) {
		padding-left: 20px;
	}

}

@media screen and (max-width: 599px) {

	body.home .bottom_banner li {
		display: inline-block;
		width: 50%;
		padding-bottom: 10px;
		vertical-align: middle;
	}

	body.home .bottom_banner li:nth-child(odd) {
		padding-right: 5px;
	}

	body.home .bottom_banner li:nth-child(even) {
		padding-left: 5px;
	}

}



/* 下層共通
============================================================================= */

body.child #main {
	float: right;
	width: 75.6%;
	padding: 0 0 0 15px;
}

body.child #main h1.title_type_00 {
	display: inline-block;
	max-width: 100%;
	min-width: 250px;
	margin-bottom: 20px;
	padding: 8px 10px 8px 0;
	border-bottom: 1px solid #239de0;
	box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3);
	font-size: 19px;
	font-weight: bold;
	line-height: 1.4;
}

body.child #main .news {
	margin: 10px 0 30px;
	padding: 10px;
	border: 2px solid #b1dcf3;
	border-radius: 5px;
	background: #f1f9fd;
}

body.child #main .news h2 {
	margin-bottom: 10px;
	font-weight: bold;
}

body.child #main .news li {
	padding: 1px 5px;
	font-size: 12px;
	list-style-type: none;
}

body.child #main .news li .date {
	margin-right: 10px;
}

body.child #main .entry_list {
	list-style-type: none;
}

body.child #main .relation_link {
	margin-top: 50px;
	padding: 4px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #f1f1f1;
}

body.child #main .relation_link div {
	padding: 10px;
	background: #fff;
	border-radius: 5px;
}

body.child #main .relation_link h2 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e3e3e3;
	font-weight: bold;
}

body.child #main .relation_link li {
	list-style-type: none;
}

.entry_list dl.layout_type_01 {
	float: left;
	width: 32%;
	padding: 10px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.entry_list dl.layout_type_01.space {
	margin: 0 2% 20px;
}

.entry_list dl.layout_type_01 dt.title {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

.entry_list dl.layout_type_01 dd.text {
	margin-bottom: 15px;
}

.entry_list dl.layout_type_01 dd.link {
	font-size: 11px;
}

.entry dl.layout_type_02 {
	width: 48.5%;
	padding: 15px;
	border: 1px solid #ddd;
	margin-bottom: 25px;
}

.entry dl.layout_type_02.f_left {
	float: left;
}

.entry dl.layout_type_02.f_right {
	float: right;
}

.entry dl.layout_type_02 dt.title {
	font-size: 14px;
	line-height: 1.2;
}

.entry dl.layout_type_02 dt.title h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 2px solid #239de0;
	font-weight: normal;
}

.entry dl.layout_type_02 dd.text {
	margin-bottom: 10px;
}

.entry dl.layout_type_02 dd.link {
	font-size: 12px;
	text-align: right;
}

body.child #main #edit_post_link {
	padding: 20px 30px;
	text-align: center;l
}

body.child #sub {
	float: left;
	width: 24.4%;
	padding: 0 15px 0 0;
}

body.child #sub .navi dt {
	margin-bottom: 15px;
	padding: 8px 10px 8px 0;
	border-bottom: 1px solid #239de0;
	box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3);
	font-size: 19px;
	line-height: 1.4;
}

body.child #sub .navi dd {
	border-radius: 5px;
	background: #fbfbfb;
}

body.child #sub .navi dd li {
	padding: 7px 20px;
	font-size: 13px;
	list-style-type: none;
}

body.child #sub .navi dd li li {
	padding-right: 0;
}

body.child #sub .navi dd li.current.has_children {
	padding-bottom: 0;
}

body.child #sub .navi dd li a {
	display: block;
	padding-left: 20px;
	text-indent: -20px;
	color: #555;
}

body.child #sub .navi dd li a:hover,
body.child #sub .navi dd li a.current_page_item,
body.child #sub .navi dd li.current > a {
	color: #239de0;
}

body.child #sub .navi dd li a:before,
body.child #sub .navi dd li.parent_page_item a.current_page_item:before {
	content: '\f0da';
	padding-right: 15px;
	font-family: 'FontAwesome';
}

body.child #sub .navi dd li.parent_page_item > a:before {
	content: '\f0d7';
	padding-right: 15px;
	font-family: 'FontAwesome';
}

body.child #sub .navi dd .parent_page_item {
	background: #f2f2f2;
}

body.child #sub .navi dd ul {
	display: none;
}

body.child #sub .navi dd ul.sub_pages1 {
	display: block;
}

body.child #main .pagination {
	margin-top: 30px;
	padding-bottom: 5px;
	text-align: center;
}

body.child #main .pagination a,
body.child #main .pagination a:link {
	margin: 6px;
	padding: 6px 11px;
	border: 1px solid #ddd;
	color: #585858;
	line-height: 1;
	background: #eee;
}

body.child #main .pagination a:visited {
	margin: 6px;
	padding: 6px 11px;
	border: 1px solid #ddd;
	color: #585858;
	background: #eee;
}

body.child #main .pagination a:hover {
	border: 1px solid #239de0;
	color: #fff;
	background: #239de0;
}

body.child #main .pagination a:active {
	margin: 6px;
	padding: 6px 11px;
	border: 1px solid #239de0;
	color: #fff;
	background: #239de0;
}

body.child #main .pagination span.current {
	margin: 6px;
	padding: 6px 11px;
	border: 1px solid #239de0;
	color: #fff;
	background: #239de0;
}

body.child #main .next_prev_link {
	display: table;
	margin: 0 auto 20px;
}

body.child #main .next_prev_link li {
	display: table-cell;
	list-style-type: none;
	width: 100px;
	text-align: center;
}

body.en.child #main .next_prev_link li {
	width: 70px;
}

body.child #main .next_prev_link li.parent {
	width: 70px;
}

body.child #main .next_prev_link li a {
	display: inline-block;
	background: #239de0;
	padding: 6px 11px;
	color: #fff;
}

@media screen and (max-width: 1023px) {

	body.detail #page_title .inner {
		padding: 0 15px;
	}

	body.detail #page_title .breadcrumbs {
		padding: 5px;
		background: #f2f2f2;
	}

}

@media screen and (max-width: 767px) {

	body.child #page_title {
		margin-bottom: 20px;
	}

	body.child #main {
		float: none;
		width: 100%;
		margin-bottom : 50px;
		padding: 0;
	}

	body.child #sub {
		float: none;
		width: 100%;
		padding: 0;
	}

	body.child #main dl.layout_type_01 {
		float: none;
		width: 100%;
	}

	body.child #main dl.layout_type_02.f_left,
	body.child #main dl.layout_type_02.f_right {
		float: none;
		width: 100%;
	}

	body.child #main .pagination a,
	body.child #main .pagination a:link {
		padding: 6px;
	}

}



/* 投稿共通
============================================================================= */

body.detail #page_title {
	height: auto;
	margin-bottom: 30px;
	background: none !important;
}

body.detail #page_title:before {
	content: none;
}

body.detail #page_title h1 {
	display: none;
}

body.detail #page_title .breadcrumbs {
	margin: 15px 0 0;
}

body.detail #page_title .breadcrumbs li,
body.detail #page_title .breadcrumbs li a {
	display: inline;
	color: #333;
}

body.detail #main {
	float: none;
	width: 100%;
	max-width: 870px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}

body.detail #sub {
	display: none;
}



/* print
============================================================================= */

body.print {
	padding-top: 0;
}

body.print #main {
	float: none;
	width: 100%;
}

body.print header,
body.print #gnavi_sp,
body.print #social_sp,
body.print #page_title .breadcrumbs,
body.print #contents #edit_post_link,
body.print #contents #sub,
body.print #footer_sitemap,
body.print footer {
	display: none !important;
}



/* 検索結果
============================================================================= */

body.search #main .entry_list dt {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}

body.search #main .entry_list dd {
	margin-bottom: 15px;
	padding: 0 0 15px 10px;
	border-bottom: 1px solid #eee;
}



/* 概要
============================================================================= */

body.ja.p_2 #page_title,
body.en.p_2 #page_title,
body.ja.pp_2 #page_title,
body.en.pp_2 #page_title {
	background-image: url(../img/bg_page_title_02.jpg);
}



/* UNIDOの概要
============================================================================= */

@media screen and (max-width: 767px) {

	body.ja.p_11 #main .entry table,
	body.ja.p_11 #main .entry tbody,
	body.ja.p_11 #main .entry tr,
	body.ja.p_11 #main .entry th,
	body.ja.p_11 #main .entry td {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

}



/* UNIDO東京事務所の概要
============================================================================= */

body.ja.p_13 #page_title,
body.en.p_7 #page_title,
body.ja.pp_13 #page_title,
body.en.pp_7 #page_title {
	background-image: url(../img/bg_page_title_03.jpg);
}



/* アクセス
============================================================================= */

body.ja.p_19 #page_title,
body.en.p_15 #page_title,
body.ja.pp_19 #page_title,
body.en.pp_15 #page_title {
	background-image: url(../img/bg_page_title_03.jpg);
}

body.ja.p_19 #main .entry #gmap,
body.en.p_15 #main .entry #gmap {
	margin-top: 30px;
	height: 400px;
}



/* 事業内容
============================================================================= */



/* 事業内容 - 投資担当官の招聘（デレゲートプログラム）
============================================================================= */

body.ja.p_23 #page_title,
body.en.p_19 #page_title,
body.ja.pp_23 #page_title,
body.en.pp_19 #page_title {
	background-image: url(../img/bg_page_title_04.jpg);
}



/* 事業内容 - 技術移転の支援
============================================================================= */

body.ja.p_25 #page_title,
body.en.p_25 #page_title,
body.ja.pp_25 #page_title,
body.en.pp_25 #page_title {
	background-image: url(../img/bg_page_title_05_v2.jpg);
}



/* 環境技術データベース
============================================================================= */

body.ja.p_37 #main .columns3,
body.en.p_33 #main .columns3,
body.ja.p_37 #main .columns2,
body.en.p_33 #main .columns2 {
	display: none;
}

body.ja.p_37 #main .db_wrap,
body.en.p_33 #main .db_wrap {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0 auto;
}

body.ja.p_37 #main .db_icon,
body.en.p_33 #main .db_icon {
	position: relative;
	display: table-cell;
	width: 25%;
	padding: 4px;
	text-align: center;
	cursor: pointer;
}

body.ja.p_37 #main .db_icon.non,
body.en.p_33 #main .db_icon.non {
	cursor: default;
}

body.ja.p_37 #main .db_icon span,
body.en.p_33 #main .db_icon span {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: block;
	width: 100%;
	padding: 0 10px 15px;
	text-align: center;
	line-height: 1.2;
}

body.ja.p_37 #main .db_icon.open:after,
body.en.p_33 #main .db_icon.open:after {
	content: url(/common/img/tech_db_mark.png);
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	z-index: -1;
}

body.ja.p_37 #main .db_list,
body.en.p_33 #main .db_list {
	display: none;
	clear: both;
	padding: 10px 0;
}

body.ja.p_37 #main .db_list .box,
body.en.p_33 #main .db_list .box {
	padding: 5px 10px 10px;
	background: #239de0;
	color: #fff;
}

body.ja.p_37 #main .db_list .box ul,
body.en.p_33 #main .db_list .box ul {
	margin-bottom: 0;
}

body.ja.p_37 #main .db_list a,
body.en.p_33 #main .db_list a {
	color: #fff;
}

body.ja.p_37 #main .db_list .close_btn,
body.en.p_33 #main .db_list .close_btn {
	padding: 5px;
	text-align: right;
	background: #239de0;
}

body.ja.p_37 #main .db_list .close_btn span,
body.en.p_33 #main .db_list .close_btn span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/common/img/tech_db_close_btn.png) 0 0 no-repeat;
	cursor: pointer;
}

@media screen and (max-width: 960px) {

	body.ja.p_37 #main .columns3,
	body.en.p_33 #main .columns3 {
		display: block;
	}

	body.ja.p_37 #main .columns4,
	body.en.p_33 #main .columns4,
	body.ja.p_37 #main .columns2,
	body.en.p_33 #main .columns2 {
		display: none;
	}

	body.ja.p_37 #main .db_icon,
	body.en.p_33 #main .db_icon {
		width: 33.3%;
	}

}

@media screen and (max-width: 767px) {

	body.ja.p_37 #main .columns2,
	body.en.p_33 #main .columns2 {
		display: block;
	}

	body.ja.p_37 #main .columns4,
	body.en.p_33 #main .columns4,
	body.ja.p_37 #main .columns3,
	body.en.p_33 #main .columns3 {
		display: none;
	}

	body.ja.p_37 #main .db_icon,
	body.en.p_33 #main .db_icon {
		width: 50%;
	}

	body.ja.p_37 #main .db_icon span,
	body.en.p_33 #main .db_icon span {
		font-size: 12px;
	}

}



/* 環境技術データベース 下層
============================================================================= */

body.ja.pp_37 #main .db_list,
body.en.pp_33 #main .db_list {
	padding: 10px 10px 10px 30px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	border-radius: 5px;
}

body.ja.pp_37 #main .entry_list li,
body.en.pp_33 #main .entry_list li {
	margin-bottom: 25px;
	border-bottom: 1px solid #eee;
}

body.ja.pp_37 #main .entry_list li:last-child,
body.en.pp_33 #main .entry_list li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

body.ja.pp_37 #main .entry_list li .image_box,
body.en.pp_33 #main .entry_list li .image_box {
	float: left;
	width: 150px;
	margin-bottom: 15px;
	text-align: center;
}

body.ja.pp_37 #main .entry_list li:last-child .image_box,
body.en.pp_33 #main .entry_list li:last-child .image_box {
	margin-bottom: 0;
}

body.ja.pp_37 #main .entry_list li .text_box,
body.en.pp_33 #main .entry_list li .text_box {
	float: left;
	margin-left: -150px;
	padding-left: 170px;
	width: 100%;
}

body.ja.pp_37 #main .entry_list li .text_box h3,
body.en.pp_33 #main .entry_list li .text_box h3 {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4;
}

body.ja.pp_37 #main .entry_list li .text_box .company,
body.en.pp_33 #main .entry_list li .text_box .company {
	margin-bottom: 1em;
}

body.ja.pp_37 #main .entry_list li .text_box .summary,
body.en.pp_33 #main .entry_list li .text_box .summary {
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {

	body.ja.pp_37 #main .entry_list li .image_box,
	body.en.pp_33 #main .entry_list li .image_box {
		margin: 0 20px 10px 0;
	}

	body.ja.pp_37 #main .entry_list li .text_box,
	body.en.pp_33 #main .entry_list li .text_box {
		float: none;
		margin-left: 0;
		padding-left: 0;
	}

	body.ja.pp_37 #main .entry_list li .text_box h3,
	body.en.pp_33 #main .entry_list li .text_box h3 {
		line-height: 1.2;
	}

}



/* 環境技術データベース 個別
============================================================================= */

body.en.pp_33.detail #main .page_title {
	border-bottom: 3px solid #239de0;
}

body.en.pp_33.detail #main .page_title h1 {
	border-color: #98cbf6;
	font-size: 18px;
}

body.en.pp_33.detail #main #company {
	margin-bottom: 15px;
	padding: 10px;
	background: #98cbf6;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4;
}

body.en.pp_33.detail #main #tech_title p {
	line-height: 1.4;
}

body.en.pp_33.detail #main .accordion_title {
	margin-bottom: 0;
	padding: 0 0 1.5em 18px;
	background: url(/common/img/icon_link_04.png) 3px 6px no-repeat;
	cursor: pointer;
}

body.en.pp_33.detail #main .accordion_title.open {
	background: url(/common/img/icon_link_04_on.png) 0 10px no-repeat;
}

body.en.pp_33.detail #main .title_type_02 {
	border-color: #239de0;
}

body.en.pp_33.detail #main .accordion_content {
	display: none;
}

body.en.pp_33.detail #main .accordion_content .title_type_01 {
	margin-top: 0;
}

body.en.pp_33.detail #main h2.tech_title {
	font-size: 16px;
	font-weight: bold;
}

body.en.pp_33.detail #main #contact div {
	margin-bottom: 5px;
	line-height: 1.6;
}

body.en.pp_33.detail #main #contact .contact_person_name {
	padding-right: 30px;
}

body.en.pp_33.detail #main #contact .contact_person_mail {
	display: inline-block;
}

body.en.pp_33.detail #main #contact .text {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
}

body.en.pp_33.detail #main #cat_list {
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px solid #000;
}

body.en.pp_33.detail #main #cat_list h2 {
	margin-bottom: 15px;
}

body.en.pp_33.detail #main .cnt-tb-cell1 {
	padding: 5px;
	background: #f7f7f7;
}

body.en.pp_33.detail #main .cnt-tb-cell2 {
	padding: 5px;
}

body.en.pp_33.detail #main .file_list {
	margin-left: 0;
}

body.en.pp_33.detail #main .file_list li {
	margin-bottom: 6px;
	list-style-type: none;
}

body.en.pp_33.detail #main .file_list li .icon_pdf {
	vertical-align: text-bottom;
}



/* 環境技術データベース登録審査事前申込フォーム
============================================================================= */

body.ja.p_6074 #main #db_form table {
	width: 100%;
	table-layout: fixed;
}

body.ja.p_6074 #main #db_form th {
	width: 26%;
	padding: 10px 15px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	vertical-align: middle;
}

body.ja.p_6074 #main #db_form th.cell_1,
body.ja.p_6074 #main #db_form th.cell_2 {
	width: 13%;
}

body.ja.p_6074 #main #db_form td {
	padding: 10px 15px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

body.ja.p_6074 #main #db_form td p {
	margin: 5px 0 0;
}

body.ja.p_6074 #main .btn {
	margin: 20px 0;
	text-align: center;
}

body.ja.p_6074 #main form .btn input {
	padding: 8px 20px;
}

body.ja.p_6074 #main form .indent {
	display:inline-block;
	width:2em;
}

body.ja.p_6074 #main form input.long_field {
	width: 100%;
}

body.ja.p_6074 #main form input.long_field_02 {
	max-width: 200px;
	width: 100%;
}

body.ja.p_6074 #main form textarea.long_field {
	width: 100%;
	height: 100px;
}

body.ja.p_6074 #main form input.middle_field {
	max-width: 100px;
	width: 100%;
}

body.ja.p_6074 #main form input.short_field {
	max-width: 50px;
	width: 100%;
}

body.ja.p_6074 #main form td span.text {
	font-size: 10px;
}

/*form*/
body.ja.p_6074 #main #db_form td .f_error {
	margin: 0 0 4px 0;
	color: #ff0000;
	line-height: 1.3;
}

body.ja.p_6074 #main .f_error_header {
	color: #ff0000;
}

body.ja.p_6074 #main .btn {
	margin: 20px 0;
	text-align: center;
}

body.ja.p_6074 #main .btn form {
	display: inline;
}

body.ja.p_6074 #main .btn input {
	margin: 0 10px 0 10px;
	padding: 8px 20px 7px 20px;
	font-family: inherit;
	cursor: pointer;
}

body.ja.p_6074 #main .attention {
	margin-top: 40px;
	padding-left: 1em;
	text-indent: -1em;
}

@media screen and (max-width: 767px) {

	body.ja.p_6074 #main table,
	body.ja.p_6074 #main tbody,
	body.ja.p_6074 #main tr,
	body.ja.p_6074 #main th,
	body.ja.p_6074 #main td {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

	body.ja.p_6074 #main form input[type="text"],
	body.ja.p_6074 #main form textarea {
		font-size: 16px;
	}

	body.ja.p_6074 #main form input.middle_field {
		max-width: 210px;
		margin-bottom: 5px;
	}

	body.ja.p_6074 #main #db_form th {
		background: #dfdfdf;
	}

	body.ja.p_6074 #main #db_form th.cell_2 {
		background: #f7f7f7;
	}

	body.ja.p_6074 #main #db_form td .ml_20 {
		margin-left: 0;
	}

}



/* 事業内容 - セミナー・イベント
============================================================================= */

body.ja.p_27 #page_title,
body.en.p_23 #page_title,
body.ja.pp_27 #page_title,
body.en.pp_23 #page_title {
	background-image: url(../img/bg_page_title_06.jpg);
}



/* 事業内容 - キャパシティ・ビルディング
============================================================================= */

body.ja.p_31 #page_title,
body.en.p_27 #page_title,
body.ja.pp_31 #page_title,
body.en.pp_27 #page_title {
	background-image: url(../img/bg_page_title_07.jpg);
}



/* 事業内容 - 海外活動支援
============================================================================= */

body.ja.p_33 #page_title,
body.en.p_29 #page_title,
body.ja.pp_33 #page_title,
body.en.pp_29 #page_title {
	background-image: url(../img/bg_page_title_08.jpg);
}



/* 取組状況
============================================================================= */



/* 取組状況 下層
============================================================================= */

body.ja.pp_45 #main .entry_list dd.image,
body.en.pp_41 #main .entry_list dd.image {
	margin-bottom: 15px;
	background-color: #f7f7f7;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:contain;
}

body.ja.pp_45 #main .entry_list dd.image:hover,
body.en.pp_41 #main .entry_list dd.image:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* 詳細 */
body.ja.pp_45 #main .image_top,
body.en.pp_41 #main .image_top {
	margin-bottom: 20px;
	text-align: center;
}

body.ja.pp_45 #main .layout_box,
body.en.pp_41 #main .layout_box {
	display: table;
	width: 100%;
}

body.ja.pp_45 #main .layout_box .layout_main,
body.en.pp_41 #main .layout_box .layout_main {
	display: table-cell;
	width: 75%;
	padding-right: 10px;
	vertical-align: top;
}

body.ja.pp_45 #main .layout_box .layout_sub,
body.en.pp_41 #main .layout_box .layout_sub {
	display: table-cell;
	width: 25%;
	padding-left: 10px;
	text-align: center;
	vertical-align: top;
}

body.ja.pp_45 #main .layout_box .image_side,
body.en.pp_41 #main .layout_box .image_side {
	max-width: 210px;
	margin: 0 auto 30px;
}

body.ja.pp_45 #main .layout_box .file_list,
body.en.pp_41 #main .layout_box .file_list {
	margin-bottom: 30px;
}

body.ja.pp_45 #main .layout_box .file_list li,
body.en.pp_41 #main .layout_box .file_list li {
	margin-bottom: 6px;
	list-style-type: none;
}

body.ja.pp_45 #main .layout_box .file_list li .icon_pdf,
body.en.pp_41 #main .layout_box .file_list li .icon_pdf {
	vertical-align: text-bottom;
}

body.ja.pp_45 #main .layout_box .image_side li,
body.en.pp_41 #main .layout_box .image_side li {
	margin-bottom: 15px;
	list-style-type: none;
}

body.ja.pp_45 #main .layout_box .image_side li.caption,
body.en.pp_41 #main .layout_box .image_side li.caption {
	padding: 5px;
	border: 1px solid #e6e6e6;
	background : #fcfcfc;
}

body.ja.pp_45 #main .layout_box .image_side li.caption a,
body.en.pp_41 #main .layout_box .image_side li.caption a {
	display: inline-block;
}

body.ja.pp_45 #main .layout_box .image_side li.caption p,
body.en.pp_41 #main .layout_box .image_side li.caption p {
	margin: 5px 5px 0;
	font-size: 11px;
}

body.ja.pp_45 #main .image_bottom,
body.en.pp_41 #main .image_bottom {
	margin-bottom: 30px;
}

body.ja.pp_45 #main .image_bottom li,
body.en.pp_41 #main .image_bottom li {
	display: inline-block;
	padding: 4px;
	text-align: center;
	list-style-type: none;
}

body.ja.pp_45 #main .image_bottom li p,
body.en.pp_41 #main .image_bottom li p {
	display: none;
}

@media screen and (max-width: 767px) {

	body.ja.pp_45 #main .layout_box,
	body.en.pp_41 #main .layout_box {
		display: block;
	}

	body.ja.pp_45 #main .layout_box .layout_main,
	body.en.pp_41 #main .layout_box .layout_main {
		display: block;
		width: 100%;
		margin-bottom: 50px;
		padding-right: 0;
	}

	body.ja.pp_45 #main .layout_box .layout_sub,
	body.en.pp_41 #main .layout_box .layout_sub {
		display: block;
		width: 100%;
		padding-left: 0;
	}

	body.ja.pp_45 #main .layout_box .image_side li,
	body.en.pp_41 #main .layout_box .image_side li {
		display: inline-block;
		margin-top: 0 !important;
		padding: 4px;
		text-align: center;
	}

	body.ja.pp_45 #main .image_bottom,
	body.en.pp_41 #main .image_bottom {
		text-align: center;
	}

}



/* 取組状況 - 投資担当官の招聘（デレゲートプログラム）
============================================================================= */

body.ja.p_47 #page_title,
body.en.p_43 #page_title,
body.ja.pp_47 #page_title,
body.en.pp_43 #page_title {
	background-image: url(../img/bg_page_title_04.jpg);
}



/* 取組状況 - 技術移転の支援
============================================================================= */

body.ja.p_49 #page_title,
body.en.p_45 #page_title,
body.ja.pp_49 #page_title,
body.en.pp_45 #page_title {
	background-image: url(../img/bg_page_title_05_v2.jpg);
}

/* 取組状況 - セミナー・イベント
============================================================================= */

body.ja.p_51 #page_title,
body.en.p_47 #page_title,
body.ja.pp_51 #page_title,
body.en.pp_47 #page_title {
	background-image: url(../img/bg_page_title_06.jpg);
}



/* 取組状況 - キャパシティ・ビルディング
============================================================================= */

body.ja.p_53 #page_title,
body.en.p_49 #page_title,
body.ja.pp_53 #page_title,
body.en.pp_49 #page_title {
	background-image: url(../img/bg_page_title_07.jpg);
}



/* 取組状況 - 海外活動支援
============================================================================= */

body.ja.p_370 #page_title,
body.en.p_102 #page_title,
body.ja.pp_370 #page_title,
body.en.pp_102 #page_title {
	background-image: url(../img/bg_page_title_08.jpg);
}



/* イベント予定
============================================================================= */

body.ja.p_35 #page_title,
body.en.p_31 #page_title,
body.ja.pp_35 #page_title,
body.en.pp_31 #page_title {
	background-image: url(../img/bg_page_title_06.jpg);
}

/* 一覧 */
body.ja.pp_35 #main .select_menu,
body.en.pp_31 #main .select_menu {
	text-align: center;
}

body.ja.pp_35 #main .entry_list,
body.en.pp_31 #main .entry_list {
	margin-top: 20px;
}

body.ja.pp_35 #main .entry_list li,
body.en.pp_31 #main .entry_list li {
	display: table;
	margin-top: 25px;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}

body.ja.pp_35 #main .entry_list .image_box,
body.en.pp_31 #main .entry_list .image_box {
	display: table-cell;
	width: 20%;
	text-align: center;
	vertical-align: top;
}

body.ja.pp_35 #main .entry_list .text_box,
body.en.pp_31 #main .entry_list .text_box {
	display: table-cell;
	width: 65%;
	padding: 0 20px;
	vertical-align: top;
}

body.ja.pp_35 #main .entry_list .text_box h2,
body.en.pp_31 #main .entry_list .text_box h2 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.4;
}

body.ja.pp_35 #main .entry_list .btn_box,
body.en.pp_31 #main .entry_list .btn_box {
	display: table-cell;
	width: 15%;
	padding: 0 10px;
	border-left: 1px dotted #ccc;
	text-align: center;
	vertical-align: top;
	font-size: 10px;
}

body.ja.pp_35 #main .entry_list .btn_box .btn a,
body.en.pp_31 #main .entry_list .btn_box .btn a {
	display: inline-block;
	width: 119px;
	padding: 8px 5px;
	vertical-align: middle;
	background: #337ab7;
	color: #fff;
}

body.ja.pp_35 #main .entry_list .btn_box .btn a:hover,
body.en.pp_31 #main .entry_list .btn_box .btn a:hover {
	text-decoration: none;
	opacity: 0.85;
	filter: alpha(opacity=85);
}

body.ja.pp_35 #main .entry_list .btn_box .icon,
body.en.pp_31 #main .entry_list .btn_box .icon {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}

body.ja.pp_35 #main .non,
body.en.pp_31 #main .non {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #ccc;
	text-align: center;
	color: red;
}

/* 詳細 */
body.ja.pp_35 #main .image_top,
body.en.pp_31 #main .image_top {
	margin-bottom: 20px;
	text-align: center;
}

body.ja.pp_35 #main .layout_box,
body.en.pp_31 #main .layout_box {
	display: table;
	width: 100%;
}

body.ja.pp_35 #main .layout_box .layout_main,
body.en.pp_31 #main .layout_box .layout_main {
	display: table-cell;
	width: 75%;
	padding-right: 10px;
	vertical-align: top;
}

body.ja.pp_35 #main .layout_box .layout_sub,
body.en.pp_31 #main .layout_box .layout_sub {
	display: table-cell;
	width: 25%;
	padding-left: 10px;
	text-align: center;
	vertical-align: top;
}

body.ja.pp_35 #main .layout_box .image_side,
body.en.pp_31 #main .layout_box .image_side {
	max-width: 210px;
	margin: 0 auto 30px;
}

body.ja.pp_35 #main .layout_box .file_list,
body.en.pp_31 #main .layout_box .file_list {
	margin-bottom: 30px;
}

body.ja.pp_35 #main .layout_box .file_list li,
body.en.pp_31 #main .layout_box .file_list li {
	margin-bottom: 6px;
	list-style-type: none;
}

body.ja.pp_35 #main .layout_box .file_list li .icon_pdf,
body.en.pp_31 #main .layout_box .file_list li .icon_pdf {
	vertical-align: text-bottom;
}

body.ja.pp_35 #main .layout_box .image_side li,
body.en.pp_31 #main .layout_box .image_side li {
	margin-bottom: 15px;
	list-style-type: none;
}

body.ja.pp_35 #main .layout_box .image_side li.caption,
body.en.pp_31 #main .layout_box .image_side li.caption {
	padding: 5px;
	border: 1px solid #e6e6e6;
	background : #fcfcfc;
}

body.ja.pp_35 #main .layout_box .image_side li.caption a,
body.en.pp_31 #main .layout_box .image_side li.caption a {
	display: inline-block;
}

body.ja.pp_35 #main .layout_box .image_side li.caption p,
body.en.pp_31 #main .layout_box .image_side li.caption p {
	margin: 5px 5px 0;
	font-size: 11px;
}

body.ja.pp_35 #main .image_bottom,
body.en.pp_31 #main .image_bottom {
	margin-bottom: 30px;
}

body.ja.pp_35 #main .image_bottom li,
body.en.pp_31 #main .image_bottom li {
	display: inline-block;
	padding: 4px;
	text-align: center;
	list-style-type: none;
}

body.ja.pp_35 #main .image_bottom li p,
body.en.pp_31 #main .image_bottom li p {
	display: none;
}

body.ja.pp_35 #main #entry_form,
body.en.pp_31 #main #entry_form {
	margin-top:-150px;
	padding-top:150px;
}

body.ja.pp_35 #main #entry_form table,
body.en.pp_31 #main #entry_form table {
	max-width: 700px;
	width: 100%;
	margin-bottom: 5px;
}

body.ja.pp_35 #main #entry_form th,
body.en.pp_31 #main #entry_form th {
	padding: 10px 15px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	white-space: nowrap;
}

body.ja.pp_35 #main #entry_form td,
body.en.pp_31 #main #entry_form td {
	padding: 10px 15px;
	border: 1px solid #ccc;
}

body.ja.pp_35 #main #entry_form td p,
body.en.pp_31 #main #entry_form td p {
	margin: 5px 0 0;
}

body.ja.pp_35 #main #entry_form td p.text2,
body.en.pp_31 #main #entry_form td p.text2 {
	margin: 0 0 5px;
}

body.ja.pp_35 #main #entry_form td select,
body.en.pp_31 #main #entry_form td select {
	margin: 8px 0;
}

body.ja.pp_35 #main #entry_form td input[type=radio],
body.ja.pp_35 #main #entry_form td input[type=checkbox],
body.en.pp_31 #main #entry_form td input[type=radio],
body.en.pp_31 #main #entry_form td input[type=checkbox] {
	margin-bottom: 5px;
}

body.ja.pp_35 #main #entry_form .btn,
body.en.pp_31 #main #entry_form .btn {
	margin: 20px 0;
	text-align: center;
}

body.ja.pp_35 #main #entry_form .btn input,
body.en.pp_31 #main #entry_form .btn input {
	padding: 8px 20px;
}

body.ja.pp_35 #main form input.long_field,
body.en.pp_31 #main form input.long_field {
	max-width: 450px;
	width: 100%;
}

body.ja.pp_35 #main form input.long_field_02,
body.en.pp_31 #main form input.long_field_02 {
	max-width: 300px;
	width: 100%;
}

body.ja.pp_35 #main form textarea.long_field,
body.en.pp_31 #main form textarea.long_field {
	max-width: 500px;
	width: 100%;
	height: 100px;
}

body.ja.pp_35 #main form input.middle_field,
body.en.pp_31 #main form input.middle_field {
	max-width: 100px;
	width: 100%;
}

body.ja.pp_35 #main form input.short_field,
body.en.pp_31 #main form input.short_field {
	max-width: 50px;
	width: 100%;
}

body.ja.pp_35 #main form td span.text,
body.en.pp_31 #main form td span.text {
	font-size: 10px;
}

body.ja.pp_35 #main form td span.indent {
	display: inline-block;
	width: 2em;
}

body.en.pp_31 #main form td span.indent {
	display: inline-block;
	width: 90px;
}

/* form */
body.ja.pp_35 #main #entry_form td .f_error,
body.en.pp_31 #main #entry_form td .f_error {
	margin: 0 0 4px 0;
	color: #ff0000;
	line-height: 1.3;
}

body.ja.pp_35 #main #entry_form .f_error_header,
body.en.pp_31 #main #entry_form .f_error_header {
	color: #ff0000;
}

body.ja.pp_35 #main #entry_form .btn,
body.en.pp_31 #main #entry_form .btn {
	margin: 20px 0;
	text-align: center;
}

body.ja.pp_35 #main #entry_form .btn form,
body.en.pp_31 #main #entry_form .btn form {
	display: inline;
}

body.ja.pp_35 #main #entry_form .btn input,
body.en.pp_31 #main #entry_form .btn input {
	margin: 0 10px 0 10px;
	padding: 8px 20px 7px 20px;
	font-family: inherit;
	cursor: pointer;
}

body.ja.pp_35 #main #entry_form .please_select label,
body.en.pp_31 #main #entry_form .please_select label {
	display: inline-block;
	padding-right: 10px;
}

@media screen and (max-width: 767px) {

	body.ja.pp_35 #main .entry_list li,
	body.en.pp_31 #main .entry_list li {
		display: block;
	}

	body.ja.pp_35 #main .entry_list .image_box,
	body.en.pp_31 #main .entry_list .image_box {
		display: block;
		float: none;
		width: auto;
		margin: 0 auto 1.5em;
	}

	body.ja.pp_35 #main .entry_list .text_box,
	body.en.pp_31 #main .entry_list .text_box {
		display: inline;
		padding: 0;
	}

	body.ja.pp_35 #main .entry_list .btn_box,
	body.en.pp_31 #main .entry_list .btn_box {
		clear: both;
		display: block;
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		background: #fbfbfb;
	}

	body.ja.pp_35 #main .entry_list .btn_box .text,
	body.en.pp_31 #main .entry_list .btn_box .text {
		margin-bottom: 5px;
	}

	body.ja.pp_35 #main table,
	body.ja.pp_35 #main tbody,
	body.ja.pp_35 #main tr,
	body.ja.pp_35 #main th,
	body.ja.pp_35 #main td,
	body.en.pp_31 #main table,
	body.en.pp_31 #main tbody,
	body.en.pp_31 #main tr,
	body.en.pp_31 #main th,
	body.en.pp_31 #main td {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

	body.ja.pp_35 #main form input[type="text"],
	body.ja.pp_35 #main form textarea,
	body.en.pp_31 #main form input[type="text"],
	body.en.pp_31 #main form textarea {
		font-size: 16px;
	}

	body.ja.pp_35 #main form input.long_field,
	body.en.pp_31 #main form input.long_field,
	body.ja.pp_35 #main form input.long_field_02,
	body.en.pp_31 #main form input.long_field_02,
	body.ja.pp_35 #main form textarea.long_field,
	body.en.pp_31 #main form textarea.long_field {
		max-width: 100%;
	}

	body.ja.pp_35 #main form input.middle_field,
	body.en.pp_31 #main form input.middle_field {
		max-width: 210px;
		width: 100%;
		margin-bottom: 5px;
	}

	body.ja.pp_35 #main #entry_form,
	body.en.pp_31 #main #entry_form {
		margin-top:-120px;
		padding-top:120px;
	}

	body.ja.pp_35 #main #entry_form th {
		background: #dfdfdf;
	}

	body.ja.pp_35 #main #entry_form th.sub {
		background: #f7f7f7;
	}

	body.ja.pp_35 #main #entry_form td .ml_20 {
		margin-left: 0;
	}

	body.ja.pp_35 #main .layout_box,
	body.en.pp_31 #main .layout_box {
		display: block;
	}

	body.ja.pp_35 #main .layout_box .layout_main,
	body.en.pp_31 #main .layout_box .layout_main {
		display: block;
		width: 100%;
		margin-bottom: 50px;
		padding-right: 0;
	}

	body.ja.pp_35 #main .layout_box .layout_sub,
	body.en.pp_31 #main .layout_box .layout_sub {
		display: block;
		width: 100%;
		padding-left: 0;
	}

	body.ja.pp_35 #main .layout_box .image_side li,
	body.en.pp_31 #main .layout_box .image_side li {
		display: inline-block;
		margin-top: 0 !important;
		padding: 4px;
		text-align: center;
	}

	body.ja.pp_35 #main .image_bottom,
	body.en.pp_31 #main .image_bottom {
		text-align: center;
	}

}



/* 広報資料
============================================================================= */



/* 広報資料 下層
============================================================================= */

body.ja.p_55 #page_title,
body.en.p_51 #page_title,
body.ja.pp_55 #page_title,
body.en.pp_51 #page_title {
	background-image: url(../img/bg_page_title_09.jpg);
}

/* 一覧 */
body.ja.pp_55.page #main .layout_box,
body.en.pp_51.page #main .layout_box {
	display: table;
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}

body.ja.pp_55.page #main .layout_box .image_box,
body.en.pp_51.page #main .layout_box .image_box {
	display: table-cell;
	width: 120px;
	vertical-align: top;
}

body.ja.pp_55.page #main .layout_box .text_box,
body.en.pp_51.page #main .layout_box .text_box {
	display: table-cell;
	vertical-align: top;
}

body.ja.pp_55.page #main .layout_box .text_box h2,
body.en.pp_51.page #main .layout_box .text_box h2 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2;
}

body.ja.pp_55.page #main .layout_box .text_box .entry,
body.en.pp_51.page #main .layout_box .text_box .entry {
	margin: 0;
}

/* 詳細 */
body.ja.pp_55.detail #main .layout_box .image_box_single,
body.en.pp_51.detail #main .layout_box .image_box_single {
	float: left;
	width: 230px;
}

body.ja.pp_55.detail #main .layout_box .text_box_single,
body.en.pp_51.detail #main .layout_box .text_box_single {
	float: left;
	width: 490px;
}

body.ja.pp_55.detail #main .layout_box .text_box_single .file_list li,
body.en.pp_51.detail #main .layout_box .text_box_single .file_list li {
	margin-bottom: 6px;
	list-style-type: none;
}

body.ja.pp_55.detail #main .layout_box .text_box_single .file_list li .icon_pdf,
body.en.pp_51.detail #main .layout_box .text_box_single .file_list li .icon_pdf {
	vertical-align: text-bottom;
}

@media screen and (max-width: 767px) {

	body.ja.pp_55.page #main .layout_box,
	body.en.pp_51.page #main .layout_box {
		display: block;
	}

	body.ja.pp_55.page #main .layout_box .image_box,
	body.en.pp_51.page #main .layout_box .image_box {
		display: block;
		float: left;
		margin: 0 20px 10px 0;
	}

	body.ja.pp_55.page #main .layout_box .text_box,
	body.en.pp_51.page #main .layout_box .text_box {
		display: inline;
	}

	body.ja.pp_55.detail #main .layout_box .image_box_single,
	body.en.pp_51.detail #main .layout_box .image_box_single {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}

	body.ja.pp_55.detail #main .layout_box .text_box_single,
	body.en.pp_51.detail #main .layout_box .text_box_single {
		float: none;
		width: 100%;
	}

}



/* 世界の国から
============================================================================= */

@media screen and (max-width: 767px) {

	body.ja.p_2529 #main .entry table,
	body.ja.p_2529 #main .entry tbody,
	body.ja.p_2529 #main .entry tr,
	body.ja.p_2529 #main .entry th,
	body.ja.p_2529 #main .entry td {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

}



/* 動画ライブラリー
============================================================================= */

body.ja.p_3061 #main .entry .youtube_cell,
body.ja.p_3061.entry .youtube_cell,
body.ja.p_3061 #main .entry .text_cell,
body.ja.p_3061.entry .text_cell,
body.en.p_2250 #main .entry .youtube_cell,
body.en.p_2250.entry .youtube_cell,
body.en.p_2250 #main .entry .text_cell,
body.en.p_2250.entry .text_cell {
	padding-bottom: 50px;
}

body.ja.p_3061 #main .entry .youtube_cell,
body.ja.p_3061.entry .youtube_cell,
body.en.p_2250 #main .entry .youtube_cell,
body.en.p_2250.entry .youtube_cell {
	width: 250px;
	vertical-align: top;
}

body.ja.p_3061 #main .entry .text_cell,
body.ja.p_3061.entry .text_cell,
body.en.p_2250 #main .entry .text_cell,
body.en.p_2250.entry .text_cell {
	padding-left: 30px;
	vertical-align: top;
}

body.ja.p_3061 #main .entry .iframe_wrap,
body.ja.p_3061.entry .iframe_wrap,
body.en.p_2250 #main .entry .iframe_wrap,
body.en.p_2250.entry .iframe_wrap {
	width: 240px;
	height: 180px;
	background: #000;
}

body.ja.p_3061 #main .entry .iframe_wrap iframe,
body.ja.p_3061.entry .iframe_wrap iframe,
body.en.p_2250 #main .entry .iframe_wrap iframe,
body.en.p_2250.entry .iframe_wrap iframe {
	width: 240px;
	height: 180px;
}

body.ja.p_3061 #main .entry .youtube,
body.ja.p_3061.entry .youtube,
body.en.p_2250 #main .entry .youtube,
body.en.p_2250.entry .youtube {
	position: relative;
	display: inline-block;
	width: 240px;
	height: 180px;
	margin-bottom: 0;
	vertical-align: bottom;
	overflow: hidden;
	cursor: pointer;
}

body.ja.p_3061 #main .entry .youtube:before,
body.ja.p_3061.entry .youtube:before,
body.ja.p_3061 #main .entry .youtube:after,
body.ja.p_3061.entry .youtube:after,
body.en.p_2250 #main .entry .youtube:before,
body.en.p_2250.entry .youtube:before,
body.en.p_2250 #main .entry .youtube:after,
body.en.p_2250.entry .youtube:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
}

body.ja.p_3061 #main .entry .youtube:before,
body.ja.p_3061.entry .youtube:before,
body.en.p_2250 #main .entry .youtube:before,
body.en.p_2250.entry .youtube:before {
	width: 64px;
	height: 44px;
	background-color: #cc181e;
	margin: -22px 0 0 -32px;
	border-radius: 12px;
	z-index: 2;
	opacity: .9;
	transition: all .3s;
	cursor: pointer;
}

body.ja.p_3061 #main .entry .youtube:after,
body.ja.p_3061.entry .youtube:after,
body.en.p_2250 #main .entry .youtube:after,
body.en.p_2250.entry .youtube:after {
	margin: -10px 0 0 -8px;
	border: solid 10px transparent;
	border-right: solid 18px transparent;
	border-left: solid 18px #fff;
	z-index: 3;
	cursor: pointer;
}

body.ja.p_3061 #main .entry .youtube img,
body.ja.p_3061.entry .youtube img,
body.en.p_2250 #main .entry .youtube img,
body.en.p_2250.entry .youtube img {
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	vertical-align: bottom;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	cursor: pointer;
}


@media screen and (max-width: 767px) {

	body.ja.p_3061 #main .entry .youtube_cell,
	body.ja.p_3061.entry .youtube_cell,
	body.ja.p_3061 #main .entry .text_cell,
	body.ja.p_3061.entry .text_cell,
	body.en.p_2250 #main .entry .youtube_cell,
	body.en.p_2250.entry .youtube_cell,
	body.en.p_2250 #main .entry .text_cell,
	body.en.p_2250.entry .text_cell {
		padding-bottom: 10px;
	}

	body.ja.p_3061 #main .entry .iframe_wrap,
	body.ja.p_3061.entry .iframe_wrap,
	body.en.p_2250 #main .entry .iframe_wrap,
	body.en.p_2250.entry .iframe_wrap {
		width: 100%;
		height: auto;
	}

	body.ja.p_3061 #main .entry .youtube,
	body.ja.p_3061.entry .youtube,
	body.en.p_2250 #main .entry .youtube,
	body.en.p_2250.entry .youtube {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

	body.ja.p_3061 #main .entry .youtube img,
	body.ja.p_3061.entry .youtube img,
	body.en.p_2250 #main .entry .youtube img,
	body.en.p_2250.entry .youtube img {
		max-width:initial;
		max-width: auto;
		width: 100%;
	}


	body.ja.p_3061 #main .entry table,
	body.ja.p_3061 #main .entry tbody,
	body.ja.p_3061 #main .entry tr,
	body.ja.p_3061 #main .entry th,
	body.ja.p_3061 #main .entry td,
	body.en.p_2250 #main .entry table,
	body.en.p_2250 #main .entry tbody,
	body.en.p_2250 #main .entry tr,
	body.en.p_2250 #main .entry th,
	body.en.p_2250 #main .entry td {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

	body.ja.p_3061 #main .entry td,
	body.en.p_2250 #main .entry td,
	body.ja.p_3061 #main .entry td p,
	body.en.p_2250 #main .entry td p {
		padding-left: 0 !important;
	}

	body.en.p_2250 #main .entry .table_wrap,
	body.ja.p_3061 #main .entry .table_wrap {
		white-space: normal;
	}
	body.en.p_2250 #main .entry .table_wrap::-webkit-scrollbar,
	body.ja.p_3061 #main .entry .table_wrap::-webkit-scrollbar{
		height: 0;
	}
	body.en.p_2250 #main .entry .table_wrap::-webkit-scrollbar-track,
	body.ja.p_3061 #main .entry .table_wrap::-webkit-scrollbar{
		background: #fff;
	}
	body.en.p_2250 #main .entry .table_wrap::-webkit-scrollbar-thumb,
	body.ja.p_3061 #main .entry .table_wrap::-webkit-scrollbar{
		background: #fff;
	}

}



/* ユニド東京事務所の事業を活用したい方へ
============================================================================= */

body.ja.p_65 #main .entry .layout_type_02 dd.link {
	text-align: left;
}



/* News
============================================================================= */

body.ja.pp_85 #main .entry_list li,
body.en.pp_91 #main .entry_list li {
	margin-bottom: 35px;
	padding: 25px;
	border: 1px solid #ececec;
	border-radius: 6px;
}

body.ja.pp_85 #main .entry_list li .entry_title,
body.en.pp_91 #main .entry_list li .entry_title {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

body.ja.pp_85 #main .entry_list li .image,
body.en.pp_91 #main .entry_list li .image {
	float: left;
	width: 30%;
	height: 110px;
	display: inline-block;
	background-color: #f7f7f7;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

body.ja.pp_85 #main .entry_list li .image img,
body.en.pp_91 #main .entry_list li .image img {
	width: 100%;
	height: 110px;
}

body.ja.pp_85 #main .entry_list li .image:hover,
body.en.pp_91 #main .entry_list li .image:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

body.ja.pp_85 #main .entry_list li .image.nolink:hover,
body.en.pp_91 #main .entry_list li .image.nolink:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

body.ja.pp_85 #main .entry_list li .text,
body.en.pp_91 #main .entry_list li .text {
	float: left;
	width: 70%;
	padding: 0 0 15px 30px;
}

body.ja.pp_85 #main .entry_list li .btn,
body.en.pp_91 #main .entry_list li .btn {
	clear: both;
	text-align: right;
}

body.ja.pp_85 #main .entry_list li .btn a,
body.en.pp_91 #main .entry_list li .btn a {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 5px;
	background: #239de0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

@media screen and (max-width: 767px) {

	body.ja.pp_85 #main .entry_list li .image,
	body.en.pp_91 #main .entry_list li .image {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	body.ja.pp_85 #main .entry_list li .text,
	body.en.pp_91 #main .entry_list li .text {
		float: none;
		width: 100%;
		padding-left: 0;
	}

}



/* Topics - 投資担当官の招聘（デレゲートプログラム）
============================================================================= */

body.ja.p_499 #page_title,
body.en.p_142 #page_title,
body.ja.pp_499 #page_title,
body.en.pp_142 #page_title {
	background-image: url(../img/bg_page_title_04.jpg);
}



/* Topics - 技術移転の支援
============================================================================= */

body.ja.p_500 #page_title,
body.en.p_143 #page_title,
body.ja.pp_500 #page_title,
body.en.pp_143 #page_title {
	background-image: url(../img/bg_page_title_05_v2.jpg);
}

/* Topics - セミナー・イベント
============================================================================= */

body.ja.p_501 #page_title,
body.en.p_144 #page_title,
body.ja.pp_501 #page_title,
body.en.pp_144 #page_title {
	background-image: url(../img/bg_page_title_06.jpg);
}



/* Topics - キャパシティ・ビルディング
============================================================================= */

body.ja.p_502 #page_title,
body.en.p_145 #page_title,
body.ja.pp_502 #page_title,
body.en.pp_145 #page_title {
	background-image: url(../img/bg_page_title_07.jpg);
}



/* Topics - 海外活動支援
============================================================================= */

body.ja.p_503 #page_title,
body.en.p_146 #page_title,
body.ja.pp_503 #page_title,
body.en.pp_146 #page_title {
	background-image: url(../img/bg_page_title_08.jpg);
}



/* Topics - 広報資料
============================================================================= */

body.ja.p_505 #page_title,
body.en.p_148 #page_title,
body.ja.pp_505 #page_title,
body.en.pp_148 #page_title {
	background-image: url(../img/bg_page_title_09.jpg);
}



/* お問合せ
============================================================================= */

body.ja.p_81 #main #contact_form,
body.en.p_87 #main #contact_form {
	width: 700px;
}

body.ja.p_81 #main #contact_form th,
body.en.p_87 #main #contact_form th {
	padding: 10px 15px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	white-space: nowrap;
	vertical-align: middle;
}

body.ja.p_81 #main #contact_form td,
body.en.p_87 #main #contact_form td {
	padding: 10px 15px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

body.ja.p_81 #main #contact_form td p,
body.en.p_87 #main #contact_form td p {
	margin: 5px 0 0;
}

body.ja.p_81 #main #contact_form td select,
body.en.p_87 #main #contact_form td select {
	margin: 8px 0;
}

body.ja.p_81 #main .btn,
body.en.p_87 #main .btn {
	margin: 20px 0;
	text-align: center;
}

body.ja.p_81 #main form .btn input,
body.en.p_87 #main form .btn input {
	padding: 8px 20px;
}

body.ja.p_81 #main form input.long_field {
	width: 500px;
}

body.en.p_87 #main form input.long_field {
	width: 450px;
}

body.ja.p_81 #main form input.long_field_02,
body.en.p_87 #main form input.long_field_02 {
	width: 300px;
}

body.ja.p_81 #main form textarea.long_field,
body.en.p_87 #main form textarea.long_field {
	width: 500px;
	height: 100px;
}

body.ja.p_81 #main form input.middle_field,
body.en.p_87 #main form input.middle_field {
	width: 100px;
}

body.ja.p_81 #main form input.short_field,
body.en.p_87 #main form input.short_field {
	width: 50px;
}

body.ja.p_81 #main form td span.text,
body.en.p_87 #main form td span.text {
	font-size: 10px;
}

body.ja.p_81 #main form td span.indent {
	display: inline-block;
	width: 2em;
}

body.en.p_87 #main form td span.indent {
	display: inline-block;
	width: 90px;
}


/*form*/
body.ja.p_81 #main #contact_form td .f_error,
body.en.p_87 #main #contact_form td .f_error {
	margin: 0 0 4px 0;
	color: #ff0000;
	line-height: 1.3;
}

body.ja.p_81 #main .f_error_header,
body.en.p_87 #main .f_error_header {
	color: #ff0000;
}

body.ja.p_81 #main .btn,
body.en.p_87 #main .btn {
	margin: 20px 0;
	text-align: center;
}

body.ja.p_81 #main .btn form,
body.en.p_87 #main .btn form {
	display: inline;
}

body.ja.p_81 #main .btn input,
body.en.p_87 #main .btn input {
	margin: 0 10px 0 10px;
	padding: 8px 20px 7px 20px;
	font-family: inherit;
	cursor: pointer;
}

@media screen and (max-width: 767px) {

	body.ja.p_81 #main table,
	body.ja.p_81 #main tbody,
	body.ja.p_81 #main tr,
	body.ja.p_81 #main th,
	body.ja.p_81 #main td,
	body.en.p_87 #main table,
	body.en.p_87 #main tbody,
	body.en.p_87 #main tr,
	body.en.p_87 #main th,
	body.en.p_87 #main td {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

	body.ja.p_81 #main form input[type="text"],
	body.ja.p_81 #main form textarea,
	body.en.p_87 #main form input[type="text"],
	body.en.p_87 #main form textarea {
		font-size: 16px;
	}

	body.ja.p_81 #main form input.long_field,
	body.en.p_87 #main form input.long_field,
	body.ja.p_81 #main form input.long_field_02,
	body.en.p_87 #main form input.long_field_02,
	body.ja.p_81 #main form textarea.long_field,
	body.en.p_87 #main form textarea.long_field {
		width: 100% !important;
	}

	body.ja.p_81 #main form input.middle_field,
	body.en.p_87 #main form input.middle_field {
		max-width: 210px;
		width: 100%;
		margin-bottom: 5px;
	}

	body.en.p_87 #main form td span.indent {
		width: auto;
	}

	body.ja.p_81 #main #contact_form th {
		background: #dfdfdf;
	}

	body.ja.p_81 #main #contact_form th.sub {
		background: #f7f7f7;
	}

	body.ja.p_81 #main #contact_form td .ml_20 {
		margin-left: 0;
	}

}



/* サイトマップ
============================================================================= */

body.ja.p_83 #main .entry_list h2,
body.en.p_89 #main .entry_list h2 {
	font-size: 15px;
	font-weight: bold;
}

body.ja.p_83 #main .entry_list li,
body.en.p_89 #main .entry_list li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	list-style-type: none;
}

body.ja.p_83 #main .entry_list ul ul,
body.en.p_89 #main .entry_list ul ul {
	margin-top: 5px;
}

body.ja.p_83 #main .entry_list li li,
body.en.p_89 #main .entry_list li li {
	margin: 0 0 5px 15px;
	padding: 0;
	border: none;
}