@media screen and (min-width: 651px){
.document {
	width:1200px;
	padding-top:120px;
	margin-left:auto;
	margin-right:auto;
}
h2{
	border-top:#287054 2px solid;
	border-bottom:#287054 2px solid;
	color:#287054;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	font-size:18px;
}
	
}
@media screen and (max-width: 659px){
	.document {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
}
/*===============================================
●PC用ワイド設定 画面の横幅が651px以上
===============================================*/
@media screen and (min-width: 650px){
.sp{
	display:none;
}
html,body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	position:relative;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
	color: #333;
	overflow-y: scroll;
	overflow-x: hidden;
	position:relative;
	line-height:180%;
    left: 0;

}
a{
	color: #333;
	text-decoration: none;
}


img { 
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
a img  {
	border:none;
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}
ul {
	list-style:none;
}


.ie7 body{
	overflow:hidden;
}

.clear{
	clear: both;
}

.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.img_right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.img_left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.header {     /*フロートさせる*/
	width:100%;
	background-image:url(images/common/bg_wht.png);
    position: absolute;
	z-index:1000;
}
.header h1{
	margin:0;
	padding-top:2px;
	float:right;
	font-size:12px;
	font-weight:normal;
	padding-right:10px;
}

.header .box_logo{
	width:256px;
	padding-left:20px;
	float:left;
}


/*PCナビゲーションレイアウト*/


.header .nav{
	width:700px;
	padding-top:3px;
	padding-bottom:3px;
	float:right;
	border-bottom:#50BC8F 2px solid;
}

.nav dl{
  position: relative;
  margin:0;
  padding:0;
	text-align:center;
	border-collapse:collapse;
	border-left:#333 1px solid;
}
.nav dl dt{
  display: block;
  width:19.5%;
  text-align:center;
  margin: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #333;
  font-size: 14px;
  font-weight:600;
  line-height: 1;
  text-decoration: none;
  cursor:pointer;
  float:left;
  border-right:#666 1px solid;
}
.nav dl dt a{
	display: block;
	color: #999;
}
.nav dl dt a .txt_nav{
	font-size:9px;
	 font-style:italic;
	 font-weight:normal;
}
.nav dl .last dt {
	border-right:#666 1px solid;
}
.nav #acMenu_pc dd{
	background-color:#000;
	width:100%;
	display:none;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-size:1.0em;
	border:none;

	}
.nav #acMenu_pc dd ul{
	margin:0;
	padding:0;
}
.nav #acMenu_pc dd li{
	display:block;
  line-height: 160%;
  padding: 10px 10px;
  padding-left:5px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  list-style:none;
  margin-bottom:3px;
  border-bottom:#666 1px solid;
}
.nav #acMenu_pc dd li a{
	display:block;
	color:#FFF;
}
.nav #acMenu_pc dd li a:hover{
	background-color:#333;
}
.header .nav2 {
	width:50%;
	float:right;
}
.header .nav2 ul{
	width:250px;
	float:right;
	margin-top:3px;
}
.header .nav2 ul li{
	list-style:none;
	display: block;
  width:45%;
  text-align:center;
  margin: 0;
  color: #333;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  float:left;
  border-right:#666 1px solid;
}
.header .nav2 ul li:nth-child(1){
	border-left:#666 1px solid;
}
	
/*会社概要--------------------------------------------------------------------------*/
.company .box1{
	width:100%;
}
.company .box1 img{
	width:30%;
	float:right;
	margin-left:20px;
}
.company .box1 p{
	margin-bottom:30px;
	margin-top:25px;
}
.company table{
	width:100%;
	border-collapse:collapse;
}
.company .box2{
	padding-top:50px;
}
.company th{
	background-color:#E5F4EC;
	border:#60937E 1px solid;
	padding:0.5%;
	width:20%;
}
.company td{
	border:#60937E 1px solid;
	padding:0.5%;
}
.company td ul{
	margin:0;
	padding-left:0;
}
.company td li{
	list-style:disc;
	margin-left:10px;
}
.company .box3{
	padding-top:30px;
	color:#3D782C;
}

