@charset "utf-8";

/*
 ** YUI 3.10.0 (build a03ce0e)
 ** Copyright 2013 Yahoo! Inc. All rights reserved.
 ** Licensed under the BSD License.
 ** http://yuilibrary.com/license/
 ***/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	sup{vertical-align:text-bottom;}sub{vertical-align:text-top;}
}
body {
	min-width: 1024px;
	font-size: 12px;
    font-family: "Verdana", "メイリオ", Meiryo ,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka;
    -webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	line-height: 1.7em;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
strong {font-weight: bold;}
.fm {font-size: 110%;}
#curtain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 3000px;
    background-color: #fff;
    z-index: 90000;
}
#curtain:not(:target){display:none\9;} /* IE9 */
#loading {
	background: url(../images/loading.gif) no-repeat center center;
	width: 100%;
	height: 55px;
    position: fixed;
    z-index: 91000;
	top: 300px;
}

#scro {
position:fixed;
top:10px;
right:10px;
z-index:110000;
color:#fff;
}

header{
	position: fixed;
	top: 0;
	width: 100%;
	height: 58px;
	background: #004592;
	z-index: 50000;
}
header div {width: 1024px;margin: 0 auto;height: 58px;}
#nav_main {
	position: fixed;
	top: 58px;
	width: 100%;
	height: 40px;
	font-size:120%;
	background-color: #002249;
	z-index: 50000;
	line-height: 40px;
	text-align: right;
}
#nav_main_inner {width: 980px;margin: 0 auto;height: 37px;position: relative;}
#nav_main a {color: #ddd;text-decoration: none;margin-right: 40px;}
#nav_main a:last-of-type {margin-right: 150px;}

