@charset "utf-8";
/* CSS Document */

/* ここからデフォルト */

/**************************************************
* デフォルトスタイル
***************************************************/
html {
	background:#C1EE0E;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
 font-style:normal;
 margin:0;
 padding:0;
 font-size:100%;
}

table {
     border-collapse:collapse;
     border-spacing:0;
}
 
img {
     border:0
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal
}

caption,th {
     text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}

div.clear{
 clear:both;
}

/**************************************************
* 全体レイアウト
***************************************************/
body{
	background: url(../images/typeg05-01.gif) top left;
    font-size:90%;
}

div#wrapper{
 width:950px;
 padding-top:0px;
 margin-right:auto;
 margin-left:auto;
}

/**************************************************
* ヘッダー
***************************************************/

div#header
{
 background: url(../images/typeg05-02.jpg) top center no-repeat;
 width:950px;
 margin:0px auto 0px auto;
 height:200px;
 position:relative;
}

div#header h1{
 font-weight:bold;
 font-size:180%;
 padding:15px;
 color:#ffffff;
}
/**************************************************
* コンテンツ全体
***************************************************/
div#content{
 width:950px;
 margin:0px auto 0px auto;
 padding:0px;
 background:#ffffff;
}

div#bgborder
{
	display:none;
}	
/**************************************************
* メイン
***************************************************/
div#mainLeft{
 width:640px;
 float:left;
}
div#mainRight{
 width:640px;
 float:right;
}

div#main{
 width:600px;
 float:right;
 padding-top:0px;
 margin:0px 12px 30px 0px;
 background: url(../images/typeg05-06.gif) top center no-repeat;
 background-position:bottom;
 background-color:#F6F5B3;
}

div#main .cname{
 width:598px;
 height:48px;
 margin:0 auto;
 border-top:solid 0px #FFF;
 border-left:solid 0px #FFF;
 border-right:solid 0px #FFF;
 border-bottom:solid 0px #FFF;
 position:relative;

}

div#main .cname h2{
 font-size:16px;
 position:relative;top:14px;left:24px;
 width:546px;
 height:35px;
 font-weight:bold;
 background: url(../images/typeg05-03.gif) top center no-repeat;
 color:#000;
}

div#main .cname h2 a{
  color:#000;
  text-decoration:none;
  position:relative;top:10px;left:20px;
}

div#main .cwaku{
 width:546px;
 margin:0px 0px 0px 0px;
 position:relative;top:0px;left:26px;
 /*background: url(../images/main_bg_m01.gif) top left repeat-y;*/
 border-top:dotted 0px #FFF;
 border-left:dotted 0px #FFF;
 border-right:dotted 0px #FFF;
 border-bottom:dotted 0px #FFF;
 background-color:#fff;
}

div#main .cwaku a{
 width:550px;
 background-position: 2% 40%;
 padding-left:15px;
 background: url(../images/typeg05-05.gif) no-repeat;
 color:#000;
}

div#main .cwaku ul{
 list-style-type :none;
 margin-left :20px;
 padding-top:5px;
 padding-bottom:5px;
 font-size:90%;
}

div#main .cwaku li
{
 line-height:180%;
 padding:2px 0;

}


div#main .cwakurad1
{
 width:600px;
 height:0px;
 background:#FFF;
 
}

div#main .cwakurad2
{
 position:relative;top:0px;left:25px;
 padding:0;
 width:546px;
 height:15px;
 background: url(../images/typeg05-04.gif) top center no-repeat;
 margin:0px 0px 17px 0px;
}

div#main .topFreeArea
{
	width:600px;
	overflow:hidden;
	margin:10px auto 20px auto;
}

/**************************************************
* サイドバー
***************************************************/

div#sidebar{
 width:242px;
 margin:0px 0px 7px 29px;
 float:left;
 background: url(../images/typeg05-09.gif) top center no-repeat;
 background-position:bottom;
 background-color:#A66734;
}

div#sidebar .cname{
 width:240px;
 margin:0px 0px 0px 0px;
 border-top:solid 0px #FFF;
 border-left:solid 0px #FFF;
 border-right:solid 0px #FFF;
}

div#sidebar .cname h2
{


 width:206px;
 margin:8px 0px 0px 14px;
 font-size:16px;
 padding:0px 0px 0px 0px;
 font-weight:bold;
 color:#FFF;
 border-top:solid 0px #FFF;
 border-left:solid 0px #FFF;
 border-right:solid 0px #FFF;
 border-bottom:solid 0px #FFF;
 height:40px;
 background: url(../images/typeg05-07.gif) top center no-repeat;
}

div#sidebar .cname h2 a
{
 color:#FFF;
 text-decoration:none;
 position:relative;top:0px;left:15px;
}

div#sidebar .cwakurad1{
 display:none; 
}

div#sidebar .cwaku{
 width:206px;
 margin:0px 0px 0px 14px;
 padding-top:0px;
 border-left:solid 0px #FFF;
 border-right:solid 0px #FFF;
 border-bottom:solid 0px #FFF;
 background: url(../images/typeg05-10.gif) top center repeat-y;
}

