@charset "utf-8";

/*************************
  POWER PLANT CSS
*************************/
<!--
* html{
	/* IE6 */
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	margin:0;
	padding:0;
}

body {
	margin-top:0px;
	padding:0;
	text-align:center;/* forIE */
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	background:url(../img/pp_bg.jpg) repeat;
	background-position: center 50px;
	font:13px "ＭＳ Ｐゴシック", Osaka,  Arial, Helvetica, sans-serif;
	color:#6D757A;
  *font-size:small;
  *font:x-small;
	line-height: 1.5em;
}

p, div, 
h1,h2,h3,h4,
table,th,td
{
	margin:0;
	padding:0;
	border:0;
	vertical-align: top;
}

#haader-area2{
	position:relative;
	width:754px;
	height:206px;
	table-align:center;
	margin-left:auto;
	margin-right:auto;
}
img#img-map{
	position:absolute;
	top:0;
	left:0;
}
img.img-map{
	position:absolute;
	top:0;
	left:0;
}

ul{
	margin:0;
	padding:0;
	vertical-align: top;
	display:block;
	list-style:none;
	line-height:normal;
}
ul li{
	margin:0;
	padding:0;
}

ul.list-num{
margin:0 0 0 30px;
}
ul.list-num li{
	list-style-type:decimal;
	list-style-position:outside;
	line-height:150%;
}
ul.list-point{
margin:0 0 0 30px;
}
ul.list-point li{
	list-style-type:disc;
	list-style-position:outside;
	line-height:150%;
}
ul.list-none{
margin:0 0 0 15px;
}
ul.list-none li{
	list-style-type:none;
	line-height:150%;
}

img{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	vertical-align: top;
}

a{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#009933;/*232D12*/
	font-size:90%;
	cursor: pointer;
}
a:hover{
	color:#5ec85e;/*232D12*/
}

* html a{/*WinIE6*/
	font-size:90%;
}

a.small{
	font-size:9px;
}

.font-size-l{
	font-size:113%;
	font-weight:bold;
}
.font-size-s{
	font-size:85%;
}

/* IE6 */
#IEpreload{
	visibility:hidden;
}


/*** コンテンツ ***/
.txt-green{
	color:#4AAB30;
}

.inner-txt{
	margin:5px 10px;
}

.txt-contents{
	color:#3C443C;
	font-size:11px;
	line-height: 1.5em;
/*	letter-spacing: 1px;	*/
/*	word-spaging: 0px;		*/
}
.txt-orange{
	color:#FF7F0A;
}

/*** 罫線 ***/
.line{
	margin: 15px 0 15px 0;
	border-bottom:solid #cccccc 1px;
}
.line-dot{
	margin: 10px 0 10px 0;
	border-bottom:dotted #C3CFAA 2px;
}

.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }

.mr20{ margin-right:20px; }

.wrap{
	text-align:left;
	position:relative;
	min-height: 1%;
	display: inline-table;
}

.wrap:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*\*/
* html .wrap {
    height: 1%;
}
.wrap {
    display: block;
}

/**/

.left{
	float:left;
}
.right{
	float:right;
}

/******** レイアウト大枠 ********/
#header-area{
	width:100%;
	height:50px;
	background-color:#fff;
}
.pp{
	margin:0 auto;
	width:754px;
	height:auto;
	position:relative;
}
.pp#header{
	padding-top:10px;
	padding-right:16px;
	text-align:right;
}

/*** 親ボックス ***/
#page-main{
	text-align:left;
	position:relative;
	width:754px;
	height:auto;
	background-image:url("../img/pp_bg_shadow.png");
	background-repeat:repeat-y;
/*border: solid 1px #ff0;*/
	min-height: 1em;
  display: inline-table;
}
#page-main:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #page-main {
    height: 1em;
}

#page-main {
    display: block;
}

.pp p, .pp h1, .pp h2, .pp h3, .pp h4{
	margin-bottom:24px;
}

#page-left-move p{
	margin:0;
	padding:5px 0;
}

.center{
	text-align:center;
}
.clear{
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0px;
  visibility: hidden;
}

/******** ページ左側：メニュー ********/
#IEpreload{
	visibility:hidden;
}

