/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* 基本レイアウト
----------------------------------------------------------------------------------------------------*/

body {
	background: url(../img/site_bg.gif) top center no-repeat;
	height : 100%;
	width : 100%;
	padding: 0;
}


#container{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#header{
	width: 960px;
	margin : 0;
	padding : 0;
	display : block;
}

#content{
	width: 940px;
	margin : 15px 0 27px 0;
	padding : 0 10px;
	display : block;
}

#footer{
	width: 960px;
	background : url(../img/footer_bg.gif) 0 32px repeat-x;
	margin : 0;
	padding : 0;
	display : block;
}

/* ヘッダー部分
----------------------------------------------------------------------------------------------------*/
#header h1{
	width : 940px;
	height: 20px;
	margin : 0 auto;
	padding : 0;
}

#header_left{
	float : left;
	height : 90px;
	width : 560px;
	margin : 0 0 0 10px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

#header_left a{
	height : 60px;
	width : 560px;
	margin : 15px 0;
	padding : 0;
	display : block;
	background : url(../img/topbanner.gif) 0 0 no-repeat;
}

#header_left a:hover{
	background : url(../img/topbanner.gif) 0 -61px no-repeat;
}

#header_right{
	float : right;
	height : 90px;
	width : 380px;
	margin : 0 10px 0 0;
	padding : 0;
	display : block;
}

#header_right ul{
	height : 26px;
	width : 320px;
	margin : 0 0 20px 0;
	padding : 0;
	display : block;
	list-style : none;
}

#header_right li{
	float : left;
	height : 26px;
	width : 160px;
	margin : 0;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

#header_right li a{
	float : left;
	height : 26px;
	width : 160px;
	margin : 0;
	padding : 0;
	display : block;
}

li.head_company a{
	background : url(../img/headmenu_link.gif) 0 0 no-repeat;
}

li.head_company a:hover{
	background : url(../img/headmenu_link.gif) 0 -26px no-repeat;
}

li.head_contact a{
	background : url(../img/headmenu_link.gif) -160px 0 no-repeat;
}

li.head_contact a:hover{
	background : url(../img/headmenu_link.gif) -160px -26px no-repeat;
}

h2#image{
	height:360px;
	width : 940px;
	padding : 0;
	margin : 0 auto;
	display : block;
	background : url(../img/middle_img4_2.jpg) 0 0 no-repeat;
	text-indent : -9999px;
}

ul#grobal_menu{
	width : 938px;
	height : 47px;
	margin : 5px 0 0 0;
	padding : 0 11px 10px;
	display : block;
	background : url(../img/globalmenu_bg.gif) 0 0 repeat-x;
}

ul#grobal_menu li{
	float : left;
	width : 117px;
	height : 47px;
	margin : 0;
	padding : 0;
	display : block;
}

ul#grobal_menu li a{
	list-style : none;
	width : 117px;
	height : 47px;
	margin : 0;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

/*　トップメニュー　「トップページ」のボタン　*/
ul#grobal_menu li#grobal_toplink a{
	background : url(../img/grobalmenu_link.gif) 0 0 no-repeat;
}
ul#grobal_menu li#grobal_toplink a:hover,
ul#grobal_menu li#grobal_toplink a.active{
	background : url(../img/grobalmenu_link.gif) 0 -47px no-repeat;
}

/*　トップメニュー　「弊社について」のボタン　*/
ul#grobal_menu li#grobal_about a{
	background : url(../img/grobalmenu_link.gif) -117px 0 no-repeat;
}
ul#grobal_menu li#grobal_about a:hover,
ul#grobal_menu li#grobal_about a.active{
	background : url(../img/grobalmenu_link.gif) -117px -47px no-repeat;
}

/*　トップメニュー　「サービス」のボタン　*/
ul#grobal_menu li#grobal_service a{
	background : url(../img/grobalmenu_link.gif) -234px 0 no-repeat;
}
ul#grobal_menu li#grobal_service a:hover,
ul#grobal_menu li#grobal_service a.active{
	background : url(../img/grobalmenu_link.gif) -234px -47px no-repeat;
}

/*　トップメニュー　「施工事例」のボタン　*/
ul#grobal_menu li#grobal_sample a{
	background : url(../img/grobalmenu_link.gif) -351px 0 no-repeat;
}
ul#grobal_menu li#grobal_sample a:hover,
ul#grobal_menu li#grobal_sample a.active{
	background : url(../img/grobalmenu_link.gif) -351px -47px no-repeat;
}

/*　トップメニュー　「メンテナンス」のボタン　*/
ul#grobal_menu li#grobal_maintenance a{
	background : url(../img/grobalmenu_link.gif) -468px 0 no-repeat;
}
ul#grobal_menu li#grobal_maintenance a:hover,
ul#grobal_menu li#grobal_maintenance a.active{
	background : url(../img/grobalmenu_link.gif) -468px -47px no-repeat;
}

/*　トップメニュー　「お客様の声」のボタン　*/
ul#grobal_menu li#grobal_customer a{
	background : url(../img/grobalmenu_link.gif) -585px 0 no-repeat;
}
ul#grobal_menu li#grobal_customer a:hover,
ul#grobal_menu li#grobal_customer a.active{
	background : url(../img/grobalmenu_link.gif) -585px -47px no-repeat;
}

/*　トップメニュー　「よくある質問」のボタン　*/
ul#grobal_menu li#grobal_faq a{
	background : url(../img/grobalmenu_link.gif) -702px 0 no-repeat;
}
ul#grobal_menu li#grobal_faq a:hover,
ul#grobal_menu li#grobal_faq a.active{
	background : url(../img/grobalmenu_link.gif) -702px -47px no-repeat;
}

/*　トップメニュー　「ブログ」のボタン　*/
ul#grobal_menu li#grobal_blog a{
	background : url(../img/grobalmenu_link.gif) -819px 0 no-repeat;
}
ul#grobal_menu li#grobal_blog a:hover,
ul#grobal_menu li#grobal_blog a.active{
	background : url(../img/grobalmenu_link.gif) -819px -47px no-repeat;
}

#top_tel_image{
	height : 40px;
	width	:380px;
	display : block;
	background : url(../img/head_telbanner.gif) 0 0 no-repeat;
	margin : 0;
	padding : 0;
	text-indent : -9999px;
}





/*
	トップページ
*/


/* 各パーツレイアウト
----------------------------------------------------------------------------------------------------*/

#main,
#main2{
	float : right;
	height : 455px;
	width : 640px;
	margin : 0;
	padding : 0;
	display : block;
}

#main2{
	height : 100%;
}

#column,
#news,
#blog{
	height : 120px;
	width : 620px;
	margin : 0;
	padding : 0;
	display : block;
}

#news{
	margin : 0 0 0 20px;
}

#blog{
	margin : 10px 0 0 20px;
}

#column{
	margin : 10px 0 0 20px;
}

#column h4,
#news h4,
#blog h4{
	float : left;
	height : 28px;
	width : 458px;
	margin : 1px 0 0 2px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

#blog h4{
	background : url(../img/topinfo_blog_h4.gif) 0 0 no-repeat;
}

#news h4{
	background : url(../img/topinfo_news_h4.gif) 0 0 no-repeat;
}

#column h4{
	background : url(../img/topinfo_column_h4.gif) 0 0 no-repeat;
}

#column a.old,
#news a.old,
#blog a.old{
	float : right;
	height : 28px;
	width : 158px;
	margin : 1px 2px 0 0;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

#column a.old{
	background : url(../img/topinfo_column_a.gif) 0 0 no-repeat;
}

#column a.old:hover{
	background : url(../img/topinfo_column_hover.gif) 0 0 no-repeat;
}

#news a.old{
	background : url(../img/topinfo_news_a.gif) 0 0 no-repeat;
}

#news a.old:hover{
	background : url(../img/topinfo_news_hover.gif) 0 0 no-repeat;
}

#blog a.old{
	background : url(../img/topinfo_blog_a.gif) 0 0 no-repeat;
}

#blog a.old:hover{
	background : url(../img/topinfo_blog_hover.gif) 0 0 no-repeat;
}

