@charset "Shift_JIS";

body {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: smaller;

	line-height: 1.75em;

	color: #555;

	background: url(img/bg_all.gif) center repeat-y #FFF;

	margin: 0px;

	padding: 0px;

	}

a:link {

	color:#329AD5;

	text-decoration: underline;

	}

a:visited {

	color:#329AD5;

	text-decoration: underline;

	}

a:hover {

	color: #FF6666;

	text-decoration: underline;

	}

ul {

	margin:0;

	padding:0;

	}

li {

	margin:0;

	padding:0;

	list-style:none;

	}

ol li {

	list-style-type:decimal;

	}

h1,h2,h3,h4,h5 {

	margin:0;

	padding:0;

	}

.clear {

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

	}

a img {

	border:none;

	color:#FFFFFF;

	background:transparent;

	}

u {

	border-bottom:2px dotted #FF6666;

	text-decoration:none;

	}



/*/////////////////////////////////////*/

#header {

	background: url(img/bg_header.gif) center top #FFF;

	}

#menu {

	width:815px;

	height:64px;

	margin:0 auto;

	padding:40px 0 6px;

	}



h1 a {

	float:left;

	width:56px;

	height:64px;

	background:url(img/img_logo.gif) no-repeat;

	display:block;

	overflow:hidden;

	text-indent:-9999px;

	}



#menu ul {

	width:746px;

	height:53px;

	float:right;

	}

#menu li {

	float:left;

	margin:0;

	padding:0;

	text-indent:-9999px;

	}

#menu li a {

	display:block;

	overflow:hidden;

	}



#homebody #menu li.home a {

	background:url(img/bt_home_d.gif) no-repeat;

	}

#menu li.home {

	background:url(img/bt_home_o.gif) no-repeat;

	}

#menu li.home a {

	width:76px;

	height:53px;

	background:url(img/bt_home.gif) no-repeat;

	}

#menu li.home a:hover {

	background:none;

	}



#kawarabanbody #menu li.kawaraban a {

	background:url(img/bt_kawaraban_d.gif) no-repeat;

	}

#menu li.kawaraban {

	background:url(img/bt_kawaraban_o.gif) no-repeat;

	}

#menu li.kawaraban a {

	width:170px;

	height:53px;

	background:url(img/bt_kawaraban.gif) no-repeat;

	}

#menu li.kawaraban a:hover {

	background:none;

	}



#businessbody #menu li.business a {

	background:url(img/bt_business_d.gif) no-repeat;

	}

#menu li.business {

	background:url(img/bt_business_o.gif) no-repeat;

	}

#menu li.business a {

	width:99px;

	height:53px;

	background:url(img/bt_business.gif) no-repeat;

	}

#menu li.business a:hover {

	background:none;

	}



#introductionbody #menu li.introduction a {

	background:url(img/bt_introduction_d.gif) no-repeat;

	}

#menu li.introduction {

	background:url(img/bt_introduction_o.gif) no-repeat;

	}

#menu li.introduction a {

	width:201px;

	height:53px;

	background:url(img/bt_introduction.gif) no-repeat;

	}

#menu li.introduction a:hover {

	background:none;

	}



#cobody #menu li.co a {

	background:url(img/bt_co_d.gif) no-repeat;

	}

#menu li.co {

	background:url(img/bt_co_o.gif) no-repeat;

	}

#menu li.co a {

	width:85px;

	height:53px;

	background:url(img/bt_co.gif) no-repeat;

	}

#menu li.co a:hover {

	background:none;

	}



#menu li.contact {

	background:url(img/bt_contact_o.gif) no-repeat;

	}

#menu li.contact a {

	width:115px;

	height:53px;

	background:url(img/bt_contact.gif) no-repeat;

	}

#menu li.contact a:hover {

	background:none;

	}



/*/////////////////////////////////////*/

#contain {

	clear:both;

	background: url(img/bg_main.jpg) center top repeat-x;

	}

#wrapper {

	width:840px;

	margin:0 auto;

	text-align:left;

	}



/*トップ-------------------------------------*/

#topmain {

	width:840px;

	height:335px;

	}



#news {

	float:left;

	width:395px;

	height:135px;

	margin-left:10px;

	}

a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	opacity: 0.8;

	}



#message {

	float:right;

	width:405px;

	height:130px;

	background:url(top/bg_message.jpg) no-repeat;

	}

#message p {

	padding:15px 15px 15px 165px;

	margin:0;

	font-size:12px;

	line-height:18px;

	}



