@charset "UTF-8";
/*design/css/cmn.css*/

body{
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	background: #040000;
	}
#all{
	min-width: 960px;
	line-height: 1.0;
	background: #fff;
	background:url(../img/top/bg_mv.jpg) no-repeat top center #fff;	
	}
.wrap{	
	width: 960px;
	margin: 0 auto;
	position: relative;
	}

/******************************************************************************
header
******************************************************************************/
#header{
	width: 100%;
	height: 84px;
	background:url(../img/english/header/bg_head.gif) repeat-x top center #fff;
	position:fixed;
	z-index:100;
	}
#header .wrap{
	-moz-box-shadow: 0 0 6px #999;
	-webkit-box-shadow: 0 0 6px #999;
	background:url(../img/english/header/bg_head.gif) repeat-x top center;
	}
#header .wrap p.logo{
	position:absolute;
	top:0;
	left:0;
	z-index: 100;
	}
/*------------------------------*/
/*lang*/
/*------------------------------*/
#header #lang{
	position: absolute;
	top: 30px;
	right:0;
	border:1px solid #CCC;
	}
#header #lang li{
	float: left;
	}

/******************************************************************************
contents
******************************************************************************/
#contents{
	padding-top: 105px;
	}
#contents .wrap{
	margin-bottom: 30px;
	}
#contents a:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	}
/*------------------------------*/
/*topicpath*/
/*------------------------------*/
#topicpath{
	margin-bottom: 20px;
	}
#topicpath ol li{
	list-style: none;
	display: inline;
	font-size: 1.2em;
	line-height: 1.7;
	padding-right: 5px;
	background: url(/design/img/cmn/bg_alpha.png);
	}
#topicpath ol li a{
	padding-right: 12px;
	background: url(/design/img/cmn/arrow_topicpath.gif) no-repeat right center;
	}
/*------------------------------*/
/*main-block*/
/*------------------------------*/
#main-block{
	float: right;
	width: 690px;
	}
/*mv*/
#mv{
	position: relative;
	width: 100%;
	height: 180px;
	background: url(/design/img/cmn/bg_ttl.gif) no-repeat left top;
	margin-bottom: 20px;
	}
#mv .ttl{
	position: absolute;
	top: 2px;
	width: 200px;
	height: 176px;
	overflow: hidden;
	display: table;
	vertical-align: middle;
	}
#mv h1{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 1.8em;
	line-height: 1.3;
	text-align: center;
	padding: 0 5px;
	}	
#mv h1 span{
	font-size: 0.7em;
	}
#mv p{
	position: absolute;
	top: 2px;
	left: 200px;
	}
/*inner*/
#inner{
	background: url(/design/img/cmn/bg_inner.gif) no-repeat left top #fff;
	padding: 25px 0;
	}
/*block-news*/
#inner .block-news{
	padding: 0 20px;
	margin-bottom: 20px;
	}
#inner .block-news ul{
	font-size: 1.4em;
	line-height: 1.7;
	}
#inner .block-news ul li{
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom:1px dotted #CCC;
	}
#inner .block-news ul li .f-left{
	width:90px;
	}
#inner .block-news ul li .f-right{
	width: 540px;
	}
#inner .block-news ul li .f-right img{
	float: left;
	width: 75px;
	}
#inner .block-news ul li .f-right a{
	width: 440px;
	float: right;
	display: block;
	padding-left: 12px;
	background: url(/design/img/cmn/arrow.png) no-repeat 0 8px;
	}
/*block-index*/
#inner .block-index{
	}
#inner .block-index .box{
	width: 265px;
	margin: 10px; 
	padding: 25px 25px 20px;
	border: solid 5px #e5e5e5;
	background: url(/design/img/cmn/bg_box.gif) repeat-x left top;
	}
#inner .block-index .box h2{
	font-size: 1.6em;
	margin-bottom: 10px;
	}
#inner .block-index .box h2 a{
	padding-left: 16px;
	background: url(/design/img/cmn/arrow_square.png) no-repeat 0 4px;
	}
#inner .block-index .box ul li{
	font-size: 1.4em;
	line-height: 1.7;
	margin-bottom: 5px;
	}
#inner .block-index .box ul li a{
	padding-left: 12px;
	background: url(/design/img/cmn/arrow.png) no-repeat 0 6px;
	}
/*contents_wrapper(WYSIWYG)*/
#contents_wrapper{
	margin: 0 20px;
	font-size: 1.4em;
	line-height: 1.7;
	}
#contents_wrapper p+h2,
#contents_wrapper p+h3,
#contents_wrapper ul+h2,
#contents_wrapper ul+h3,
#contents_wrapper ol+h2,
#contents_wrapper ol+h3{
	margin-top: 30px;
	}
/*h2*/
#contents_wrapper h2{
	border-left: solid 1px #a30b02;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 10px 15px;
	font-size: 1.2em;
	background: #fff;
	margin-bottom: 20px;
	}
/*h3*/
#contents_wrapper h3{
	background: url(/design/img/cmn/line_sumi.gif) repeat-x left bottom;
	font-size: 1.2em;
	margin-bottom: 15px;
	}
/*h4*/
#contents_wrapper h4{
	border-left: solid 3px #a30b02;
	font-size: 1.2em;
	margin-bottom: 15px;
	padding-left: 15px;
	}
#contents_wrapper p+h4{
	margin-top: 25px;
	}
/*p*/
#contents_wrapper p{
	margin-bottom: 18px;
	}
/*ul,ol*/
#contents_wrapper ul,
#contents_wrapper ol{
	margin: 0 0 15px 30px;
	}
#contents_wrapper ul li{
	margin-bottom: 5px;
	list-style: square;
	}
#contents_wrapper ul.list-no{
	margin: 0 0 15px 0;
	}
