@charset "UTF-8";
/****************************************
		1. 基本設定
*****************************************/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
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;
}
img{
	border:0;
}
ul,ol,li{
	list-style:none;
}
.clear-fix::after{
  content: "";
  display: block;
  clear: both;
}
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Fonts　フォントサイズを相対指定する↓　*/
body{
	font:13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    *font-size:small;/* IE用 */
    *font:x-small;/* IE 互換モード用 */
	background: white;
}

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93%
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

/*　↓リンクに対する共通設定↓　*/
a{
	text-decoration:none;
	color:blue;
	font-size:15px;
}

/*　↓HTML5　新要素をブロック化する↓　*/
header, section, footer, aside, nav, article, figure, hgroup{

	margin:0;
	padding:0;
	display: block;
}

/*float解除用「clearfix」*/
.clearfix::after{
	/*for modern browser*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}

/*CSS基本設定ここまで*/


#wrapper{
	width:940px;
	margin:0 auto;
	background:#fff;
	text-align:center;
}


/*大枠レイアウト始まり*/
#header{
	width:550px;
	text-align: left;
	float:left;
	margin-top:4px;
}
#header > a {
    font-size: 28px;
}
#title {
  font-size: 12px;
  text-align: left;
  margin-bottom: 10px;
  color: #705074;
}
#add{
	width:380px;
	float:right;
	margin-top : 1px;
  	text-align : right;
}
#main_visual{
	clear:both;
}

#concept{
	width:940px;
}
#sub_nav{
	float:left;
	width:300px;
}
#contents{
	float:right;
	width:600px;
}
#footer{
	width:100%;
	height: 150px;
  	background-color : blue;
  	padding-top : 10px;
  	padding-left : 5px;
  	padding-right : 5px;
  	color : white;
	float: left;
}
#footer ul li{
	float:left;
  	color : white;
 	font-size : 12px;
}
.site-map {
    width:100%;
    background: inherit;
    height: 150px;
    color: white;
}
.site-map ul {
    display: block;
    float: left;
    padding-left: 70px;
    width: 10%;
    margin: 25px;
}
.site-map ul > li {
    color: white;
    display: block;
    float: left;
    font-size: 12px;
    width: 116px;
}
.freepik {
    display: inline-block;
    color: #705074 !IMPORTANT;
    font-size: 10px;
    text-align: center;
    width: 100%;
}
/*大枠レイアウト終わり*/

/*文字色指定*/

p{
	color:#705074;
}
/*文字色指定終わり*/

#footer a{
 	color : white;
  	font-size : 12px;
}

h1 a{
	color : blue;
	font-size : 28px;
}

#add h2{
  font-size : 12px;
}


ul li ul{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: silver;
	display: none;
}
ul li li{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: silver;
	border-bottom-color: silver;
	float: none;
  	text-indent : 30px;
  	width : 150px;
  	height : 30px;
}
ul li:hover ul{
	display: block;
	position: absolute;
}
#nav{
	padding-top: 10px;
	clear:both;
}
#nav ul li li {
  text-indent: 0px;
}

#nav {
  margin-left: 21px;
}
#nav ul li{
	float:left;
}
#nav ul li ul{
	display: none;
	z-index: 2;
}

#nav ul li li{
	float: none;
  	width : 150px;
  	height : 30px;
  	text-indent : 5px;
  	background-color : rgb(238, 238, 238);
}

#nav ul li li a{
 	font-size : 13px;
	color: #996800;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
  	text-align : left;
  	text-indent : 5px;
  	padding-top : 13px;
  	vertical-align: middle;
  	-webkit-box-align: center; /* safari, Chrome対応 */
	-moz-box-align: center;    /* Firefox対応 */
	-o-box-align: center;      /* Opera対応 */
	-ms-box-align: center;     /* IE対応 */
	line-height: 30px;
}