div#sidebar .cwaku ul{
 list-style-type :none;
 width:206px;
 margin:0px auto 0px auto;
 font-size:12px;
 padding:12px 0 0px 0px;
 color:#FFF;
 border-top:dotted 0px #FFF;
 border-left:dotted 0px #FFF;
 border-right:dotted 0px #FFF;
 border-bottom:dotted 0px #FFF;
}

div#sidebar .cwaku li{
 line-height:180%;
 width:196px;
 border-bottom:dotted 0px #FFF;
 padding:0px 0px 0px 10px;
 background-color:#fff;

}

div#sidebar .cwaku a{
 padding-left:7px;
 color:#26187F;
}

div#sidebar .cwakurad2{
 margin:0px 0px 17px 14px;
 width:206px;
 height:12px;
 background: url(../images/typeg05-08.gif) top center no-repeat;
}

div#sidebar .topFreeArea
{
	width:206px;
	overflow:hidden;
	margin:5px auto 15px auto;
	
}

/**************************************************
* フッター
***************************************************/

div#footer{
 clear:both;
 width:952px;
 /*height:12px;*/
 text-align:center;
 margin:10px auto;
 padding:5px 0;
}

div#footer a{
	font-size:small;
	text-decoration:none;
}

/* ここまでデフォルト */



/* ここからリセット */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
ol, ul, dl, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {min-height: 1px;}

.clear {clear: both;}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

* {margin:0;padding:0;text-align: left;}

img {border:none;}

h1,h2,h3,h4,h5,h6,ul {margin:0;padding:0;font-weight: normal;}

div{zoom:1;/*for IE 5.5-7*/}

div:after{/*for modern browser*/s
    content:".";
    display: block;
    height:0px;
    clear:both;
	}

p {text-align: left;}


/* 透過PNG処理 */
* html .iepngfix{behavior: expression(IEPNGFIX.fix(this));}

/*　汎用スタイル　*/

.al_right {text-align: right;}
.al_left {text-align: left;}
.al_center {text-align: center;}
.middle {vertical-align: middle;}
.f_left {float: left;}
.f_right {float: right;}
.clear {clear: both;}
.clear_left {clear: left;}
.f_10 {font-size: 10px;}
.f_13 {font-size: 13px;}
.f_15 {font-size: 15px;}
.bold {font-weight: bold;}
.red {color:#FF0000;}

a {
	color: #09c;
	text-decoration: underline;
}

a:hover {
	color: #2fcbff;
	text-decoration: none;
}

/* ここまでリセット */



/* 
----------------------------------------
body
----------------------------------------
*/
body {
	font-family: verdana,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	font-size: 14px;
	line-height: 1.2;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/texture.png);
}

/* 
----------------------------------------
wrapper
----------------------------------------
*/
#wrapper {
}

#float_banner {
	position: fixed;
	top: 60px;
	right: 10px;
	z-index: 100;
}

/* 
----------------------------------------
header
----------------------------------------
*/
div#header {
	display: none;
}

/* 
----------------------------------------
sidebar
----------------------------------------
*/
div#sidebar {
	display: none;
}

/* 
----------------------------------------
top_area
----------------------------------------
*/
#top_area {
	width: 960px;
	height: 0;
	margin: 10px auto 8px auto;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/top_img68.png);
	background-repeat: no-repeat;
	padding-top: 390px;
	overflow: hidden;
}

/* 
----------------------------------------
main_area
----------------------------------------
*/
#main_area {
	overflow: hidden;
	width: 950px;
	margin: 0 auto;
}

/* 
----------------------------------------
left_column
----------------------------------------
*/
#left_column {
	float: left;
	width: 300px;
}

#left_column ul li {
	margin-bottom: 10px;
}

	#left_column li.large_banner {
		margin-bottom: 20px;
	}
	#left_column li.banner_movie {
		margin-bottom: 20px;
		border:1px solid #CCCCCC;
		padding: 10px;
                background-color: #ffffff;

	}

#left_column li.banner_movie_60years {
	margin-bottom: 20px;
	border:1px solid #CCCCCC;
	padding: 10px 0;
	background-color: #ffffff;

}
#left_column li.banner_movie_60years iframe,#left_column li.banner_movie_60years a{
	margin: 0 10px;
}

#qanda {
	padding-top: 20px;
	margin-bottom: 20px;
}

#qanda h3 {
	width: 300px;
	height: 0;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/bg_head_qanda.gif);
	background-repeat: no-repeat;
	padding-top: 68px;
	overflow: hidden;
}

#qanda p {
	width: 278px;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 0 10px;
}

#qanda ul {
	width: 278px;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 10px 10px 3px 10px;
}

#qanda ul li {
	margin-bottom: 0;
	padding: 5px 0 5px 10px;
	border-bottom: 1px dotted #ddd;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/icn_list.gif);
	background-repeat: no-repeat;
	background-position: 0 11px;
}

#caution {
	position: relative;
	width: 300px;
	height: 170px;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/banner_caution.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 20px;
}

#caution p {
	position: absolute;
	width: 200px;
	height: 65px;
	top: 94px;
	left: 10px;
}

