@charset "utf-8";

/* ============================== top style ============================== */


/* ----- emergencyBox ----- */
#main .emergencyBox {
	border: 10px solid #c0141c;
	width: 780px;
	height: 380px;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}
#main .emergencyBox .inr {
	position: relative;
	z-index: 10;
	width: 780px;
	height: 380px;
}
#main .emergencyBox:before {
	content: '';
	position: absolute;
	width: 780px;
	height: 380px;
	background: #000;
	opacity: 0.3;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);  /* For IE 5-7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* For IE 8 */
	z-index: 2;
}
#main .emergencyBox .bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 780px;
	height: auto;
}
#main .emergencyBox .ttl {
	position: absolute;
	top: 0;
	left: 0;
	background: #c0141c;
	padding: 10px 30px 15px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	z-index: 3;
}
.japanese #main .emergencyBox .ttl {
	height: 18px;
	padding: 13px 32px 19px;
}
.japanese #main .emergencyBox .ttl img {
	vertical-align: top;
}
#main .emergencyBox .txt_area {
	margin: 85px 30px 0;
	position: relative;
	z-index: 3;
	display: block;
}
.japanese #main .emergencyBox .txt_area {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#main .emergencyBox .txt_area h1 {
	font-size: 34px;
	line-height: 36px;
	color: #fff;
	margin-bottom: 10px;
}
.japanese #main .emergencyBox .txt_area h1 {
	font-size: 28px;
	font-weight: bold;
}
#main .emergencyBox .txt_area p {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	position: relative;
	z-index: 3;
}
.japanese #main .emergencyBox .txt_area p {
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
}
#main .emergencyBox .btn_area {
	position: absolute;
	height: 50px;
	left: 30px;
	bottom: 45px;
	letter-spacing: -1em;
	z-index: 20;
	width: 500px;
}
#main .emergencyBox .btn_area a {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin-right: 20px;
}
#main .emergencyBox .link {
	position: absolute;
	z-index: 10;
	width: 780px;
	height: 380px;
	display: block;
}

/* ----- memberCountries ----- */

#main .memberCountries {
	margin-bottom: 44px;
}
#main .memberCountries h2 {
	border-bottom: 1px solid #e3e4e4;
	height: 24px;
	margin: 0 0 22px;
	padding: 0;
	font-size: 15px;
	color: #595757;
}
#main .memberCountries h2 img {
	vertical-align: top;
}
#main .memberCountries ul {
	letter-spacing: -0.4em;
}
#main .memberCountries li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	padding: 0 20px;
	border-right: 1px solid #e3e4e4;
}
#main .memberCountries li.first {
	padding: 0 20px 0 0;
}
#main .memberCountries li.last {
	padding: 0 0 0 20px;
	border-right: none;
}


/* ----- mainVisual ----- */

#main .mainVisual {
position:relative;
overflow:hidden;
width: 800px;
padding: 0 0 50px 0;
margin-bottom: -10px;
}
#main .mainVisual .pika-thumbs li{
width:194px;
height:97px;
}
#main .mainVisual .pika-stage {
position:relative;
}
#main .mainVisual .pika-stage {
height:400px;
}
#main .mainVisual .pika-stage .main-image {
position:absolute;
top:0px;
left:0px;
}
#main .mainVisual .pika-stage .pika-aniwrap{
position:absolute;
top:0px;
left:0px;
}
#main .mainVisual .pika-stage .pika-ani {
position:relative;
display:none;
z-index:2;
margin:0 auto;
}
#main .mainVisual .pika-stage img {
height:100%;
}
#main .mainVisual .pika-stage .caption {
position:absolute;
top:30px;
left:29px;
color:#ffffff;
letter-spacing:1.1px;
text-shadow: 1px 1px 3px #555555;
line-height:1.1;
}
#main .mainVisual .pika-stage .caption img {
height:auto;
}
#main .mainVisual .pika-imgnav a {
display:none;
}
#main .mainVisual .pika-textnav {
display:none;
}
#main .mainVisual .pika-thumbs {
width:808px;
margin:7px 0 0 0;
padding:0;
}
#main .mainVisual .pika-thumbs li {
float:left;
list-style-type:none;
margin:0 8px 0 0;
cursor: pointer;
}
#main .mainVisual .pika-thumbs li:last {
margin:0;
}
#main .mainVisual .pika-thumbs li .clip {
position:relative;
height:100%;
text-align:center;
vertical-align:center;
overflow:hidden;
}
#main .mainVisual .pika-counter{
display:none;
}
#main .mainVisual p.btn {
position:absolute;
bottom:176px;
right:26px;
}

