@charset "Shift_JIS";

/*------------------------------------------------------------------------------
  FONT
------------------------------------------------------------------------------*/
body {font-family:"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;letter-spacing: 0.01em;}
* html body{font-family:"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;}
*:first-child+html body{font-family:"‚l‚r ‚oƒSƒVƒbƒN",sans-serif;}
body.mac{font-family: "Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;}

/*------------------------------------------------------------------------------
  FONT SIZE
------------------------------------------------------------------------------*/
html{font-size:100%;-webkit-text-size-adjust:100%;}
body{font-size:62.5%;}

/*------------------------------------------------------------------------------
  RESET
------------------------------------------------------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,table,th,td,
form,fieldset,legend,label,input,textarea,embed,object{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
th,td {text-align:left;vertical-align:top;font-weight:normal;}
ul,li{list-style:none;}
img{border:0;line-height:0;vertical-align:bottom;-ms-interpolation-mode:bicubic;}
sub,sup{font-size: 75%;/font-size:100%;line-height:0;}
sup{vertical-align:0.333em;}
sub{vertical-align:baseline;}
em{font-style:normal;}
br{letter-spacing:0 !important;}
object,object:focus,embed{outline:none;}

/*--- clearfix ---*/
.cf:before,.cf:after{content:" ";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}

/*--- link ---*/
a{text-decoration:none;outline:none;}
a:link{color:#4b4b4b;text-decoration:none;}
a:visited{color:#4b4b4b;text-decoration:none;}
a:hover{color:#777;text-decoration:none;outline:none;}
a:active{color:#777;text-decoration:none;outline:none;}
a:focus{color:#777;text-decoration:none;outline:none;}

.none {
	display: none!important;
}

.hidden {
	visibility: hidden;
}

.no-js .hidden {
	visibility: visible;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 960px;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: auto;
	z-index: 30000;
}

#overlay .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/shared/bg_modal.png) top left repeat;
}

#overlay .container {
	position: absolute;
	width: 100%;
	height: 100%;
}

#overlay .container .iframewrap {
	position: absolute;
	top: 50%;
	left: 50%;
}

#overlay .container iframe {
	border: none;
	background: transparent;
	position: absolute;
}

#overlay .close {
	position: absolute;
	top: -70px;
	right: -32px;
	display: block;
	width: 62px;
	height: 62px;
}

#overlay .blue {
	background: url(../img/shared/btn_closeblue.png) top left no-repeat;
}
#overlay .blue:hover {
	background: url(../img/shared/btn_closeblue_ov.png) top left no-repeat;
}
#overlay .red {
	background: url(../img/shared/btn_closeRed.png) top left no-repeat;
}
#overlay .red:hover {
	background: url(../img/shared/btn_closeRed_ov.png) top left no-repeat;
}

.openoverlay {
	position: relative;
	overflow: hidden;
}


.soundfooterwrap{
	width: 100%;
	height: 29px;
	position: fixed;
	bottom: 0;
	background-color: #065a79;
}
.soundfooterwrap .soundfooter{
	width: 960px;
	height: 29px;
	position: relative;
	margin: 0 auto;
}
.soundfooterwrap .soundfooter #soundplayerwrap{
	position: absolute;
	right: 55px;
    top: 5px;
}
.soundfooterwrap .soundfooter #soundon{
	position: absolute;
	right: 0;
	top: 5px;
}
.soundfooterwrap .soundfooter #soundoff{
	position: absolute;
	right: 0;
	top: 5px;
}