#business {

	float:left;

	width:550px;

	height:175px;

	background:url(top/bg_business.gif) no-repeat;

	margin-top:10px;

	}

#business h2 {

	float:left;

	margin:20px 0 0 0;

	padding:0;

	width:100px;

	height:25px;

	background:url(top/t_business.gif) no-repeat 20px 0;

	text-indent:-9999px;

	}

#homebody #business h2.t_business {

	float:left;

	margin:20px 0 0 20px;

	padding:0;

	width:80px;

	height:25px;

	background:url(top/t_business.gif) no-repeat;

	text-indent:-9999px;

	}

#business li {

	float:left;

	text-indent:-9999px;

	}

#business li a {

	display:block;

	overflow:hidden;

	width:88px;

	height:109px;

	}



#business li.bt01 {

	background:url(top/bt_01_o.jpg) no-repeat;

	margin:20px 0 0;

	}

#business li.bt01 a{

	background:url(top/bt_01.jpg) no-repeat;

	}

#business li.bt01 a:hover {

	background:none;

	}



#business li.bt02 {

	background:url(top/bt_02_o.jpg) no-repeat;

	margin:20px 0 0 24px;

	}

#business li.bt02 a{

	background:url(top/bt_02.jpg) no-repeat;

	}

#business li.bt02 a:hover {

	background:none;

	}



#business li.bt03 {

	background:url(top/bt_03_o.jpg) no-repeat;

	margin:20px 0 0 24px;

	}

#business li.bt03 a{

	background:url(top/bt_03.jpg) no-repeat;

	}

#business li.bt03 a:hover {

	background:none;

	}



#business li.bt04 {

	background:url(top/bt_04_o.jpg) no-repeat;

	margin:20px 0 0 24px;

	}

#business li.bt04 a{

	background:url(top/bt_04.jpg) no-repeat;

	}

#business li.bt04 a:hover {

	background:none;

	}



#business li.bt05 {

	background:url(top/bt_05_o.jpg) no-repeat;

	margin:20px 0 0 24px;

	}

#business li.bt05 a{

	background:url(top/bt_05.jpg) no-repeat;

	}

#business li.bt05 a:hover {

	background:none;

	}





#business li.all {

	background:url(top/bt_all_o.gif) no-repeat;

	width:82px;

	height:25px;

	margin:20px 0 0;

	}

#business li.all a{

	background:url(top/bt_all.gif) no-repeat;

	width:82px;

	height:25px;

	}

#business li.all a:hover {

	background:none;

	}



#bn {

	float:right;

	width:238px;

	margin-top:10px;

	}

#bn li {

	float:left;

	margin:0;

	padding:0;

	text-indent:-9999px;

	}

#bn li a {

	display:block;

	overflow:hidden;

	width:238px;

	height:88px;

	}

#bn li.rinnai {

	background:url(top/bn_rinnai_o.gif) no-repeat;

	}

#bn li.rinnai a {

	background:url(top/bn_rinnai.gif) no-repeat;

	}

#bn li.rinnai a:hover {

	background:none;

	}

#bn li.harman {

	background:url(top/bn_harman_o.gif) no-repeat;

	}

#bn li.harman a {

	background:url(top/bn_harman.gif) no-repeat;

	}

#bn li.harman a:hover {

	background:none;

	}



/*メイン部分共通-------------------------------------*/

#main {

	float:right;

	width:600px;

	margin-top:13px;

	}

h2 {

	width:600px;

	height:70px;

	text-indent:-9999px;

	margin-bottom:25px;

	}

h3{

	margin:30px 0 15px;

	}



.syouhin {

	clear:both;

	margin:20px 0 0;

	padding:20px 0 0;

	border-top:1px dotted #CCC;

	}

.syouhin p {

	margin:7px 0 0;

	padding:0;

	}

li.zoom a {

	padding:7px 0 7px 83px;

	background:url(img/icon_zoom.gif) no-repeat 0;

	display:block;

	overflow:hidden;

	display:inline;

	line-height:2.3em;

	}

li.zoom a:hover {

	background:url(img/icon_zoom_o.gif) no-repeat 0;

	}



.nosp {

	margin:0;

	}

.sp-top20 {

	margin-top:20px;

	}

.sp-top25 {

	margin-top:25px;

	}

img.left {

	float:left;

	margin-right:15px;

	}

.small {

	font-size:10px;

	line-height:16px;

	}





/*------------タイトル・イントロ*/