/* ----- common ----- */

#main .newsBlockArea {
	letter-spacing: -0.4em;
}

#main .newsBlock {
	display: inline-block;
	vertical-align: top;
	width: 400px;
	margin-bottom: 40px;
}

#main .newsBlock a.thumb img {
	opacity: 1;
	margin-top: 3px;
	display: inline-block;
	vertical-align: top;
}

.japanese #main .newsBlock a.thumb img {
	margin-top: 0;
}

#main .newsBlock a.thumb:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#main .newsBlock .newsItem {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: 205px;
	padding-left: 15px;
	line-height: 1.25;
}

#main .newsBlock .country {
	color: #1d2088;
	font-size: 14px;
	padding-left: 24px;
	margin-bottom: 8px;
}

.japanese #main .newsBlock .country {
	font-size: 10px;
}

#main .newsBlock .country a {
	color: #1d2088;
}

.japanese #main .newsBlock .country a {
	font-weight: bold;
}

#main .newsBlock .country a:hover {
	text-decoration: underline;
}

#main .newsBlock .country.indonesia { background: url('/images/ico_indonesia.gif') no-repeat left center; }
#main .newsBlock .country.japan { background: url('/images/ico_japan.gif') no-repeat left center; }
#main .newsBlock .country.korea { background: url('/images/ico_korea.gif') no-repeat left center; }
#main .newsBlock .country.philippines { background: url('/images/ico_philippines.gif') no-repeat left center; }
#main .newsBlock .country.srilanka { background: url('/images/ico_srilanka.gif') no-repeat left center; }

#main .newsBlock a.title {
	font-size: 16px;
	line-height: 22px;
	color: #EA5514;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
}

#main .newsBlock a.title:hover {
	text-decoration: underline;
}

#main .newsBlock p.date {
	font-size: 85.7%;
}


/* ----- newsArea ----- */

#main .newsArea {
	overflow: hidden;
	width: 800px;
	padding: 0 0 10px;
	position: relative;
}

#main .newsArea h2 {
	margin: 0 0 33px;
	padding: 0 0 15px;
	color:#595757;
	border-bottom: 1px solid #DCDDDD;
	font-size:142%;
	font-weight:400;
}

.japanese #main .newsArea h2 {
	padding: 0 0 10px;
}

#main .link_r {
	font-size: 18px;
	padding: 0 0 0 21px;
	background: url(../images/icn_link02.gif) no-repeat 0 7px;	
	margin: 12px 0 0px 0;
	color: #EA5514;
	position: absolute;
	right: 0;
	top: -8px;
}

.japanese #main .link_r {
	font-size: 14px;
	background: url(../images/icn_link02.gif) no-repeat 0 3px;
}

#main .link_r .small{
	font-size: 12px;
}

#main .newsArea h2 a:hover {
	text-decoration: underline;
}

.japanese #main .newsArea .newsBlock a.title {
	font-size: 14px;
	line-height: 22px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* ----- newsCountriesArea ----- */

#main .newsCountriesArea {
	width: 800px;
	overflow: hidden;
	position: relative;
	padding-bottom: 10px;
}
#main .newsCountriesArea h2 {
	margin: 0 0 33px;
	padding: 0 0 15px;
	color: #595757;
	border-bottom: 1px solid #DCDDDD;
	font-size: 142%;
	font-weight: 400;
}
.japanese #main .newsCountriesArea h2 {
	padding: 0 0 10px;
}


