@charset "EUC-JP";
body{
	font-family		: 'ＭＳ Ｐゴシック',sans-serif;
	margin			: 0;
	padding			: 0;
	text-align		: center;
	font-size		: 10pt;
}
img{
	border			: 0;
	margin			: 0;
	padding			: 0;
}
img.googlelogo{
	display			: block;
	margin-left		: 14px;
}
.hide{
	display			: none;
}
.block_spacer {
	clear			: both;
	height			: 20px;
}
/*-
a{color				: #000099;}
a:hover{color		: #993300;}
-*/
.span10pt{
	font-size		: 10px;
}
h2#head_txt{
	font-size		: 9pt;
	font-weight		: normal;
	color			: #999999;
	margin			: 0;
	padding			: 0;
	background		:#ffffff;
	z-index			: 300;
	text-indent		: -9999px;
	height			: 0;
}
#header_1{
	position		: relative;
	display			: block;
	width			: 770px;
	height			: 140px;
	margin			: 0 auto;
	padding			: 0;
	border			: #735c3c 1px solid;
	background		: url('/image/header/header_bg2.gif') no-repeat 0 0;
}
#container{
	position		: relative;
	display			: block;
	margin			: 0px auto;
	padding			: 0;
	width			: 975px;
	background		: #ffffff;
	text-align		: center;
	overflow		: hidden;
	border			: #afafaf 1px solid;
}
#container h1{
	position		: absolute;
	clear			: both;
	top				: 185px;
	left			: 190px;
	display			: block;
	width			: 560px;
	height			: 40px;
	font-size		: 10pt;
	margin			: 0 0 0 5px;
	padding			: 12px 0 0 30px;
	background		: url('/image/jp_bg_h1.gif') no-repeat 0 0;
	z-index			: 5;
	text-align		: left;
}
h2.s1{
	font-size		: 10pt;
	display			: block;
	height			: 22px;
	background		: url('/image/menu/bg_h2.gif') no-repeat 0 0;
	margin			: 10px 0 0 0;
	padding			: 4px 0 0 24px;
	line-height		: 18px;
	width: 560px;
}

/* ヘッダー部分の設定 */
#header{
/*-  position: fixed !important; -*/
    position: absolute; 
    top: 0px; 
    left: 0;
    width: 100%;
    height: 170px;
    margin: 0 auto;
	z-index	: 200;
	background		: #ffffff;
/*-
	position		: relative;
	display			: block;
	margin			: 0 0 8px 0;
	padding			: 0;
	height			: 170px;
	background		: #ffffff url('/image/net_header_new3.gif') no-repeat 1;
	text-align		: left;
-*/
}
#header_block{
    background-color: #FFFFFF;
    color: #FFFFFF;
    height: 170px;
    margin: 0 auto;
    text-align: left;
    width: 975px;
	background		: #ffffff url('/image/net_header_new3_test.gif') no-repeat 0;
	position		: relative;
	z-index	: 200;
}
#header #hname a{
	display			: block;
	position		: absolute;
	top				: 0;
	left			: 0;
	margin			: 0;
	padding			: 0;
	width			: 280px;
	height			: 120px;
	text-indent		: -9999px;
}

/*  会社概要　サイトマップ　問合せ */
ul#hlink {
	display			: block;
	position		: absolute;
	top				: 5px;
	left			: 780px;
	margin			: 0;
	padding			: 0;
}

#hlink li{
	display				: block;
	height				: 15px;
	float				: left;
	text-indent			: -9999px;
	width:95px;
}
#hlink li a {
	display				: block;
	height				: 15px;
	text-decoration		: none;
	background			: url(/image/net_header_moji.gif) no-repeat 0px 0px;
}
#hlink span{
	display				: none;
}
#hlink li.navi1 a{
	width				: 95px;
}
#hlink li.navi2 a{
	width				: 65px;
	background-position:-101px 0px;
}
#hlink li.navi3 a{
	width				: 55px;
	background-position:-166px 0px;
}
#hlink li.navi4 a{
	width				: 85px;
	background-position:-221px 0px;
}
#hlink li.navi1 a:active,
#hlink li.navi1 a:focus,
#hlink li.navi1 a:hover {
	background			: url(/image/net_header_moji.gif) no-repeat 0px -20px;
}
#hlink li.navi2 a:active,
#hlink li.navi2 a:focus,
#hlink li.navi2 a:hover {
	background			: url(/image/net_header_moji.gif) no-repeat -101px -20px;
}
#hlink li.navi3 a:active,
#hlink li.navi3 a:focus,
#hlink li.navi3 a:hover {
	background			: url(/image/net_header_moji.gif) no-repeat -166px -20px;
}
#hlink li.navi4 a:active,
#hlink li.navi4 a:focus,
#hlink li.navi4 a:hover {
	background			: url(/image/net_header_moji.gif) no-repeat -221px -20px;
}

#header_sekouarea {
	display				: block;
	position			: absolute;
	top					: 47px;
	left				: 350px;
	width				: 600px;
	height				: 60px;
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
	line-height			: 1.4;
}
#header_sekouarea ul.sarea_li li{
	line-height			: 1.4;
}
#header_sekouarea ul.sarea_li li a:hover{
	text-decoration	: none;
}
#header_sekouarea ul.sarea_li{
	display				: block;
	list-style-type		: none;
	margin				: 2px 0 10px 2px;
	padding				: 0 0 0 0;
	width				: 590px;
	float				: left;
    font-size: 12px;
    list-style-type: none;
}
#header_sekouarea ul.sarea_li li{
	display				: block;
	margin				: 0;
	padding				: 0;
	width				: 105px;
	line-height			: 1.4;
	float				: left;
}
#header_sekouarea ul.sarea_li li.sarea_etc{
	display				: block;
	margin				: 0;
	padding				: 0;
	width				: 160px;
	line-height			: 1.4;
	float				: left;
}
/* 店舗紹介、施工例、工事単価、お客様の手紙、お客様の声 */

