@charset "utf-8";

/*�@�X�܃y�[�W�pCSS�@*/
/*�����ݒ�*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
}

html{ 
    height:100%; 
}
body{
	font-size: 13px;
	letter-spacing:0.05em;
	line-height: 2em;
	font-family: Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	text-align:center;
	color:#484848;
	background-color:#fff;
    height:100%;
	background:url(../images/tenpo/bk_tenpo_header.gif) repeat-x;
}

ul {list-style: none;}

body > #wrapper{ 
    height:auto; 
}
img{border:0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix{
  zoom:1;
}

a{color:#666666;text-decoration:underline;}
a:hover{color:#999999;text-decoration:underline;}

a:hover img {
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
}

a.noblink:hover img {
filter:alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

p{margin-bottom:10px;}

#clear {clear:both;}


#wrapper{
    height:100%; 
    min-height:100%; 
	width:940px;
	margin:0 auto;
	text-align:left;
}

/*header setting*/
#header {
	height:97px;
	margin-bottom:20px;
}

#logo{
	width: 120px;
	float:left;
	margin:20px 0 0 0;
}

#navi{
	width: 450px;
	height:20px;
	font-size:80%;
	text-align:right;
	float:right;
	margin:10px 10px 0 50px;
}

#group_navi{
	width:641px;
	float:left;
	margin:43px 0 0 179px;
	text-align:left;
	vertical-align:top;
	display:inline;	
}

/*　navigation　トップナビ　*/
div#group_navi li{
	float:left;
	text-indent:-9999px;
	margin-left:20px;
}

div#group_navi li a{
	display:block;
	width:145px;
	position: relative;
}

/*住吉グループのお店*/
div#group_navi li#tenpo{
	height:24px;
	width:162px;
	background-image:url(../images/navi_tenpo.gif);
	background-position:bottom;
}
div#group_navi li#tenpo a{
	height:24px;
	width:162px;
	background-image:url(../images/navi_tenpo.gif);
}
div#group_navi li#tenpo a:hover{
	height:24px;
	width:162px;
	background-image:url(../images/navi_tenpo.gif);
	background-position:bottom;
}

/*リフォーム事例*/
div#group_navi li#reform{
	height:24px;
	width:132px;
	background-image:url(../images/navi_reform.gif);
	background-position:bottom;
}
div#group_navi li#reform a{
	height:24px;
	width:132px;
	background-image:url(../images/navi_reform.gif);
}
div#group_navi li#reform a:hover{
	height:24px;
	width:132px;
	background-image:url(../images/navi_reform.gif);
	background-position:bottom;
}

/*ニュース*/
div#group_navi li#group_news{
	height:24px;
	width:148px;
	background-image:url(../images/navi_news.gif);
	background-position:bottom;
}
div#group_navi li#group_news a{
	height:24px;
	width:148px;
	background-image:url(../images/navi_news.gif);
}
div#group_navi li#group_news a:hover{
	height:24px;
	width:148px;
	background-image:url(../images/navi_news.gif);
	background-position:bottom;
}

/*不動産情報*/
div#group_navi li#hudosan{
	height:24px;
	width:99px;
	background-image:url(../images/navi_hudosan.gif);
	background-position:bottom;
}
div#group_navi li#hudosan a{
	height:24px;
	width:99px;
	background-image:url(../images/navi_hudosan.gif);
}
div#group_navi li#hudosan a:hover{
	height:24px;
	width:99px;
	background-image:url(../images/navi_hudosan.gif);
	background-position:bottom;
}

/*左カラム*/
#content_l{
	width:690px;
	float:left;
	text-align:left;
	line-height:130%;
}

/*パン屑リスト*/
#breadcrumbs{height:20px; line-height:20px; font-size:70%; text-align:left; margin-bottom:20px;}


/*店舗情報*/
#tenpobox_l{float:left; width:420px; font-size:14px;}
#tenpobox_r{float:right;}
#tenpo_name{ margin-bottom:10px;}
#tenpo_data_t{ width:80px; float:left;}
#tenpo_data_c{ width:340px; float:left; margin-bottom:10px;}
#tenpo_bnr{float:left; margin-bottom:10px;}
#tenpo_bnr_txt{ width:180px; float:left; margin:0 0 10px 10px; font-size:75%;}

/*店舗名*/
#tenpo_title{
	width:490px;
	height:23px;
	padding:4px 0 0 200px ;
	margin:20px 0 10px 0;
	font-size:11px;
}
#staffbox{float:left; width:220px; margin-left:8px;}
#tenpostaff_photo{width:100px; height:120px; float:left; border:1px solid #CCC;}
#tenpostaff_tanto{width:110px; float:left; margin-left:8px; font-size:11px;}
#tenpostaff_name{width:110px; float:left; margin-left:8px; font-weight:bold; margin-bottom:5px; font-size:14px;}
#tenpostaff_comment{width:110px; float:left; margin-left:8px; font-size:11px;}

#tenponews_li{ background:url(../images/tenpo/tenponews_arrow.gif) no-repeat; height:20px; line-height:20px; padding-left:15px;}
#more_link{height:20px; line-height:20px; text-align:right;}


