@charset "UTF-8";

/*
    main.css
*/






/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

   HOME*/

/* ******************************************************************************
*********************************************************************************

#slide-container

*********************************************************************************
****************************************************************************** */

.slide-container {
	position: relative;
	width: 100%;
	height: 448px;
	text-align: center;
	padding: 0;
	margin: 0;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #555 url(/images/slider_prev.png) no-repeat right center;}
.slider_next {background: #555 url(/images/slider_next.png) no-repeat left center;}

.pagination {
	display: none;

	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

.text_zone{
//	position: relative;
//	top:-32px;
	position: absolute;
	bottom:0;
	background: rgba(255, 255, 255, 0.5);
//	filter:alpha(opacity=50)!important;
//	-moz-opacity: 0.5!important;
//	opacity: 0.5!important;
	z-index: 300;
	width:100%;
	height: 35px;
	padding: 0;
	margin:0;
	display:none;
}
p.main_txt{
	display:block;
	width:100%;
//	position: relative;
//	top:-60px;
	text-align:center;
	z-index: 400;
	margin:8px 0 0 0;
	padding: 0;
}
p.main_txt img{
	max-width:888px;
	width:100%;
}



/* ******************************************************************************
*********************************************************************************

.main(home)

*********************************************************************************
****************************************************************************** */
#news .tab{
	margin-top:15px;
	width:100%;
	height: 40px;
	border-bottom:#c4c4c4 2px solid;
	padding-bottom:1px;
}
#news h2.topnews{
	float:left;
	width:16%;
	font-size: 120%;
	color: #333;
	margin:8px 0 0 1%;
	padding: 0;
}
#news h2.topnews img{
	vertical-align:middle;
	margin:0 5px 0 0;

}

#tab-menu{
	float:right;
	width:82%;
	height: 43px;
	overflow:hidden;
	padding: 0 0 1px 0;
	margin: 0;
}

.tab-newspage-e #tab-menu,
.tab-jccpnewspage #tab-menu{
	width:98%;
}


#tab-menu li{
	float:left;
	display:block;
	cursor:pointer;
    height:40px;
    line-height:40px;
    text-align:center;
	margin: 0 0 0 2px;
	padding: 0;
}
#tab-menu li a{
    display:block;
	color: #333;
	margin: 0;
	padding: 0 26px;
	background: -ms-linear-gradient(
		top,
		#d8f1ec 0%,
		#f8f9f9 33%,
		#f9f9f9);
	background: -moz-linear-gradient(
		top,
		#d8f1ec 0%,
		#f8f9f9 33%,
		#f9f9f9);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#d8f1ec),
		color-stop(0.33, #f8f9f9),
		to(#f9f9f9));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d8f1ec', endColorstr='#f9f9f9');
    border-top:#c4c4c4 1px solid;
    border-left:#c4c4c4 1px solid;
    border-right:#c4c4c4 1px solid;
}
#tab-menu li.osirase a{
	background: -ms-linear-gradient(
		top,
		#f3d2e8 0%,
		#f9f7f8 33%,
		#f9f9f9);
	background: -moz-linear-gradient(
		top,
		#f3d2e8 0%,
		#f9f7f8 33%,
		#f9f9f9);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f3d2e8),
		color-stop(0.33, #f9f7f8),
		to(#f9f9f9));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f3d2e8', endColorstr='#f9f9f9');
}
#tab-menu li a.active,
#tab-menu li a:hover,
#tab-menu li a:active{
	text-decoration: none;
	height:36px;
	border-bottom:#43a48c 4px solid;
}

#tab-menu li.osirase a.active,
#tab-menu li.osirase a:hover,
#tab-menu li.osirase a:active{
	border-bottom:#b43521 4px solid;
}
#tab-menu li a span{
	display:block;
    line-height:28px;
}
#tab-menu li a span.under{
    line-height:0;
	padding-bottom:12px;
}

#news-all,#news-english {
	display: block;
}

#news h3 {
	display: none;
	margin: 0;
	padding: 0;
}

.tab-box {
	clear:both;
	display: none;
}

#news .tab-box ul {
	height: 275px;
	overflow-y: scroll;
	margin: 0 0 10px 0;
	padding: 0;
}
#news .tab-box ul li {
	border-bottom: 1px dotted #999;
	overflow: hidden;
	padding: 10px;
}
#news .tab-box ul li time,
#news .tab-box ul li span.time{
	float: left;
	width: 12%;
	height:16px;
	display: block;
	padding: 0;
	margin: 0;
}