#nav ul li:hover ul{
	display: block;
	position: absolute;
}
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* 新着情報 */
.news {
  width: auto;
  background-color: #fff;
  margin: 35px auto;
}
.news_content {
  overflow: scroll;
  width: auto;
  min-height: 240px;
  background-color: #fff;
  margin-top: 25px;
}
.news > h2 {
  text-align: left;
}
div.news dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}
/* --- 日付エリア --- */
div.news dt {
width: 168px; /* 日付エリアの幅 */
float: left;
text-align: left;
padding: 7px 0 6px 14px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
font-weight: normal;
color: #bbbbbb;
}
div.news a {
  font-size: 13px;
  text-decoration: underline;
}
div.news dd {
width: 640px;
text-align: left;
padding: 7px 3px 6px 6.6em;
border-bottom: 1px #c0c0c0 dotted;
line-height: 120%;
}

.news_label_news {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
}
div.news dt span.news_label_event {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding-left: 7px;
  background: #ff88ff;
  border-radius: 4px;
  padding: 1px 8px 1px 8px;
  margin-left: 8px;
}
div.news dt span.news_label_news {
  padding-left: 7px;
  background: #0000DD;
  border-radius: 4px;
  padding: 1px 8px 1px 8px;
  margin-left: 8px;
}
.news-date {
  display: inline-block;
  width: 81px;
  color: #bbbbbb;
}
.main_content {
  width :940px;
  float: left;
}
.instruction {
  margin: 5px;
  text-align: left;
}
.instruction li{
  list-style-type: square;
  margin-left: 25px;
  font-size: 16px;
  line-height: 32px;
}
.instruction p{
    background: #300 none repeat scroll 0 0;
    border-radius: 5px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    margin: 10px;
    padding: 10px;
    text-align: left;
    width: 486px;
}
.detail1_right {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #7f7fff;
    border-radius: 5px;
    color: #7f7fff;
    float: right;
    font-size: 15px;
    margin-right: 135px;
    padding: 6px;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.topic1 {
    border: 1px solid #ccc;
    color: #8989ff;
    font-size: 23px;
    font-weight: bold;
    margin: 10px;
    padding: 15px;
    width: 416px;
    float: left;
    text-align: left;
}
.flexslider {
  z-index: 1;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.question {
  background: blue none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: block;
  float: right;
  font-size: 19px;
  font-weight: bold;
  margin-top: 7px;
  padding: 8px 17px;
  width: 179px;
}
.menu-bg {
  height: 40px;
  width: 150px;
  background-image: url(../img/common/header/menu-background.png);
  background-repeat: repeat-x;
}
.menu-bg-border-right {
  height: 40px;
  width: 150px;
  background-image: url(../img/common/header/menu-background.png);
  background-repeat: repeat-x;
  border-right: solid 1px #ccc;
}
.menu-bg .parent,.menu-bg-border-right .parent{
  display: inline-block;
  width: 150px;
  height: 40px;
  padding-top: 10px;
  margin-bottom: -10px;
  color: #8B4513;
  font-size: 17px;
  font-weight: bold;
}
.child {
   margin-top: 0px;
   padding-top: 0px;
}
#header_logo {
    float: left;
    margin-right: 9px;
    margin-top: 4px;
}
#homeimg {
    background-image: url(../img/common/home.jpg);
    width: 100%;
    height: 212px;
    background-position: right;
    background-size: 75%;
    background-repeat: no-repeat;
    margin-top: 47px;
}
#homeimg > img {
  height: 250px;
}
#home-text {
    height: 200px;
    width: 461px;
    z-index: 1;
    text-align: left;
    float: right;
    margin-top: -31px;
}
#home-text li {
    display: inline-block;
    font-size: 19px;
    line-height: 36px;
}
#net-zero .detail {
  display: inline-block;
  font-size: 19px;
  color: #33ccff;
  text-align: right;
  vertical-align: bottom;
}
#net-zero .large{
  display: inline-block;
  color: #fff;
  font-size: 21px;
  text-shadow: 2px 2px 1px #33ccff,
  -2px 2px 1px #33ccff,
  2px -2px 1px #33ccff,
  -2px -2px 1px #33ccff;
  margin-bottom:8px;
  font-weight: bold;
  letter-spacing: 6px;
}
#net-zero {
  border: solid 1px #33ccff;
  color: #fff;
  margin: 0 auto;
  padding: 15px;
  width: 500px;
  margin-bottom: 25px;
}