#contents_wrapper ul.list-no li{
	margin-bottom: 5px;
	list-style: none;
	}
#contents_wrapper ol li{
	margin-bottom: 5px;
	}
/*a*/
#contents_wrapper a{
	padding-left: 14px;
	background: url(/design/img/cmn/arrow.png) no-repeat 4px 5px;
	}
#contents_wrapper a[name] {
	padding: 30px 0 0 0;
	background: none;
	}
#contents_wrapper a.a_img{
	padding: 0;
	background: none;
	}
/*table*/
#contents_wrapper table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	background: url(/design/img/cmn/bg_sumi.gif);
	margin-bottom: 30px;
	}
#contents_wrapper table th{
	padding: 8px 10px;
	background: #eee;
	}
#contents_wrapper table td{
	padding: 8px 10px;
	background: #fff;
	}





/*------------------------------*/
/*side*/
/*------------------------------*/
#side{
	width: 230px;
	float: left;
	padding: 5px;
	background: #e3e3e3;
	line-height: 1.5;
	}
#side a{
	text-decoration: none;
	}
#side ul li ul{
	display: none;
	}
#side ul li{
	}
#side ul li.first-m{
	border-bottom: solid 1px #e7e7e7;
	margin-bottom: 5px;
	background: url(/design/img/cmn/bg_bt.gif) repeat-x left bottom #fff;
	}
#side ul li.last{
	margin-bottom: 0;
	}
#side ul li.first-m a.first-h{
	display: block;
	background: #fff;
	font-size: 1.4em;
	padding: 10px 8px 10px 16px;
	background: url(/design/img/cmn/arrow_first.png) no-repeat left center;
	}
#side ul li.first-m ul{
	background: #fff;
	border-top: solid 1px #e7e7e7;
	}
#side ul li.first-m ul li a.second-h,
#side ul li.first-m ul li dl dt a{
	display: block;
	background: #fff;
	font-size: 1.4em;
	padding: 12px 8px 12px 22px;
	border-bottom: dotted 1px #e7e7e7;
	background: url(/design/img/cmn/arrow_square.png) no-repeat 8px 17px;
	}
#side ul li.first-m ul li dl{
	background: #fff;
	font-size: 1.0em;
	border-bottom: solid 1px #e7e7e7;
	}
#side ul li.first-m ul li dl dd a{
	display: block;
	background: #fff;
	font-size: 1.2em;
	padding: 8px 8px 8px 30px;
	border-bottom: dotted 1px #e7e7e7;
	background: url(/design/img/cmn/arrow.png) no-repeat 20px 14px  #fff;
	}
/*hover*/
#side ul li.first-m a.first-h:hover,
#side ul li.first-m a.first-h:hover,
#side ul li.first-m ul li a.second-h:hover,
#side ul li.first-m ul li dl dt a:hover,
#side ul li.first-m ul li dl dd a:hover,
#side a.current{	
	background-color: #eee!important;
	}


/******************************************************************************
footer
******************************************************************************/
#footer{
	background: url(../img/footer/bg_foot.gif) repeat-x bottom center #fff;
	}
#footer .wrap{
	background:url(../img/footer/bg_btm.png) no-repeat bottom center;
	position:relative;
	}
#footer h1{
	text-align:center;
	margin-bottom:15px;
	}
#footer address{
	text-align:center;
	font-size:1.4em;
	line-height:1.8;
	}
#footer p.t-center{
	font-size:1.4em;
	line-height:1.8;
	}
p#copyright{
	padding:60px 0 30px;
	color:#fff;
	text-align:center;
	font-size:1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
/*------------------------------*/
/*bt-pagetop*/
/*------------------------------*/
#footer p#bt-pagetop{
	position:fixed;
	right:15px;
	bottom:15px;
	}
#footer p#bt-pagetop a{
	color:#FFF;
	font-size:1.2em;
	}
#footer p#bt-pagetop a:hover img{
	filter:alpha(opacity=70) !important;
	-ms-filter: "alpha(opacity=70)" !important;
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

/******************************************************************************
cmn class
******************************************************************************/
.f-left{
	float: left;
}

.f-right{
	float: right;
}

.t-left{
	text-align: left;
}

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

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

.t-justify{
	text-align: justify;
	text-justify: inter-ideograph; 
	line-break: strict;	
}

.none{
	display: none;
}

.bg-none{
	background: none!important;
}

.imgover{
}

/*------------------------------*/
/*tool*/
/*------------------------------*/
/* margin-bottom */
.mb-5{margin-bottom: 5px!important;}
.mb-10{margin-bottom: 10px!important;}
.mb-15{margin-bottom: 15px!important;}
.mb-20{margin-bottom: 20px!important;}
.mb-25{margin-bottom: 25px!important;}
.mb-30{margin-bottom: 30px!important;}
.mb-35{margin-bottom: 35px!important;}
.mb-40{margin-bottom: 40px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-55{margin-bottom: 55px!important;}
.mb-60{margin-bottom: 60px!important;}
.mb-65{margin-bottom: 65px!important;}
.mb-80{margin-bottom: 80px!important;}

/* font-size */
.font-8{font-size: 0.8em!important;}
.font-9{font-size: 0.9em!important;}
.font-10{font-size: 1.0em!important;}
.font-11{font-size: 1.1em!important;}
.font-12{font-size: 1.2em!important;}
.font-13{font-size: 1.3em!important;}
.font-14{font-size: 1.4em!important;}
.font-15{font-size: 1.5em!important;}
.font-16{font-size: 1.6em!important;}


/******************************************************************************
smartphone
******************************************************************************/
@media screen and (max-device-width: 480px) {
	html {
		-webkit-text-size-adjust: none;
	}
}