@charset "Shift_JIS";


.RIGHT{float: right;}
.LEFT{float: left;}


/* =======================================
★　CSS インフォーメーション　★
☆　ナチュラルびとになろう。 共通CSS　☆

■１．共通設定
　●１-１　タイトル部分設定
	
===========================================

　●１-１　タイトル部分設定

========================================= */
.img-rightphoto{
	float:right;
	margin-bottom: 0px;
	margin-left: 10px;
}


.img-leftphoto{
	float:left;
	margin-bottom: 5px;
	margin-right: 10px;
}

.img-title{
	margin-bottom: 4px;
	margin-top: 5px;
}

#categoryttlinner div#ttl-inner-bg{
	background:url(http://www.kepco.co.jp/Common/cat/energy_fade.gif) repeat-x;
}

.ContentsLink{
	text-align: right;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.ContentsLink img{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/*新着情報*/
div.NATURALtopNEWSblock {
	padding: 0px;
	width: 445px;
	margin: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2B9F00;
}
.NATURALtopNEWSblock dl{
	margin: 0px;
	padding: 0px;
}
.NATURALtopNEWSblock dt{
	font-size: 1.25em;
	color: #306A00;
	margin: 0px;
	padding: 0px;
}
.NATURALtopNEWSblock dd{
	font-size: 1.25em;
	color: #306A00;
	margin: 0px;
	padding: 0px;
}


div#tamuracopy {
	float: left;
	margin-top: 130px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 450px;
}


.cafecopy2{
	width: 350px;
	float: left;
	margin-bottom: 30px;
}

/*たむらぱん*/

#cafeBlockbase1103 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1103.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase1103:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
#cafeBlockbase1102 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1102.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase1102:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

#cafeBlockbase1101 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1101.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase1101:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


#cafeBlockbase1012{
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1012.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase1012:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}




#cafeBlockbase1011 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1011.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase1011:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


#cafeBlockbase09 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1009.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
}

#cafeBlockbase09:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


#cafeBlockbase08 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1008.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
}

#cafeBlockbase08:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

#cafeBlockbase07 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1007.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
}

#cafeBlockbase07:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

#cafeBlockbase06 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1006.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
}

#cafeBlockbase06:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


#cafeBlockbase05 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1005.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
}

#cafeBlockbase05:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


#cafeBlockbase04 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1004-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
}

#cafeBlockbase04:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

#cafeBlockbase03 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/img/cafe1003-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase03:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

#cafeBlockbase02 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/images/cafe1002t.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase02:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


#cafeBlockbase01 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/images/cafe1001t.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase01:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


#cafeBlockbase12 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/images/cafe0912t.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase12:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

#cafeBlockbase11 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/images/cafe0911.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase11:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}



#cafeBlockbase {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	background-image: url(../../cafe/images/cafe0910-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 250px;
}

#cafeBlockbase:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

div#cafeBlockbasecopy {
	float: left;
	margin-top: 130px;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 450px;
}
div#cafeBlockhamami {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 680px;
	zoom: 1;
	padding: 10px;
	margin-right: 0px;
	border: 3px solid #9C9;
}

div#cafeBlockhamami:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}


div#cafeColhamami {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	width: 710px;
	zoom: 1;
	padding: 0px;
	margin-right: auto;
	background-image: url(../../cafe/img/cafe1004-03.gif);
	text-align: center;
}
div#cafeColhamami:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
	
div#cafeColhamamiCopy {
	margin-top: 10px;
	padding: 20px;	
}


div#cafeColhamamiCopy2 {
	margin-top: 10px;
	padding: 20px;
	float: left;
	width: 510px;
}
div#cafeColhamamiTOP {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	width: 700px;
}



div#cafeHAYAMIcopy {
	float: left;
	margin-top: 160px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 500px;
}
div#cafeHAYAMIcopy2 {
	float: left;
	margin-top: 130px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 500px;
}



#cafeBlock-0910 {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-image: url(../../cafe/images/cafe0910-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
	height: 180px;
}

#cafeBlock-0910:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}