/* ----- videoArea ----- */

#main .videoArea {
	width: 760px;
	padding: 25px 20px 30px;
	margin-bottom: 50px;
	background: #f2f2f2;
	position: relative;
}
#main .videoArea h2 {
	margin: 0 0 15px;
	padding: 0;
	color: #595757;
	border-bottom: none;
	font-size: 142%;
	font-weight: 400;
}
.japanese #main .videoArea h2 {
	margin: 0 0 10px;
}
.japanese #main .videoArea h2 img {
	vertical-align: top;
}
#main .videoArea .link_r {
  background: url('../images/icn_link05.gif') no-repeat 0 7px;
  top: 14px;
  right: 20px;
}
.japanese #main .videoArea .link_r {
	top: 16px;
  background: url('../images/icn_link05.gif') no-repeat 0 3px;
}
#main .videoArea ul {
	margin: 0 -8px;
	letter-spacing: -0.4em;
}
#main .videoArea li {
	width: 180px;
	display: inline-block;
	letter-spacing: normal;
	margin: 0 7px;
	position: relative;
	vertical-align: top;
}
#main .videoArea .thumb a {
	display: block;
	position: relative;
	width: 180px;
	height: 101px;
	margin-bottom: 10px;
}
#main .videoArea .thumb a:before {
	content: '';
	position: absolute;
	z-index: 2;
	background: url('/images/btn_video.png') no-repeat 66px 30px;
	width: 180px;
	height: 101px;
	top: 0;
	left: 0;
}
#main .videoArea .thumb img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 180px;
	height: 101px;
}
#main .videoArea .thumb a:hover:before {
	background: url('/images/btn_video_on.png') no-repeat 66px 30px;
}
#main .videoArea .thumb a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#main .videoArea p.ttl {
	font-size: 14px;
	line-height: 18px;
}
#main .videoArea .ttl a {
	color: #EA5514;
}
#main .videoArea .ttl a:hover {
	text-decoration: underline;
}


/* ----- messageArea ----- */

#main .messageArea {
	width: 800px;
	overflow: hidden;
}
#main .messageArea h2 {
	margin: 0 0 33px;
	padding: 0 0 15px;
	color: #595757;
	border-bottom: 1px solid #DCDDDD;
	font-size: 142%;
	font-weight: 400;
}
.japanese #main .messageArea h2 {
	padding: 0 0 10px;	
}
#main .messageArea ul {
	margin: 0 -18px;
}
#main .messageArea ul li {
	float: left;
	width: 238px;
	margin: 0 20px;
}
#main .messageArea ul li p {
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
}
.japanese #main .messageArea ul li p {
	font-size: 12px;
	line-height: 20px;
}
#main .messageArea ul li p.photo {
	padding: 0 0 5px 0;
}
#main .messageArea ul li p.photo img {
	border-top: 2px solid #ea5413;
}
#main .messageArea ul li p.photo a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#main .messageArea ul li p.lead {
	margin: 5px 0 10px;
	font-size: 16px;
	line-height: 20px;
}
.japanese #main .messageArea ul li p.lead {
	font-size: 14px;
	min-height: 85px;
	line-height: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#main .messageArea ul li p.lead a {
	display: block;
	color: #ea5514;
}
#main .messageArea ul li p.lead a:hover {
	text-decoration: underline;
}
#main .messageArea ul li p.name {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
}
.japanese #main .messageArea ul li p.name {
	line-height: 1.2;
	margin-top: 5px;
}
.japanese #main .messageArea ul li p.name span {
	font-size: 10px;
	font-weight: normal;
	display: block;
	margin-top: 5px;
}
.japanese #main .messageArea ul li p.name.ja {
	font-size: 16px;
	font-weight: bold;
}
.japanese #main .messageArea ul li p.name.ja span {
	font-size: 14px;
	font-weight: normal;
}