.company .map{
	padding-top:50px;
}
.company .map dl{
	border:#60937E 1px solid;
	padding:20px;
}
.company .map dt{
	background-color:#DDD;
	padding:5px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.company .map dd{
	margin:0;
	padding:0;
	margin-bottom:40px;
}
/*風力発電について--------------------------------------------------------------------------*/
.wind dl{
	border:#48871B 1px solid;
	margin-bottom:50px;
}
.wind dt{
	background-color:#48871B;
	padding:5px;
	font-size:20px;
	font-weight:bold;
	padding-left:15px;
	color:#FFF;
}
.wind dd{
	margin-left:0;
	padding:10px;
}
.wind dd img{
	width:200px;
	float:right;
	margin-left:10px;
	padding:3px;
	border:#CCC 1px solid;
}
/*cf20--------------------------------------------------------------------------*/
.cf20 h3{
	border-left:#A8A8A8 5px solid;
	color:#666;
	font-size:16px;
	padding-left:15px;
}
.cf20 .box1{
	border:#48871B 1px solid;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	margin-bottom:50px;
}
.cf20 .box1 h4{
	color:#48871B;
	margin:0;
	font-size:16px;
}
.cf20 .box1 img{
	width:480px;
}
.cf20 dl{
	margin:0;
	padding:0;
}
.cf20 dt{
	border-bottom:#3F7BCC 2px solid;
	border-top:#3F7BCC 2px solid;
	padding:5px;
	color:#3F7BCC;
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}
.cf20 dd{
	margin-left:0;
	margin-bottom:60px;
	padding:10px;
	background-color:#EEE;
}
.cf20 dd ul{
	margin:0;
	padding:0;
}
.cf20 dd ul li{
	list-style:square;
	border-bottom:#666 1px dashed;
	margin-bottom:20px;
	margin-left:20px;
}
.cf20 .box_right{
	width:60%;
	float:right;
}
.cf20 .box_right table{
	width:100%;
	border-collapse:collapse;
}
.cf20 .box_right th{
	border:#666 1px solid;
	background-color:#EFEFEF;
	width:30%;
	padding:1%;
	text-align:left;
	font-weight:normal;
}
.cf20 .box_right td{
	border:#666 1px solid;
	text-align:center;
}
.cf20 .box_left{
	width:40%;
	float:right;
	text-align:center;
}
.cf20 .box_left img{
	width:70%;
}
.cf20 .box2{
	border:#666 1px solid;
	padding:15px;
}
/*お問い合わせ--------------------------------------*/
.contact .box1{
	border:#A21243 2px solid;
	padding:2%;
	background-color:#FFF;
	margin-bottom:30px;
	line-height:200%;
}

.contact table{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}

.contact th{
	width:20%;
	border:#666 1px solid;
	background-color:#E6EDE8;
	padding:1%;
	text-align:left;
	vertical-align:top;
}
.contact td{
	border:#666 1px solid;
	padding:1%;
}

.contact textarea {
width: 80%;
height: 8em;
background-color:#EBF6FB;
}
.contact input[type="text"]{
	width:80%;
	background-color:#EBF6FB;
}
.contact input[type="email"]{
	width:40%;
	background-color:#EBF6FB;
}
.contact .short input[type="text"]{
	width:10%;
	background-color:#EBF6FB;
}
.contact input[type="submit"]{
	width:50%;
	border:#FFF 1px solid;
	box-shadow:2px 2px 2px #333;
	border-radius: 13px;        /* CSS3草案 */  
    -webkit-border-radius:13px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 13px;   /* Firefox用 */
	background: linear-gradient(#113EB7, #1D1F87);
	text-align:center;
	font-weight:bold;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 2px 2px 2px #000; 
	padding:5px;
	margin-top:20px;
	display:block;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
}
.contact input[type="submit"]:hover{
	background: linear-gradient(#EDE4E4, #F66);
}
/*個人情報---------------------------------------*/
.privacy .box_privacy {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	line-height:220%;
}
.privacy dl {
	padding: 20px;
	margin-top: 40px;
	border: 1px solid #999;
}
.privacy dl dt{
	padding: 3px;
	font-weight: bold;
	background-color: #E8E8E8;
	width: 100%;
	margin-bottom: 10px;
}
.privacy dl dd {
	margin-bottom:50px;
}
/*サイトマップ---------------------------------------*/
.sitemap table{
	border-collapse:collapse;
	width:50%
}
.sitemap table td{
	width:30%;
	padding:1%;
	border:#CCC 1px solid;
	padding-left:10%;
	padding-right:10%;
}
.sitemap a{
	color:#00C;
}
/*フッター-----------------------------------------------*/

.footer {
	padding-top:20px;
	padding-bottom:10px;
	font-size:12px;
	margin-top:30px;
	background-color:#666;
}
.footer .document {
	padding-top: 0px;
}
.footer .copyright{
	padding-top:10px;
	width:35%;
	text-align:center;
	color:#FFF;
	float:right;
}

.footer ul {
	float: left;
	width: 180px;
	text-align:left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:130px;
}
.footer ul li {
	font-size:12px;
	margin-bottom: 3px;
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
	border-bottom:#FFF 1px dotted;
}
.footer a:link {
	color: #FFF;
	text-decoration: none;
	font-size:12px;
}
.footer a:visited {
	text-decoration: none;
	color: #FFF;
}
.footer a:hover {
	text-decoration: underline;
	color: #E60012;
}
.footer a:active {
	text-decoration: none;
	color: #E60012;
}

}



/*===============================================
●スマホ設定 画面の横幅が650px以下
===============================================*/
@media print, screen and  (max-width: 650px){
.pc{
	display:none;
}
html,body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	position:relative;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
	color: #360102;
	overflow-y: scroll;
	overflow-x: hidden;
	position:relative;
	line-height:180%;
    left: 0;

}
.document {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
a{
	color: #333;
	text-decoration: none;
}


img { 
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
a img  {
	border:none;
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}
ul {
	list-style:none;
}


.ie7 body{
	overflow:hidden;
}

.clear{
	clear: both;
}

.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.img_right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.img_left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.header {
	width:100%;
	padding-bottom:10px;
	
}
.header h1{
	margin:0;
	padding-bottom:5px;
	text-align:center;
	padding-top:5px;
}
.header h1 img{
	width:60%;
}
	
/*ナビゲーションレイアウト*/
.nav dl{
	margin:0;
}
.nav #acMenu dt{
	display:block;
	background-color:#CDCDCD;
	cursor:pointer;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-weight:600;
	color:#333;

	}
.nav #acMenu dt img{
	width:10%;
	margin:5px;
	vertical-align:central;
}
.nav #acMenu dd{
	background-color:#0B9251;
	color:#FFF;
	width:100%;
	display:none;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size:1.0em;

	}
.nav #acMenu dd .box_menu{
	width:45%;
	margin-left:1%;
	margin-right:1%;
	padding:1%;
	border:#FFF 1px solid;
	color:#FFF;
	text-align:center;
	float:left;
	margin-bottom:15px;
}
.nav #acMenu dd .box_menu a{
	color:#FFF;
	display:block;
}