#news .tab-box ul li dl{
	float: left;
	width: 88%;
	margin: 0;
}
#news .tab-box ul li dt{
	float: left;
	display:block;
	width: 105px;
	height:16px;
	margin: 0 7px 0 0;
	text-align:center;
	text-indent:-9999px;
	font-size: 75%;
	color:#fff;
	line-height:16px;
}
#news .tab-box ul li dt.training{
	background: #b75f72 url(/images/e_news_ctg01.gif) no-repeat left center;
}
#news .tab-box ul li dt.technical{
	background: #4393c7 url(/images/e_news_ctg02.gif) no-repeat left center;
}
#news .tab-box ul li dt.international{
	background: #b79888 url(/images/e_news_ctg03.gif) no-repeat left center;
}
#news .tab-box ul li dt.information{
	color:#c00;
	background: #f0ebd8 url(/images/e_news_ctg04.gif) no-repeat left center;
}
#news .tab-box ul li dt.other{
	background: #b2b75f url(/images/e_news_ctg05.gif) no-repeat left center;
}
#news .tab-box ul li dd{
	float: left;
	width: 81%;
	margin: 0;
	font-size: 95%;
}
#news .tab-box ul li dd a.pdf{
	background: #fff url(/common/images/linkicon_pdf.gif) no-repeat right center;
	padding-right:45px;
}

#news .tab-box ul li p{
	float: left;
	width: 86%;
	background: #fff no-repeat 0 5px;
	padding-left:12px;
	margin: 0;
	font-size: 95%;
}

p.news-indexlink {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 105%;
	font-weight:bold;
}
p.news-indexlink a{
	background: #fff url(/common/images/linkarrow_type_01.png) no-repeat left center;
	padding-left:10px;
}


.side ul{
	margin:15px 0 0 0;
	list-style:none;
	padding :0;
}
.side ul li{
	margin:0 0 10px 0;
	padding:0;
}
.side ul li img{
	vertical-align:middle;
}
.bottom ul{
	margin:-1px 0 0 0;
	list-style:none;
	padding :0;
        
}
.bottom ul li{
	margin:0 0 10px 0;
	padding:0;
}
.bottom ul li  img{
	vertical-align:middle;
        border:1px solid #FFF;
}
.bottom ul li a img{
	vertical-align:middle;
       
}


/*==============================================================

    #main-container 670px
    
===============================================================*/
@media screen and (min-width: 670px) and (max-width: 979px) {
.slide-container {
	height: auto;
}
p.main_txt{
	margin-bottom:-58px;
}
#news .tab-box ul li dt{
	text-indent:0;
	background-image: none!important;
	width:120px;
}
}

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

/*  #slide-container
---------------------------*/

.slide-container {
	height: auto;
}
.wideslider ul li img {
	width: 100%;
	display: none;
}
.text_zone{
//	top:-25px;
	height: 20px;
}
p.main_txt{
//	top:-48px;
//	margin-bottom:-48px;
	margin-top:0;
}
p.main_txt img{
	vertical-align:middle;
}

@media screen and (min-width: 522px) and (max-width: 669px) {
p.main_txt{
	top:-50px;
	margin-bottom:-45px;
}
}

/*  #tab-menu
---------------------------*/
#news .tab{
	background: #ffffff;
	border-bottom:#fff 0px solid;
}
#news h2.topnews{
	float:none;
	width:100%;
	margin-bottom:5px;
}
#tab-menu{
	width:100%;
	height: 40px;
	border-bottom:#c4c4c4 2px solid;
}
#tab-menu li{
	float:left;
	font-size: 90%;
	width: 23%;
	height: 43px;
	margin: 0 0 0 1px;
	padding:0;
}
#tab-menu li.all{
	width: 7%;
	margin: 0;
}
#tab-menu li.osirase{
	width: 22%;
}

#tab-menu li a{
	padding:0;
	letter-spacing: -1px;
}
#tab-menu li a span{
	display:block;
    line-height:28px;
}
#tab-menu li a span.under{
    line-height:0;
	padding-bottom:15px;
}
/*  #tab-box
---------------------------*/
#news .tab-box ul {
	height: auto;
	overflow-y: visible;
	margin: 0 0 10px 0;
	padding: 0;
}
#news .tab-box ul li {
	padding: 5px;
}

#news .tab-box ul li time,
#news .tab-box ul li span.time{
	float: left;
	display:block;
	width:6em;
}
#news .tab-box ul li dl{
	float: none;
	display:inline;
}
#news .tab-box ul li dt{
	margin: 0 0 5px 5px;
	text-indent:0;
	background-image: none!important;
	width:120px;

}
#news .tab-box ul li dd{
	width: 100%;
}
#news .tab-box ul li p {
	float: none;
	width: 100%;
}
p.news-indexlink {
	margin-bottom: 15px;
}


/*  .side
---------------------------*/
.side ul{
	width:95%;
	margin:0 auto;
}
.side ul li{
	text-align:center;
	width:48%;
	display:block;
	padding:0;
	margin-bottom: 15px;
}
.side ul li img{
	max-width:225px;
	width:100%;
	vertical-align:bottom;
	}
