/*ブログ記事部分*/
.navi{
margin-bottom:20px;
text-align:center;
}
.navi a{
text-align:center;
width:560px;

}

.blog{
margin-bottom:50px;
}

.blog h2{
color:#666;
font-size:9pt;
margin-bottom:4px;
}

.blog h3{
margin-bottom:15px;
font-size:16pt;
background:url(http://www.era-f.sakura.ne.jp/img/news_line.png) left bottom no-repeat;
padding-bottom:5px;

}

.blog h3 a{
color:#094556;
font-weight:bolder;
text-decoration:none;
}

.blog h3 a:hover{
color:#666;
}

.text{
margin-bottom:40px;
}

.posted{
font-size:9pt;
}

.sidetitle{
background:url(http://www.era-f.sakura.ne.jp/img/lili.png) left 3px no-repeat;
padding-left:12px;
border-bottom:#666 dotted 1px;
margin-bottom:5px;
}

/*検索*/
#serch{
width:179px;
margin:0 auto;
margin-bottom:20px;
}

/*カレンダー*/
#calendar{
width:179px;
margin:0 auto;
margin-bottom:20px;
}

#calendar .calendarhead{
text-align:center;
padding:5px 0;
}

#calendar th,#calendar td{
text-align:center;
padding:3px 0;
}

#calendar th{
width:25px;
}

/*アーカイブ*/
#archiv{
width:179px;
margin:0 auto;
margin-bottom:20px;
}

/*最近の記事*/
#kizi{
width:179px;
margin:0 auto;
margin-bottom:20px;
}

/*カテゴリー*/
#cate{
width:179px;
margin:0 auto;
margin-bottom:20px;
}

/*RSS*/
.syndicate{
width:70px;
margin:0 auto;
margin-bottom:20px;
}

#rss1 a,#rss2 a{
width:70px;
height:15px;
display:block;
text-indent:-9999px;
}

#rss1 a{
background:url(http://www.era-f.sakura.ne.jp/img/rss1.gif) left top no-repeat;
margin-bottom:7px;
}

#rss2 a{
background:url(http://www.era-f.sakura.ne.jp/img/rss2.gif) left top no-repeat;
}

p.list{
margin-bottom:3px;
}



/*ページデザイン*/
/*-- 上メニュー --*/
#PRESS #g_menu ul li#g2 a{background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-2.png) -100px 0;}

/*-- メイン画像 --*/
#main_title h2{
	width:800px;
	height:115px;
	margin:0 auto;
	background:url(http://www.era-f.sakura.ne.jp/img/topimg2.png) left top no-repeat;
}

/*-- ページタイトル --*/
#PRESS h3#newstitle{
	background:url(http://www.era-f.sakura.ne.jp/img/h3_2_1.png) left top no-repeat;
width:560px;
	height:35px;
	margin-bottom:30px;
}



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

#left_menu h2{
	width:205px;
	height:44px;
	background:url(http://www.era-f.sakura.ne.jp/img/news_menu.png) left top no-repeat;
margin-bottom:10px;
}

#left_menu ul{
	width:205px;
	height:175px;
	background:#F5F3F3;
}

#left_menu ul li a{
	width:205px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

#left_menu ul li#left_menu1 a{
	background:url(http://www.era-f.sakura.ne.jp/img/works_menu.png) 0 -44px;
}
#left_menu ul li#left_menu2 a{
	background:url(http://www.era-f.sakura.ne.jp/img/works_menu.png) 0 -79px;
}
#left_menu ul li#left_menu3 a{
	background:url(http://www.era-f.sakura.ne.jp/img/works_menu.png) 0 -114px;
}
#left_menu ul li#left_menu4 a{
	background:url(http://www.era-f.sakura.ne.jp/img/works_menu.png) 0 -149px;
}

#left_menu ul li#left_menu1 a:hover,#WORK1 #left_menu ul li#left_menu1 a{
	background:url(http://www.era-f.sakura.ne.jp/img/works_menu.png) -205px -44px;
}
#left_menu ul li#left_menu2 a:hover,#WORK2 #left_menu ul li#left_menu2 a{
	background:url(http://www.era-f.sakura.ne.jp/img/works_menu.png) -205px -79px;
}
#left_menu ul li#left_menu3 a:hover,#WORK3 #left_menu ul li#left_menu3 a{
	background:url(http://www.era-f.sakura.ne.jp/img/works_menu.png) -205px -114px;
}
#left_menu ul li#left_menu4 a:hover,#WORK4 #left_menu ul li#left_menu4 a{
	background:url(http://www.era-f.sakura.ne.jp/img/works_menu.png) -205px -149px;
}