#kawarabanbody #main h2 {

	background:url(kawaraban/img/title.gif) no-repeat;

	}



#main h2.gas {

	background:url(business/gas/title.jpg) no-repeat;

	}

#main #gasintro {

	background:url(business/gas/bg_intro.gif) right top no-repeat;

	}



#main h2.oil {

	background:url(business/oil/title.jpg) no-repeat;

	}

#main #oilintro {

	background:url(business/oil/bg_intro.gif) right top no-repeat;

	}



#main h2.reform {

	background:url(business/reform/title.jpg) no-repeat;

	}

#main #reformintro {

	background:url(business/reform/bg_intro.gif) right top no-repeat;

	}



#main h2.benri {

	background:url(business/benri/top/title.jpg) no-repeat;

	}

#main #benriintro {

	background:url(business/benri/top/bg_intro.gif) right top no-repeat;

	}

#main h2.benri2 {

	background:url(business/benri/qa/title.jpg) no-repeat;

	}



#main h2.solor {

	background:url(business/solor/top/title.jpg) no-repeat;

	}

#main #solorintro {

	background:url(business/solor/top/bg_intro.jpg) right top no-repeat;

	padding-bottom:25px;

	}



#main h2.solor1 {

	background:url(business/solor/what/title.jpg) no-repeat;

	}

#main #solor1intro {

	background:url(business/solor/what/bg_intro.gif) right top no-repeat;

	}



#main h2.solor2 {

	background:url(business/solor/merit/title.jpg) no-repeat;

	}



#main h2.solor3 {

	background:url(business/solor/cost/title.jpg) no-repeat;

	}



#main h2.solor4 {

	background:url(business/solor/flow/title.jpg) no-repeat;

	}



#main h2.solor5 {

	background:url(business/solor/qa/title.jpg) no-repeat;

	}



#main h2.concept {

	background:url(co/concept/title.jpg) no-repeat;

	}

#main #conceptintro {

	background:url(co/concept/bg_intro.gif) right top no-repeat;

	}



#main h2.outline {

	background:url(co/outline/title.jpg) no-repeat;

	margin-bottom:15px;

	}



#main h2.eco {

	background:url(co/eco/title.jpg) no-repeat;;

	}



#main h2.introduction {

	background:url(introduction/img/title.gif) no-repeat;

	}

#main #introductionintro {

	background:url(introduction/img/bg_intro.gif) right top no-repeat;

	}



#main h2.privacy {

	background:url(privacy/img/title.gif) no-repeat;

	}



#main h2.sitemap {

	background:url(sitemap/img/title.gif) no-repeat;

	}



#main #gasintro p,#main #oilintro p,#main #reformintro p,#main #solorintro p,#main #solor1intro p,#main #conceptintro p,#main #ecointro p,#main #introductionintro p {

	margin-top:20px;

	padding:0;

	}





/*左メニュー共通-------------------------------------*/

#sidemenu {

	float:left;

	width:210px;

	}

#sidemenu li {

	float:left;

	margin:0;

	padding:0;

	text-indent:-9999px;

	width:210px;

	height:39px;

	}

#sidemenu li a {

	display:block;

	overflow:hidden;

	width:210px;

	height:39px;

	}



#sidemenu #soudan {

	margin-top:20px;

	width:210px;

	height:93px;

	background:url(img/img_soudan.gif) no-repeat;

	text-indent:-9999px;

	float:left;

	}





/*取扱い商品-------------------------------------*/



#businessbody #sidemenu #title {

	background:url(business/img/title.gif) no-repeat;

	width:210px;

	height:54px;

	text-indent:-9999px;

	float:left;

	}