#column ul,
#news ul,
#blog ul{
	height : 80px;
	width : 616px;
	margin : 0 auto;
	padding : 0 0 10px 0;
	display : block;
	overflow-y : hidden;
}

#column ul{
	background : url(../img/topinfo_column_ul.gif) 0 0 no-repeat;
}

#news ul{
	background : url(../img/topinfo_news_ul.gif) 0 0 no-repeat;
}

#blog ul{
	background : url(../img/topinfo_blog_ul.gif) 0 0 no-repeat;
}

#column li,
#news li,
#blog li{
	list-style : none;
	height : 24px;
	width : 520px;
	margin : 0 94px 0 2px;
	padding : 0;
	display : block;
	text-indent : 10px;
	border-bottom : 1px dashed #999;
}

#other{
	height : 110px;
	width : 620px;
	margin : 10px 0 0 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

#other a#staff{
	float : left;
	height : 110px;
	width : 300px;
	margin : 0;
	padding : 0;
	display : block;
	background : url(../img/staff.gif) 0 0 no-repeat;
}

#other a#staff:hover{
	background : url(../img/staff.gif) 0 -111px no-repeat;
}

#other a#leaf{
	float : right;
	height : 110px;
	width : 300px;
	margin : 0 0 0 20px;
	padding : 0;
	display : block;
	background : url(../img/leaflet.gif) 0 0 no-repeat;
}

#other a#leaf:hover{
	background : url(../img/leaflet.gif) 0 -110px no-repeat;
}

#contact{
	height : 70px;
	width : 620px;
	margin : 15px 0 0 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

#contact a{
	height : 70px;
	width : 620px;
	display : block;
	background : url(../img/top_telbanner.gif) 0 0 no-repeat;
}

#contact a:hover{
	background : url(../img/top_telbanner_hover.gif) 0 0 no-repeat;
}

/* メニュー部分
----------------------------------------------------------------------------------------------------*/

#menu{
	float : left;
/*	height : 913px; */
	height : 100%;
 	width : 300px;
	margin : 0;
	padding : 0;
	display : block;
}

#top_sample{
	height : 130px;
	width : 300px;
	margin : 0;
	padding : 0;
	display : block;
	background : url(../img/topmenu_sample_bg.gif) 0 0 no-repeat;
}

#top_sample h3,
#top_service h3{
	height : 30px;
	width : 300px;
	margin : 0;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

#top_sample a{
	height : 97px;
	width : 294px;
	margin : 0 auto;
	padding : 0;
	display : block;
	background : url(../img/sample_list.gif) 0 0 no-repeat;
	text-indent : -9999px;
}

#top_sample a:hover{
	background : url(../img/sample_list.gif) 0 -97px no-repeat;
}

#top_service{
	height : 305px;
	width : 300px;
	margin : 20px 0 0 0;
	padding : 0;
	display : block;
	background : url(../img/topmenu_service_bg.gif) 0 0 no-repeat;
	text-indent : -9999px;
}

#top_service a#solar{
	height : 140px;
	width : 290px;
	margin : 4px auto 0;
	padding : 0;
	display : block;
	background : url(../img/solar_power.gif) 0 0 no-repeat;
}

#top_service a#solar:hover{
	height : 140px;
	width : 290px;
	margin : 4px auto 0;
	padding : 0;
	display : block;
	background : url(../img/solar_power.gif) 0 -140px no-repeat;
}

#top_service a#eco,
#top_service a#windmill{
	height : 56px;
	width : 290px;
	margin : 4px auto 0;
	padding : 0;
	display : block;
}

#top_service a#windmill{
	background : url(../img/wind_power.gif) 0 0 no-repeat;
}

#top_service a#windmill:hover{
	background : url(../img/wind_power.gif) 0 -57px no-repeat;
}

#top_service a#eco{
	margin-top : 10px;
	background : url(../img/all_electric.gif) 0 0 no-repeat;
}

#top_service a#eco:hover{
	background : url(../img/all_electric.gif) 0 -57px no-repeat;
}
#menu a#storagePage,
#menu a#productsPage,
#menu a#sabidenki,
#menu a#sabanyan,
#menu a#sabaFace,
#menu a#sirius{
    width: 300px;
    height: 65px;
    border-bottom: 1px dotted #aaa;
    background: url(../img/sabanyanBanner.gif) 0 0 no-repeat;
    display: block;
    text-indent: -9999px;
}

#menu a#storagePage{
    background: url(../img/storageBanner.gif) 0 0 no-repeat;
}

#menu a#productsPage{
    background: url(../img/productsBanner.gif) 0 0 no-repeat;
}


#menu a#sabidenki{
    background: url(../img/sabidenkiBanner.gif) 0 0 no-repeat;
}

#menu a#sabaFace{
    background: url(../img/sabaFaceBanner.gif) 0 0 no-repeat;
}

#menu a#sirius{
    background: url(../img/siriusBanner.gif) 0 0 no-repeat;
}

#menu a#sabidenki:hover,
#menu a#sabanyan:hover,
#menu a#sabaFace:hover,
#menu a#sirius:hover{
    background: url(../img/sabanyanBannerHover.gif) 0 0 no-repeat;
    display: block;
}

#menu a#sabidenki:hover{
    background: url(../img/sabidenkiBannerHover.gif) 0 0 no-repeat;
}

#menu a#sabaFace:hover{
    background: url(../img/sabaFaceBannerHover.gif) 0 0 no-repeat;
}

#menu a#sirius:hover{
    background: url(../img/siriusBannerHover.gif) 0 0 no-repeat;
}


#top_links {
	height : 448px;
	width : 300px;
	margin : 20px 0 0 0;
	padding : 0;
	display : block;
}

/*
#top_links a#sanyo,
#top_links a#mitsubishi,
#top_links a#panasonic,
#top_links a#sharp,
#top_links a#zephyr,
#top_links a#jpec,
#top_links a#jpea{
	width : 300px;
	height : 50px;
	margin : 3px 0;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

#top_links a#sanyo{
	background : url(../img/sanyo_banner.gif) 0 0 no-repeat;
}

#top_links a#mitsubishi{
	background : url(../img/mitsubishi_banner.gif) 0 0 no-repeat;
}

#top_links a#panasonic{
	background : url(../img/panasonic_banner.gif) 0 0 no-repeat;
}

#top_links a#sharp{
	background : url(../img/sharp_banner.gif) 0 0 no-repeat;
}

#top_links a#zephyr{
	background : url(../img/zephyr_banner.gif) 0 0 no-repeat;
}

#top_links a#jpec{
	background : url(../img/jpec_banner.gif) 0 0 no-repeat;
}

#top_links a#jpea{
	background : url(../img/jpea_banner.gif) 0 0 no-repeat;
}
*/

/* フッター部分
----------------------------------------------------------------------------------------------------*/

ul#footer_menu{
	height : 30px;
	width : 920px;
	margin : 0;
	padding : 0 20px;
	display : block;
	background : #eee;
	border-top : 1px solid #999;
	border-bottom : 1px solid #999;
}

ul#footer_menu li{
	float : left;
	list-style : none;
	height : 20px;
	margin : 6px 0;
	padding : 0 10px;
	display : block;
	border-right : 1px solid #999;
}

ul#footer_menu li.left{
	border-left : 1px solid #999;
}

#footer_left{
	float : left;
	height : 120px;
	width : 545px;
	margin : 0;
	padding : 50px 0 0 10px;
	display : block;
	background : url(../img/fotter_P_bg.gif) left 50px no-repeat;
}

#footer_right{
	float : right;
	height : 160px;
	width : 395px;
	margin :  0;
	padding : 10px 10px 0 0;
	display : block;
	background : url(../img/fotter_P_bg.gif) right 50px no-repeat;
}

#footer_left p{
	margin : 5px 0 0;
	padding : 0;
	border : none;
}

#footer_right p#area{
	margin : 45px 0 0;
	padding : 5px;
	display : block;
	background : url(../img/footer_r_bg_1.gif);
}
#footer_right p#area span.area_head{
	text-align : left;
	height : 20px;
	width : 385px;
	margin : 0;
	padding : 0;
	display : block;
	background : url(../img/footer_r_span.gif) 0 0 no-repeat;
	text-indent : -9999px;
}