#page-left-move{
	position:absolute;
	display:block;
	width:217px;/*217px*/
	padding:0 20px 0 44px;
	margin-bottom:100px;
	top:0;
	left:0;
/* border:solid 1px #0f0; */
}

#page-main #page-left{
	position:relative;
	display:block;
	width:217px;/*217px*/
	padding:0 20px 0 44px;
	margin-bottom:100px;
	float:left;
/* border:solid 1px #0f0; */
}

#page-main #page-left #menu{
/*border:solid 1px #0f0;*/
	width:217px;
/*	background:url(../img/pp_menu_bg.jpg) repeat-y;*/
}

#page-left ul#menu li a{
	display: block;
	width: 100%;
}

#page-left ul#menu li#menu-header{
	width:217px;
	height:15px;
	background:url("../img/pp_menu_header.png") no-repeat;
}

#page-left ul#menu li#menu-footer{
	width:217px;
	height:15px;
	background:url("../img/pp_menu_footer.png") no-repeat;
}

/* NEWS */
#page-left ul#menu li#news{ height:36px; }
#page-left ul#menu li#news a{
	background-image:url("../img/m_news.png");
	background-repeat:no-repeat;
	position:relative;
}

/* 会員特典 */
#page-left ul#menu li#pp_about{ height:49px; }
#page-left ul#menu li#pp_about a{
	background:url("../img/m_about.png") no-repeat;
	position:relative;
}

/* 更新センター */
#page-left ul#menu li#pp_center{ height:49px; }
#page-left ul#menu li#pp_center a{
	background:url("../img/m_center.png") no-repeat;
	position:relative;
}

/* 会員限定エリア */
#page-left ul#menu li#members-area{
	background:url("../img/m_members.png") no-repeat;
	position:relative;
	height:101px;
}
#page-left ul#members li{
	display:inline;
}

#page-left ul#members li#members-login{ height:25px; }
#page-left ul#members li#members-login a{
	background:url("../img/m_members_login.png") no-repeat;
	position:relative;
}

#page-left ul#members li#members-cant{ height:32px; }
#page-left ul#members li#members-cant a{
	background:url("../img/m_members_cant2.png") no-repeat;
	position:relative;
}

/* VISA CARD */
#page-left ul#menu li#visacard{ height:47px; }
#page-left ul#menu li#visacard a{
	background:url("../img/m_visa.png") no-repeat;
	position:relative;
}

#page-left ul#visa li{
	display:inline;
}

/* VISA CARD 階層ありの時 */
#page-left ul#menu li#visacard-area{ height:100px; }
#page-left ul#menu li#visacard-area a{
	background:url("../img/m_visa.png") no-repeat;
	position:relative;
}

#page-left ul#visa li#visa-adm{ height:32px; }
#page-left ul#visa li#visa-adm a{
	background:url("../img/m_visa_adm.png") no-repeat;
	position:relative;
}

#page-left ul#visa li#visa-contact{ height:21px; }
#page-left ul#visa li#visa-contact a{
	background:url("../img/m_visa_contact.png") no-repeat;
	position:relative;
}

#page-left ul#menu a:hover,
#page-left ul#menu li#pp_about a:hover,
#page-left ul#menu li#pp_center a:hover,
#page-left ul#members li#members-login a:hover,
#page-left ul#members li#members-cant a:hover,
#page-left ul#menu li#visacard a:hover,
#page-left ul#menu li#visacard-area a:hover,
#page-left ul#visa li#visa-adm a:hover,
#page-left ul#visa li#visa-contact a:hover
{
	background-position: -217px 0;
}


ul.list_link{
	margin-bottom:9px;
}
ul.list_link li{
	height:25px;
}
/******** ページ右側：コンテンツ ********/
#page-main #page-right{
	width:395px;
	height:auto;
/* border: #f00 solid 1px; */
 	float:right;
	margin-right:50px;
	text-align:left;
}
* html #page-main #page-right{
	margin-right:26px;
}

.pagetop{
	text-align:right;
	margin-right:10px;
	height:16px;
	vertical-align:middle;
}
.pagetop-last{
	text-align:right;
	margin-bottom:50px;
	margin-right:10px;
	height:16px;
	vertical-align:middle;
}

#copyright{
	text-align:center;
	/* background:url(../img/pp_bg_shadow.png) repeat-y; */
}
-->