#businessbody #sidemenu li.bt01now {

	background:url(business/img/bt_01_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt01 {

	background:url(business/img/bt_01_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt01 a {

	background:url(business/img/bt_01.gif) no-repeat;

	}

#businessbody #sidemenu li.bt01 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt02now {

	background:url(business/img/bt_02_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt02 {

	background:url(business/img/bt_02_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt02 a {

	background:url(business/img/bt_02.gif) no-repeat;

	}

#businessbody #sidemenu li.bt02 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt03now {

	background:url(business/img/bt_03_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt03 {

	background:url(business/img/bt_03_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt03 a {

	background:url(business/img/bt_03.gif) no-repeat;

	}

#businessbody #sidemenu li.bt03 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt04now {

	background:url(business/img/bt_04_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt04 {

	background:url(business/img/bt_04_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt04 a {

	background:url(business/img/bt_04.gif) no-repeat;

	}

#businessbody #sidemenu li.bt04 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt05now {

	background:url(business/img/bt_05_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt05 {

	background:url(business/img/bt_05_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt05 a {

	background:url(business/img/bt_05.gif) no-repeat;

	}

#businessbody #sidemenu li.bt05 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt06now {

	background:url(business/img/bt_06_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt06 {

	background:url(business/img/bt_06_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt06 a {

	background:url(business/img/bt_06.gif) no-repeat;

	}

#businessbody #sidemenu li.bt06 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt07now {

	background:url(business/img/bt_07_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt07 {

	background:url(business/img/bt_07_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt07 a {

	background:url(business/img/bt_07.gif) no-repeat;

	}

#businessbody #sidemenu li.bt07 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt08now {

	background:url(business/img/bt_08_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt08 {

	background:url(business/img/bt_08_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt08 a {

	background:url(business/img/bt_08.gif) no-repeat;

	}

#businessbody #sidemenu li.bt08 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt09now {

	background:url(business/img/bt_09_d.gif) no-repeat;

	height:43px;

	}

#businessbody #sidemenu li.bt09 {

	background:url(business/img/bt_09_o.gif) no-repeat;

	height:43px;

	}

#businessbody #sidemenu li.bt09 a {

	background:url(business/img/bt_09.gif) no-repeat;

	height:43px;

	}

#businessbody #sidemenu li.bt09 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt10now {

	background:url(business/img/bt_10_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt10 {

	background:url(business/img/bt_10_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt10 a {

	background:url(business/img/bt_10.gif) no-repeat;

	}

#businessbody #sidemenu li.bt10 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt11now {

	background:url(business/img/bt_11_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt11 {

	background:url(business/img/bt_11_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt11 a {

	background:url(business/img/bt_11.gif) no-repeat;

	}

#businessbody #sidemenu li.bt11 a:hover {

	background:none;

	}



#businessbody #sidemenu li.bt12now {

	background:url(business/img/bt_12_d.gif) no-repeat;

	}

#businessbody #sidemenu li.bt12 {

	background:url(business/img/bt_12_o.gif) no-repeat;

	}

#businessbody #sidemenu li.bt12 a {

	background:url(business/img/bt_12.gif) no-repeat;

	}

#businessbody #sidemenu li.bt12 a:hover {

	background:none;

	}



p.user {

	padding:5px 15px 0 15px;

	margin:0;

	}

p.user img {

	float:left;

	background:#FFF;

	padding:5px;

	border:1px solid #CCC;

	margin:5px 15px 0 0;

	}



#benriindex p {

	padding:0 0 10px 17px;

	background:url(business/benri/top/icon_menu.gif) no-repeat 0 0.2em;

	border-bottom:1px dotted #CCC;

	}

.benrimenu {

	font-size:1.1em;

	color:#FF6600;

	}



h3.question {

	padding:10px 0 0.5em 33px;

	border-top:1px dotted #CCC;

	font-size:1em;

	background:url(business/benri/qa/icon_q.gif) no-repeat 0 8px;

	}



/*かわらばん-------------------------------------*/



#kawarabanbody #sidemenu #title {

	background:url(kawaraban/img/t_index.gif) no-repeat;

	width:210px;

	height:47px;

	text-indent:-9999px;

	float:left;

	}

#kawarabanbody #sidemenu li {

	text-indent:0;

	background:url(kawaraban/img/icon_index.gif) no-repeat 0 14px;

	padding:10px 0 10px 20px;

	border-bottom:1px solid #E6E6E6;

	height:auto;

	margin:0 15px 0 7px;

	width:170px;

	}

#kawarabanbody #sidemenu li a {

	height:auto;

	width:170px;

	text-decoration:none;

	color:#555;

	}

#kawarabanbody #sidemenu li a:hover {

	color:#FF6666;

	text-decoration:underline;

	}

#kawarabanbody #sidemenu #newtitle {

	background:url(kawaraban/img/t_new.gif) no-repeat;

	width:210px;

	height:50px;

	text-indent:-9999px;

	float:left;

	margin-top:15px;

	}

#kawarabanbody #sidemenu #new li {

	background:url(kawaraban/img/icon_new.gif) no-repeat 0 14px;

	padding:7px 0 0 20px;

	border:none;

	}



#kawarabanbody h3 {

	background:url(kawaraban/img/bg_subt.gif) no-repeat top #FDC72F;

	font-size:14px;

	padding:7px 13px;

	margin:30px 0 0;

	}

#kawarabanbody h3 a {

	color:#329AD5;

	}

#kawarabanbody h3 a:hover {

	color:#FF6666;

	}

#kawarabanbody .date {

	background:url(kawaraban/img/bg_date.gif) ;

	font-size:10px;

	color:#666666;

	padding:5px 13px;

	}

#kawarabanbody .pagenavi {

	margin-top:25px;

	font-size:10px;

	color:#999;

	}

#kawarabanbody #corner {

	padding:7px 10px;

	border:1px solid #FDC72F;

	border-left:10px solid #FDC72F;

	font-size:14px;

	font-weight:bold;

	/*background:#FFF7E1;*/

	}



/*会社情報-------------------------------------*/



#cobody #sidemenu #title {

	background:url(co/img/title.gif) no-repeat;

	width:210px;

	height:54px;

	text-indent:-9999px;

	float:left;

	}



#cobody #sidemenu li.bt01now {

	background:url(co/img/bt_01_d.gif) no-repeat;

	}

#cobody #sidemenu li.bt01 {

	background:url(co/img/bt_01_o.gif) no-repeat;

	}

#cobody #sidemenu li.bt01 a {

	background:url(co/img/bt_01.gif) no-repeat;

	}

#cobody #sidemenu li.bt01 a:hover {

	background:none;

	}



#cobody #sidemenu li.bt02now {

	background:url(co/img/bt_02_d.gif) no-repeat;

	}

#cobody #sidemenu li.bt02 {

	background:url(co/img/bt_02_o.gif) no-repeat;

	}

#cobody #sidemenu li.bt02 a {

	background:url(co/img/bt_02.gif) no-repeat;

	}

#cobody #sidemenu li.bt02 a:hover {

	background:none;

	}