#footer_right p{
	margin : 10px 0 0 0;
	padding : 0;
	border : none;
}

ul#maker_links_1,
ul#maker_links_2,
ul#maker_links_3{
	height : 25px;
	margin : 0;
	padding : 0;
	display : block;
	background : #fff;
	list-style : none;
}

ul#maker_links_1,
ul#maker_links_2{
	width : 880px;
	height : 37px;
	margin : 25px auto 0;
	padding : 0;
	display : block;
	background : #fff;
	border-top : 1px solid #999;
	list-style : none;
}

ul#maker_links_2{
	margin : 10px auto 0;
        border: none;
}

ul#maker_links_3{
	width : 660px;
	height : 37px;
	margin : 10px auto 0;
	padding : 0;
	display : block;
	background : #fff;
	list-style : none;
}
/*
ul#maker_links_3{
	width : 440px;
	height : 37px;
	margin : 10px auto 25px;
	padding : 0 0 7px 0;
	display : block;
	background : #fff;
	border-bottom : 1px solid #999;
	list-style : none;
}
*/

ul#maker_links_1 li,
ul#maker_links_2 li,
ul#maker_links_3 li{
	float:left;
	width : 220px;
	height : 37px;
	display : block;
	margin : 3px 0;
}

ul#maker_links_1 li a#sanyo,
ul#maker_links_1 li a#mitsubishi,
ul#maker_links_1 li a#panasonic,
ul#maker_links_1 li a#sharp,
ul#maker_links_3 li a#zephyr,
ul#maker_links_3 li a#jpec,
ul#maker_links_3 li a#jpea,
ul#maker_links_2 li a#solarfrontier,
ul#maker_links_2 li a#cic,
ul#maker_links_2 li a#canadian,
ul#maker_links_2 li a#toshiba,
ul#maker_links_2 li a#qcells,
ul#maker_links_1 li a#kyocela{
	width : 220px;
	height : 37px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

ul#maker_links_1 li a#sanyo{
	background : url(../img/sanyo_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_1 li a#mitsubishi{
	background : url(../img/mitsubishi_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_1 li a#panasonic{
	background : url(../img/panasonic_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_1 li a#sharp{
	background : url(../img/sharp_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_3 li a#zephyr{
	background : url(../img/zephyr_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_3 li a#jpec{
	background : url(../img/jpec_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_3 li a#jpea{
	background : url(../img/jpea_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_2 li a#solarfrontier{
	background : url(../img/solarfrontier_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_2 li a#cic{
	background : url(../img/cic_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_2 li a#canadian{
	background : url(../img/canadian_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_2 li a#qcells{
	background : url(../img/qcells_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_2 li a#toshiba{
	background : url(../img/toshiba_banner2.gif) 0 0 no-repeat;
}

ul#maker_links_1 li a#kyocela{
	background : url(../img/kyocela_banner2.gif) 0 0 no-repeat;
}

span.copyright{
	margin-top : 5px;
	height : 10px;
}

/* 下層ページ
----------------------------------------------------------------------------------------------------*/

body#lower h2#image{
	height:200px;
	width : 940px;
	padding : 0;
	margin : 0 auto;
	display : block;
	text-indent : -9999px;
}

body#lower #main{
	float : right;
	height : 100%;
	width : 640px;
	margin : 0;
	padding : 0;
	display : block;
}
p.president_voice{
	height : 250px;
	width : 600px;
	margin : 10px 10px 20px 30px;
	padding : 0;
	display : block;
	border : none;
	background : url(../img/president.jpg) 0 0 no-repeat;
	text-indent : -9999px;
}

p.text{
	height : 100%;
	width : 600px;
	margin : 10px 10px 20px 30px;
	padding : 0;
	display : block;
	border : none;
}

body#lower #main p.text_left{
	height : 100%;
	width : 250px;
	margin : 10px 10px 20px 30px;
	padding : 10px 10px 10px 340px;
	display : block;
	border : none;
}

body#lower #main p.text_right{
	height : 100%;
	width : 250px;
	margin : 10px 10px 20px 30px;
	padding : 10px 340px 10px 10px;
	display : block;
	border : none;
}

body#lower #main_sample{
	height : 100%;
	width : 940px;
	margin : 0 auto;
	padding : 0;
	display : block;
}

body#lower ul#grobal_menu{
	background : url(../img/globalmenu_bg_lower.gif) 0 0 repeat-x;
}

body#lower a#contact_link{
	height : 80px;
	width : 600px;
	margin : 10px 10px 0 30px;
	padding : 0;
	display : block;
	border : none;
	background : url(../img/lower_telbanner.gif) 0 0 no-repeat;
	text-indent : -9999px;
}

body#lower a#contact_link:hover{
	background : url(../img/lower_telbanner_hover.gif) 0 0 no-repeat;
}


/* ジャパンインペックスについて
----------------------------------------------------------------------------------------------------*/

body#lower h2#image.about_image_h2{
	background : url(../img/h2_image_about.jpg);
}

h2#about_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 0 20px;
	padding : 0;
	display : block;
	background : url(../img/h2_about.gif) 0 0 no-repeat;
	text-indent : -9999px;
}


h3#about_h3_1,
h3#about_h3_2,
h3#about_h3_3,
h3#about_h3_4{
	height : 30px;
	width : 600px;
	margin : 25px 10px 0 30px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

p.center{
	width : 550px;
	padding : 0 0 0 50px;
}

h3#about_h3_1{
	background : url(../img/h3_basic.gif) 0 0 no-repeat;
}

h3#about_h3_2{
	background : url(../img/h3_basic.gif) 0 -30px no-repeat;
}

h3#about_h3_3{
	background : url(../img/h3_basic.gif) 0 -60px no-repeat;
}

h3#about_h3_4{
	background : url(../img/h3_basic.gif) 0 -90px no-repeat;
}

p#about_text_1,
p#about_text_2,
p#about_text_3,
p#about_text_4{
	height : 100px;
	width : 600px;
	margin : 15px 10px 5px 30px;
	padding : 0;
	display : block;
	border : none;
	text-indent : -9999px;
}

p#about_text_1{
	background : url(../img/about_p_1.gif) 0 0 no-repeat;
}

p#about_text_2{
	background : url(../img/about_p_2.gif) 0 0 no-repeat;
}

p#about_text_3{
	background : url(../img/about_p_3.gif) 0 0 no-repeat;
}

p#about_text_4{
	background : url(../img/about_p_4.gif) 0 0 no-repeat;
}

#solar_area{
	height : 100px;
	width : 520px;
	margin : 15px auto 5px ;
	padding : 0;
	display : block;
	border : none;
}

#solar_area h4{
	height : 20px;
	width : 540px;
	margin : 0;
	padding : 0 20px;
	display : block;
	background : url(../img/about_area_h4.gif) 0 0 no-repeat;
	border : none;
	text-indent : -9999px;
}

#solar_area p{
	height : 60px;
	width : 460px;
	margin : 0 auto;
	padding : 5px 30px 10px;
	display : block;
	background : url(../img/about_area_p.gif) 0 0 no-repeat;
	border : none;
}

a#solar_description,
a#eco_description,
a#widmill_description{
	height : 75px;
	width : 600px;
	margin : 5px 10px 5px 30px;
	padding : 0;
	display : block;
	text-indent : -9999px;
	border : none;
}

a#solar_description{
	background : url(../img/h3_service_solar2.gif) 0 0 no-repeat;
}

a#solar_description:hover {
	background : url(../img/h3_service_solar_hover2.gif) 0 0 no-repeat;
}

a#eco_description{
	background : url(../img/h3_service_eco2.gif) 0 0 no-repeat;
}

a#eco_description:hover{
	background : url(../img/h3_service_eco_hover2.gif) 0 0 no-repeat;
}

a#widmill_description{
	background : url(../img/h3_service_windmill2.gif) 0 0 no-repeat;
}

