/*家庭用共通CSS
----------------------------------------------------------- */
* {
	font-family:sans-serif, Osaka, MS UI Gothic;
	font-size:100%;
	text-decoration:none;
	line-height:1.5em;
}

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

ul,li,h1#logo,form,input {
	margin:0;
	padding:0;
}

* a:hover{
	color:#7990c9;
	text-decoration:underline;
}


:link, :visited{
	color:#036;
}

/* 家庭用リンク設定 */
div#areaFamily a{
	color:#003399;
}
div#areaFamily a:hover{
	color:#7990c9;
	text-decoration:underline;
}

img{
	border-width:0px;
}

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

.clearfix{
	display:inline-table;
	min-height:1%;
}

/*Hide from IE-mac\*/
* html.clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/*End hide from IE-mac*/

/*表示設定
----------------------------*/
html {
	filter:expression(document.execCommand("BackgroundImageCache", false, true));/* IE6 background flicker 対策 */
}

body{
	background:url(../../top/img/back.gif) repeat-y left top #fff;
	text-align:left;
	margin:0;
	padding:0;
}


a {cursor:pointer;}
a:link {cursor:pointer;}
a:visited {cursor:pointer;}
a:hover {cursor:pointer;}
a:active {cursor:pointer;}


div.formBox input.tf{
	border:1px solid #bdbebf;
	font-size:12px;
	margin:0;
	vertical-align:middle;
	width:200px;
	height:17px;
}

div.formBox input.btn{
	margin:0 0 0 5px;
	vertical-align:middle;
}

div#header{
	background-color:#fff;
	height:55px;
	width:790px;
}

div#header li{
	background-image:url(../../top/img/top_headerlink.gif);
	background-position:7px 50%;
	background-repeat:no-repeat;
	display:block;
	float:left;
	font-size:10px;
	padding-left:15px;
}


ul.subnavi {
width:265px;
　height:20px;
}


div#header div.box{
	float:right;
	padding:6px 20px 0 0 ;
	text-align:right;
}

div#header div.formBox{
	clear:both;
}

div#main{
	background:#ffffff url(../../top/img/top_sb_back.gif) repeat-y left top;
	margin:0 0 0 0;
	text-align:left;
	width:790px;
	padding:0;
}

h1#logo{
	display:block;
	float:left;
	height:47px;
	padding:5px 0px 0px 20px;
	width:127px;
}

div.rtbtn{
	display:block;
	margin:0px;
	padding:15px 20px 0px 0px;
	height:29px;
	width:159px;
	float:right;
}

/* start hacks : IE7 only */

*:first-child+html a.rtbtn{
	left:180px;
}

/*end hacks : IE7 only */

a.rtbtn:hover{
	background-position:0px -29px;
}

div#menu{
	background-color:#ffffff;
	height:36px;
	width:775px;
	overflow:hidden;
	padding-left:15px;
}


div#menu ul li{
	color:#3b3938;
	display:block;
	float:left;
	height:36px;
}

div#menu ul li a{
	color:#383938;
	display:block;
	font-size:12px;
	height:100%;
	line-height:1em;
	text-align:center;
	width:100%;
	z-index:0;
}

div#menu ul li a:hover{
	color:#e2530c;
}

div#menu ul li.btn01{
	width:86px;
}


div#menu ul li.btn01 a {
	background-image:url(../../top/img/menu1.gif);
	width:86px;
}
div#menu ul li.btn01 a:hover {
	background-image:url(../../top/img/menu1h.gif);
	width:86px;
}

div#menu ul li.btn02 a {
	background-image:url(../../top/img/menu2.gif);
	width:84px;
}

div#menu ul li.btn02 a:hover {
	background-image:url(../../top/img/menu2h.gif);
	width:84px;
}

div#menu ul li.btn03 a{
	background-image:url(../../top/img/menu3.gif);
	width:85px;
}

div#menu ul li.btn03 a:hover {
	background-image:url(../../top/img/menu3h.gif);
	width:85px;
}

div#menu ul li.hasBR a{
	padding-top:8px;
	height:33px;
}

div#menu ul li.noBR a{
	padding-top:14px;
	height:24px;
}

/*start hacks : IE7 only */

*:first-child+html div#menu ul li.hasBR a{
	padding-top:10px;
}

*:first-child+html div#menu ul li.noBR a{
	padding-top:15px;
}

/*end hacks : IE7 only */

img#mainImg{
	clear:both;
	display:block;
}

div#topCbox01{
	margin:0px;
	width:560px;
	height:77px;
	overflow:hidden;
}
div#topCbox01 img.first{
	margin-left:0;
}