/*  .bottom
---------------------------*/
.bottom ul{
	width:95%;
	margin:0 auto;
}

.bottom ul li{
	text-align:center;
	width:48%;
	display:block;
	padding:0;
	margin-bottom: 15px;
}
.bottom ul li img{
	max-width:225px;
	width:100%;
	vertical-align:bottom;
}
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

   external
   
****************************************************************************** */

body#external #main-container,
#notfound {
	width:980px;
	margin:0 auto;
}
body#external #main-container p.external,
#notfound p.notfound-txt{
	display:block;
	width:70%;
	font-size:150%;
	margin:100px auto 25px;
	font-weight:bold;
}
body#external #main-container p.external span,
#notfound p.notfound-txt span{
	color:#43a48c;
}
body#external #main-container a,
#notfound a{
	display:block;
	font-size:120%;
	text-align:center;
	margin:0 auto 50px;
	width:25%;
	padding:10px 0;
	border:3px solid #cfcfcf;
}

@media screen and (max-width: 669px) {
body#external #main-container,
#notfound {
	width:95%;
}
body#external #main-container p.external,
#notfound p.notfound-txt {
	width:90%;
	font-size:120%;
}
body#external #main-container a,
#notfound a {
	font-size:100%;
	width:30%;
}
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

   news
   
****************************************************************************** */

#main-container ul.news-list {
	margin: 0;
	padding: 0;
}
#main-container ul.news-list li {
	display:block;
	clear:left;
	margin: 10px 10px 0;
	padding: 10px 0 ;
	border-top: 1px dotted #999;
	list-style:none;
}

#main-container ul.news-list li dl{
	width: 100%;
	margin:0;
	padding:0;
}
#main-container ul.news-list li dt{
	float: left;
	display:block;
	width: 12%;
	margin: 0 0 10px 0;
	vertical-align:top;
}
#main-container ul.news-list li dt p{
	display:block;
	width: 105px;
	height:16px;
	margin: 0 7px 0 0;
	text-align:center;
	text-indent:-9999px;
	font-size: 75%;
	color:#fff;
	line-height:16px;
}
#main-container ul.news-list li dt p.training{
	background: #b75f72 url(/images/e_news_ctg01.gif) no-repeat left center;
}
#main-container ul.news-list li dt p.technical{
	background: #4393c7 url(/images/e_news_ctg02.gif) no-repeat left center;
}
#main-container ul.news-list li dt p.international{
	background: #b79888 url(/images/e_news_ctg03.gif) no-repeat left center;
}
#main-container ul.news-list li dt p.information{
	color:#c00;
	background: #f0ebd8 url(/images/e_news_ctg04.gif) no-repeat left center;
}
#main-container ul.news-list li dt p.condolences{
	background: #ffffff url(/images/e_news_ctg06.gif) no-repeat left center;
}
#main-container ul.news-list li dt p.other{
	background: #b2b75f url(/images/e_news_ctg05.gif) no-repeat left center;
}
#main-container ul.news-list li dd{
	float: left;
	display:block;
	width: 88%;
	margin: 0 0 10px 0;
	vertical-align:top;
}
#main-container ul.news-list li dd p{
/*	display:inline;*/
	padding:0;
	margin: 0;
	font-size:95%;
}
#main-container ul.news-list li dd figure{
	padding:0;
	margin: 0;
}
#main-container ul.news-list li dd a{
	padding:0;
	margin: 0;
	font-weight:bold;
}
#main-container ul.news-list li dd span{
	font-weight:bold;
}

@media screen and (max-width: 669px) {
#main-container ul.news-list li {
	margin: 0;
	width: 95%;
	margin: 0 auto;
}
#main-container ul.news-list li dl{
	margin: 0;
}
#main-container ul.news-list li dt{
	float: none;
	width: 100%;
	margin-bottom:5px;
}
#main-container ul.news-list li dd{
	float: none;
	width: 100%;
}
#main-container ul.news-list li dt p{
	display:inline-block;
	margin-left:10px;
	text-indent:0;
	background-image: none!important;
	width:125px;
}

ul.news-list li dd a img.fr {
	margin-top: 0.3em;
}

}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

   about
   
****************************************************************************** */

/*    about/organization/map
-----------------------------------------------*/
body#about img.accessmap_image,
body#about img.chart_image {
	max-width: 552px;
	width: 99%;
	border: 1px #cfcfcf solid;
	margin: 0 auto
}
@media screen and (max-width: 669px) {
/*    about/
-----------------------------------------------*/
#movie video{ width:100%; }
video{ max-width:100%; }
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

country

****************************************************************************** */
body#country img.map {
	max-width: 552px;
	width: 99%;
	border: 1px #cfcfcf solid;
	margin: 0 auto;
}
body#country img.main-map {
	border: 1px #cfcfcf solid;
	margin: 0 auto;
}