/*会社概要--------------------------------------------------------------------------*/
.company .box1{
	width:100%;
}
.company .box1 img{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.company .box1 p{
	margin-bottom:30px;
	margin-top:25px;
}
.company table{
	width:100%;
	border-collapse:collapse;
}
.company .box2{
	padding-top:50px;
}
.company th{
	display:block;
	width:98%;
	padding:1%;
	background-color:#E5F4EC;
	border:#60937E 1px solid;
}
.company td{
	display:block;
	width:98%;
	padding:1%;
	border:#60937E 1px solid;
}
.company td ul{
	margin:0;
	padding-left:0;
}
.company td li{
	list-style:disc;
	margin-left:10px;
}
.company .box3{
	padding-top:30px;
	color:#3D782C;
}

.company .map{
	padding-top:50px;
}
.company .map dl{
	border:#60937E 1px solid;
	padding:1%;
}
.company .map dt{
	background-color:#DDD;
	padding:5px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}
.company .map dd{
	margin:0;
	padding:0;
	margin-bottom:40px;
}
/*風力発電について--------------------------------------------------------------------------*/
.wind dl{
	border:#48871B 1px solid;
	margin-bottom:50px;
}
.wind dt{
	background-color:#48871B;
	padding:5px;
	font-size:20px;
	font-weight:bold;
	padding-left:15px;
	color:#FFF;
}
.wind dd{
	margin-left:0;
	padding:10px;
}
.wind dd img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	padding:3px;
	border:#CCC 1px solid;
}
/*cf20--------------------------------------------------------------------------*/
.cf20 h3{
	border-left:#A8A8A8 5px solid;
	color:#666;
	font-size:16px;
	padding-left:15px;
}
.cf20 .box1{
	border:#48871B 1px solid;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	margin-bottom:50px;
}
.cf20 .box1 h4{
	color:#48871B;
	margin:0;
	font-size:16px;
}
.cf20 .box1 img{
	width:100%;
}
.cf20 dl{
	margin:0;
	padding:0;
}
.cf20 dt{
	border-bottom:#3F7BCC 2px solid;
	border-top:#3F7BCC 2px solid;
	padding:5px;
	color:#3F7BCC;
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}
.cf20 dd{
	margin-left:0;
	margin-bottom:60px;
	padding:10px;
	background-color:#EEE;
}
.cf20 dd img{
	width:100%;
}
.cf20 dd ul{
	margin:0;
	padding:0;
}
.cf20 dd ul li{
	list-style:square;
	border-bottom:#666 1px dashed;
	margin-bottom:20px;
	margin-left:20px;
}
.cf20 .box_right{

}
.cf20 .box_right table{
	width:100%;
	border-collapse:collapse;
}
.cf20 .box_right th{
	border:#666 1px solid;
	background-color:#EFEFEF;
	width:30%;
	padding:1%;
	text-align:left;
	font-weight:normal;
}
.cf20 .box_right td{
	border:#666 1px solid;
	text-align:center;
}
.cf20 .box_left{

}
.cf20 .box_left img{
	width:100%;
}
.cf20 .box2{
	border:#666 1px solid;
	padding:15px;
}
/*お問い合わせ--------------------------------------*/
.contact .box1{
	border:#A21243 2px solid;
	padding:2%;
	background-color:#FFF;
	margin-bottom:30px;
	line-height:200%;
}