div#content{
	float:left;
	padding:15px 0px 15px 15px;
	width:560px;
}


div#topCbox01 h2.left_btn {
	width:180px;
	height:77px;
	overflow:hidden;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}

div#topCbox01 h2.center_btn {
	width:180px;
	height:77px;
	overflow:hidden;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div#topCbox01 h2.right_btn {
	width:180px;
	height:77px;
	overflow:hidden;
	float:right;
	margin:0px 0px 0px 0px;

	padding:0px 0px 0px 0px;
}

div#topCbox01 h2 img {
	width:180px;
	height:77px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div#topCbox02{
	background-image:url(../../top/img/top_content_box2_2.gif);
	background-repeat:repeat-y;
	background-position:center top; 
	margin:15px 0 15px 0;
	width:560px;
}

div#topCbox02 div.header{
	background-image:url(../../top/img/top_content_box2_1.gif);
	background-repeat:no-repeat;
	background-position:center top; 
}

div#topCbox02 div.footer{
	background-image:url(../../top/img/top_content_box2_3.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	height:100%;
	padding:15px 17px 10px;
}

div#topCbox02 img.hotImg{
	float:left;
}

div#topCbox02 h2{
	display:block;
	height:16px;
	width:381px;
}

div#topCbox02 div.box01{
	float:right;
	width:381px;
}

div#topCbox02 div.box01 p{
	color:#5e5e5e;
	font-size:12px;
	margin:15px 0;
}


div.bm_link {
margin:0px;
padding:0px 0px 0px 35px;
}



div#topCbox03 h2{
	display:block;
	height:25px;
	width:560px;
}

div#topCbox03 dl.news dd.next{
	margin-top:5px;
	_text-indent:5px;
	
}

div#topCbox04{
	border:1px solid #bdbebf;
	margin-top:15px;
	padding:10px 15px;
	position:relative;
	width:530px;
}

div#topCbox04 h2{
	display:block;
	height:25px;
	margin-bottom:10px;
}

div.top p.check{
	background-image:url(../../top/img/lm01.gif);
	background-position:0% 50%;
	background-repeat:no-repeat;
	display:block;
	float:right;
	font-size:10px;
	position:absolute;
	top:15px;
	right:15px;
	text-indent:15px;
}

div#topCbox04 li{
	background-image:url(../../top/img/lm02.gif);
	background-position:3px 0.75em;
	background-repeat:no-repeat;
	font-size:12px;
	line-height:1.5;
	padding-left:10px;
}

div#topCbox05{
	margin:15px 0px;
	position:relative;
	clear:both;
}

div#topCbox05 h2{
	display:block;
	width:560px;
	height:25px;
	margin-bottom:5px;
}

div#topCbox05 p.check{
	top:5px;
}

div#topCbox06{
	position:relative;
	clear:both;
}

div#topCbox06 h2{
	clear:both;
	display:block;
	width:560px;
	height:25px;
	margin-bottom:5px;
}

div#topCbox06 li{
	background:url(../../top/img/lm01.gif) no-repeat 0% 50%;
	display:block;
	float:left;
	font-size:12px;
	margin:3px 0 0 5px;
	text-indent:15px;
	width:270px;
}

div#topCbox07{
	margin:15px 0px 15px 0px;
}


div#topCbox07 div.dotline {
	background:url(../../top/img/top_line_01.gif) repeat-y left top;
	float:left;
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 8px;
	width:176px;
}

div#topCbox07 div.dotline img {
margin:2px 0px 3px 0px;
}


div#topCbox07 div.first{
	background:none;
	margin:0;
	padding:0;
}

div#sb{
	float:right;
	margin:0;
	padding:13px 15px 13px 0px;
	width:170px;
}

div#sb h2.title01 a {
	display:block;
	text-indent:-9999px;
	padding:0;
	height:25px;
	width:170px;
}

div#sb h2.title01 a:hover{
	background-position:0 -25px;
}

div#sb a.tbtn img{
	padding:0;
	margin:3px 0 -3px 0;
}

div#sb ul.ul01 li{
	background:url(../../top/img/top_sb_line_01.gif) repeat-x left top;
	display:block;
	font-size:12px;
	padding:10px 0;
	width:170px;
}

div#sb ul.ul01 li.first{
	background:none;
}

div#sb ul.ul01 li a{
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	padding-left:20px;
	width:150px;
}

div#sb ul.ul01.li.li01{
	background:none;
}

div#sb ul.ul01 li.li01 a{
	background-image:url(../../top/img/top_sb_icon_01.gif);
}

div#sb ul.ul01 li.li02 a{
	background-image:url(../../top/img/top_sb_icon_02.gif);
}