/* ============ Sub Navigation ============ */
div.nav_placeholder {
	position: absolute;
	top: 60px;
	left: 20px;
	width: 200px;
	z-index: 0;
	opacity: 0;
	font-size:100% !important;
	color: #000 !important;
	line-height: 1.4em !important;
	text-align: left !important;
}
h2.title{display: block;margin: 0px auto;overflow: auto;}
ul.nav_sub, div.wrap_banner {list-style: none;margin: 0 auto;z-index: 11000;}
div.wrap_banner {position: relative;}
ul.nav_sub li {
	margin: 0 0 8px 0;
	z-index: 12000;
	font-size: inherit !important;
	/* border-bottom: 1px solid #fff; */
}
ul.nav_sub a {
	display: inline-block;
	text-decoration: none;
	z-index: 13000;
	background: url(../images/dot.gif) 0 4px no-repeat scroll;
	background-position: 4px left;
	padding-left: 16px;
	font-weight: normal;
	line-height: 1.3em;
	font-size: 14px;
	color: #333 !important;
	width: auto;
	margin-right: 0px !important;
}
ul.nav_sub a.current {background-image: url(../images/dot_on.gif);font-weight: bold;color: #004592;}
ul.nav_sub .small {font-size: 10px;letter-spacing: 0.2em;}
ul.nav_sub li.img {
	margin: 0 0 10px 0;
	z-index: 12000;
	font-size: inherit !important;
	border-bottom: 0px;
	width: 170px;
}
ul.nav_sub li.img a {background: transparent;padding-left: 0;}
.nav_environmental ul.nav_sub li {width: 200px;}
.nav_environmental ul.nav_sub a {background: url(../images/dot3.gif) 0 4px no-repeat scroll;}
.nav_environmental ul.nav_sub a.current {background-image: url(../images/dot3_on.gif);color: #006600;}
.nav_hellonet ul.nav_sub a.current {background-image: url(../images/dot4_on.gif);color: #1F3A8F;}
ul.nav_sub li.ecosuke{margin:40px 0 0 30px;}

/* ============ PageTop ============ */
p.other {line-height: 1.7em;}
.mgb10 {margin-bottom: 10px !important;}
.mgb15 {margin-bottom: 15px !important;}
.mgb20 {margin-bottom: 25px !important;}

/* ============ PageTop ============ */
#page-top {position: fixed;bottom: 1px;right: 20px;font-size: 75%;}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 86px;
	height: 47px;
	padding: 0;
	text-align: center;
	display: block;
}
#page-top a:hover {text-decoration: none;}

/* ============ Common ============ */
h3 {margin-bottom: 4px;}
.contents{
	margin: 0 auto;
	overflow: visible;
	width: 1024px;
	position: relative;
	height: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.contents #s0_5{display:block;}
.contents{margin: 0 auto;width: 1024px;height: 100%;}
}/* IE10 */
#contents_IE8 {display: none;}
.contents ul {list-style: none;margin: 0;padding: 0;width: 200px;}
.contents li{margin: 0 0 5px 0;}
p.annotation {font-size: 10px;}

/* ============ BG ============ */
.screen_bg {
	width: 100%;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	top: 60px;
}
#bg1 {background: url(../images/bg0_a.jpg) 50% 0 no-repeat scroll #AFDFF5;z-index: -1;}
#bg2 {background: url(../images/back01.jpg) 50% 0 no-repeat scroll #AFDFF5;z-index: -2;}
#bg3 {background: url(../images/bg0_a.jpg) 50% 0 no-repeat scroll #AFDFF5;z-index: -1;}
#bg4 {background: url(../images/back01.jpg) 50% 0 no-repeat scroll #AFDFF5;z-index: -2;}
#bg5 {background: url(../images/back02.jpg) 50% 0 no-repeat scroll #AFDFF5;z-index: -4;}
#bg6 {top: 660px;height: 1200px;background-color: #bacfe9;z-index: -5;}

/* ======================= */
#intro {
	background: url(../images/bg0.png) 50% 60px no-repeat fixed #215EAC;
	color: #191919;
	height: 583px;
	margin: 77px auto 0;
	z-index: 1000;
}
#s0_1 {position: absolute;top: 50px;left: 120px;}
#s0_2, #contents_IE8 {
	position: absolute;
	top: 70px;
	left: 609px;
	width: 388px;
	height: 322px;
}
#s0_3 {position: absolute;top: 421px;left: 609px;width: 19px;cursor: pointer;}
#s0_4 {position: absolute;top: 421px;left: 629px;width: 349px;}
#s0_5 {position: absolute;top: 421px;left: 978px;width: 19px;cursor: pointer;}
#s0_6 {position: absolute;top: 505px;left: 578px;width: 19px;opacity:0.7;}
#s0_7 {position: absolute;top: 560px;left: 570px;width: 19px;cursor: pointer;}
.viewport {width: 388px;height: 284px;overflow: hidden;margin: 0 auto;float: left;}
.flipsnap {width: 2000px;}
.flipsnap div {float: left;width: 388px;}
.flipsnap div img {width: 100%;}
.pointer {text-align: center;}
.pointer span {
    background-color: #1E2573;
	border: solid 3px #1E2573;
    border-radius: 30px;
    height: 8px;
    margin: 12px 10px;
    width: 8px;
    display: inline-block;
	cursor: pointer;
}
.pointer span.current {border-radius: 30px;background-color: #fff;cursor: auto;}

/* ======================= */
#scene01, #scene02, #scene03, #scene04, #scene05, #scene06, #scene07, #scene08,
#scene09, #scene10, #scene11, #scene12, #scene13, #scene14, #scene15, #scene16
 {color: #191919;height: 583px;margin: 0 auto;overflow: hidden;padding: 0;}
#scene11_1, #scene11_2, #s13_scene1, #s13_scene2, #s14_scene1, #s14_scene2
 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;filter: inherit;}
 #scene17
  {background-color: #bacfe9;color: #191919;height: 583px;margin: 0 auto;overflow: hidden;padding: 0;}

 /* ======================= */
 #s1_1 {position: absolute;top: 68px;left: 390px;width: 590px;}
 #s1_2 {position: absolute;top: 166px;left: 320px;width: 665px;}

 /* ======================= */
 #s2_1 {position: absolute;top: 58px;left: 274px;width: 379px;}
 #s2_2 {position: absolute;top: 170px;left: 274px;width: 275px;}
 #s2_3 {position: absolute;top: 290px;left: 560px;width: 419px;z-index: 100;}
 #s2_4 {position: absolute;top: 58px;left: 700px;}
 #s2_5 {position: absolute;top: 170px;left: 800px;}

 /* ======================= */
 #s3_1 {position: absolute;top: 58px;left: 274px;width: 520px;}
 #s3_2 {position: absolute;top: 125px;left: 274px;width: 158px;z-index: 100;}
 #s3_3 {position: absolute;top: 205px;left: 274px;width: 158px;z-index: 100;}
 #s3_4 {overflow: hidden;position: absolute;top: 147px;left: 274px;width: 0px;z-index: 100;}
 #s3_5 {overflow: hidden;position: absolute;top: 230px;left: 274px;width: 0px;z-index: 100;}
 #s3_6 {position: absolute;top: 357px;left: 274px;width: 592px;}
 #s3_7 {position: absolute;top: 435px;left: 100px;opacity: 0.0;}
 #s3_8 {position: absolute;top: 390px;left: 275px;opacity: 0.0;}

 /* ======================= */
 #s4_1 {position: absolute;top: 58px;left: 279px;width: 320px;}
 #s4_2 {position: absolute;top: 58px;left: 629px;width: 486px;}
 #s4_3 {position: absolute;top: 280px;left: 279px;width: 442px;}
 #s4_4 {position: absolute;top: 130px;left: 750px;width: 166px;}
 #s4_5 {position: absolute;top: 130px;left: 278px;width: 166px;}

 /* ======================= */
 #s5_1 {position: absolute;top: 58px;left: 279px;width: 320px;}
 #s5_2 {position: absolute;top: 120px;left: 278px;}
 #s5_3 {position: absolute;top: 200px;left: 594px;}

 /* ======================= */
 #s6_1 {position: absolute;top: 41px;left: 278px;width: 400px;}
 #s6_2 {position: absolute;top: 182px;left: 667px;width: 313px;}

/* ======================= */
#s7_1 {position: absolute;top: 58px;left: 280px;width: 400px;}
#s7_2 {position: absolute;top: 275px;left: 285px;width: 290px;z-index: 100;}
#s7_3 {position: absolute;top: 30px;left: 604px;width: 277px;z-index: 200;}
.s7_read {font-weight: bold; font-size: 14px;}

/* ======================= */
#s8_1 {position: absolute;top: 58px;left: 274px;width: 480px;}
#s8_2 {position: absolute;top: 130px;left: 315px;width: 238px;}
#s8_3 {position: absolute;top: 238px;left: 268px;width: 238px;}
#s8_4 {position: absolute;top: 340px;left: 310px;width: 169px;}
#s8_5 {position: absolute;top: 250px;left: 500px;width: 255px;}
#s8_6 {position: absolute;top: 130px;left: 672px;width: 338px;}
#s8_7 {position: absolute;top: 340px;left: 672px;width: 338px;}

/* ======================= */
#s9_1 {position: absolute;top: 58px;left: 274px;width: 440px;}
#s9_2 {position: absolute;top: 170px;left: 274px;width: 328px;}
#s9_3 {position: absolute;top: 170px;left: 640px;width: 331px;}

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


/* ======================= */
#s11_1 {position: absolute;top: 58px;left: 274px;width: 313px;}
#s11_2 {position: absolute;top: 140px;left: 274px;width: 158px;}
#s11_3 {position: absolute;top: 140px;left: 444px;width: 177px;}
#s11_4 {position: absolute;top: 190px;left: 280px;width: 522px;}
#s11_5 {position: absolute;top: 106px;left: 856px;width: 156px;}
#s11_6 {position: absolute;top: 106px;left: 776px;width: 207px;}
#s11_7 {position: absolute;top: 321px;left: 844px;width: 156px;}
#s11_8 {position: absolute;top: 205px;left: 278px;width: 550px;}
#s11_10 {position: absolute;top: 100px;left: 383px;width: 93px;cursor: pointer;z-index: 15000;}
#s11_11 {position: absolute;top: 100px;left: 295px;width: 93px;cursor: pointer;z-index: 15000;}
#s11_12 {position: absolute;top: 100px;left: 295px;width: 93px;z-index: 15000;}
#s11_13 {position: absolute;top: 100px;left: 371px;width: 93px;z-index: 15000;}

/* ======================= */
#s12_1 {position: absolute;top: 58px;left: 274px;width: 340px;}
#s12_2 {position: absolute;top: 40px;left: 720px;width: 454px;}
#s12_3 {position: absolute;top: 160px;left: 540px;}
#s12_4 {position: absolute;top: 160px;left: 274px;}
#s12_5 {position: absolute;top: 248px;left: 543px;width: 250px;}

/* ======================= */
#s13_1 {position: absolute;top: 58px;left: 279px;width: 320px;}
#s13_2 {position: absolute;top: 150px;left: 279px;width: 286px;}
#s13_3 {position: absolute;top: 58px;left: 650px;width: 350px;}
#s13_4 {position: absolute;top: 200px;left: 650px;width: 329px;}
#s13_5 {position: absolute;top: 360px;left: 280px;width: 329px;}

/* ======================= */
#s14_1 {position: absolute;top: 58px;left: 274px;width: 500px;}
.s14_read {position: absolute;top: 86px;left: 274px;width: 500px;}
#s14_2 {position: absolute;top: 290px;left: 274px;width: 290px;}
#s14_3 {position: absolute;top: 210px;left: 405px;width: 356px;}
#s14_4 {position: absolute;top: 105px;left: 730px;z-index: 200;}
#s14_4 p {padding-left: 25px;}
#s14_5 {position: absolute;top: 245px;left: 424px;width: 191px;}
#s14_6 {position: absolute;top: 520px;left: 424px;width: 191px;}
#s14_7 {position: absolute;top: 275px;left: 340px;}
#s14_8, #s14_9 {display: none;position: absolute;top: 275px;left: 321px;}
#s14_10 {position: absolute;top: 160px;left: 274px;width: 111px;cursor: pointer;z-index: 15000;}
#s14_11 {position: absolute;top: 220px;left: 274px;width: 89px;cursor: pointer;z-index: 15000;}

/* ======================= */
#s15_1 {position: absolute;top: 58px;left: 274px;width: 320px;}
#s15_2 {position: absolute;top: 100px;left: 274px;width: 360px;}
#s15_3 {position: absolute;top: 100px;left: 678px;width: 300px;}
#s15_4 {position: absolute;top: 445px;left: 678px;width: 135px;}
#s15_5 {position: absolute;top: 120px;left: 294px;width: 700px;}
#s15_6 {position: absolute;top: 330px;left: 274px;width: 111px;cursor: pointer;z-index: 15000;}
#s15_7 {position: absolute;top: 95px;left: 294px;width: 89px;cursor: pointer;z-index: 15000;}

/* ======================= */
#s16_1 {position: absolute;top: 58px;left: 279px;width: 590px;}
#s16_2 {position: absolute;top: 230px;left: 279px;width: 355px;}
#s16_3 {position: absolute;top: 230px;left: 689px;width: 245px;}

/* ======================= */
#s17_1 {position: absolute;top: 58px;left: 279px;width: 420px;}
#s17_2 {position: absolute;top: 230px;left: 279px;width: 355px;}
#s17_3 {position: absolute;top: 230px;left: 650px;width: 245px;}
#s17_4 {position: absolute;top: 95px;left: 739px;width: 245px;}

/* ======================= */
#s18_1 {position: absolute;top: 58px;left: 279px;width: 428px;}
#s18_2 {position: absolute;top: 244px;left: 279px;width: 705px;}
#s18_3 {position: absolute;top: 92px;left: 750px;}