.contact table{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}

.contact th{
	width:20%;
	border:#666 1px solid;
	background-color:#E6EDE8;
	padding:1%;
	text-align:left;
	vertical-align:top;
}
.contact td{
	border:#666 1px solid;
	padding:1%;
}

.contact textarea {
width: 80%;
height: 8em;
background-color:#EBF6FB;
}
.contact input[type="text"]{
	width:80%;
	background-color:#EBF6FB;
}
.contact input[type="email"]{
	width:40%;
	background-color:#EBF6FB;
}
.contact .short input[type="text"]{
	width:10%;
	background-color:#EBF6FB;
}
.contact input[type="submit"]{
	width:90%;
	border:#FFF 1px solid;
	box-shadow:2px 2px 2px #333;
	border-radius: 13px;        /* CSS3草案 */  
    -webkit-border-radius:13px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 13px;   /* Firefox用 */
	background: linear-gradient(#113EB7, #1D1F87);
	text-align:center;
	font-weight:bold;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 2px 2px 2px #000; 
	padding:5px;
	margin-top:20px;
	display:block;
	cursor:pointer;
	margin-left:auto;
	margin-right:auto;
}
.contact input[type="submit"]:hover{
	background: linear-gradient(#EDE4E4, #F66);
}
/*個人情報---------------------------------------*/
.privacy .box_privacy {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	line-height:220%;
}
.privacy dl {
	padding: 20px;
	margin-top: 40px;
	border: 1px solid #999;
}
.privacy dl dt{
	padding: 3px;
	font-weight: bold;
	background-color: #E8E8E8;
	width: 100%;
	margin-bottom: 10px;
}
.privacy dl dd {
	margin-bottom:50px;
}
/*サイトマップ---------------------------------------*/
.sitemap table{
	border-collapse:collapse;
	width:100%
}
.sitemap table td{
	width:48%;
	padding:1%;
	border:#CCC 1px solid;
}
.sitemap a{
	color:#00C;
}
/*フッター-----------------------------------------------*/

.footer {
	padding-top:5px;
	padding-bottom:70px;
	font-size:12px;
	margin-top:30px;
	background-color:#666;
}

.footer .copyright{
	text-align:center;
	color:#FFF;
}


.footer-fix{
	position:fixed;
	bottom:0;
	background-color:#0B6732;
	width:100%;
	line-height:120%;
	font-size:16px;
}
.footer-fix .footer_contact a{
	display:block;
	border:#FFF 1px solid;
	padding:15px;
	text-align:center;
	font-size:18px;
	color:#FFF;
}
}

/*ページトップ--------------------------------------*/
#page-top {
	position: fixed;
	bottom: 10px;
	right:5%;
	font-size: 77%;
}
#page-top a {
	background-color:#333;
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	font-size:16px;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}