a#widmill_description:hover{
	background : url(../img/h3_service_windmill_hover2.gif) 0 0 no-repeat;
}

p.leaf{
	background : url(../img/document_small.gif) 0 0 no-repeat;
}

p.leaf a.contact_link{
	width : 250px;
	height : 50px;
	display : block;
	background : url(../img/about_button.gif) 0 0 no-repeat;
	margin : 10px 0;
	padding : 0;
	text-indent : -9999px;
}

p.leaf a.contact_link:hover{
	background : url(../img/about_button.gif) 0 -50px no-repeat;
}

p.lohaspeople{
	background : url(../img/about_p_right.jpg) 0 0 no-repeat;
}

p.lohaspeople strong{
	display : block;
	margin-top : 15px;
}


/* サービス
----------------------------------------------------------------------------------------------------*/
body#lower h2#image.service_image_h2{
	background : url(../img/h2_image_service.jpg);
}

h2#service_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 0 20px;
	padding : 0;
	display : block;
	background : url(../img/h2_service.gif) 0 0 no-repeat;
	text-indent : -9999px;
}

h3#serviceSolar,
h3#serviceEco,
h3#serviceWindmill{
	height : 75px;
	width : 620px;
	margin : 25px 0 0 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

h3#serviceSolar{
	background : url(../img/h3_service_solar.gif) 0 0 no-repeat;
}

h3#serviceEco{
	background : url(../img/h3_service_eco.gif) 0 0 no-repeat;
}

h3#serviceWindmill{
	background : url(../img/h3_service_windmill.gif) 0 0 no-repeat;
}

#service_pict{
	width : 600px;
	margin : 25px 10px 0 30px;
	padding : 0;
}

/* 各事業内容（太陽光発電）*/

p#planning,
p#sanyo,
p#experience,
p#snow,
p#independent{
	width : 600px;
	text-indent : -9999px;
	border : none;
	padding : 0;
	margin : 0;
}

p#planning a{
	display : block;
	padding : 0;
	margin : 0 auto 15px;
	height : 450px;
	background : url(../img/service_solar_3.jpg) 0 0 no-repeat;
}

p#experience a{
	display : block;
	padding : 0;
	margin : 0 auto 15px;
	height : 450px;
	background : url(../img/service_solar_2.jpg) 0 0 no-repeat;
}

p#sanyo a{
	display : block;
	padding : 0;
	margin : 0 auto 15px;
	height : 450px;
	background : url(../img/service_solar_1.jpg) 0 0 no-repeat;
}

p#snow a{
	display : block;
	padding : 0;
	height : 150px;
	background : url(../img/service_solar_4.jpg) 0 0 no-repeat;
	margin : 0 auto 15px;
}

p#independent a{
	display : block;
	padding : 0;
	height : 150px;
	background : url(../img/service_solar_5.jpg) 0 0 no-repeat;
	margin : 0 auto 10px;
}


/* 各事業内容（オール電化）*/

p#heater,
p#ecocute,
p#economic{
	width : 600px;
	text-indent : -9999px;
	margin : 0 auto 15px;
	padding : 0;
	border : none;
}

p#economic{
	display : block;
	height : 300px;
	background : url(../img/service_eco_1.jpg) 0 0 no-repeat;
}

p#heater a,
p#ecocute a{
	height : 200px;
	display : block;
}

p#heater{
	background : url(../img/service_eco_3.jpg) 0 0 no-repeat;
}

p#ecocute{
	background : url(../img/service_eco_2.jpg) 0 0 no-repeat;
}


/* 各事業内容（小型風力発電）*/

p#zephyr{
	margin : 10px 0 20px;
	padding : 0;
	border : none;
}

p#zephyr a{
	height : 200px;
	width : 600px;
	margin : 0;
	padding : 0;
	text-indent : -9999px;
	display : block;
	border : none;
	background : url(../img/service_windmill_3.jpg) 0 0 no-repeat;
}

p#sound{
	height : 300px;
	width : 600px;
	margin : 0 0 15px;
	padding : 0;
	text-indent : -9999px;
	display : block;
	border : none;
	background : url(../img/service_windmill_1.jpg) 0 0 no-repeat;
}

p#movement{
	height : 150px;
	width : 600px;
	margin : 0 0 15px;
	padding : 0;
	text-indent : -9999px;
	display : block;
	border : none;
	background : url(../img/service_windmill_2.jpg) 0 0 no-repeat;
}


/* 施工事例
----------------------------------------------------------------------------------------------------*/

body#lower h2#image.sample_image_h2{
	background : url(../img/h2_image_sample.jpg) 0 0 no-repeat;
}

body#lower h2#image.sample_image_h2{
	background : url(../img/h2_image_sample.jpg);
}

h2#sample_h2{
	height : 100px;
	width : 900px;
	margin : 50px auto 0;
	padding : 0;
	display : block;
	text-indent : -9999px;
	background : url(../img/h2_sample.jpg) 0 0 no-repeat;
}

body#lower #main_sample p.text{
	height : 100%;
	width : 750px;
	margin : 10px 10px 20px 30px;
	padding : 0 75px;
	display : block;
	border : none;
}

h3#samWagawara,
h3#samRokuyane,
h3#samHiraita,
h3#samNamiita,
h3#samKouban,
h3#samSlate{
	height : 25px;
	width : 800px;
	margin : 30px auto 15px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

h3#samWagawara{
	background : url(../img/h3_sample.gif) 0 0 no-repeat;
}

h3#samRokuyane{
	background : url(../img/h3_sample.gif) 0 -25px no-repeat;
}

h3#samHiraita{
	background : url(../img/h3_sample.gif) 0 -50px no-repeat;
}

h3#samNamiita{
	background : url(../img/h3_sample.gif) 0 -75px no-repeat;
}

h3#samKouban{
	background : url(../img/h3_sample.gif) 0 -100px no-repeat;
}

h3#samSlate{
	background : url(../img/h3_sample.gif) 0 -125px no-repeat;
}

ul#sample_menu{
	width : 750px;
	height : 30px;
	margin : 10px auto 30px;
	padding : 0;
	display : block;
	background : #9aa;
	list-style : none;
	border-left : 2px solid #999;
	border-right : 2px solid #999;
}

ul#sample_menu li{
	width : 125px;
	height : 30px;
	margin : 0;
	padding : 0;
	display : block;
	float : left;
}

ul#sample_menu li a{
	width : 123px;
	height : 30px;
	margin : 0;
	padding : 0;
	display : block;
	border-left : 1px solid #999;
	border-right : 1px solid #999;
	text-indent : -9999px;
}

ul#sample_menu li a#wagawara{
	background : url(../img/sample_menu.gif) 0 0 no-repeat;
}

ul#sample_menu li a#rokuyane{
	background : url(../img/sample_menu.gif) -125px 0 no-repeat;
}

ul#sample_menu li a#hiraita{
	background : url(../img/sample_menu.gif) -250px 0 no-repeat;
}

ul#sample_menu li a#namiita{
	background : url(../img/sample_menu.gif) -375px 0 no-repeat;
}

ul#sample_menu li a#kouban{
	background : url(../img/sample_menu.gif) -500px 0 no-repeat;
}

ul#sample_menu li a#slate{
	background : url(../img/sample_menu.gif) -625px 0 no-repeat;
}

ul#sample_menu li a#wagawara:hover{
	background : url(../img/sample_menu.gif) 0 -30px no-repeat;
}

ul#sample_menu li a#rokuyane:hover{
	background : url(../img/sample_menu.gif) -125px -30px no-repeat;
}

ul#sample_menu li a#hiraita:hover{
	background : url(../img/sample_menu.gif) -250px -30px no-repeat;
}

ul#sample_menu li a#namiita:hover{
	background : url(../img/sample_menu.gif) -375px -30px no-repeat;
}

ul#sample_menu li a#kouban:hover{
	background : url(../img/sample_menu.gif) -500px -30px no-repeat;
}

ul#sample_menu li a#slate:hover{
	background : url(../img/sample_menu.gif) -625px -30px no-repeat;
}



