@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style: normal; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { overflow-y: scroll; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
input, textarea { margin: 0; padding: 0; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
a { color:#004ea0}
a:hover { color:#C00}
a:hover img{ opacity:0.7}
a:focus { outline: none; }
img { -ms-interpolation-mode: bicubic; } 
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px;/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/ }
.both { clear: both; }
.left { text-align: left }
.center { text-align: center }
.right { text-align: right }
img { vertical-align: bottom }
.fo120{ font-size:12.5px !important}

a,a span {	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out}

hr { clear:both; border:none}
hr:after{ content:""; display:block; border-bottom:solid 1px #ccc; margin-bottom:40px}
.pwBtn a {
 -webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none
  }
/* フッター固定 */
* { margin: 0; padding: 0; }
html, body { height: 100%}
#layout_wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -120px; }
#footer { min-height: 120px; position:fixed; bottom:-1px; left:0; z-index:9999 }

/* 共通レイアウト*/

body { text-align: center; font-family:メイリオ, Meiryo, 'Lucida Grande', 'Bitstream Vera Sans', 'Segoe UI', Calibri, Verdana, Arial, 'ＭＳ Ｐゴシック', IPAPGothic, sans-serif !important; text-autospace: ideograph-alpha; background:#333}

.lang { float:right; background:#fff; text-decoration:none; font-weight:normal; margin:3px 3px 0 15px; padding:1px 15px; border-radius:3px; font-size:.8em ;box-shadow:0 0 3px 3px rgba(0,0,0,.2);}
.lang:hover { opacity:.7}

#layout_wrapper { width: 1100px; text-align: left; padding-bottom:150px}
#logo { margin:0 0 0 -4px}
#zero_emission { position:relative; width:100%; z-index:999999; top:-30px}

/* サイドナビゲーション */
#circleBtn { position: fixed;_position: absolute;  top: 50%; right: 20px; margin: -200px 0 0 0; z-index:9999}
#circleBtn li { display:inline;}
#circleBtn li a { display:block; width:36px; height:36px; background:#fff url(../../img/sprite.png) no-repeat;border-radius:20px; box-shadow:0 0 5px 5px rgba(0,0,0,.2); margin-bottom:1.5em; position:relative; z-index:99999}
#circleBtn li a span { background:#fff; color:#003d6d; position:absolute; right:0px;top:4px; display:block; padding:7px 10px; font-size:.9em;box-shadow:0 0 3px 3px rgba(0,0,0,.2); border-radius:5px; opacity:0; z-index:-1 !important; white-space:nowrap; visibility:hidden}
#circleBtn li a span:after{ content:"";width: 0;height: 0; position:absolute; right:-5px;top:12px;border-style: solid;border-width: 5px 0 5px 5px;border-color: transparent transparent transparent #fff;}

#circleBtn li a:hover span { visibility:visible;opacity:1;right:50px; }

#circleBtn .project a{ background-position:8px 8px}
#circleBtn .generation a{ background-position:8px -42px}
#circleBtn .plan a{ background-position:8px -92px}
#circleBtn .eagle a{ background-position:8px -142px}
#circleBtn .report a{ background-position:8px -342px}
#circleBtn .brochure a{ background-position:8px -387px; }


#page_top {   position: fixed;_position: absolute;bottom: 50px; right: 20px; font-size: 77%; clear:both; cursor:pointer; z-index:999999}
#page_top img:hover { opacity:0.7}

/* footer*/
#footer { background: #fff; width: 100%; box-shadow: 0 0 3px 4px rgba(0,0,0,0.2);_position:absolute}
#footer nav { width: 1100px; text-align: left; margin: 0 auto }
#footer nav:after { content: ""; clear: both; display: block }
#footer a:hover{ color:#B2C4D3}
#footer a:hover img{ opacity:0.7}

#gnav { height: 60px }
#gnav:after { content: ""; display: block; clear: both }
#gnav li { width: auto; padding: 10px 0 0 0; float: left }
#gnav li img { float: left; margin: 0 15px 0 0 }

#banner { float: right; width: 180px }
#banner li { width: 90px; float: left; padding-top: 10px }

#snav { background: #003D6D; width: 100% !important; height: 30px; }
#snav ul { width: 1100px; margin: 0 auto; font-size: 12px }
#snav ul a { color: #fff; text-decoration: none; margin: 0 20px 0 0  }
#snav ul li { display: inline; line-height: 30px;}
#snav .recommended { float:right; color:#fff;font-size: 10px}

#footer .wrapper { background:#fff; width:100%;position:fixed; left:0; bottom:0; background:#fff}

#credit { _zoom: 1; width: 1100px; margin: 0 auto; height: 30px; clear: both;}
#credit:after { clear: both; display: block; content: "" }
#credit ul { text-align:left; padding:14px 0 0 0; width:250px; margin:0;}
#credit ul img{ float:left; margin-right:15px}

#credit .doc_wrap { padding:0 0 8px 0; float:right; width:850px;}
#credit .doc_wrap p { color:#999; margin:0 0 5px 0; font-size:11px; line-height:1.4; text-align:left;text-align:right !important}
#credit .doc_wrap p small { font-size:80%}

#credit.jn ul { width:170px;}
#credit.jn .doc_wrap {width:930px;}

.sub_footer #credit p:nth-child(2) { text-align:right; float:none; width:100%;color: #999; }
/*.sub_footer #credit p:nth-child(1) { text-align:center; float:none; width:100% }*/


#menu_nav { position:fixed; width:50px; height:60px; background:#003d6d; bottom:-70px; left:20px; font-size:.8em; text-align:center; z-index:9999; padding:8px 0 0 0; color:#fff; line-height:1.2; border-radius:3px;box-shadow:0 0 3px 3px rgba(0,0,0,.2);}
#menu_nav:before { content:" "; display:inline-block; width:50px; height:20px; background:url(../../img/sprite.png) no-repeat 15px -450px; text-align:center}
#menu_nav:hover{ opacity:.7}

/* サブページ */
#doc_layout_wrapper {
	clear: both; background:rgba(255,255,255,0.9); background:url(../img/white.png) repeat\9;
	margin: 30px 0; padding: 30px 50px 40px 50px;border-radius:10px ; font-size:0.9em; line-height:1.8;
	}
 
#doc_layout_wrapper:after { clear:both; display:block; content:""}
#doc_layout_wrapper h1 { margin: 0 0 20px 0; font-size:2.2em; color:#013b68; line-height:1.5;}
#doc_layout_wrapper .page_title {background-repeat:no-repeat; padding-left:80px; min-height:60px; padding-top:12px;}
#doc_layout_wrapper h2 { color: #003D6D; font-weight: bold; font-size: 1.3em; margin: 0 0 20px }
#doc_layout_wrapper p { margin: 0 0 20px 0 }
#doc_layout_wrapper .doc_title { color:#333; line-height:1.3; font-size:1.6em; display:inline-block; margin-bottom:1.3em; background:url(/english/common/img/border.png) no-repeat bottom; padding-bottom:10px}