@charset "Shift_JIS";

/* =====================================================

	[ファイル名]	common.css
	
	[概要]	「省エネライフ」共通スタイル

===================================================== */

/* ----------------------------------------------------
　　1.  Base
	--------------------------------------------------- */
	
html { overflow-y: scroll; }

img[width="180"] { width: 180px; }

#bodyContent sub {
	font-size: 75%;
	vertical-align: bottom;
}

#bodyContent sup {
	font-size: 75%;
	vertical-align: top;
}

#bodyContent .alpha { font: 140% "Times New Roman", Times, serif; }

#contents div,
#contents a,
#contents img,
#contents h2{
	box-sizing: content-box;
	text-decoration: none;
}
#contents td{
	vertical-align: middle;
}
.plugin img{ display: inline-block; }
.txtAlignC img{margin: auto; display: inline-block; }

/*	Column
--------------------------------------- */

.Column1 { margin: 0px 0px 30px; }

.Column1 p { margin: 0px 0px 15px; }

.Column2 { margin: 0px 0px 15px; }

.btmBd1 {
	margin: 0px 0px 30px;
	padding: 0px 0px 30px;
	border-bottom: 1px dotted #CCC;
}

/*	Title
--------------------------------------- */

#bodyContent h2#pageTitle {
	width: 655px;
	height: 100px;
	padding: 20px 30px;
	line-height: 100px;
	margin: 0px 0px 20px;
}

#bodyContent h2 { border-bottom: 3px solid #009963; }

#bodyContent h3.patt1 {
	background: #ebf5e2;
	border-left: 7px solid #469614;
}

#bodyContent h3.patt2 {
	color: #fff;
	background: #9dcc6f;
}

#bodyContent h3.patt3 { border-bottom: 2px dotted #009963; }

#bodyContent h4.patt1 {
	color: #009963;
	font-size: 160%;
	padding: 6px 0px;
}

#bodyContent h4.patt1 span {
	float: left;
	display: table;
	background: #009963 url(../images/h4_point.png) no-repeat right center;
	margin: 0px 15px 0px 0px;
	padding: 4px 20px 4px 12px;
	color: #FFF;
	font-size: 60%;
	font-weight: bold;
	line-height: 130%;
}

#bodyContent h4.patt1 span.twoline { margin: 0px 15px 1em 0px; }

#bodyContent h4.patt2 {
	color: #fff;
	background: #9dcc6f;
}

#bodyContent h4.patt3 {
	color: #009963;
	border: 1px solid #009963;
}

#bodyContent h5.patt1 {
	background: url(../../shared_lib/images/cursorGreen.png) no-repeat left 10px;
	padding: 5px 20px 5px 20px;
}

#bodyContent h5.patt2 {
	background: url(../../shared_lib/images/cursor.gif) no-repeat left 0.5em;
	padding: 0px 20px 0px 20px;
}

#bodyContent h5 span {
	color: #009963;
	margin: 0px 6px 0px 0px;
}

/*	Text
--------------------------------------- */

#bodyContent .caption { font-size: 80%; }

#bodyContent .pct { margin: 15px 0px; }

/*	List
--------------------------------------- */

#bodyContent ol {
	list-style: decimal;
	margin: 0px 0px 15px 2em;
}

#bodyContent ul.ListArrow01 li {
	background: url(../../shared_lib/images/cursor.gif) no-repeat left 0.5em;
	padding: 0px 0px 0px 20px;
}

/*	Link
--------------------------------------- */

#bodyContent .noborder {
	border: none;
	outline: none;
}

#bodyContent .MoreLink1 {
	background: url(../../shared_lib/images/cursorGreen.png) no-repeat right 10px;
	text-align: right;
	padding: 5px 20px 5px 10px;
}

#bodyContent .MoreLink2 {
	background: #edf3dd;
	text-align: center;
	margin: 15px 0px;
	padding: 10px 0px;
}

#bodyContent .MoreLink2 a {
	padding: 0px 25px 0px 0px;
	background: url(../../shared_lib/images/cursorGreen.png) no-repeat right center;
}

#bodyContent .NextLink { margin: 30px 0px 60px; }

#bodyContent .blank a {
	background: url(../images/icon_blank.png) no-repeat right center;
	padding: 0px 25px 0px 0px;
}

#bodyContent a,
#contentBCrumb li a{ 
	color: #0000EE !important;
	text-decoration: underline !important;
}
#bodyContent a:hover,
#contentBCrumb li a:hover{ 
	color: #FF0000 !important;
	text-decoration: none !important;
}
.bodyNavi01 dt h2 a:hover{text-decoration: underline !important;}



/*	Box
--------------------------------------- */

#bodyContent .box1 {
	padding: 10px 20px;
	margin: 15px 0px;
	border: 1px solid #87ac1e;
}

#bodyContent .box2 {
	padding: 10px 20px;
	margin: 15px 0px;
	border: 5px solid #fafae1;
}

#bodyContent .box3 {
	padding: 10px 20px;
	margin: 15px 0px;
	border: 5px solid #edf3dd;
}

/* ----------------------------------------------------
　　2.  Side
	--------------------------------------------------- */

#sideMenu h3 { background: #fafae1; }