#hlink3 {
  display: block;
  position: absolute;
  top: 120px;
  left: 0;
  width: 975px;
  height: 50px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#hlink3 .navi1 {
  width: 103px;
}
#hlink3 .navi2 {
  width: 114px;
  background-position: -103px 0;
}
#hlink3 .navi3 {
  width: 127px;
  background-position: -217px 0;
}
#hlink3 .navi4 {
  width: 127px;
  background-position: -344px 0;
}
#hlink3 .navi5 {
  width: 128px;
  background-position: -471px 0;
}
#hlink3 .navi6 {
  width: 128px;
  background-position: -599px 0;
}
#hlink3 .navi7 {
  width: 146px;
  background-position: -727px 0;
}
#hlink3 .navi9 {
  width: 102px;
  background-position: -874px 0;
}
#hlink3 li {
  display: block;
  height: 50px;
  float: left;
  background: url(/image/2020/header_menu.png) no-repeat 0 0;
}
#hlink3 li:hover {
  opacity: 0.8;
}

#hlink3 li a {
  display: block;
  height: 50px;
  text-decoration: none;
}
#hlink3 li a span {
  display: none;
}
#hlink3 li a span.enqtotal,
#hlink3 li a span.sekou {
  display: block;
  position: relative;
  width: 120px;
  top: 20px;
  left: 5px;
  font-size: 22px;
  color: maroon;
  font-family: arial, helvetica, osaka, MS PGothic, sans-serif;
  text-decoration: none;
  text-align: right;
}
#hlink3 li a span.enqtotal {
  font-size: 24px;
}
#hlink3 li a span.sekou {
  font-size: 20px;
  top: 23px;
}
#hlink3 li a span font {
  font-size: 16px;
}


#header ul#hlink4{
	display			: block;
	position		: absolute;
	top				: 3px;
	left			: 282px;
	margin			: 0;
	padding			: 0;
	width			: 490px;
}
#hlink4 li{
  display				: block;
  width				: 65px;
  height				: 40px;
  float				: left;
  margin				: 1px 10px 1px 3px;
  text-indent			: -9999px;
}

#hlink4 li.navi1,
#hlink4 li.navi1 a{
	width:80px;
}

#hlink4 li.staff_image {
    background-image: url(/image/header-planner.png);
    width: 380px;
    height: 40px;
}

#hlink4 li a {
	display				: block;
	width				: 65px;
	height				: 40px;
	text-decoration		: none;
}
#hlink4 li.navi1 a{
  background-image: url(/image/header-planner.png);
  background-position: right;
}
#hlink4 li.navi1 a:active,
#hlink4 li.navi1 a:focus,
#hlink4 li.navi1 a:hover {
  opacity: 0.8;
}

#branko a{
	display			: block;
	position		: absolute;
	top				: 55px;
	left			: 740px;
	margin			: 0;
	padding			: 0;
	width			: 200px;
	height			: 60px;
	text-indent		: -9999px;
}


.css {
	top: 0px;
	position: fixed;
	z-index: 999;
	margin-left:976px;
	width: 50px;
	height: 250px;
	padding:0px;
}
a.net_side {
	display				: block;
	width				: 50px;
	height				: 248px;
	text-decoration		: none;
	text-indent			: -9999px;
	background			: url(/image/net_side_minamiosaka.gif) no-repeat 0px 0px;
}
a.net_side:hover {
	background			: url(/image/net_side_minamiosaka.gif) no-repeat 0px -250px;
}
a#net_head {
	display			: block;
	position		: absolute;
	top				: 35px;
	left			: 880px;
	margin			: 0;
	padding			: 0;
	width			: 70px;
	height			: 60px;
	text-indent		: -9999px;
	background			: url(/image/net_head.gif) no-repeat 0px 0px;
}
a#net_head:hover {
	background			: url(/image/net_head.gif) no-repeat 0px -60px;
}


/* ヘッダーの固定スクロール分のheightをheader_marginで確保 */
#header_margin{
	clear : both;
	width : 950px; 
	height: 160px;
	float : left;
	margin :0;
	text-align		: left;
	position		: relative;
	top				: 0px;
}
/* コンテンツブロックの設定 */
#contents{
	clear : both;
	width : 795px; 
	float : left;
	margin :20px 0 0 0;
	text-align		: left;
}
	#mainBlock{
		width : 600px; 
		padding			: 50px 0 0 0;
		margin			: 0 0 0 0;
		float : right;
	}
	#leftBlock{
		width : 185px;
		margin: 0 0 0 5px;
		float : left;
	}
#rightBlock{
	width : 180px; 
	margin :20px 0 0 0;
	float : right;
}