div#sb ul.ul01 li.li03 a{
	background-image:url(../../top/img/top_sb_icon_03.gif);
}

div#sb ul.ul01 li.li04 a{
	background-image:url(../../top/img/top_sb_icon_04.gif);
}

div#sb ul.ul01 li.li05 a{
	background-image:url(../../top/img/top_sb_icon_05.gif);
}

div#sb ul.ul01 li.li06 a{
	background-image:url(../../top/img/top_sb_icon_06.gif);
}

div#sb ul.ul01 li.li07 a{
	background-image:url(../../top/img/top_sb_icon_07.gif);
}

div#sb ul.ul01 li.li01 a{
	background-image:url(../../top/img/top_sb_icon_01.gif);
}

div#sb ul.ul01 li.li08 a{
	background-image:url(../../top/img/top_sb_icon_08.gif);
}

div#sb ul.ul01 li.li09 a{
	background-image:url(../../top/img/top_sb_icon_09.gif);
}

div#sb h2.title02 a {
	clear:both;
	display:block;
	height:25px;
	text-indent:-9999px;
	width:170px;
	_margin-bottom:25px;/* hack : IE6- only */
}

div#sb h2.title02 a:hover{
	background-position:0 -25px;
}

div#sb ul.ul02{
	display:block;
	margin:12px 0;
	_margin-bottom:8px/* hack : IE6- only */
}

div#sb ul.ul02 li{
	display:block;
	font-size:12px;
	margin:5px 0;
	_margin:-10px 0;/* hack : IE6- only */
}

div#sb ul.ul02 li a{
	background:url(../../top/img/top_sb_lm01.gif) no-repeat 0% 50%;
	display:block;
	padding-left:15px;
}

div#sb img{
	margin:0px 0;
}

div#sb p a{
	display:block;
	height:46px;
	margin:0px 0px 10px 0px;
	width:170px;
	text-decoration:none;
}

div#sb p.btn01 {
}

div#sb p.btn02 a{
}


div#sb div.zs{
	background-color:#ebe4d3;
	border:1px solid #c2bbac;
	text-align:center;
	margin:10px 0;
}

div#sb div.zs img{
	margin:10px 0 0;
}

div#sb div.zs p{
	color:#6c6554;
	font-size:12px;
	margin:5px 10px;
	text-align:left;
}

div.top img.fp{
	clear:both;
	display:block;
	float:left;
	margin-right:10px;
}

div.top p.fp{
	color:#5e5e5e;
	font-size:10px;
	line-height:1.2;
	float:left;
	padding:3px 0px 0px 0px;
}

div#footer{
	background-color:#ffffff;
	border-top:solid 1px #bdbebf;
	clear:both;
	height:30px;
	width:790px;
overflow:hidden;
margin:0px;
}

div#footer li{
	background:url(../../top/img/lm01.gif) no-repeat 0% 50%;
	display:block;
	float:left;
	font-size:10px;
	margin:5px 0 0 15px;
	_margin-left:7px;/* hack : IE6- only */
	text-indent:15px;
}

div#footer address{
	color:#5e5e5e;
	display:block;
	float:right;
	font-size:65%;
	margin:5px 15px 0 0;
	_margin-right:5px;/* hack : IE6- only */
	font-style:normal;
}


div.clear {
	clear:both;
	height:1px;
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}


/*表示設定
----------------------------*/
div#mainFamily{
	margin:0 0 10px 0;
	text-align:left;
	width:790px;
	padding:0;
	font-size:12px;
}
div#navi {
	width:790px;
}
div#areaFamily {
	margin:10px 16px 10px 10px;
	text-align:left;
	width:770px;
	padding:0;
}
div#pankuzu {
	margin:0 0 8px 0;
	font-size:12px;
	padding:0;
	width:600px;
}
div#pagetitle {
	margin:0 0 8px 0;
	padding:0;
	width:600px;
}

/*フッターのナビゲーション
----------------------------*/
div#pageFoot li {
	display:inline;
	height:3px;
	padding:0px 0px 0px 14px;
	margin-left:18px;
	background:url(/cont/family/img/arrow01.gif) left center no-repeat;
}

/*グローバルナビゲーション
----------------------------*/
div#menu ul li.btn01o a {
	background-image:url(../../top/img/menu1h.gif);
	width:86px;
}

/*家庭用フッタ
----------------------------*/
div#foot_family {
	clear:both;
	margin:12px 0 0 0;
	width:100%;
	font-size:10px;
	text-align:right;
}

/*ローカルナビ挿入時の家庭用左エリア
----------------------------*/
div#areaFamily_left {
	width:600px;
	text-align:left;
}