ul#sample_menu li a:hover{
	width : 123px;
	height : 30px;
	margin : 0;
	padding : 0;
	display : block;
	background : #fff;
	border-left : 1px solid #999;
	border-right : 1px solid #999;
}

ul.float_image{
	width : 800px;
	height : 100%;
	background : #fff;
	list-style : none;
	margin: 0 auto;
	padding : 0;
	display : block;
}

ul.float_image_small{
	width : 900px;
	height : 100%;
	background : #fff;
	list-style : none;
	margin: 0 45px;
	padding : 0 0 25px;
	display : block;
}

ul.float_image li{
	float : left;
	height : 130px;
	width : 140px;
	padding : 4px;
	border : 1px dashed #999;
	margin : 5px;
	display : block;
}

ul.float_image li img{
	float : left;
	height : 104px;
	width : 140px;
	display : block;
}

ul.float_image_small>li{
	float : left;
	height : 110px;
	width : 100px;
	padding : 0;
	border : none;
	margin : 2px;
	display : block;
}

ul.float_image_small>li img{
	height : 94px;
	width : 100px;
	padding : 0;
	margin : 0;
}

ul.float_image>li p.samplename,
ul.float_image_small>li p.samplename{
	height : 16px;
	width : 100px;
	padding : 0;
	border : none;
	margin : 0;
	display : block;
}

body#lower a#contact_link_wide{
	height : 70px;
	width : 780px;
	margin : 40px auto 30px;
	padding : 0;
	display : block;
	border : none;
	text-indent : -9999px;
	background : url(../img/lower_telbanner_wide.gif) 0 0 no-repeat;
}

body#lower a#contact_link_wide:hover{
	background : url(../img/lower_telbanner_hover_wide.gif) 0 0 no-repeat;
}

/* ノウハウ*/

h2#knowhow_h2{
	height : 100px;
	width : 900px;
	margin : 50px auto 0;
	padding : 0;
	display : block;
	text-indent : -9999px;
	background : url(../img/h2_knowhow.jpg) 0 0 no-repeat;
}

ul#knowhow_menu{
	width : 728px;
	height : 30px;
	margin : 10px auto 30px;
	padding : 0;
	display : block;
	background : #9aa;
	list-style : none;
	border-left : 3px solid #999;
	border-right : 3px solid #999;
}

ul#knowhow_menu li{
	width : 182px;
	height : 30px;
	margin : 0;
	padding : 0;
	display : block;
	float : left;
}

ul#knowhow_menu li a{
	width : 182px;
	height : 30px;
	margin : 0;
	padding : 0;
	display : block;
	border-left : 1px solid #999;
	border-right : 1px solid #999;
	text-indent : -9999px;
}


a#wagawara2{
	background : url(../img/knowhow_menu.gif) 0 0 no-repeat;
}

a#slate2{
	background : url(../img/knowhow_menu.gif) -561px 0 no-repeat;
}

a#hiraita2{
	background : url(../img/knowhow_menu.gif) -374px 0 no-repeat;
}

a#rokuyane2{
	background : url(../img/knowhow_menu.gif) -187px 0 no-repeat;
}


a#wagawara2:hover{
	background : url(../img/knowhow_menu.gif) 0 -30px no-repeat;
}

a#slate2:hover{
	background : url(../img/knowhow_menu.gif) -561px -30px no-repeat;
}

a#hiraita2:hover{
	background : url(../img/knowhow_menu.gif) -374px -30px no-repeat;
}

a#rokuyane2:hover{
	background : url(../img/knowhow_menu.gif) -187px -30px no-repeat;
}

h3#knowSlate,
h3#knowHiraita,
h3#knowRokuyane,
h3#knowWagawara{
	height : 25px;
	width : 800px;
	margin : 30px auto 15px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

h3#knowWagawara{
	background : url(../img/h3_knowhow.gif) 0 0 no-repeat;
}

h3#knowSlate{
	background : url(../img/h3_knowhow.gif) 0 -75px no-repeat;
}

h3#knowHiraita{
	background : url(../img/h3_knowhow.gif) 0 -50px no-repeat;
}

h3#knowRokuyane{
	background : url(../img/h3_knowhow.gif) 0 -25px no-repeat;
}

ul.knowhow{
	width : 820px;
	height : 100%;
	margin : 10px auto 15px;
	padding : 0;
	display : block;
}
ul.knowhow li {
	list-style : none;
	float : left;
	width : 200px;
	height : 251px;
	margin : 5px 2px;
	padding : 0;
	display : block;
}

ul.knowhow li img{
	width : 200px;
	height : 151px;
	margin : 0;
	padding : 0;
	display : block;
}

ul.knowhow li p.knowhow_text{
	width : 156px;
	height : 96px;
	margin : 0;
	padding : 0 10px 0 30px;
	display : block;
	border : 2px solid #c99;
}


/* よくある質問
----------------------------------------------------------------------------------------------------*/

body#lower h2#image.faq_image_h2{
	background : url(../img/h2_image_maintenance.jpg) 0 0 no-repeat;
}

h2#faq_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 25px 20px;
	padding : 0;
	display : block;
	background : url(../img/h2_faq.gif) 0 0 no-repeat;
	text-indent : -9999px;
}

h3#faq_h3_solar,
h3#faq_h3_eco,
h3#faq_h3_windmill,
h3#faq_h3_other{
	height : 75px;
	width : 620px;
	margin : 25px 0 0 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

h3#faq_h3_solar{
	background : url(../img/h3_service_maintenance.gif) 0 0 no-repeat;
}

h3#faq_h3_eco{
	background : url(../img/h3_service_eco.gif) 0 0 no-repeat;
}

h3#faq_h3_windmill{
	background : url(../img/h3_service_windmill.gif) 0 0 no-repeat;
}

h3#faq_h3_other{
	height : 30px;
	width : 600px;
	margin : 50px 10px 0 30px;
	padding : 0;
	text-indent : -9999px;
	background : url(../img/h3_basic.gif) 0 -120px no-repeat;
}

dl#faq_solar_dl,
dl#faq_eco_dl,
dl#faq_windmill_dl{
	width : 600px;
	height : 100%;
	margin : 15px 10px 30px 30px;
	padding : 0;
	display : block;
	border-top : 1px solid #999;
}

dl#faq_solar_dl dt,
dl#faq_eco_dl dt,
dl#faq_windmill_dl dt{
	float : left;
	width : 130px;
	height : 50px;
	margin : 0;
	padding : 10px;
	display : block;
	background : #396;
	border-left : 1px solid #999;
	border-right : 1px solid #999;
	border-bottom : 1px solid #999;
}

dl#faq_solar_dl dd,
dl#faq_eco_dl dd,
dl#faq_windmill_dl dd{
	float : right;
	width : 426px;
	height : 50px;
	margin : 0;
	padding : 10px;
	display : block;
	background : #dfe;
	border-right : 1px solid #999;
	border-bottom : 1px solid #999;
}

/* お客様の声
----------------------------------------------------------------------------------------------------*/

body#lower h2#image.customer_image_h2{
	background : url(../img/h2_image_customer.jpg) 0 0 no-repeat;
}

h2#customer_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 25px 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
	background : url(../img/h2_customer.gif) 0 0 no-repeat;
}

dl.construction{
	width : 598px;
	height : 248px;
	margin : 15px 10px 5px 30px;
	padding : 0;
	display : block;
	border : 1px dotted #aaa;
	background : #fefefe;
}

dl.construction dt{
	width : 180px;
	height : 230px;
	margin : 10px;
	padding : 0;
	float : left;
	display : block;
}

dl.construction dd{
	width : 390px;
	height : 230px;
	margin : 9px 8px 9px 0;
	padding : 0;
	float : right;
	display : block;
}

dl.construction dt img{
	width : 180px;
	height : 230px;
	margin : 0;
	padding : 0;
	overflow : hidden;
}

dl.construction dd ul{
	list-style : none;
}

dl.construction dd li.photo_1{
	width : 190px;
	height : 120px;
	margin : 0 10px 0 0;
	padding : 0;
	float : left;
	display : block;
}