/*--　サイドメニュー（左サイドのメニューリスト）　--*/
a#h2menu4{
	display			: block;
	width			: 185px;
	height			: 85px;
	background		: url('http://famitei.jp/image/jp_form.jpg') repeat-y 0 0;
	text-indent		: -9999px;
}
a#h2menu4:hover{
	background-position	: 0 85px;
}
h3.menu_1,h3.menu_2,h3.menu_3,
h3.menu_4,h3.menu_5{
	display			: block;
	clear			: both;
	width			: 185px;
	height			: 50px;
	margin			: 5px 0 0 0;
	padding			: 0;
	text-align		: center;
	font-size		: 10pt;
	text-indent		: -9999px;
}
ul.menu_1,ul.menu_2,ul.menu_3,
ul.menu_4,ul.menu_5{
	display			: block;
	margin			: 0 0 6px 0;
	padding			: 0;
}
ul.menu_1 li,ul.menu_2 li,
ul.menu_3 li,ul.menu_4 li,
ul.menu_5 li{
	margin			: 0;
	padding			: 0;
	width			: 180px;
	line-height		: 1.8;
	list-style-type	: none;
}
ul.menu_1 li.m_body,ul.menu_2 li.m_body,ul.menu_3 li.m_body,
ul.menu_4 li.m_body,ul.menu_5 li.m_body{
	margin			: 0;
	padding			: 0 0 0 10px;
	width			: 181px;
	line-height		: 1.6;
	list-style-type	: none;
	background		: url('/image/menu_list.jpg') no-repeat;
	background-position	: left center;
}
ul.menu_4 li.m_body,ul.menu_5 li.m_body{
	margin			: 0;
	padding			: 0 0 0 5px;
	width			: 181px;
	line-height		: 1.6;
	list-style-type	: none;
	background		: #f4f4f4 url('/image/jp_side_bk.jpg') repeat-y 0 0;
	background-position	: left center;
}
ul.menu_4 li.m_end,ul.menu_5 li.m_end{
	margin			: 0;
	padding			: 0 0 0 5px;
	width			: 181px;
	height			: 30px;
	line-height		: 1.6;
	list-style-type	: none;
	background		: #f4f4f4 url('/image/jp_side_end.gif') repeat-y 0 0;
	background-position	: left center;
}

h3.menu_1{background	: url('/image/jp_side_new.gif') no-repeat 0 0;}
h3.menu_2{background	: url('/image/jp_side_new.gif') no-repeat 0 -50px;}
h3.menu_3{background	: url('/image/jp_side_new.gif') no-repeat 0 -100px;}
h3.menu_4{background	: url('/image/jp_side_new.gif') no-repeat 0 -150px;}
h3.menu_5{background	: url('/image/jp_side_new.gif') no-repeat 0 -200px;}
ul.menu_1 span,ul.menu_2 span,ul.menu_3 span,ul.menu_4 span{
	font-size		: 11pt;
	font-weight		: bold;
}

#leftBlock ul a{
	text-decoration	: none;
	color			: #333333;
}
#leftBlock ul a:hover{
	color			: #fde98e;
}
#leftBlock ul a.type2{
	text-decoration	: blink;
	font-weight		: bold;
	color			: #71792e;
}
#leftBlock ul a.type2:hover{
	color			: #fde98e;
}

/*　左サイドメニューバナー関連　*/
a#com_bn{
	display			: block;
	background		: url('http://static.famitei.co.jp/image/button/banner180_com.gif') repeat-y 0 0;
	margin			: 5px 0px 5px 0px;
	width			: 180px;
	height			: 50px;
	text-indent		: -9999px;
}
a#mobi_bn{
	display			: block;
	background		: url('http://static.famitei.co.jp/image/mobi180.gif') repeat-y 0 0;
	margin			: 5px 0px 5px 0px;
	width			: 180px;
	height			: 50px;
	text-indent		: -9999px;
}
a#rehome_bn{
	display			: block;
	background		: url('http://static.famitei.co.jp/image/rehome180.gif') repeat-y 0 0;
	margin			: 5px 0px 5px 0px;
	width			: 180px;
	height			: 50px;
	text-indent		: -9999px;
}
a#com_bn:hover{
	background-position	: 0 50px;
}
a#keter_bn{
	text-decoration	: none;
	display			: block;
	background		: url('http://famitei.com/new/img/bn_keter180.gif') no-repeat 0 0;
	margin			: 5px 0px 5px 0px;
	width			: 180px;
	height			: 72px;
	text-indent		: -9999px;
}
a#shigaraki_link{
	display			: block;
	width			: 180px;
	height			: 47px;
	background		: url('http://famitei.jp/image/top/shigaraki180.gif') no-repeat 0 0;
	text-indent		: -9999px;
}
ul#bn_link{
	clear			: both;
	display			: block;
	margin			: 0;
	padding			: 0;
}
ul#bn_link li{
	display			: block;
	width			: 160px;
	height			: 65px;
	float			: left;
}
ul#bn_link li a{
	display			: block;
	width			: 180px;
	height			: 60px;
}
ul#bn_link span{
	display	: none;
}
ul#bn_link li#bn1 a{
	background		: url('http://famitei.net/image/top/dekurasu.gif') no-repeat 0 0;
}
ul#bn_link li#bn2 a{
	background		: url('http://famitei.net/image/top/reformclub.gif') no-repeat 0 0;
}