/*-- リフォーム --*/
#WORK1 #main h4{
	width:560px;
	height:52px;
	background:url(http://www.era-f.sakura.ne.jp/img/work1.png) left top no-repeat;
	margin-bottom:60px;
}



/*-- 住宅 --*/
#WORK2 #main h4{
	width:560px;
	height:52px;
	background:url(http://www.era-f.sakura.ne.jp/img/work2.png) left top no-repeat;
	margin-bottom:10px;
}

#WORK2 #main p{
	margin-bottom:20px;
	
}



/*-- インテリア --*/
#WORK3 #main h4{
	width:560px;
	height:52px;
	background:url(http://www.era-f.sakura.ne.jp/img/work3.png) left top no-repeat;
	margin-bottom:10px;
}

#WORK3 #main p{
	margin-bottom:20px;
	
}




/*-- カーテン --*/
#WORK4 #main h4{
	width:560px;
	height:80px;
	background:url(http://www.era-f.sakura.ne.jp/img/work4.png) left top no-repeat;
	margin-bottom:10px;
}

#WORK4 #main p{
	margin-bottom:20px;
	
}





/*リセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
*{
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0 none;
font-variant:normal;
}
* {
color:#000000;
text-decoration:none;
outline-style:none;
}

/*レイアウト*/
#container{
	width:820px;
	margin:0 auto;
}
/*-- ヘッダー指定 --*/
#header{
	width:800px;
	padding:0 10px;
	margin:0 auto;
	height:88px;
}

#header {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

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

/*-- トップページのみ --*/
#TOP #contents{
	width:800px;
	margin:0 auto;
	background:none;
}


#TOP #main{
	width:800px;
	margin-top:30px;
}


#TOP #footer{
	clear:both;
	background:#094556 url(http://www.era-f.sakura.ne.jp/img/footer_bg.gif) left top repeat-x ;
	width:100%;
}


/*-- メイン部分 --*/
#contents{
	width:800px;
	margin:0 auto;
	background:#fff;
}

#contents {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

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

#main{
	width:560px;
	float:right;
	padding-bottom:50px;
}

#left_menu{
	width:205px;
	float:left;
background-color:#F5F3F3;
	margin-bottom:20px;

}

/*フォント*/
body {
-x-system-font:none;
font-family:arial,helvetica,clean,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.231;
}
table {
font-size:inherit;
}
pre, code, kbd, samp, tt {
font-family:monospace;
line-height:100%;
}

* {
font-family: "ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Helvetica,Verdana,sans-serif;
margin:0;
padding:0;
color:#4D4D4D;
}

dt,dd,li{
	color:#4D4D4D;
}

p,dd{
	line-height:180%;
}

/*共通部分*/
/*-- firefoxの スクロール固定表示--*/
html{
	overflow-y:scroll;
	background:#094556;
}

body{
	font-size:10pt;
	background:#fff url(http://www.era-f.sakura.ne.jp/img/bg2.png) left top repeat-x;
}

body#TOP{
	font-size:10pt;
	background:#fff url(http://www.era-f.sakura.ne.jp/img/bg.png) left top repeat-x;
}

/*-- リンク色 --*/
a{color:#0C6078;text-decoration:underline;}
a:hover{color:#0C6078;text-decoration:none;}

/*-- 画像置き換えテキスト --*/
.hide_text{
	text-indent:-9999px;
	display:block;
}


/*-- 赤文字 --*/
.red{
	color:#CC3333;
	font-size:11px;
}

.red2{
	color:#CC3333;
}


/*-- 青文字 --*/
.blue{
	color:#3399FF;
	font-size:16px;
}


/*-- パンくずリスト --*/
#pan{
	width:800px;
	margin-bottom:5px;
	font-size:9pt;
	margin:5px 0 15px 0;
}

p{
	color:#4D4D4D;
	line-height:1.5;
}

dt{
	line-height:1.2;
}

dd{
	line-height:1.2;
}

.small{
	font-size:9pt;
}

.xsmall{
	font-size:7pt;
}

img, div, input { behavior: url("http://www.era-f.sakura.ne.jp/js/iepngfix.htc") }


/*--------------------------------------
    　　　　　ヘッダー内指定
----------------------------------------*/

h1 a{
	width:106px;
	height:80px;
	background:url(http://www.era-f.sakura.ne.jp/img/rogo.png) left top no-repeat;
	display:block;
	float:left;
}

#header_r{
	width:500px;
	float:right;
}

#sub_menu ul{
	width:322px;
	height:30px;
	margin-left:178px;
}