dl.construction dd li.photo_2{
	width : 190px;
	height : 120px;
	margin : 0;
	padding : 0;
	float : right;
	display : block;
}

dl.construction dd li.photo_1 img,
dl.construction dd li.photo_2 img{
	width : 190px;
	height : 120px;
	margin : 0;
	padding : 0;
	overflow : hidden;
}

/*
dl.construction dd:after,
dl.construction dd li.photo_2:after{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
*/

dl.construction dd:after,
dl.construction dd li.photo_2:after{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

dl.construction dd li.customer_name{
	width : 350px;
	height : 35px;
	margin : 0;
	padding : 10px 20px 5px ;
	display : block;
}

dl.construction dd li.customer_comment{
	width : 350px;
	height : 70px;
	background : #fff;
	margin : 95px 0 0 0;
	padding : 4px 20px 8px;
	display : block;
	border-top : dashed 1px #ccc;
	border-bottom : dashed 1px #aaa;
}


/* お問合せ
----------------------------------------------------------------------------------------------------*/
body#lower h2#image.contact_image_h2{
	background : url(../img/h2_image_contact.jpg) 0 0 no-repeat;
}

h2#contact_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 25px 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
	background : url(../img/h2_contact.gif) 0 0 no-repeat;
}

/*

body#lower form,
body#lower .form_confirm{
	width : 618px;
	height : 100%;
	background : fff;
	margin : 0 0 0 20px;
	padding : 0;
	border : 1px dashed #999;
}

*/

body#lower .form_confirm img{
	margin : 25px 9px;
	padding : 0;
}

/*

dl#form_mail{
	width : 600px;
	margin : 0;
	padding : 0;
	display : block;
	background : #fff;
}

*/

dl#form_mail,
body#lower .form_confirm{
	width : 600px;
	height : 100%;
	background : #fff;
	margin : 0 0 0 20px;
	padding : 0;
	border-top : 1px dashed #999;
}

dl#form_mail dt{
	float : left;
	width : 198px;
	padding : 10px 0;
	display : block;
	border-bottom : 1px dashed #999;
	border-right : 1px dashed #999;
	border-left : 1px dashed #999;
	background : #fff;
	text-indent : 10px;
}

dl#form_mail dd{
	float : right;
	width : 379px;
	padding : 10px;
	display : block;
	background : #fff;
	border-bottom : 1px dashed #999;
	border-right : 1px dashed #999;
}

dt.form_name,
dd.form_name,
dt.form_address,
dd.form_address,
dt.form_e_address,
dd.form_e_address,
dt.form_entry,
dd.form_entry{
	height : 30px;
	padding : 10px 0 ;
}

dt.form_item,
dd.form_item{
	height : 200px;
}

.form_submit input{
	width : 200px;
	height : 50px;
	padding : 0;
	margin : 15px 210px 10px;
	display : inline;
}

body#lower .jb-link,
body#lower .jb-link a{
	text-align : center;
	height : 3px;
	width : 3px;
	overflow-y : auto;
	margin : 0 auto;
	padding : 0;
	color : #fff;
}

span.required{
	margin : 0;
	padding : 0;
}

/* 会社概要
----------------------------------------------------------------------------------------------------*/
body#lower h2#image.company_image_h2{
	background : url(../img/h2_image_company.jpg) 0 0 no-repeat;
}

h2#company_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 0 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

h2#company_h2{
	background : url(../img/h2_company.gif) 0 0 no-repeat;
}

h3#company_data,
h3#staff_list,
h3#access,
h3#president{
	height : 50px;
	width : 620px;
	margin : 25px 0 0 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
}

h3#company_data{
	background : url(../img/h3_company.gif) 0 0 no-repeat;
}

h3#staff_list{
	background : url(../img/h3_company.gif) 0 -100px no-repeat;
}

h3#access{
	background : url(../img/h3_company.gif) 0 -50px no-repeat;
}

h3#president{
	background : url(../img/h3_company.gif) 0 -150px no-repeat;
}

h4.president_policy{
	height : 50px;
	width : 600px;
	margin : 25px 0 0 20px;
	padding : 0;
	display : block;
	background : url(../img/president_policy.gif) 0 0 no-repeat;
	text-indent : -9999px;
}

body#lower #main iframe{
	height : 400px;
	width : 600px;
	margin : 15px 0 0 20px;
	padding : 10px;
	display : block;
	background : #fafafa;
}

body#lower #main small{
	height : 20px;
	width : 600px;
	margin : -16px 0 30px 20px;
	display : block;
	padding : 0 10px 10px 10px;
	background : #fafafa;
}

table#company_table{
	height : 100%;
	width : 617px;
	margin : 15px 0 25px 20px;
	padding : 0;
	display : block;
	border-left : 1px solid #aaa;
	border-right : 2px solid #999;
	border-top : 1px solid #ccc;
	border-bottom : 2px solid #666;
}

table#company_table th{
	height : 100%;
	width : 185px;
	margin : 0;
	padding : 10px;
	display : block;
	background : #ddd;
	border-top : 1px solid #fff;
}

table#company_table td{
	height : 100%;
	width : 385px;
	margin : 0;
	padding : 10px;
	background : #fff;
	border-top : 1px solid #aaa;
	border-left : 3px solid #999;
}

table#company_table tr.height45px,
table#company_table td.height45px,
table#company_table th.height45px{
    height:45px;
}

table#company_table td.wide,
table#company_table th.wide{
	height : 111px;
}

table#company_table td ol{
	list-style : decimal;
	margin : 0;
	padding : 0;
}

dl.staff_list_part{
	height : 180px;
	width : 600px;
	margin : 15px 0 25px 20px;
	padding : 0;
	display : block;
	border : 10px solid #cca;
	background : #fff;
}

dl.staff_list_part dt{
	float : left;
	height : 149px;
	width : 119px;
	margin : 15px 20px;
	padding : 0;
	display : block;
	border-right : 1px solid #aa9;
	border-bottom : 1px solid #aa9;
	background : #ccc;
}

dl.staff_list_part dd{
	float : right;
	height : 150px;
	width : 420px;
	margin : 15px 20px 15px 0;
	padding : 0;
	display : block;
}

dl.staff_list_part dd ul{
	list-style : none;
}

dl.staff_list_part dd li.staff_name{
	height : 49px;
	width : 430px;
	margin : 0;
	padding : 0;
	border-bottom : 1px solid #aa9;
	display : block;
}

dl.staff_list_part dd li.staff_comment{
	height : 110px;
	width : 430px;
	margin : 0;
	padding : 10px 0 0 0;
	display : block;
}

dl.staff_list_part:after{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* ダウンロード（廃止ページ）
----------------------------------------------------------------------------------------------------*/

body#lower h2#image.download_image_h2{
	background : url(../img/h2_image_download.jpg) 0 0 no-repeat;
}

h2#download_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 0 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
	background : url(../img/h2_download.gif) 0 0 no-repeat;
}

dl#download_dl{
	width : 600px;
	height : 100px;
	margin : 15px 10px 30px 30px;
	padding : 0;
	display : block;
	border-top : 1px solid #999;
	border-bottom : 1px solid #999;
}

dl#download_dl dt{
	float : left;
	width : 100px;
	height : 20px;
	margin : 0;
	padding : 10px;
	display : block;
	background : #caa;
	border-left : 1px solid #999;
	border-right : 1px solid #999;
	border-bottom : 1px solid #999;
}

dl#download_dl dd{
	float : right;
	width : 456px;
	height : 20px;
	margin : 0;
	padding : 10px;
	display : block;
	background : #fff;
	border-right : 1px solid #999;
	border-bottom : 1px solid #999;
}


/* ニュース及びコラムページ
----------------------------------------------------------------------------------------------------*/

h2#news_h2,
h2#column_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 25px 20px;
	padding : 0;
	display : block;
	background : url(../img/h2_news.gif) 0 0 no-repeat;
	text-indent : -9999px;
}

h2#column_h2{
	background : url(../img/h2_column.gif) 0 0 no-repeat;
}