a.campaign_0per img{
	margin-left: 11px;
	margin-bottom: 8px;
	width: 179px;
}
a.campaign_0per2 img{
	margin-top: 5px;
	width: 185px;
}
a.campaign_0per img:hover{
	opacity: 0.5;
}
a.campaign_0per2 img:hover{
	opacity: 0.5;
}
/*-- フッター --*/
#footer{
	clear			: both;
	position		: relative;
	display			: block;
	margin			: 10px 0 0 0;
	padding			: 0;
	height			: 215px;
	background		: #ffffff url('/image/jp_footer.jpg') no-repeat 0;
	text-align		: left;
}
/*-- フッターTOPボタン --*/
a#footer_top{
	position		: relative;
	top				: 6px;
	left			: 810px;
	display			: block;
	width			: 120px;
	height			: 20px;
	background-image: url('/image/footer_top.gif');
	margin-bottom	: 20px;
	text-indent		: -9999px;
}  
a#footer_top:hover{
	background-image	: url('/image/footer_top.gif');
	background-position	: bottom;
}
#fname a{
	display			: block;
	position		: absolute;
	top				: 26px;
	left			: 0;
	margin			: 0;
	padding			: 0;
	width			: 250px;
	height			: 130px;
	text-indent		: -9999px;
}
ul#footer_shop{
	position		: relative;
	top				: 10px;
	left			: 250px;
	display			: block;
	width			: 540px;
	margin			: 0;
	padding			: 0;
}
ul#footer_shop li{
	list-style-type		: none;
	float				: left;
	margin				: 0 5px 0 0;
	padding				: 0;
}
ul#footer_shop li#shopb01 a{
	display				: block;
	width				: 80px;
	height				: 80px;
	background			: url('/image/footer_shop.gif') no-repeat 0 0;
}
ul#footer_shop li#shopb01 a:hover{
	background			: url('/image/footer_shop.gif') no-repeat -80px 0;
}  
ul#footer_shop li#shopb02 a{
	display				: block;
	width				: 80px;
	height				: 80px;
	background			: url('/image/footer_shop.gif') no-repeat 0 -80px;
}
ul#footer_shop li#shopb02 a:hover{
	background			: url('/image/footer_shop.gif') no-repeat -80px -80px;
}
ul#footer_shop li#shopb03 a{
	display				: block;
	width				: 80px;
	height				: 80px;
	background			: url('/image/footer_shop.gif') no-repeat 0 -160px;
}
ul#footer_shop li#shopb03 a:hover{
	background			: url('/image/footer_shop.gif') no-repeat -80px -160px;
}
ul#footer_shop li#shopb04 a{
	display				: block;
	width				: 80px;
	height				: 80px;
	background			: url('/image/footer_shop.gif') no-repeat 0 -240px;
}
ul#footer_shop li#shopb04 a:hover{
	background			: url('/image/footer_shop.gif') no-repeat -80px -240px;
}
ul#footer_shop li#shopb05 a{
	display				: block;
	width				: 80px;
	height				: 80px;
	background			: url('/image/footer_shop.gif') no-repeat 0 -320px;
}
ul#footer_shop li#shopb05 a:hover{
	background			: url('/image/footer_shop.gif') no-repeat -80px -320px;
}
ul#footer_shop li#shopb06 a{
	display				: block;
	width				: 80px;
	height				: 80px;
	background			: url('/image/footer_shop.gif') no-repeat 0 -400px;
}
ul#footer_shop li#shopb06 a:hover{
	background			: url('/image/footer_shop.gif') no-repeat -80px -400px;
}
ul#footer_shop li#shopb07 a{
	display				: block;
	width				: 80px;
	height				: 80px;
	background			: url('/image/footer_shop.gif') no-repeat 0 -480px;
}
ul#footer_shop li#shopb07 a:hover{
	background			: url('/image/footer_shop.gif') no-repeat -80px -480px;
}
ul#footer_shop li a span{
	display					: none;
}
/*-- フッターcom、mobiバナーリンク　--*/
ul#footer_ec{
	position			: relative;
	top					: 40px;
	left				: 130px;
	clear				: left;
	display				: block;
	margin				: 0;
	padding				: 0;
}
ul#footer_ec li{
	display					: block;
	width					: 340px;
	height					: 50px;
	float					: left;
}
ul#footer_ec li a{
	display					: block;
	width					: 340px;
	height					: 50px;
	text-indent				: -9999px;
}
ul#footer_ec li#ec1 a{
	background				: url('http://famitei.jp/image/footer_commobi.gif') no-repeat 0 0;
}
ul#footer_ec li#ec2 a{
	background				: url('http://famitei.jp/image/footer_commobi.gif') no-repeat -350px 0;
}
ul#footer_ec li#ec1 a:hover{
	background				: url('http://famitei.jp/image/footer_commobi.gif') no-repeat 0 -50px;
}
ul#footer_ec li#ec2 a:hover{
	background				: url('http://famitei.jp/image/footer_commobi.gif') no-repeat -350px -50px;
}
#footer_copyright{
	display			: block;
	text-align		: left;
	padding			: 5px;
}


.font_midori{
	color			: #669900;
}


