@charset "UTF-8";

/*----------------------------------------

	- common
	- pc（1366px〜）固定
	- tablet & pc（1025px〜1365px）動的可変
	- tablet & pc（769px〜1024px）動的可変
	- tablet & pc（541px〜768px）動的可変
	- smartphone（〜540px）動的可変

-----------------------------------------*/

/*----------------------------------------
	layout
-----------------------------------------*/

body {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

#europe {
	background: #020611 url(../img/common_bg_europe.jpg) no-repeat fixed center top;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}

#asia {
	background: #020611 url(../img/common_bg_asia.jpg) no-repeat fixed center top;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}

#latin_america {
	background: #020611 url(../img/common_bg_latin.jpg) no-repeat fixed center top;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}

#oceania {
	background: #020611 url(../img/common_bg_oceania.jpg) no-repeat fixed center top;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}

#north_america {
	background: #020611 url(../img/common_bg_north.jpg) no-repeat fixed center top;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}

#middle_eastafrica {
	background: #020611 url(../img/common_bg_africa.jpg) no-repeat fixed center top;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}

#wrapper01 {
	width: 100%;
}

#content {
	position: relative;
	z-index: 0;
}

#content_l {
	width: 16%;
	margin-left: 13%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
}

#content_l h1 {
	padding-top: 30%;
}

#content_l dl {
	padding-top: 9%;
}

#content_l dl dt {
	padding-bottom:19px;
	font-size:0;
}

#content_l dl dd {
	padding-bottom:2px;
	background:url(../img/common_navline01.png) bottom repeat-x;
	font-size:0;
}

#content_l ul {
	padding-top: 30%;
}

#content_l ul li {
	padding-top: 9%;
}

#content_r {
	width: 56%;
	margin-right: 13%;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
}

#content_r #box01 {
	width: 56%;
	position: fixed;
	z-index: 2;
	top: 0;
}

#content_r #box01_close01 {
	width: 8%;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
}

#content_r #box01_p01 {
	width: 100%;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
}

#content_r #box01_prev01 {
	width: 4%;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	margin-top: 46%;
}

#content_r #box01_next01 {
	width: 4%;
	position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
	margin-top: 46%;
}

#content_r #content_r_layout01 {
	width: 84%;
	padding: 59% 8% 8%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	background: url(../img/common_opacity01.png) repeat left top;
}

#content_r #box02 {
	width: 100%;
}

#content_r #box02 h2 {
	width: 100%;
	padding-bottom: 5%;
}

#content_r #box02 div {
	width: 100%;
}

#content_r #box02_l {
	width: 50%;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
}

#content_r #box02_r {
	width: 47%;
	float: right;
}

#content_r #box02_c {
	width: 100%;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
}

#content_r #box03 {
	width: 100%;
}

#content_r #box03 .stit01 {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 8%;
	padding: 0 20px 0 24px;
	background: url(../img/common_stitbg.png) no-repeat left 14px,url(../img/common_stit02.png) no-repeat right center;
	border-bottom:#999 1px solid;
	cursor:pointer;
}

#content_r #box03 .stit01_02 {
	margin-top: 5%;
}

#content_r #box03 .stit01.active{
	background:url(../img/common_stitbg.png) no-repeat left 14px,url(../img/common_stit01.png) no-repeat right center;
	border:none;
}

#content_r #box03 .stit02 {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.5;
	font-weight: bold;
	margin-top: 3%;
	padding: 0 20px 0 24px;
	background: url(../img/common_stitbg.png) no-repeat left 14px,url(../img/common_stit01.png) no-repeat right center;
	cursor:pointer;
}

#content_r #box03 .stit02.active{
	background:url(../img/common_stitbg.png) no-repeat left 14px,url(../img/common_stit02.png) no-repeat right center;
}

#content_r #box03 .stit03 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: bold;
	color: #d70c18;
	border-bottom: 1px solid #d70c18;
	margin-top: 8%;
	padding-bottom: 2%;
}

#content_r h4 {
	font-size: 18px;
	font-weight:bold;
	padding-top:15px;
}

#content_r .table th, #content_r .table td {
	padding:10px;
}

#content_r #box03 .open{
	display:none;
}

#content_r #box03 p {
	font-size: 14px;
	line-height: 2.0;
	padding-top: 2.3%;
}

#content_r #box03 ul li {
	font-size: 14px;
	line-height: 2.0;
}

#content_r #box03 p.caption01 {
	font-size: 12px;
	font-size: 1.2rem;
}

#content_r #box03 p.caption01_02 {
	padding-top: 10%;
}

#content_r #box03 #anchor01 {
	padding-top: 10%;
}

#content_r #btn_group01 {
	border-top: 1px solid #8b8a89;
	margin-top: 10%;
}

#content_r #btn_group01 ul {
	width: 38%;
	margin-left: 31%;
	margin-top: 6.5%;
}

#content_r #btn_group01 ul li {
	border-bottom: 1px dotted #8b8a89;
}

/*----------------------------------------
	pc（1366px〜）固定
-----------------------------------------*/

@media only screen and (min-width: 1366px) {
	
/*----------------------------------------
	layout
-----------------------------------------*/

#content {
	width: 1366px;
	margin: 0 auto;
	padding: 0;	
	position: relative;
	z-index: 0;
}

#content_l {
	width: 200px;
	margin-left: 13%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
}

#content_r {
	margin-right: 13%;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
}

#content_r #box01 {
	width: 765px;
}

}

/*----------------------------------------
	tablet & pc（1025px〜1365px）動的可変
-----------------------------------------*/

@media only screen and (min-width: 1025px) and (max-width: 1365px) {

/*----------------------------------------
	layout
-----------------------------------------*/

}

/*----------------------------------------
	tablet & pc（769px〜1024px）動的可変
-----------------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 1024px) {

/*----------------------------------------
	layout
-----------------------------------------*/

}

/*----------------------------------------
	tablet & pc（541px〜768px）動的可変
-----------------------------------------*/

@media only screen and (min-width: 541px) and (max-width: 768px) {
	
/*----------------------------------------
	layout
-----------------------------------------*/

}

/*----------------------------------------
	smartphone（〜540px）動的可変
-----------------------------------------*/

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

/*----------------------------------------
	layout
-----------------------------------------*/

#content {
	position: static;
}

#content_l {
	display: none;
}

#content_r {
	width: 100%;
	margin-right: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
}

#content_r #box01 {
	width: 100%;
	position: fixed;
	z-index: 2;
	top: 0;
}

#content_r #box03 .stit01,
#content_r #box03 .stit02 {
	font-size: 18px;
	font-size: 1.8rem;
}

#content_r #btn_group01 ul {
	width: 70%;
	margin-left: 15%;
	margin-top: 6.5%;
}

}