dl#news_dl,
dl#column_dl{
	width : 600px;
	height : 100%;
	margin : 15px 10px 30px 30px;
	padding : 0;
	display : block;
	border-top : 1px solid #999;
}

dl#news_dl dt,
dl#column_dl dt{
	float : left;
	width : 100px;
	height : 20px;
	margin : 0;
	padding : 10px;
	display : block;
	background : #caa;
	border-left : 1px solid #999;
	border-right : 1px solid #999;
	border-bottom : 1px solid #999;
}

dl#news_dl dd,
dl#column_dl dd{
	float : right;
	width : 456px;
	height : 20px;
	margin : 0;
	padding : 10px;
	display : block;
	background : #fff;
	border-right : 1px solid #999;
	border-bottom : 1px solid #999;
}

body#lower h3.entry_title{
	height : 50px;
	width : 540px;
	margin : 20px 20px 25px 40px;
	padding : 0 16px;
	display : block;
	background : #eed;
	border-right : 2px solid #999;
	border-left : 2px solid #999;
}

/* レイアウト崩れ対策のCSSハック（2012年以降は非対応）
----------------------------------------------------------------------------------------------------*/

/* フッターメニュー部分リスト（IE7） */

*:first-child+html ul#footer_menu li{
	padding : 0 8px;
}

/* フッターメニュー部分パラグラフ（IE7） */
*:first-child+html #footer_left p{
	padding : 25px 0 0 0;
	border : none;
}

*:first-child+html #footer_right p{
	margin : 105px 0 0 0;
	padding : 0;
	border : none;
}


/* お客様の声（IE7） */

*:first-child+html dl.construction dd li.customer_comment{
	margin : 0;
}

*:first-child+html dl.construction dd li.customer_name{
	height : 20px;
	margin : -5px 0 0 0;
}


/*extend-mailform（各ページの下部に設置したメールフォーム）
----------------------------------------------------------------------------------------------------*/

body#lower #main iframe#form{
	margin : 10 auto;
	padding : 0;
	background : #fff;
	width : 620px;
	height : 550px;
	overflow : hidden;
}

body#lower h2#image.contact_image_h2{
	background : url(../img/h2_image_contact.jpg) 0 0 no-repeat;
}

h2#contact_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 25px 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
	background : url(../img/h2_contact.gif) 0 0 no-repeat;
}

h2#contact_h2.formCenter{
	height : 100px;
	width : 620px;
	margin : 50px auto 25px auto;
	padding : 0;
	display : block;
	text-indent : -9999px;
	background : url(../img/h2_contact.gif) 0 0 no-repeat;
}


/*

body#lower form,
body#lower .form_confirm{
	width : 618px;
	height : 100%;
	background : fff;
	margin : 0 0 0 20px;
	padding : 0;
	border : 1px dashed #999;
}

*/

body#lower .form_confirm img{
	margin : 25px 9px;
	padding : 0;
}

body#lower #main_sample p.textFormCenter{
    border: medium none;
    display: block;
    height: 100%;
    margin: 10px auto 20px auto;
    padding: 0;
    width: 650px;
    font-size : 13px;
    letter-spacing : 1px;
    line-height : 180%;
}

/*

dl#form_mail{
	width : 600px;
	margin : 0;
	padding : 0;
	display : block;
	background : #fff;
}

*/

table#mailFormTable{
	width : 600px;
	height : 100%;
	background : #fff;
	margin : 0;
	padding : 0;
	border-top : 1px dashed #999;
}

table#mailFormTable.formCenter{
	width : 600px;
	height : 100%;
	background : #fff;
	margin : 0 auto;
	padding : 0;
	border-top : 1px dashed #999;
}


table#mailFormTable th.tableHeight_1,
table#mailFormTable th.tableHeight_2,
table#mailFormTable th.tableHeight_3,
table#mailFormTable th.tableHeight_4,
table#mailFormTable th.tableHeight_5{
	float : left;
	width : 198px;
	padding : 10px 0;
	display : block;
	border-bottom : 1px dashed #999;
	border-right : 1px dashed #999;
	border-left : 1px dashed #999;
	background : #fff;
	text-indent : 10px;
}

table#mailFormTable td.tableHeight_1,
table#mailFormTable td.tableHeight_2,
table#mailFormTable td.tableHeight_3,
table#mailFormTable td.tableHeight_4,
table#mailFormTable td.tableHeight_5{
	float : right;
	width : 379px;
	padding : 10px;
	display : block;
	background : #fff;
	border-bottom : 1px dashed #999;
	border-right : 1px dashed #999;
}

table#mailFormTable th.tableHeight_1,
table#mailFormTable td.tableHeight_1,
table#mailFormTable th.tableHeight_3,
table#mailFormTable td.tableHeight_3,
table#mailFormTable th.tableHeight_4,
table#mailFormTable td.tableHeight_4{
    height : 22px;
}

table#mailFormTable th.tableHeight_2,
table#mailFormTable td.tableHeight_2{
    height : 85px;
}

table#mailFormTable th.tableHeight_4,
table#mailFormTable td.tableHeight_4{
    height : 22px;
}

table#mailFormTable th.tableHeight_5,
table#mailFormTable td.tableHeight_5{
    height : 178px;
}


p#mailFormButton {
        border : none;
}

p#mailFormButton input{
	width : 200px;
	height : 50px;
	padding : 0;
	margin : 15px 210px 10px;
	display : inline;
}

body#lower .jb-link,
body#lower .jb-link a{
	text-align : center;
	height : 3px;
	width : 3px;
	overflow-y : auto;
	margin : 0 auto;
	padding : 0;
	color : #fff;
}

span.required{
	margin : 0;
	padding : 0;
}


#main_sample iframe#form.formCenter{
    height: 600px;
    width: 610px;
    display: block;
    margin: 0 auto;
    padding: 0;
}


/* 120116　メンテナンスについてのページ（/faq/index.php）改修時の修正
----------------------------------------------------------------------------------------------------*/

dl#maintenance_dl{
    width: 620px;
    margin: 25px 0 25px 20px;
    padding: 0;
}

dl#maintenance_dl p{
    text-align: left;
    font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    border: 0;
}

dl#maintenance_dl dt{
    height: 40px;
    font: 18px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-weight: bold;
    background: url(../img/)0 0 no-repeat;
}
dl#maintenance_dl dt span.question,
dl#maintenance_dl dt span.questionLong{
    text-align: center;
    height: 50px;
    margin-right: 5px;
    font: 20px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-weight: bold;
    color: #fff;
    background: url(../img/spanQuestion.gif) 0 0 no-repeat;
    padding: 10px 22px;
}

dl#maintenance_dl dt span.questionLong{
    padding: 10px 18px;
}

dl#maintenance_dl dd{}
dl#maintenance_dl dd span.answer{
    height: 50px;
    width: 50px;
    margin: 0;
    padding: 0;
    display: block;
    background: url(../img/spanAnswer.gif) 0 0 no-repeat;
    float: left;
    text-indent: -9999px;
}

dl#maintenance_dl dd p.answerText{
    width: 520px;
    padding: 20px 15px 10px 25px;
    margin: 0 0 25px 0;
    background: #CDCEE8 url(../img/answerText.gif) 0 0 repeat-x;
    float: right;
}

dl#maintenance_dl dd p.answerText span.answerLists{
    margin: 5px 0 -15px;
    padding: 5px 5px 5px 15px;
    display: block;
    border-left: 5px solid #a00;
    background: #fff;
}

dl#maintenance_dl dd .answerImage,
dl#maintenance_dl dd .answerMovie{
    width: 300px;
    padding:10px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 0 10px 10px 290px;
    background: #eef;
}

dl#maintenance_dl dd .answerMovie{
    width: 420px;
    margin: -10px 10px 10px 170px;
}