ul.blog_menu{
	display			: block;
	margin			: 0;
	padding			: 0;
}
ul.blog_menu li{
	margin			: 0;
	padding			: 0;
	width			: 200px;
	height			: 18px;
/*	background		: url('/BLOG/image/li_red.gif') no-repeat 0 2px;*/
}
ul.blog_menu li a{
	font-size		: 9pt;
	position		: relative;
	top				: 1px;
	left			: 18px;
}
ul#lbanner{
	display			: block;
	margin			: 0 0 6px 0;
	padding			: 0;
}
ul#lbanner li{
	list-style-type	: none;
	display			: block;
	width			: 200px;
	height			: 130px;
	margin			: 0;
	padding			: 0;
}
ul#lbanner li a{
	display			: block;
	width			: 200px;
	height			: 130px;
}
ul#lbanner li.l1 a{
	background		: url('/image/button/banner200x130_cojp.gif') repeat-y 0 0;
}
ul#lbanner li.l2 a{
	background		: url('/image/button/banner200x130_com.gif') repeat-y 0 0;
}
ul#lbanner li.l3 a{
	background		: url('/image/button/banner200x130_mobi.gif') repeat-y 0 0;
}
ul#lbanner li.l1 a:hover,ul#lbanner li.l2 a:hover,ul#lbanner li.l3 a:hover{
	background-position	: 0 130px;
}
ul#lbanner span{
	display			: none;
}
#rblock h2.s1{
	font-size		: 10pt;
	display			: block;
	height			: 22px;
	background		: url('/image/menu/bg_h2.gif') no-repeat 0 0;
	margin			: 0;
	padding			: 4px 0 0 24px;
	line-height		: 18px;
}
div#page_navi{
	clear			: right;
	display			: block;
	margin			: 20px auto;
	text-align		: center;
}
div#page_navi div.n1,div#page_navi div.n2,div#page_navi div.n3{
	display			: block;
	width			: 170px;
	height			: 68px;
	margin			: 0;
	padding			: 0;
	float			: left;
	overflow		: hidden;
}
div#page_navi div.n1 a,div#page_navi div.n2 a,div#page_navi div.n3 a{
	display			: block;
	width			: 170px;
	height			: 68px;
	color			: #ffffff;
	text-decoration	: none;
	text-align		: center;
}
div#page_navi div.n1 a{
	background-image: url('/image/button/navi_back.gif');
	backgorund-repeat : repeat-y;
	background-position : 0 0;
}
div#page_navi div.n2 a{
	background		: url('/image/button/navi_form.gif');
	backgorund-repeat : repeat-y;
	background-position : 0 0;
}
div#page_navi div.n3 a{
	background		: url('/image/button/navi_next.gif');
	backgorund-repeat : repeat-y;
	background-position : 0 0;
}
div#page_navi div.n1 a:hover{
	background-position	: 0 67px;
}
div#page_navi div.n2 a:hover{
	background-position	: 0 68px;
}
div#page_navi div.n3 a:hover{
	background-position	: 0 67px;
}
div#page_navi span{
	display			: none;
}
div#page_navi div.n1 a{
	padding-top		: 30px;
	font-size		: 10px;
}
div#page_navi div.n3 a{
	padding-top		: 30px;
	font-size		: 10px;
}
div.page_top{
	display			: block;
	width			: 560px;
	height			: 40px;
}
div.page_top a{
	display			: block;
	width			: 80px;
	height			: 21px;
	background		: url('/image/button/bt_top.gif') no-repeat 0 0;
	float			: right;
	margin-top		: 10px;
	clear			: both;
}
div.page_top span{
	display			: none;
}

/* --- ページ下部　リンク --- */
div.address{
	position		: relative;
	display			: block;
	width			: 600px;
	height			: 60px;
	margin			: 0 auto;
	padding			: 4px;
	border			: #735c3c 1px solid;
	text-align		: left;
}
ul.address{
	display			: block;
	margin			: 0;
	padding			: 0;
	position		: absolute;
	top				: 4px;
	left			: 80px;
}
ul.address span{
	display			: none;
}
ul.address li{
	list-style-type	: none;
	display			: inline;
}
ul.address li a{
	display			: block;
	padding			: 0 8px 0 8px;
	float			: left;
	background		: url('/image/arrow_brown.gif') no-repeat 0 4px;
}
div.clr{
	clear			: both;
}
div.rclr{
	clear			: right;
}
div.area{
	display			: block;
	width			: 750px;
	text-align		: left;
	color			: #735c3c;
	font-size		: 8pt;
	margin			: 10px 0;
}
div.area h2.area{
	font-size		: 10pt;
	margin			: 0;
	padding			: 0;
}
ul.area{
	position		: relative;
	display			: block;
	margin			: 2px;
	padding			: 0 0 0 20px;
}
ul.area li{
	display			: block;
	list-style-type	: none;
	position		: relative;
}
ul.area li ul.areac{
	position		: absolute;
	top				: 0;
	left			: 60px;
	display			: block;
	margin			: 0;
	padding			: 0;
}
ul.area li ul.areac li{
	display			: inline;
	margin-right	: 4px;
	line-height		: 1.4em;
}
ul.area li.l2{
	height			: 2.8em;
}
ul.area li.l3{
	height			: 4.2em;
}