div#cafeBlock-0910copy {
	float: right;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 250px;
	margin-right: 0px;
}


.cafecopy{
	width: 450px;
	float: left;
	margin-bottom: 30px;
}
.cafeBlock {
	position: relative;
	width: 739px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	zoom: 1;
	text-align: left;
}

.cafeBlock:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
/*バックナンバー*/
#NATURALtopBACKNUMBER{
	margin: 0px;
	padding: 0px;
	width: 251px;
}
#NATURALtopBACKNUMBER ul{
	margin: 0px;
	padding: 0px;
}
#NATURALtopBACKNUMBER li.st{
	margin: 5px 0 0 ;
	padding:0 0 0 20px;
	list-style:none;
	font-size: 1.25em;
	background: url(../../images/top-backnumber-list.gif) no-repeat left top;
}

#NATURALtopBACKNUMBER li.people{
	margin: 5px 0 0 ;
	padding:0 0 0 20px;
	list-style:none;
	font-size: 1.25em;
	background: url(../../images/top-backnumber-list.gif) no-repeat left top;
}

#NATURALtopBACKNUMBER li.cafe{
	margin: 5px 0 0 ;
	padding:0 0 0 20px;
	list-style:none;
	font-size: 1.25em;
	background: url(../../images/top-backnumber-list.gif) no-repeat left top;
}

#NATURALtopBACKNUMBER hr{
	color: #ccc;
    }


/*今月のプレゼント*/
p.NATURALtopPRESENTtitle{
	font-size: 1.375em;
	font-weight: bold;
	color: #306A00;
}
p.NATURALtopPRESENTtext{
	font-size: 1.25em;
}



/* link -------------------- */

div.linkArea {
	position: relative;
	width: 738px;
	margin:0;
	padding: 0;
	border-top: 3px solid #999999;
}

div.linkArea dl {
	font-size: 0;
	line-height: 0;
}

div.linkArea dl dt {
	position: absolute;
	top: 10px;
	left: 0;
}

div.linkArea dl dd {
	margin-left: 203px;
}

div.linkArea dl dd li {
	display: inline;
	padding-right: 12px;
}

div.linkArea ul.btn {
	position: absolute;
	top: 7px;
	right: 0;
	margin:0;
	padding:0;
	text-align:right;
	font-size: 0;
	line-height: 0;
}

div.linkArea ul.btn li {
	display: inline;
}


#libra
{
	width: 739px;
	text-align: right;
	clear: both;
	margin-top: 0px;
	margin-bottom: 40px;
}



/*slowly*/
.stcopy{
width: 600px;
}

.slowlyTextblock{
	width: 470px;
	font-size: 120%;
	font-weight: bold;
	color: #006600;
	background-image: url(../../slowly/img/slowly-mback.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 0px;
	height: 35px;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	margin-bottom: 5px;
}



.slowlyTextblock2{
	width: 400px;
	font-size: 120%;
	font-weight: bold;
	background-color:#E6FFDF;
	color:#060;
	line-height:160%;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #090;
}



.stcopy{
width: 600px;
}


.stcopy2{
width: 470px;
margin-bottom: 10px;
}


.stcopy3{
	width: 470px;
	float: right;
	margin-bottom: 10px;
}


.stcopy4{
width: 460px;
margin-bottom: 10px;
}


.stcopy5{
	width: 420px;
	float: right;
	margin-bottom: 10px;
}



.slowlycopy {
	position: relative;
	width: 739px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	zoom: 1;
}

.slowlycopy:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.case dt {
        float: left;
        width: 1em;
		margin-bottom: 4px; 
}
.case dd {
        margin-left: 1em;
		margin-bottom: 4px; 
}

.case dl {
	margin-top: 2px;
	margin-bottom: 1px; 
}
#Columnblock {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	vertical-align: top;
	padding: 0px;
	zoom: 1;
}
#Columnblock:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


#Columnblock {
	position: relative;
	width: 739px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	vertical-align: top;
	padding: 0px;
	zoom: 1;
}
#Columnblock:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