dl#maintenance_dl dd .answerImage p.imgCaption,
dl#maintenance_dl dd .ansQuote p.ansCaption,
dl#maintenance_dl dd .answerMovie p.movCaption{
        font: 11px/2 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
        padding: 0;
        margin: 5px 0 10px;
}
dl#maintenance_dl dd .ansQuote{
    padding: 0 20px;
    margin: 0 0 25px 0;
    background: #eef;
}
dl#maintenance_dl dd .ansQuote p.ansQuoteText{}
dl#maintenance_dl dd .ansQuote p.ansQuoteText span.quoteHead{}
table#answerTable{
    width: 600px;
    font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    border: 2px solid #666;
    margin: 15px auto 20px;
}
table#answerTable tr{}
table#answerTable th{
    text-align: center;
    min-width: 75px;
    line-height: 150%;
    font-size:13px;
    border: 1px solid #999;
    padding: 10px;
    background: #339966;
    color: #fff;
}
table#answerTable td{
    padding: 10px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #DDFFEE;
}

table#answerTable td.center {
    text-align: center;
    font-size:15px;
}

/* 120419 ホットトピック用のバナーをトップページに設置
----------------------------------------------------------------------------------------------------*/
div#main2 div#hotTopicBanner{
	width: 616px;
	height: 390px;
	margin: 0 0 20px 20px;
}

div#main2 div#hotTopicBanner a#hotTopic_1,
div#main2 div#hotTopicBanner a#hotTopic_2,
div#main2 div#hotTopicBanner a#hotTopic_3{
	width: 616px;
	height: 120px;
	display:block;
	text-indent:100%;
	white-space: nowrap; 
	overflow: hidden;
}

div#main2 div#hotTopicBanner a#hotTopic_1{
	margin-bottom: 10px;
	background: url(../img/hotTopic_1.gif) 0 0 no-repeat;
}

div#main2 div#hotTopicBanner a#hotTopic_1:hover{
	background: url(../img/hotTopic_1.gif) 0 -122px no-repeat;
}


div#main2 div#hotTopicBanner a#hotTopic_2{
	background: url(../img/hotTopic_2.gif) 0 0 no-repeat;
}

div#main2 div#hotTopicBanner a#hotTopic_2:hover{
	background: url(../img/hotTopic_2.gif) 0 -122px no-repeat;
}

div#main2 div#hotTopicBanner a#hotTopic_3{
	margin-bottom: 10px;
	background: url(../img/hotTopic_3.gif) 0 0 no-repeat;
}

div#main2 div#hotTopicBanner a#hotTopic_3:hover{
	background: url(../img/hotTopic_3.gif) 0 -122px no-repeat;
}


/* 120515 創蓄連携（/storage/index.php）の記事のスタイル
----------------------------------------------------------------------------------------------------*/

body#lower h2#image.storage_image_h2{
	background : url(../img/storage_img_h2.jpg) 0 0 no-repeat;
}

body#lower h2#storage_h2_1{
   background: url("../img/h2_storage.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 100px;
    margin: 0 0 25px 20px;
    padding: 0;
    text-indent: -9999px;
    width: 620px;
}

body#lower p#storage_image_p_1,
body#lower p#storage_image_p_2,
body#lower p#storage_image_p_3,
body#lower p#storage_image_p_4,
body#lower p#storage_image_p_5{
   background: url("../img/storage_p_1.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 362px;
    margin: 0 0 25px 20px;
	border: none;
    padding: 0;
    text-indent: -9999px;
    width: 620px;
}

body#lower p#storage_image_p_2{
   background: url("../img/storage_p_2.gif") no-repeat scroll 0 0 transparent;
    height: 292px;
    width: 620px;
}

body#lower p#storage_image_p_3{
   background: url("../img/storage_p_3.gif") no-repeat scroll 0 0 transparent;
    height: 200px;
    width: 620px;
}
body#lower p#storage_image_p_4{
   background: url("../img/storage_p_4.gif") no-repeat scroll 0 0 transparent;
    height: 200px;
    width: 620px;
}
body#lower p#storage_image_p_5{
   background: url("../img/storage_p_5.gif") no-repeat scroll 0 0 transparent;
    height: 200px;
    width: 620px;
}

body#lower h3#storage_h3_1{
   background: url("../img/h3_storage_1.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 75px;
    margin: 0 0 25px 30px;
	border: none;
    padding: 0;
    text-indent: -9999px;
    width: 620px;
}


/* 120518 製品一覧（/products/*********）の記事のスタイル
----------------------------------------------------------------------------------------------------*/
body#lower h2#image.products_image_h2{
	background : url(../img/products_h2.jpg) 0 0 no-repeat;
}

body#lower table#productsTable{
    width:600px;
    margin: 15px auto 25px;
    border: 2px solid #999;
}

body#lower table#productsTable th{
    width:200px;
    padding: 10px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    font-size:15px;
    vertical-align: middle;
    background: #666;
    color: #eee;
}

body#lower table#productsTable td{
    padding: 10px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    font-size:15px;
}

body#lower ul#productsTop.productsList,
body#lower ul#productsBottom.productsList{
    width: 600px;
    height: 25px;
    margin:10px auto;
    padding: 5px 10px;
    background: #aaa;
}
body#lower ul#productsTop.productsList li,
body#lower ul#productsBottom.productsList li{
    margin: 0 10px;
    list-style: none;
    float: left;
    height: 25px;
}
body#lower ul#productsTop.productsList li a,
body#lower ul#productsBottom.productsList li a{

    padding: 0;
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    height: 25px;
    line-height: 200%;
}
body#lower ul#productsTop.productsList li a:hover,
body#lower ul#productsBottom.productsList li a:hover{}

body#lower h3#product_h3_1{
   background: url("../img/h3_storage_1.gif") no-repeat scroll 0 0 transparent;
   display: block;
   height: 75px;
   margin: 0 0 25px 30px;
   border: none;
   padding: 0;
   text-indent: -9999px;
   width: 620px;
}

body#lower h2#product_h2{
   width: 580px;
   padding: 10px;
   height: 30px;
   font-size: 20px; 
   text-align: left;
   border-left: 5px solid #a33;
   margin: 5px auto 10px;
}

body#lower p#product_desc{
   width: 600px;
   padding: 10px;
   height: 50px;
   font-size: 15px; 
   text-align: left;
   margin: 5px auto 10px;
   border: none;
}

body#lower table#productsTable td ul{
    margin-bottom: 5px;
}
body#lower table#productsTable td li{
    color: #999;
}
body#lower table#productsTable td li span{
    color: #333;
}


/* 製品リストのindex.php
----------------------------------------------------------------------------------------------------*/

body#lower h2#products_h2_1,
body#lower p#products_image_p_1,
body#lower p#products_image_p_2{
    padding: 0;
    border: none;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


body#lower h2#products_h2{
	height : 100px;
	width : 620px;
	margin : 0 0 25px 20px;
	padding : 0;
	display : block;
	text-indent : -9999px;
	background : url(../img/h2_products.gif) 0 0 no-repeat;
}

body#lower p#products_image_p_1,
body#lower p#products_image_p_2{
    widht: 620px;
    height: 200px;
    margin:10px 0 0 20px;
    background: url(../img/products_image_p_1.jpg) 0 0 no-repeat;
}
body#lower p#products_image_p_2{
    height: 60px;
    margin-top: 0;
    margin-bottom: 15px;
    background: url(../img/products_image_p_2.jpg) 0 0 no-repeat;
}

body#lower ul#makerList{
    margin: 10px auto;
}
body#lower ul#makerList li{
    height: 61px;
    list-style: none;
    border: 1px solid #aaa;
    margin-bottom: 15px;
    text-align:left;
}
body#lower ul#makerList li dl{}
body#lower ul#makerList li dt{
    padding: 10px;
    background: #ccc;
    float:left;
}
body#lower ul#makerList li dt a{}
body#lower ul#makerList li dt a img{
    margin-top: 3px;
    margin-bottom: -3px;
}
body#lower ul#makerList li dd{
    width: 340px;
    padding: 10px;
    float:right;
}
body#lower ul#makerList li dd a{
    width: 340px;
    padding-left: 10px;
    margin-left: -10px;
    display:block;
    text-align:left;
    color: #a33;
    text-decoration: none;
    font-size:17px;
    line-height: 250%;
}
body#lower ul#makerList li dd a:hover{
    color: #fff;
    background: #a33;
}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}