/* --- ContentsPage --- */
/* Float */
.fll{ float : left; }
img.fll{
	margin			: 3px 3px 3px 3px;
	padding			: 3px 3px 3px 3px;
}
.flr{ float : right; }
img.flr{
	margin			: 3px 3px 3px 3px;
	padding			: 3px 3px 3px 3px;
}
img.flr3{
	float 			: right;
}
/* Font */
.f8{ font-size	: 8pt; }
.f9{  font-size	: 9pt; }
.f10{ font-size	: 10pt; }
.f105{ font-size: 10.5pt;}
.f11{ font-size : 11pt; }
.f12{ font-size	: 12pt; }
.bold{ font-weight	: bold; }
.br{ color		: #993300; }
.gr{ color		: #004f00; }
p.gr{ text-align	: center; }
.red{ color		: #ff0000; }
/* P */
p.normal{
	margin		: 10px 10px 10px 6px;
	padding		: 0;
	line-height	: 1.3em;
}
p.img_r{
	margin		: 6px 10px 0 0;
	line-height	: 1.2em;
}
div.border_br{
	margin		: 4px;
	padding		: 4px;
	line-height	: 1.2em;
	border		: #735c3c 1px solid;
}
div.border_br p{
	margin		: 0;
	padding		: 0;
	font-size	: 9pt;
}

/* h2 */
h2.hide{
	display		: none;
}

th.tl,td.tl{text-align	: left;}
th.tc,td.tc{text-align	: center;}
th.tr,td.tr{text-align	: right;}
th.vt,td.vt{vertical-align	: top;}
table.t1,table.t2{
	table-layout	: fixed;
	border-collapse	: collapse;
	border			: 0;
	border-spacing	: 0;
	margin			: 0 1px 0 1px;
	padding			: 0;
	font-size		: 9pt;
	float			: left;
}

table.t1{
	width:99%;
	margin-bottom 		: 10px;
}

table.t1 th{
	background		: #eef3dd;
	padding			: 5px;
	border			: #7f6e54 1px solid;

}
table.t1 td{
	background		: #ffffff;
	padding			: 5px;
	border			: #7f6e54 1px solid;
}
table.t2 td,table.t2 th{
	background		: #ffffff;
	padding			: 2px;
}
hr.thin{
	height			: 1px;
	color			: #cccccc;
}
#dummy{
	display			: none;
}
br.contclr{
	clear		: both;
}

/* --- calender --- */
h3.calender,h3.yst{
	display			: block;
	background		: #735c3c;
	font-size		: 10pt;
	color			: #ffffff;
	text-align		: center;
	width			: 200px;
	margin			: 2px 0;
	padding			: 2px 0;
}
h3.blog_menu{
	display			: block;
	font-size		: 10pt;
	width			: 200px;
	margin			: 2px 0;
	padding			: 2px 0;
}
div.calender{
	display			: block;
	width			: 200px;
	margin			: 0;
	padding			: 0;
	text-align		: center;
}
table.calender{
	table-layout	: fixed;
	border-collapse	: separate;
	border			: 1px #ffcccc solid;
	border-spacing	: 1px;
	margin			: 0 auto;
	padding			: 0;
	text-align		: center;
}
th.kyuu,td.kyuu{
	font-size		: 9pt;
	background		: #ffcccc;
	color			: #ff0000;
	border			: 0;
	text-align		: center;
	padding			: 1px 0;
}
th.hei{
	font-size		: 9pt;
	background		: #ffffcc;
	color			: #666666;
	border			: 0;
	text-align		: center;
	padding			: 1px 0;
}
td.hei{
	font-size		: 9pt;
	background		: #ffffff;
	color			: #666666;
	text-align		: center;
	padding			: 1px 0;
}
div#bt_holiday,div.bt_holiday{
	display			: block;
	position		: absolute;
}
div#bt_holiday a,div.bt_holiday a{
	display			: block;
	width			: 90px;
	height			: 18px;
	background		: url('/BLOG/image/holiday.gif') no-repeat 0 0;
}
div#bt_holiday a span,div.bt_holiday a span{
	display			: none;
}
span.large{
	font-size		: 12pt;
}
.vt{vertical-align : top;}
.vb{vertical-align : bottom;}
.vm{vertical-align : middle;}

#keter_bn a{
	text-decoration	: none;
	display			: block;
	background	: url('http://famitei.com/new/img/bn_keter200.gif') no-repeat 0 0;
	margin				: 5px 0px 5px 0px;
	width				: 200px;
	height				: 80px;
}
#keter_bn span{
	display			: none;
}

#toex_bn a{
	text-decoration	: none;
	display			: block;
	background	: url('http://famitei.jp/image/toex_camp200.gif') no-repeat 0 0;
	margin				: 5px 0px 5px 0px;
	width				: 200px;
	height				: 160px;
}
#toex_bn span{
	display			: none;
}
div#s_top_search_kwFrmBlock,
div#s_top_search_kwFrmBlock2{
	display				: block;
	width				: 500px;
	height				: 30px;
	margin				: 0px 0 0 20px;
	padding				: 6px;
	background			: url('/sekou_img/image/s_top_bg_search_kw.gif') no-repeat 0 0;
	position			: relative;
}
div#s_top_search_kwFrmBlock input#kw,
div#s_top_search_kwFrmBlock2 input#kw2{
	position:absolute;
	top:7px;
	left:10px;
}
div#s_top_search_kwFrmBlock input#s_top_bt_search_kwFrm,
div#s_top_search_kwFrmBlock2 input#s_top_bt_search_kw2Frm{
	position:absolute;
	top:4px;
	left:340px;
}
div#s_top_search_kwFrmBlock2{
	display				: block;
	width				: 500px;
	height				: 30px;
	margin				: 0px 0 0 20px;
	padding				: 6px;
	background			: url('/sekou_img/image/s_top_bg_search_kw.gif') no-repeat 0 0;
	position			: relative;
}
p.sekou2{
	margin				: 4px 20px;
	padding				: 0;
	font-size			: 9pt;
}

