@charset "UTF-8";
/************************************

　　　  ToMas Web Site

*************************************/


/* 基本設定
------------------------------ */


/* スクロールバーの常時表示 */
html {
    margin-bottom:1px;
    height:100%;
    }
	
body {
	background-color: #fff;
	margin: 0 auto;
	font-size: 100%;
	font-family:  "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, sans-selif;
	line-height: 1.4;
	color:#6a4e32;
}

/* Except IE */
html>body {
    font-size: 12pt;
}

p, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd {
    margin: 0;
	padding: 0;
}

ul, li {
    list-style-type:none;
    font-style:normal;
    font-weight:normal;
    position:static;
	margin:0;
	padding:0;
}
img { border:none;}

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



/* リンク設定 */
a:link,
a:visited,
a:visited {color: #6a4e32;text-decoration: underline;}
a:hover {color: #6a4e32;text-decoration: none;}




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


#top-page { background:url(http://hn-tomas.com//images/img/top_bg.gif) repeat-x;}

#other-page { background:url(http://hn-tomas.com//images/img/bg_otherpage.jpg) repeat-x;}

#container { width:900px; margin:0 auto;} 

#container #header { position:relative;} 

#container #header h1 { margin-top: 45px;} 

#container #header h2 { position:absolute; top:-39px; left:440px; font-size:10px; font-weight:normal !important; color:#6b4f30 !important;} 

#container #header ul { position:absolute; top:6px; left:417px;} 

#container #header li { float:left} 

#container #header p { position:absolute; top:-40px; left:820px;}


#main-photo { margin-top:10px;}

#content-body { margin-top:30px;}

#container #top-left { width:624px; float:right; margin-left:0px; margin-right:8px;}


#container #top-right { width:242px; float:left; margin-left:0px; _margin-left:0px;}

#container #top-right #tea { background:url(http://hn-tomas.com//images/img/top_tea_body.jpg) repeat-y;}

#container #top-right p { font-size:78%; line-height:150%; padding:5px 10px 10px 14px;}

#container #top-right li { font-size:78%; line-height:150%; padding:5px 10px 10px 14px;}

#container #top-right h5 { margin-top:15px;}

#container #top-right .top-blog span { font-size:80%; color:#cdb657}

#container #top-right .top-blog img { float:left; padding:0px 10px 10px 0px;}

#container #top-left { position:relative;}

#container #top-left .news-all {
	position:absolute;
	left: 479px;
	top: 17px;
}

#container #top-left .top-news-entry { padding:10px 9px; }

#container #top-left .top-news-entry img { border:#e5d78e solid 1px; padding:1px;}

#container #top-left .otherpage-entry { padding:10px 9px; }

#container #top-left .top-news-date { color:#cdb657; font-size:65%;}

#container #top-left p { font-size:80%; line-height:170%}

#container #top-left .otherpage-entry p { font-size:80%; line-height:170%; padding-bottom:10px;}

#container #top-left .otherpage-entry .sticking { background-color:#FBF8E0; padding:10px 10px -7px 10px;}

#container #top-left .otherpage-entry .sticking h4 { font-size:90%;}

#container #top-left .otherpage-entry .sticking2 { background-color: #FBF4CF; padding:10px 10px -7px 10px;}

#container #top-left .otherpage-entry .sticking2 h4 { font-size:90%;}

#container #top-left h3 { font-size:85%; font-weight:bold; margin:5px 0}

#top-left .top-tell { text-align:center; margin:30px 0}

.sepalate { background:url(http://hn-tomas.com//images/img/dots.gif) repeat-x; clear:both; height:5px; padding-bottom:10px;}

.sepalate2 { clear:both; height:5px; padding-bottom:30px;}

.totop { text-align:right;}



#footer { clear:both; border-top: solid 1px #6a4e32; margin-top:35px; font-size:70%; padding-top:6px; padding-bottom:40px; font-family:Georgia, "Times New Roman", Times, serif}

#footer div { float:right; text-align:right}

#footer ul { padding-bottom:5px;}

#footer li { display:inline;}

#footer p { float:left;}

#salon { width:600px; padding-left:12px; font-size:80%; margin:20px 0;}

#salon dl { margin-bottom:3px;}

#salon dt { width:400px; float:left;}

#salon dd { width:200px; float:left; text-align:right;}

.blogentry { background-color:#faf5e2; border-bottom:#A78A75 solid 1px; border-top:#A78A75 solid 1px; padding:3px 10px; margin-bottom:15px;}



#blog-inner img { margin:20px 0;}