/*テキスト設定
----------------------------*/
.catch_txt {
	font-size:16px;
	font-weight:bold;
	padding:5px 0 10px 0;
	margin:0;
	line-height:130%;
}
.catch_txt02 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	line-height:130%;
}



/*レイアウト設定
----------------------------*/
#top_img {
	padding:0 0 15px 0;
	margin:0;
}

/*汎用矢印
----------------------------*/
/* ■タイプ */
.arrow_type01 a {
	padding:1px 0 1px 0;
}
.arrow_type01 {
	padding:2px 0 4px 14px;
	background:url(../img/arrow01.gif) no-repeat;
	background-position: 0px 45%;
}
/* →タイプ */
.arrow_type02 a {
}
.arrow_type02 {
	padding:2px 0 2px 17px;
	background:url(../img/arrow02.gif) no-repeat;
	background-position: 0px 40%;
}
/* 右下→タイプ */
.arrow_type03 a {
	font-size:14px;
}
.arrow_type03 {
	padding:2px 0 4px 20px;
	background:url(../img/arrow03.gif) no-repeat;
/*	background-position: 0px 40%; */
	background-position: 0px 5px;
}
/* ぶらさがりタイプ */
.arrow_type04 a {
	padding:1px 0 1px 0;
}
.arrow_type04 {
	padding:0px 0 4px 14px;
	background:url(../img/arrow05.gif) no-repeat;
	background-position: 0px 35%;
	margin:0 0 0 20px;
}

/*リンク先頭の数字
----------------------------*/
.link_no01 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no01.gif) no-repeat;
}
.link_no02 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no02.gif) no-repeat;
}
.link_no03 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no03.gif) no-repeat;
}
.link_no04 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no04.gif) no-repeat;
}
.link_no05 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no05.gif) no-repeat;
}
.link_no06 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no06.gif) no-repeat;
}
.link_no07 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no07.gif) no-repeat;
}
.link_no08 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no08.gif) no-repeat;
}
.link_no09 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no09.gif) no-repeat;
}
.link_no10 {
	padding:2px 0 4px 30px;
	margin:0 0 4px 0;
	background:url(../img/link_no10.gif) no-repeat;
}

/*ガス機器ラインナップ
----------------------------*/
.gas_lineup_win {
	margin:15px 0 15px 0;
}

/*キャプション
----------------------------*/
.caption {
	margin:6px 0 6px 0;
	font-size:10px;
/*	text-align:right; */
}

/*コラム
----------------------------*/
.column_img {
	margin:0 0 0 6px;
	padding:0;
}

/*がすたんのここに注目
----------------------------*/
.gastan_comment {
	padding:3px 0 0 0;
	font-size:12px;
}
.gastan_title {
	line-height:125%;
	font-weight:bold;
	color:#CC3366;
}

/*フォント
----------------------------*/
.text12B_red {
	font-size:12px;
	font-weight:bold;
	color:#FF3300;
}
.text14B_red {
	font-size:14px;
	font-weight:bold;
	color:#FF3300;
}

.text16 {
	font-size: 16px;
}
.text16B {
	font-size: 16px;
	font-weight: bold;
}
.text18B {
	font-size: 18px;
	font-weight: bold;
}
.text20B {
	font-size: 20px;
	font-weight: bold;
}
.text14B {
	font-size: 14px;
	font-weight: bold;
}
.text12B {
	font-size: 12px;
	font-weight: bold;
}
.text12 {
	font-size: 12px;
	line-height: 16px;
}
.text14 {
	font-size: 14px;
	line-height: 16px;
}
.text10 {
	font-size: 10px;
	line-height: 12px;
}
.text10B {
	font-size: 10px;
	font-weight:bold;
}
.wh {
	color: #FFFFFF;
}
.red {
	color:#FF3300;
}
.pink {
	color:#EB6088;
}
.green {
	color:#339900;
}
.green02 {
	color:#68A28D;
}
.green03 {
	color:#009933;
}
.navy {
	color:#3599C5;
}
.gray {
	color:#666666;
}
.gray02 {
	color:#999999;
}
.orange {
	color:#FF9900;
}
.orange02 {
	color:#FF6600;
}
.blue {
	/* color:#000066; */
	color:#000099;
}
.blue02 {
	color:#4A8FBD;
}
.blue03 {
	color:#0000CC;
}
.purple {
	color:#CC3366;
}
.brown {
	color:#CC6600;
}
.line-height140 {
	line-height:140%;
}
.line-height130 {
	line-height:130%;
}
.line-height120 {
	line-height:120%;
}
.line-height110 {
	line-height:110%;
}