/* ---現場管理者管理画面からの投稿、整形用--- */
ul.kouji{
	margin : 30px 0; padding : 0;
}
ul.kouji li{list-style-type:none; display : block; width : 460px; margin : 30px 0 0 0 ;}
ul.kouji li img{ border : #333333 1px solid; padding : 2px; margin-right : 10px; width : 100px; float : left; }
p.hpTitle{ display : block; font-size : 10pt; margin : 0; padding : 0; width : 320px; float : right; }
p.hpCont{ display : block; margin : 10px; padding : 0; width : 300px; float : right; }

/* ---人材募集ボタン--- */
a.jinzai200{
	display			: block;
	width			: 200px;
	height			: 80px;
	background		: url('http://famitei.jp/image/jinzai_b200.gif') repeat-y 0 0; 
	text-indent		: -9999px;
}
a.jinzai200:hover{
	background-position	: -200px 0;
}

/*--　MBSありがとう浜村淳　--*/
a#mbsradio{
	display				: block;
	width				: 180px;
	height				: 83px;
	margin				: 0 0 5px 0;
	background-image	: url('http://famitei.jp/image/jp_mbs180.jpg');
	text-indent			: -9999px;
}  
a#mbsradio:hover{
	background-image	: url('http://famitei.jp/image/jp_mbs180.jpg');
	background-position	: bottom;
}
a#mbsradio560{
	display				: block;
	float				: left;
	width				: 560px;
	height				: 55px;
	margin				: 0 0 10px 0;
	background-image	: url('http://famitei.jp/image/jp_mbs.gif');
	text-indent			: -9999px;
}  
a#mbsradio560:hover{
	background-image	: url('http://famitei.jp/image/jp_mbs.gif');
	background-position	: bottom;
}


div#rightBlock dl{
	margin-top		: 0;
	position		: relative;
}

div#rightBlock dl dt{
	display			: block;
	text-indent		: -9999px;
	width			: 175px;
}
div#rightBlock ul,div#rightBlock dd{
	font-style		: normal;
	letter-spacing	: 0;
	line-height		: 1;
	margin			: 0;
	padding			: 0;
}
/* ------recordBox----------------------------- */
dl#recordBox{
	width			: 175px;
	background-color: #F3F3F3;
}
dl#recordBox dt{
	background		: url(http://static.famitei.co.jp/image/dt-record.gif) no-repeat scroll 0 0;
	height			: 51px;
}
dl#recordBox dd{
	padding			: 0;
	position		: relative;
}
dl#recordBox dd ul li{
	list-style		: none;
	background		: url(http://static.famitei.co.jp/image/dotline-bg.gif) repeat-x scroll 0 bottom;
	text-align		: center;
	padding			: 8px;
}
dl#recordBox dd ul li a img{
	margin			: 0 0 5px 0;
}
dl#recordBox dd ul li a{
	text-decoration	: none;
	cursor			: pointer;
	color			: #003399;
}
dl#recordBox dd ul li a:hover{
	color			: #ff3300;
}
dl#recordBox dd ul li span{
	display			: block;
	font-size		: 12px;
}

/* ------recordBox----------------------------- */
dl#favBox{
	width			: 175px;
	background-color: #FFFFCC;
}
dl#favBox dt{
	background		: url(http://static.famitei.co.jp/image/dt-record2.gif) no-repeat scroll 0 0;
	height			: 51px;
}
dl#favBox dd{
	padding			: 0;
	position		: relative;
}
dl#favBox dd ul li{
	list-style		: none;
	background		: url(http://static.famitei.co.jp/image/dotline-bg.gif) repeat-x scroll 0 bottom;
	text-align		: center;
	padding			: 8px;
}
dl#favBox dd ul li a img{
	margin			: 0 0 5px 0;
}
dl#favBox dd ul li a{
	text-decoration	: none;
	cursor			: pointer;
	color			: #003399;
}
dl#favBox dd ul li a:hover{
	color			: #ff3300;
}
dl#favBox dd ul li span{
	display			: block;
	font-size		: 12px;
}
dl#favBox dd ul li#favtotal span{
	display			: block;
	font-size		: 12px;
	font-weight		: bold;
	color			: #FFFFFF;
	text-indent		: -9999px;
}
dl#favBox dd ul li#favtotal b{
	display			: block;
	position		: relative;
	top				: 2px;
	left			: 35px;
	font-size		: 20px;
	color			: #ff0000;
}
dl#favBox dd ul li#favtotal a{
	display			: block;
	width			: 160px;
	height			: 50px;
	padding			: 0;
	margin			: 0 0 0 0;
	background		: url('http://famitei.jp/image/fav_botan.gif') no-repeat 0 0;
}
dl#favBox dd ul li#favtotal a:hover{
	background		: url('http://famitei.jp/image/fav_botan.gif') no-repeat 0 -50px;
}

/* ------recordBox2----------------------------- */
dl#burankoBox{
	width			: 175px;
	background-color: #ffffff;
	font-style		: normal;
	letter-spacing	: 0;
	line-height		: 1;
	margin			: 0;
	padding			: 0;
}
dl#burankoBox dt{
	height			: 210px;
}
dl#burankoBox dt a{
	display			: block;
	width			: 175px;
	height			: 210px;
	background		: url('/image/jp_rside_branko.gif') no-repeat 0 0;
	text-indent		: -9999px;
}
dl#burankoBox dd{
	padding			: 0;
	position		: relative;
	border-right	: 1px solid #F7C500;
	border-left		: 1px solid #F7C500;
	border-bottom	: 1px solid #F7C500;
}
dl#burankoBox dd ul li{
	list-style		: none;
	background		: url(http://static.famitei.co.jp/image/dotline-bg.gif) repeat-x scroll 0 bottom;
	text-align		: center;
	padding			: 8px;
}
dl#burankoBox dd ul li a img{
	margin			: 0 0 5px 0;
}
dl#burankoBox dd ul li a{
	text-decoration	: none;
	cursor			: pointer;
	color			: #003399;
}
dl#burankoBox dd ul li a:hover{
	color			: #ff3300;
}
dl#burankoBox dd ul li span{
	display			: block;
	font-size		: 12px;
}