#reformbox{width:315px; height:171px; border:1px solid #ccc; padding:10px; float:left; font-size:11px; line-height:120%;}
#reform_title{height:20px; background:#E0E0E0; line-height:20px; font-weight:bold; padding-left:5px;}
#reform_photo{width:180px; height:135px; margin-top:10px; float:left;}
#reform_customer{width:125px; height:20px; line-height:20px; font-weight:bold; margin:10px 0 0 10px; float:left;}
#reform_price{width:125px; font-weight:bold; margin:10px 0 0 10px; text-align:center; float:left;}
#reform_txt{width:125px; height:8em; font-size:10px; margin:5px 0 0 10px; float:left;}
#reform_link{width:125px; font-size:80%; margin:5px 0 0 10px; float:left; text-align:right;}


.bg_staff_d{background:url(../images/tenpo/title_staff_d.gif) no-repeat;}
.bg_staff_s{background:url(../images/tenpo/title_staff_s.gif) no-repeat;}
.bg_news_d{background:url(../images/tenpo/title_tenponews_d.gif) no-repeat;}
.bg_news_s{background:url(../images/tenpo/title_tenponews_s.gif) no-repeat;}
.bg_reform_d{background:url(../images/tenpo/title_reform_d.gif) no-repeat;}
.bg_reform_s{background:url(../images/tenpo/title_reform_s.gif) no-repeat;}

#content_r{
	float:right;
	width:227px;
	font-size:11px;	
	line-height:150%;
	text-align:left;
}

/*メールフォームボタン*/
#infobox{ background-color:#f7f6f6; text-align:left;color:#666; margin-bottom:10px;}
#infobox_txt{width:205px; margin:5px 11px; font-size:11px; }

#tenpolist{ background:url(../images/tenpo/bk_tenpolist.gif) repeat-y; margin-bottom:12px; font-size:12px; color:#666;}
#tenpolist a{ color:#666; text-decoration:none;}
#tenpolist a:hover{color:#666; text-decoration:underline ;}
#tenpolist a.dent:hover{color:#666; position: relative; top:1px; left:1px}

#tenpolist #cate{
	width:205px; 
	line-height:130%;
	padding-left:5px;
	margin:0 5px 0 10px;
}

#tenpolist #subcate{
	width:170px;
	height:20px;
	line-height:20px;
	background:url(../images/tenpo/subcate_bk.gif) no-repeat;
	padding-left:40px;
	margin:0 5px 0 10px;
}

/*selected*/
#tenpolist #subcate_s{
	width:170px;
	height:20px;
	line-height:20px;
	background:url(../images/tenpo/subcate_bk_s.gif) no-repeat;
	padding-left:40px;
	margin:0 5px 0 10px;
}

#tenpolist #cate_line{ height:1px;background:url(../images/tenpo/tenpolist_line.gif) no-repeat center; margin:5px 0;}

/*���t�H�[���p���[���t�H�[��*/
.r_form_th_top{
	background-color:#ecc0c1;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	border:1px #B7050A solid;
}
.r_form_th{
	background-color:#ecc0c1;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	border-bottom:1px #B7050A solid;
	border-left:1px #B7050A solid;
	border-right:1px #B7050A solid;
}

.r_form_td_top{
	font-size:12px;
	padding:5px;
	border-top:1px #B7050A solid;	
	border-bottom:1px #B7050A solid;			
	border-right:1px #B7050A solid;	
	empty-cells:show;
}

.r_form_td{
	font-size:12px;
	padding:5px;
	border-bottom:1px #B7050A solid;			
	border-right:1px #B7050A solid;	
	empty-cells:show;
}

#page_top{ width:690px; text-align:right; font-size:10px; height:20px; margin-top:20px; margin-bottom:10px;}

#footer{
	margin-top:30px;
	height:150px;
	background:url(../images/tenpo/bk_footer.gif) no-repeat;
}

#footer #addres{
	margin:10px 0 20px 10px;
	float:left;
	font-size:12px;
	text-align:left;
	line-height:120%;
}

#footer #navi{
	width: 450px;
	font-size:80%;
	text-align:right;
	float:right;
	margin:60px 10px 0 50px;
}

#footer #copy{
	text-align:center;
	font-size:70%;
	color:#999999;
	height:15px;
}

.tcup{
	line-height:120%;
	font-size:80%;
	color:#FF0000;
}
.line_mtb15{
	margin-top:15px;
	margin-bottom:15px;
}
.line_mtb5{
	margin-top:5px;
	margin-bottom:5px;
}

/*�X�^�b�t�Љ�*/
#staff_navi{text-align:left; margin:10px 0 0 0;}
#staff_navi li{float:left; margin-left:10px;}
#staff_navi li#cap{margin-left:0;}


#staffbox690{float:left; width:668px; margin:0 0 10px 0; padding:10px; border:1px solid #CCC; line-height:150%;}
#staffbox690 #staff_photo{width:100px; float:left; border:1px solid #CCC;}
#staffbox690 #staff_name{width:540px; float:left; margin:0 0 0 20px; font-size:14px; font-weight:bold;}
#staffbox690 #staff_comment{width:540px; float:left; margin:5px 0 0 20px; font-size:11px;}
#staffbox690 #staff_sikaku{width:540px; float:left; margin:5px 0 0 20px; font-size:11px;}

/*�X�^�b�t�Љ�*/
#staffpage_title{
	width:680px;
	height:23px;
	line-height:23px;
	padding-left:10px ;
	margin:20px 0 10px 0;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	background-color:#999999;	
}
#staffpage_link{
	width:680px;
	height:23px;
	line-height:23px;
	padding-left:10px ;
	margin:5px 0 10px 0;
	font-size:13px;
	font-weight:bold;
	text-align:right;
}


.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml15{margin-left:15px;}
.mtb10{margin-top:10px;margin-bottom:10px;}