#ColumnblockmainContent {
	position: relative;
	width: 700px;
	text-align: left;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}



#Columnblockmain {
	position: relative;
	width: 739px;
	text-align: center;
	background-image: url(../../slowly/img/slowly-column-bottom.gif);
	background-repeat: no-repeat;
	margin: 0px;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}


/*『ナチュラルびと』をたずねて*/
#PeopleProfile{
	padding: 0px;
	width: 230px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-size: 90%;
}


#PeopleHeader {
	padding: 0px;
	width: 740px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	zoom: 1;
}

#PeopleHeader:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#PeopleMain{
	padding: 0px;
	width: 740px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	zoom: 1;
}

#PeopleMain:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}



.Peopleconts {
	padding: 0px;
	width: 739px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	zoom: 1;
}
.Peopleconts:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


/* --------------------------------------------------------------------------------------
 library
--------------------------------------------------------------------------------------- */

div.libraryBox {
	width: 680px;
	padding-bottom: 20px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

div.libraryBtn {
	width: 650px;
	padding-bottom: 0px;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

div.library2Box {
	width: 680px;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: left;
}


div#ctArea dl.libraryLink {
	width: 680px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	text-align: left;
}


/* layout -------------------- */

div#ctArea {
	width: 680px;
	margin-left: 15px;
	text-align: left;
}

div#ctArea a:link,
div#ctArea a:visited,
div#ctArea a:hover,
div#ctArea a:active {
	color: #0066CC;
	text-decoration: underline;
}



div#ctArea dl.libraryLink dt {
	clear: both;
}

div#ctArea dl.libraryLink dd {
	padding-bottom: 25px;
	padding-left: -20px;
	margin-left: -20px;
}

div#ctArea dl.libraryLink dd ul{
	margin-top: 8px;
	text-align: left;
}
dl.libraryLink dd ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.libraryLink dd ul { display:inline-block; }
/*\*/
* html dl.libraryLink dd ul { height:1%; }
dl.libraryLink dd ul { display:block; }
/**/

div#ctArea dl.libraryLink dd li {
	float: left;
	width: 190px;
	margin-right: 10px;
	list-style-type: none;
	margin-left: 0px;
}
dl.libraryLink dd li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
dl.libraryLink dd li { display:inline-block; }
/*\*/
* html dl.libraryLink dd li { height:1%; }
dl.libraryLink dd li { display:block; }
/**/

div#ctArea dl.libraryLink dd li.nomg {
	margin-right: 20px;
}

div#ctArea dl.libraryLink dd li span {
	display: block;
	font-size: 86%;
}

div#ctArea dl.libraryLink dd li span.imgBox {
	display: block;
	float: left;
	width: 77px;
	margin-right: 10px;
	padding: 4px 0 6px;
	background: url(../library/img/library_bg01.jpg) no-repeat;
	text-align: center;
}
.pagetop{
	margin-bottom: 10px;
	margin-left: auto;
	text-align: right;
	width: 640px;
	margin-top: 10px;
	margin-right: auto;
}



#conceptBlock {
	position: relative;
	width: 739px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background-image: url(../../img/concept.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	zoom: 1;
}

#conceptBlock:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}




div#conceptBlock h2 {
	text-indent:-9999px;
}



div#conceptBlock-p {
	width: 580px;
	margin-top: 60px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 20px;
	color: #093;
}
.lay-bottom10 {
	margin-bottom: 10px;
	}
	
#PeopleProfile3 {
	width: 240px;
	margin:0;
	padding:0;
	background-image: url(../../people/img/people-profile02.gif);
	background-repeat: repeat-y;
	}
	
#PeopleProfile3 p{
	padding:0 8px;
	}

	

#titleSlow {
	position: relative;
	width: 739px;
	text-align: left;
	background-image: url(../../slowly/img/1004/slowly-image.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 220px;
}
#titleSlowCOPY {
	position: relative;
	width: 600px;
	text-align: left;
	margin: 0px;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}


#Hamaicopy {
	width: 660px;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#HamaiTop {
	width: 710px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#HamaiBottom {
	width: 710px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}