/* ---猛暑ボタン--- */
a#mosyo2012{
	display			: block;
	width			: 180px;
	height			: 60px;
	background		: url('http://famitei.jp/image/mosyo180.gif') repeat-y 0 0; 
	text-indent		: -9999px;
}
a#mosyo2012:hover{
	background-image	: url('http://famitei.jp/image/mosyo180.gif');
	background-position	: bottom;
}
.mouseOver:hover{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
}

/*-工事価格一覧ページのカテゴリ別ボタン（130428）-*/
ul.type_link li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 5px 0 0 !important;
    padding: 0;
}

ul.type_link {
    display: block;
    float: left;
    position	: relative;
    top : 33px;
    left: 20px;
    padding: 0;
    margin	: 0;
    width: 580px;
}
ul.type_link li.type1 a,
ul.type_link li.type2 a,
ul.type_link li.type3 a,
ul.type_link li.type4 a,
ul.type_link li.type5 a,
ul.type_link li.type6 a{
    background: url(http://famitei.jp/image/130425/chiki_category.jpg) no-repeat scroll;
    width:83px;
    height: 40px;
    display: block;
}
ul.type_link li a span{
	display: none;
}
ul.type_link li.type1 a {    background-position: 0 0;}
ul.type_link li.type1 a:hover,
ul.type_link li.type1 a.selected {    background-position: -83px 0px;}
ul.type_link li.type2 a {    background-position:  0 -40px;}
ul.type_link li.type2 a:hover,
ul.type_link li.type2 a.selected {    background-position: -83px -40px;}
ul.type_link li.type3 a {    background-position:  0 -80px;}
ul.type_link li.type3 a:hover,
ul.type_link li.type3 a.selected {    background-position:  -83px -80px;}
ul.type_link li.type4 a {    background-position: 0 -120px;}
ul.type_link li.type4 a:hover,
ul.type_link li.type4 a.selected {    background-position: -83px -120px;}
ul.type_link li.type5 a {    background-position: 0 -160px;}
ul.type_link li.type5 a:hover {    background-position: -83px -160px;}
ul.type_link li.type6 a {    background-position: 0 -200px;}
ul.type_link li.type6 a:hover {    background-position: -83px -200px;}

div.type_links{
    background: url(http://famitei.jp/image/130425/chiki_mobi600.jpg) no-repeat;
    float:left;
    width: 600px;
    height: 80px;
    margin: 0;
}

/*- PPプラン外構の紹介 -*/
#ppplan_gl{
	background:url(http://famitei.mobi/images/PPplan_button.gif) no-repeat scroll 0 0px;
		display:block;
		width:600px;
		height:140px;
		margin : 0;
		text-indent:-9999px;
	}
ul#ppplan_etclink {
	margin : 0;
	padding : 0;
	width:600px;
}
ul#ppplan_etclink li{
	float:left;
	display:block;
	width:200px;
	text-indent:-9999px;
	}
	ul#ppplan_etclink li.right{
		margin-left:3px;
		} 
	ul#ppplan_etclink li.bottom{
		margin-bottom:4px;
		} 
	ul#ppplan_etclink li a{
		display:block;
		width:100%;
		height:100%;
	}
		/***旗竿地外構セット******/	
		ul#ppplan_etclink li a.link01{
			background:url(http://famitei.mobi/images/PPplan_button.gif) no-repeat scroll 0 -140px;
			height:158px;
			}
		/***狭小地外構セット******/	
		ul#ppplan_etclink li a.link02{
			background:url(http://famitei.mobi/images/PPplan_button.gif) no-repeat scroll -200px -140px;
			height:158px;
			}
		/***間口7.5mセット******/	
		ul#ppplan_etclink li a.link03{
			background:url(http://famitei.mobi/images/PPplan_button.gif) no-repeat scroll -400px -140px;
			height:158px;
			}

ul#ppplan_etclink li a.link01:hover,
ul#ppplan_etclink li a.link02:hover,
ul#ppplan_etclink li a.link03:hover
{
	/* IE */
	filter: alpha(opacity=70);
	/* Safari Opera */
	opacity:0.7;
	/* Firefox Netscape */
	-moz-opacity:0.7;
}

div.border600 {
	background: url("http://famitei.mobi/images/bar600.gif") no-repeat scroll 0 0 transparent;
	clear: both;
	display: block;
	height: 5px;
	margin: 10px 0;
	width: 600px;
}

a#formjob180{
	display				: block;
	float				: left;
	width				: 180px;
	height				: 60px;
	margin				: 5px 0 5px 0;
	background-image	: url('http://static.famitei.co.jp/inquiry/job/formjob180.gif');
	text-indent			: -9999px;
}  
a#formjob180:hover{
	background-image	: url('http://static.famitei.co.jp/inquiry/job/formjob180.gif');
	background-position	: left bottom;
}
a#formjob185{
	display				: block;
	float				: left;
	width				: 185px;
	height				: 60px;
	margin				: 5px 0 5px 0;
	background-image	: url('http://static.famitei.co.jp/inquiry/job/formjob185.gif');
	text-indent			: -9999px;
}  
a#formjob185:hover{
	background-image	: url('http://static.famitei.co.jp/inquiry/job/formjob185.gif');
	background-position	: left bottom;
}

a.mobile_com_hp_link{
	position:absolute;
	text-indent:-9999px;
	width:165px;
	height:60px;
	left:805px;
	top:63px;
}

a#pctosp{
	color: #08546b;
	background: white;
	border: 5px solid #08546b;
	border: 1vh solid #08546b;
	display: block;
	width: 960px;
	margin:0 auto;
	padding: 20px 0;
	padding: 2vh 0;
	text-align:center;
	font-size: 20px;
	font-size: 5vh;
	text-decoration:none;
}
