@charset "UTF-8";

/* index.css
--------------------------------------------------------------------- */

/* BASE
--------------------------------------------------------------------- */

/* element ------------------------------------- */
* {
	margin:0;
	padding:0;
}

html {
	overflow-y:scroll;
}

body {
	font-family:'Helvetica','Arial',sans-serif;
	font-size:15px;
	line-height:1.5;
	background:#fff;
	color:#000;
}

img {
	border:none;
	vertical-align:bottom;
	_vertical-align:baseline;
}
*:first-child+html img {
	vertical-align:baseline;
}

li {
	list-style-type:none;
}

/* clearfix ------------------------------------ */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	overflow:hidden;
}

/* STRUCTURE
--------------------------------------------------------------------- */
/* BG --------------------------------------------- */
#bg_01 img {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:770px;
	z-index:2;
}

/* LOADING --------------------------------------- */
div#glayLayer {
	display:block;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#fff url(../image/bg_sky_01.gif) repeat-x 0 0;
	z-index:300;
}
#overLayer {
	display:block;
	width:670px;
	height:300px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-155px;
	margin-left:-335px;
	z-index:301;
}
#overLayer div {
	text-align:center;
	padding-bottom:62px;
}


/* .frametype ---------------------------------- */
#SITE-BODY-AREA,
.frametype {
	width:100%;
	max-width:100%;
	min-width:960px;
}

.frametype {
	z-index:1;
	position:relative;
}

#SITE-BODY-AREA {
	z-index:3;
	position:relative;
}

/* #SITE-BODY-AREA ----------------------------- */
.contentSection {
	width:960px;
	margin:0 auto;
	position:relative;
	padding-top:70px;
}

/* .itemBlock
 ----------------------------- */
.nav {
	position:relative;
	z-index:4;
	opacity:0;
}
.nav dt {
	padding:28px 0 13px;
}
.nav li {
	width:126px;
	height:35px;
	overflow:hidden;
	position:relative;
}
.nav li strong a img,
.nav li a:hover img {
	margin-left:-126px;
}

/* .itemBlock
 ----------------------------- */
.contentSection .itemBlock {
	min-height:700px;
	width:960px;
	position:relative;
	overflow:hidden;
	margin-bottom: 70px;
}
#sugoshikata .itemBlock {
	overflow:visible;
}

/* bg */
#next .itemBlock,
#history2005 .itemBlock,
#history1995 .itemBlock,
#history1974 .itemBlock {
	background:url(../image/bg_wire_02.gif) no-repeat 0 0;
}
#intro .itemBlock,
#sugoshikata .itemBlock {
	background:url(../image/bg_wire_01.gif) no-repeat 0 0;
}

/* opacity */
.contentSection .itemBlock h1,
.contentSection .itemBlock .msg,
.contentSection .itemBlock .pageTop,
.contentSection .itemBlock .chronologyBox,
.contentSection .itemBlock h2,
.contentSection .itemBlock .description,
.contentSection .itemBlock .description01,
.contentSection .itemBlock .description02,
.contentSection .itemBlock .imgBird,
.contentSection .itemBlock .imgTree,
.contentSection .itemBlock h2 {
	opacity:0;
}

/* item */
.contentSection .itemBlock .itemimg {
	position:absolute;
}
.contentSection .itemBlock .imgLine,
.contentSection .itemBlock .imgGround {
	bottom:0;
	left:0;
}
.contentSection .itemBlock .imgBird {
	top:146px;
	left:229px;
}

/* #intro
 ----------------------------- */
#intro h1 {
	position:absolute;
	top:144px;
	left:284px;
}
#intro .description {
	position:absolute;
	top:315px;
	left:284px;
}

/* #history1974, #history1995, #history2005
 ----------------------------- */
 #history1974 h2,
#history1995 h2,
#history2005 h2 {
	opacity:1;
	padding-bottom:23px;
}

#history1974 .description,
#history1995 .description,
#history2005 .description {
	position:absolute;
	top:304px;
	left:45px;
}
#history1974 .imgTree,
#history1995 .imgTree,
#history2005 .imgTree {
	position:absolute;
	top:0;
	right:-30px;
}

/* #next
 ----------------------------- */
 #next  .itemBlock{
	margin-bottom: 200px;
}
#next h2 {
	position:absolute;
	top:174px;
	left:226px;
}
#next .description01 {
	position:absolute;
	top:251px;
	left:284px;
}
#next .description02 {
	position:absolute;
	top:414px;
	left:284px;
}

#next .imgTree {
	position:absolute;
	top:0;
	left:0;
	opacity:1;
}

#next .note {
	position:absolute;
	top:791px;
	left:0;
}
#next .note img{
	line-height:0;
	display:block;
}


/* #sugoshikata
 ----------------------------- */
#sugoshikata .msg {
	background: transparent url(../image/bg-sugoshikata.png) left top;
	position: absolute;
	top: 11px;
	left: 139px;
	opacity: 1;
	width: 680px;
	height: 659px;
}
#sugoshikata .msg p.txt {
	text-indent: -9999px;
}

#sugoshikata .msg p.btn {
	width: 125px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top: 494px;
	left: 30px;
}
#sugoshikata .msg p.btn a:hover img {
	margin-left: -125px;
}
#sugoshikata .pageTop {
	position:absolute;
	top:-15px;
	right:15px;
	opacity: 1;
}

/* .content-1 (mCSB_container)
 ----------------------------- */
.chronologyBox {
	position:absolute;
	left:355px;
	top:50%;
	width:288px;
	padding:0;
	overflow:hidden;
}
#chronologyBox1974 {
	height:468px;
	margin-top:-214px;
}
#chronologyBox1995 {
	height:328px;
	margin-top:-144px;
}
#chronologyBox2005{
	height:643px;
	margin-top:-301px;
}


/* #SITE-FOOT-AREA ----------------------------- */
#SITE-FOOT-AREA {
	padding-top:70px;
	position:relative;
	z-index:299;
}
#SITE-FOOT-AREA .pageTop {
	float:right;
	padding-top:23px;
}
#SITE-FOOT-AREA .utilityLinkBlock {
	border-bottom:1px solid #abbcce;
}
#SITE-FOOT-AREA .linkList {
	width:960px;
	margin:0 auto;
}
#SITE-FOOT-AREA .linkList ul {
	margin:0 20px 6px;
}
#SITE-FOOT-AREA .linkList .linklist01 {
	float:left;
}
#SITE-FOOT-AREA .linkList .linklist02 {
	float:right;
}
#SITE-FOOT-AREA .linkList li {
	float:left;
	font-size:10px;
	margin:0 10px;
}
#SITE-FOOT-AREA .linkList li a {
	color:#4e6a89;
}
#SITE-FOOT-AREA .linkList li a:hover {
	text-decoration:none;
}

.cigrFixedWidth {width:960px;}
.cigrFooterCorporateSign {width:100%;}