@charset "UTF-8";

/* CSS reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}


* {
	margin: 0;
	padding:0;
}

html{
	height: 100%;
}

body {
	padding:0;
	margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;
	width:100%;
	color:#000;
	font-size:14px;
	line-height:0;
	font-family:"Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "MS PGothic", Helvetica, sans-serif;
}

* html body {     
    background: url(null) fixed;     
}  

img {
	border: 0;
	-ms-interpolation-mode: bicubic;/*IE7*/
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	vertical-align:bottom;
}

ul li {
list-style:none;	
}

div {
	vertical-align:bottom;
	}

a {
   color:#000;
   text-decoration:none;
}

a:hover {
   color:#aaa;
   text-decoration:underline;
}

.bk {
	color:#000;	
}


h1 {
	margin-bottom:34px;
}

h3 {

}

h4 {

}

.openTitle {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-310px;
	margin-top:-15px;
	z-index:2;
}

#contentArea {
	background-color:#fff;
	height:600px;
}

#sideArea {
	width:300px;
	padding:30px 0 0 30px;
}
	
.logo {
	margin-bottom:34px;
}

.read {
	margin-bottom:190px;
}

.btnClose {
	position:fixed;
	top:10px;
	right:10px;
	cursor:pointer;
}

.copyright {
	position:absolute;
	top: 623px;
	left: 30px;
}

#footArea {
	z-index:-2;
}

.footBg {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	background-color:#f29336;
	z-index:-2;
}

#wMapArea {
	position:absolute;
	top:-68px;
}

.wMap {
	position:absolute;
	top:68px;
	left:600px;
}

.mikanIcon img {
	cursor:pointer;
}

.mFrance {
	position:absolute;
	top:227px;
	left:756px;
}
.franceFlag {
	position:absolute;
	top:192px;
	left:765px;
}

.franceArea {
	position:absolute;
	top:68px;
	left:493px;
}

.parisIcon {
	position:absolute;
	top:142px;
	left:706px;
}

.franceClose {
	position:absolute;
	top:79px;
	left:855px;
	cursor:pointer;
}

.parisChirashi {
	position:absolute;
	top:69px;
	left:968px;
}

/* Japan */
.mJapan {
	position:absolute;
	top:262px;
	left:1120px;
}

.japanFlag {
	position:absolute;
	top:225px;
	left:1130px;
}

.japanClose {
	position:absolute;
	top:65px;
	left:1085px;
	cursor:pointer;
}

.japanArea {
	position:absolute;
	top:68px;
	left:493px;
}

.hiroshimaIcon {
	position:absolute;
	top:375px;
	left:604px;
}

.japanChirashi {
	position:absolute;
	top:69px;
	left:710px;
}


/* wwh movie */

.wwhMoiveTxt p {
	font-size:14px;
	line-height:24px;
	padding-top:30px;
}

.wwhMoiveTxt a {
	color:#ff9900;
}


.bold {
	font-weight: bold;	
}

.fL {
	float:left;
}

.clear {
	clear:both;
}

.mb0 {margin-bottom:0;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mT15 {margin-top:15px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT35 {margin-top:35px;}
.mT40 {margin-top:40px;}

.pB10 {padding-bottom:10px;}
.pB15 {padding-bottom:15px;}
.pB20 {padding-bottom:20px;}
.pB30 {padding-bottom:30px;}
.pB40 {padding-bottom:40px;}