p#qanda_button {
	position: relative;
	width: 278px;
	height: 20px;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

p#qanda_button a {
	position: absolute;
	left: 120px;
}

/* 
----------------------------------------
main_contents
----------------------------------------
*/
#main_contents {
	float: right;
	width: 620px;
}

#contents01,
#contents03,
#contents04 {
	width: 618px;
	padding: 20px 0;
	background-color: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
	margin-bottom: 30px;
}
	
#contents01 h2 {
	width: 363px;
	height: 0;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/title_eco.gif);
	background-repeat: no-repeat;
	padding-top: 28px;
	overflow: hidden;
}

#contents01 p {
	padding: 15px 20px;
}

#inner_contents01 {
	padding: 10px 19px 0 19px;
}

h3#for_homeuse {
	width: 100px;
	height: 0;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/subtitle_forhomeuse.gif);
	background-repeat: no-repeat;
	padding-top: 24px;
	overflow: hidden;
	margin-bottom: 10px;
}

h3#for_prouse {
	width: 100px;
	height: 0;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/subtitle_forprouse.gif);
	background-repeat: no-repeat;
	padding-top: 24px;
	overflow: hidden;
	margin-bottom: 10px;
}


#inner_contents01 ul.multi_list {
	padding-bottom: 10px;	
}

#inner_contents01 ul.multi_list li {
	margin-bottom: 10px;
}

p#contents_info {
	width: 500px;
	height: 0;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/txt_another_eco.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
	overflow: hidden;
	margin: -5px auto 25px auto;
}

#contents02 {
	margin-bottom: 30px;
}

#contents02 ul {
	overflow: hidden;
}

#contents02 li {
	float: left;
}

#contents02 li a {
	display: block;
}

#contents03 h2 {
	width: 363px;
	height: 0;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/title_showroom.gif);
	background-repeat: no-repeat;
	padding-top: 28px;
	overflow: hidden;
}

#inner_contents03 {
	padding: 15px 10px 0 10px;
}

#contents03 ul {
	overflow: hidden;
}

#contents03 li {
	float: left;
}

#contents03 li+li {
	margin-left: 12px;
}

#contents03 p {
	padding: 15px 10px;
}

#infomation_area {
	overflow: hidden;
	width: 574px;
	padding: 12px;
	background-color: #f1efe4;
}

#address_area {
	width: 334px;
	float: left;
	line-height: 1.4;
}

#address_area p {
	width: 334px;
	line-height: 1.4;
	font-weight: bold;
	padding: 5px 0 0 0;
}

#time_area {
	width: 231px;
	float: right;
	line-height: 1.4;
}

#time_area span {
	color: #f00;
}

#contents04 h2 {
	width: 363px;
	height: 0;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/title_weare.gif);
	background-repeat: no-repeat;
	padding-top: 28px;
	overflow: hidden;
}

#group_photo {
	width: 399px;
	margin: 15px auto 10px auto;
}

/* 
----------------------------------------
main - news area
----------------------------------------
*/
div#mainRight{
	width: 620px;
	float: right;
}

div#main {
	width: 618px;
	padding: 20px 0;
	background: none;
	background-position: inherit;
	background-color: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
	margin: 0 0 30px 0;
	float: clear;
}

div#main .cname{
	width: 363px;
	height:28px;
	margin: 0;
	border: none;
	position: static;
}

div#main .cname h2 {
	width: 343px;
	height: 18px;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/bg_title.gif);
	background-repeat: no-repeat;
	padding: 5px 10px;
	overflow: hidden;
	position: static;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0em;
}


div#main .cname h2 a{
	display: none;
}

div#main .cwaku {
	width: 568px;
	margin: 0px 0px 20px 0px;
	position: relative;
	top: 5px;
	left: 25px;
/*	background: url(../images/main_bg_m01.gif) top left repeat-y;*/
	border: none;
	background-color: #fff;
}

div#main .cwaku h3 {
	color: #999;
	font-size: 14px;
	font-weight: bold;
}

div#main .cwaku ul {
	list-style-type: none;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 90%;
}

div#main .cwaku li {
	line-height:200%;
	padding: 5px 0 5px 15px;
	border-top: 1px dotted #ddd;
	background-image: url(http://www.ama-ene.co.jp/web_station/images/icn_list.gif);
    background-position: 0 15px;
    background-repeat: no-repeat;
}

div#main .cwaku a {
	width: 550px;
	padding-left: 0;
	background: none;
	color: #09c;
	text-decoration: underline;
}

div#main .cwaku a:hover {
	width: 550px;
	padding-left: 0;
	background: none;
	color: #2fcbff;
	text-decoration: none;
}

div#main .cwakurad1,
div#main .cwakurad2 {
	display: none;
}

div#main .topicpath {
	font-size: 10px;
}

div#main .owaku ul {
    line-height: 200%;
    list-style-type: none;
    margin-left: 5px;
    padding-top: 5px;
}

div#main .owaku li {
	font-size: 12px;
	padding: 5px;
	border-top: 1px dotted #ddd;
}