#cobody #sidemenu li.bt03now {

	background:url(co/img/bt_03_d.gif) no-repeat;

	height:43px;

	}

#cobody #sidemenu li.bt03 {

	background:url(co/img/bt_03_o.gif) no-repeat;

	height:43px;

	}

#cobody #sidemenu li.bt03 a {

	background:url(co/img/bt_03.gif) no-repeat;

	height:43px;

	}

#cobody #sidemenu li.bt03 a:hover {

	background:none;

	}



.bdtable {

	margin-top:10px;

	}



.bdtable td,.bdtable th {

	border-bottom:1px solid #CCCCCC;

	padding:10px 3px;

	text-align:left;

	vertical-align:top;

	}

.bdtable th {

	width:110px;

	}



/*取り組み-------------------------------------*/

.ansintb {

	margin:20px 0 0;

	}

.ansintb td ,.ansintb th {

	padding:20px 0;

	border-top:1px dotted #CCC;

	vertical-align:top;

	}

.ansintb th {

	padding-right:10px;

	}

.ansintb th.ls {

	padding-left:30px;

	}



/*サイトマップ-------------------------------------*/

#sitemapbody h3 {

	padding:7px 10px;

	border:1px solid #CCC;

	border-left:10px solid #CCC;

	font-size:14px;

	font-weight:bold;

	}

#sitemapbody h3 a:link,#sitemapbody p a:link {

	color:#329AD5;

	text-decoration: underline;

	}

#sitemapbody h3 a:visited,#sitemapbody p a:visited {

	color:#329AD5;

	text-decoration: underline;

	}

#sitemapbody h3 a:hover,#sitemapbody p a:hover {

	color: #FF6666;

	text-decoration: underline;

	}





/*/////////////////////////////////////*/

.pagetop {

	text-align:right;

	margin:20px auto 0;

	}

#homebody .pagetop {

	width:840px;

	text-align:right;

	margin:20px auto 0;

	}

/*/////////////////////////////////////*/

#footer {

	clear:both;

	margin-top:30px;

	height:70px;

	background:url(img/bg_footer.gif) center top repeat-x;

	}

#footer #name {

	width:840px;

	margin:0 auto;

	text-align:left;

	font-size:11px;

	color:#666;

	line-height:35px;

	}

#footer a:link,#footer a:visited {

	color:#666;

	text-decoration:none;

	}

#footer a:hover {

	color: #FF6666;

	text-decoration: underline;

	}

#footer #copy {

	width:840px;

	margin:0 auto;

	text-align:right;

	font-size:10px;

	font-family:Arial, Helvetica, sans-serif;

	color:#329AD5;

	line-height:35px;

	}