body#country .section dl.first {
	width: 32%;
	float:left;
}

body#country .section dl.second {
	width: 32%;
	margin-left: 2%;
	float:left;
}

body#country .section dl.third {
	width: 32%;
	margin-left: 2%;
	float:left;
}

body#country .section dl dt {
	background-color: #bbbcbe;
	color:#fff;
	margin-top: 15px;
	padding: 5px 7px;
	font-weight: bold;
}

body#country .section dl dt.first {
	margin-top: 0px;
}

body#country .section dl dd {
	border:1px solid #CFCFCF;
	background-color: #f4f4ef;
	margin-top: -1px;
	padding: 6px 7px;
}

body#country .section ul.country-index-list {
	margin: 0;
	padding: 0;
	width: 100%;
}
body#country .section ul.country-index-list li {
	width: 30%;
	display:inline-block;
	margin:3px 1px;
	border:1px solid #CFCFCF;
	background-color: #f4f4ef;
	list-style:none;
	padding:7px 7px;
}

body#country .country-detail {
	max-width: 528px;
	width: 99%;
	margin: 0 auto 20px;
	border:1px solid #CFCFCF;
	background-color: #f4f4ef;
	padding: 12px 12px 0;
	overflow: hidden;
}

body#country .country-detail .country-detail-box {
	max-width: 395px;
	width: 100%;
}
body#country .country-detail .country-detail-name {
	background: #bbbcbe;
	padding: 5px 10px;
	width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

@media screen and (max-width: 669px) {
body#country .section ul.country-index-list li {
	width: 97%;
	margin:0 0 2px 0;
}
body#country .country-detail {
	width: 90%;
}

body#country .country-detail .country-detail-box {
	width: 50%;
}
body#country .country-detail .country-detail-name {
	width: auto;
}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

sitemap
   
****************************************************************************** */

body#sitemap #main-container .sitemap-box {
	width: 50%;
	float: left;
}

body#sitemap #main-container ul {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0.5em 0;
}

body#sitemap #main-container ul li {
	margin: 0 0 0 0;
}

body#sitemap #main-container ul li a{
	padding-left:28px;
	background: url(/common/images/linkarrow_type_05.png) no-repeat 10px center;
	
}
body#sitemap #main-container ul li li {
	margin: 0 0 0 0;
}
body#sitemap #main-container ul li li a{
	padding-left:28px;
	background:  url(/common/images/linkarrow_type_01.png) no-repeat 17px center;
}


/* =============================================================

    #headline 670px
 
  =========================================================== */

@media screen and (max-width: 669px) {
body#sitemap #main-container .sitemap-box{
	width: 100%;
	float: none;
}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

   第二階層*/
                                             
/* ******************************************************************************
*********************************************************************************

 .headline
 
*********************************************************************************
****************************************************************************** */
.headline {
	width: 100%;
	height:104px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	background: #edf9f6;

/*
	background: -ms-linear-gradient(
		top,
		#dff2ec 0%,
		#ffffff);
	background: -moz-linear-gradient(
		top,
		#dff2ec 0%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#dff2ec),
		to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dff2ec', endColorstr='#ffffff');
*/
	-moz-box-shadow:
		0 3px 2px rgba(51,51,51,0.2) inset;
	-webkit-box-shadow:
		0 3px 2px rgba(51,51,51,0.2) inset;
	box-shadow:
		0 3px 2px rgba(51,51,51,0.2) inset;
}
.headline .inner{
	width: 980px;
	height:105px;
	overflow:hidden;
	margin: 0 auto;
	padding: 0;
}
.headline .training{background: url(/common/images/e_hd_training_bg.png) no-repeat right center;}
.headline .news{background: url(/common/images/e_hd_news_bg.png) no-repeat right center;}
.headline .about{background: url(/common/images/e_hd_about_bg.png) no-repeat right center;}
.headline .technical{background: url(/common/images/e_hd_technical_bg.png) no-repeat right center;}
.headline .international{background: url(/common/images/e_hd_international_bg.png) no-repeat right center;}
.headline .country{background: url(/common/images/e_hd_country_bg.png) no-repeat right center;}

/* =============================================================

    #headline 670px
 
  =========================================================== */

@media screen and (max-width: 669px) {
.headline{
	display:none;
}
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

   Print*/
                                             
/* ****************************************************************************** */

@media print {
#header-container,
#header-functions,
#grand-menu,
.headline,
.breadcrumb,
.side,
#footer-items,
#footer-nav,
.address_inner {
	display: none;
}

.main {
	width:95%;
	overflow:visible;
}
#main-container {
	overflow:visible;
}
#footer-container {
	clear:both;
}

}