.bodyNavi01 dt h2 { background: #009963; }

.bodyNavi01 dt h2 a {
	display: block;
	color: #fff;
	line-height: 60px;
}

.bodyNavi01 dt h2 a:hover { text-decoration: underline; }

/*	ecolifeNav
--------------------------------------- */

.ecolifeNav {
	background: #fafae1;
	padding: 0px 5px 1px;
}

.ecolifeNav dd {
	padding-bottom: 0px;
	margin-bottom: 5px;
}

.ecolifeNav dd div { background: url(../../shared_lib/images/cursorGreen.png) #FFF 9px 10px no-repeat; }

.bodyNavi01 dd div:hover { background: url(../../shared_lib/images/cursorGreen.png) #ebf5e2 9px 10px no-repeat; }

.bodyNavi01 dd div.open, 
.bodyNavi01 dd div.current {
	background: url(../../shared_lib/images/cursorGreenUnder.png) #9dcc6f 9px 10px no-repeat;
	color: #FFF;
}

.bodyNavi01 dd div.current2 {
	background: url(../../shared_lib/images/cursorGreen.png) #9dcc6f 9px 10px no-repeat;
	color: #FFF;
}

.bodyNavi01 dd div.open:hover { background-color: #9dcc6f; }

/* .bodyNavi01 dd ul { padding: 0px; } */

.bodyNavi01 dd ul li a:hover,
.bodyNavi01 dd ul li.current a { background: url(../../shared_lib/images/cursor.gif) #ebf5e2 13px 11px no-repeat; }

/*	sideBanner
--------------------------------------- */

ul#sideBanner {
	background: #edf3dd;
	padding: 10px 10px 5px;
	margin: 0px 0px 15px;
}

ul#sideBanner li { margin: 0px 0px 5px; }


/* ----------------------------------------------------
	3.  Footer
	--------------------------------------------------- */

#contentFoot {
	width: 100%;
	margin: 40px 0px 0px;
	border-top: 1px solid #e6e6e6;
}

#contentFoot_inner {
	width: 960px;
	margin: 0px auto;
	font-size: 100%;
	line-height: 160%;
}

/*	footNav
--------------------------------------- */

.footNav {
	padding: 40px 0px;
	border-bottom: 1px solid #e6e6e6;
}

.footNav ul {
	float: left;
	width: 300px;
	margin: 0px 30px 0px 0px;
}

.footNav ul.last { margin: 0px; }

.footNav ul li {
	background: url(../../shared_lib/images/cursor.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 5px;
}

.footNav ul li a { color: #000; text-decoration: underline !important; }

.footNav ul li a:hover { color: #FF0000; text-decoration: none !important;}

.footNav ul li.title {
	display: block;
	padding: 0px 0px 5px;
	margin: 20px 0px 10px;
	border-bottom: 1px solid #009963;
	background: url(../../shared_lib/images/cursor.gif) no-repeat right center;
	font-weight: bold;
}

.footNav ul li.sub { background: url(none); }

.footNav ul li.sub a { margin: 0px 0px 0px 10px; }

.footNav.last { border-bottom: none; }

.footNav.last ul.last { width: 630px; }

.footNav.last ul.last li {
	float: left;
	width: 300px;
}

.footNav.last ul.last li.title { width: 630px; }


/* ----------------------------------------------------
　　4.  indexNav
	--------------------------------------------------- */

#indexNav {
	padding: 5px 0px 0px 5px;
	margin: 15px 0px;
	background: #edf3dd;
}

#indexNav ul li {
	margin: 0px 5px 5px 0px;
	float: left;
	width: 305px;
	padding: 15px 20px;
	box-sizing: content-box;
}

#indexNav ul li strong {
	display: block;
	padding: 0px 20px;
	margin: 0px 0px 10px;
	background: url(../../shared_lib/images/cursorGreen.png) no-repeat left 0.5em;
}

/* ----------------------------------------------------
　　5.  Float Layout
	--------------------------------------------------- */

#Intro { padding: 0px 0px 15px; }

#Intro .photo, .twoColumn .pct {
	float: left;
	width: 200px;
	margin: 0px !important;
}

#Intro .photo { margin: 0px 0px 15px !important; }

#Intro .txt, .twoColumn .txt {
	float: right;
	width: 500px;
}

.twoColumn { margin: 0px 0px 20px; }

/*	Movie
--------------------------------------- */
	
#Movie .flash {
	float: left;
	width: 300px;
	margin: 0px !important;
	background: #f8e6f4;
	padding: 10px;
}

#Movie .txt {
	float: right;
	width: 360px;
}

#Movie .plugin {
	padding: 10px 20px;
	margin: 15px 0px;
	border: 1px solid #f2f2f2;
	font-size: 80%;
}

/* ----------------------------------------------------
　　6.  faq
	--------------------------------------------------- */

.faq dl dt {
	float: left;
	width: 30px;
	padding: 0px 5px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 40px !important;
	box-sizing: content-box;
}

.faq dl dt.q { background: #9dcc6f !important; }

.faq dl dt.a { background: #009963 !important; }

.faq dl dd {
	display: block;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 60px;
}

.faq dl dd.q {
	font-weight: bold;
	line-height: 40px !important;
}

.faq dl dd.a strong {
	color: #009963;
	line-height: 40px !important;
}