#sub_menu ul li{
	display:inline;
}


#sub_menu ul li a{
	height:30px;
	display:block;
	float:left;
	text-indent:-9999px;
}

#sub_menu ul li#sub1 a{width:95px; background:url(http://www.era-f.sakura.ne.jp/img/submenu.png) 0 0;}
#sub_menu ul li#sub2 a{width:93px; background:url(http://www.era-f.sakura.ne.jp/img/submenu.png) -95px 0;}
#sub_menu ul li#sub3 a{width:134px; background-position: 0 -188px; background:url(http://www.era-f.sakura.ne.jp/img/submenu.png) -188px 0;}

#sub_menu ul li#sub1 a:hover{background:url(http://www.era-f.sakura.ne.jp/img/submenu.png) 0 -30px;}
#sub_menu ul li#sub2 a:hover{background:url(http://www.era-f.sakura.ne.jp/img/submenu.png) -95px -30px;}
#sub_menu ul li#sub3 a:hover{background-position: 0 -188px; background:url(http://www.era-f.sakura.ne.jp/img/submenu.png) -188px -30px;}

/*--------------------------------------
    　　　　　メニュー指定
----------------------------------------*/

#g_menu{
	width:500px;
	height:42px;
	margin-top:16px;
}

#g_menu li{
	display:inline;
}

#g_menu ul li a{
	height:42px;
	display:block;
	float:left;
	width:100px;
	text-indent:-9999px;
}

#g_menu ul li#g1 a{	background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-1.png) 0 0;}
#g_menu ul li#g2 a{	background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-1.png) -100px 0;}
#g_menu ul li#g3 a{	background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-1.png) -200px 0;}
#g_menu ul li#g4 a{	background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-1.png) -300px 0;}
#g_menu ul li#g5 a{	background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-1.png) -400px 0;}

#g_menu ul li#g1 a:hover{background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-2.png) 0 0;}
#g_menu ul li#g2 a:hover{background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-2.png) -100px 0;}
#g_menu ul li#g3 a:hover{background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-2.png) -200px 0;}
#g_menu ul li#g4 a:hover{background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-2.png) -300px 0;}
#g_menu ul li#g5 a:hover{background:url(http://www.era-f.sakura.ne.jp/img/gmenu4-2.png) -400px 0;}







/*-- 下部ナビメニュー --*/

#navi2{
	clear:both;
	width:820px;
	padding-top:10px;
}

#navi_l{
	width:500px;
	float:left;
	font-size:9pt;
}



#navi_r a{
	width:97px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(http://www.era-f.sakura.ne.jp/img/pagetop.gif) left top no-repeat;
	margin-left:713px;
}

* html #navi_r a{
	width:97px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(http://www.era-f.sakura.ne.jp/img/pagetop.gif) left top no-repeat;
	margin-left:710px;
}

#navi2 {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

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


/*上へ戻るボタン*/
#TOPnavi{
	width:800px;
	margin:0 auto;
}

#TOPnavi p a{
	width:97px;
	height:28px;
	display:block;
	text-indent:-9999px;
	background:url(http://www.era-f.sakura.ne.jp/img/pagetop.gif) left top no-repeat;
	margin-left:703px;
}






/*-- フッダー指定 --*/
#footer_in{
	width:800px;
	padding:30px 10px;
	margin:0 auto;
	background:#094556 url(http://www.era-f.sakura.ne.jp/img/footer_bg2.gif) left top no-repeat ;
}

#footer_in h2{
	color:#F2F2F2;
	font-size:16pt;
	margin-bottom:10px;
	width:500px;
}

#footer_in p,#footer_in address{
	color:#F2F2F2;
}


#footer_float{
	width:800px;
	float:left;
	margin-bottom:30px;
}

#footer_l{
	width:500px;
	float:left;
}


#footer_r a{
	width:219px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(http://www.era-f.sakura.ne.jp/img/footer_btn.gif) left top no-repeat;
	float:right;
}

#footer_r a:hover{
	background:url(http://www.era-f.sakura.ne.jp/img/footer_btn2.gif) left top no-repeat;
}

address{
	clear:both;
	width:800px;
	margin:0 auto;
	font-size:8pt;
}

#footer{
	clear:both;
	background:#094556 url(http://www.era-f.sakura.ne.jp/img/footer_bg.gif) left top repeat-x ;
	width:100%;
}