/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/blog/mt-static/themes-base/blog.css);
@import url(/blog/mt-static/themes/tristan-blue-4.2/screen.css);
/* end StyleCatcher imports */


html{
	overflow-y:scroll;/*for FF*/
}

body {
	margin:0;
	padding:0;
	font-size:13px; /* 12px (92%)  10px(77%) */
	color:#666666;	
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:url(http://www.haruyama-co.jp/blog/common/img/bg.gif);
}



#container {
	width:100%;
	font-size:92%;
	line-height:140%;
}

#header {
	width:100%;
	background:url(http://www.haruyama-co.jp/blog/common/img/h_bg.jpg) repeat-x;
	
}

#headerInner {
	width:950px;
	height:150px;
	margin:0 auto;
	position:relative;
	background:url(http://www.haruyama-co.jp/blog/common/img/h_bg_in.jpg) no-repeat;
}

#content {
	margin:0 auto;
	padding:0;
	width:1000px;
}

#contentInner {

}



#mainCol {
	float:left;
	width:550px;
}


#rightCol {
	float:right;
	width:370px;
}

#footer {
	width:100%;
	background:#ffffff;
}
#footerInner {

}


/********************************************************************************************************************************
**	2.基本設定
********************************************************************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,td,th,form,fieldset,legend,input,textarea,p,th,td{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

caption,th {
	text-align:left;
}

address,caption,em,strong,th{
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

fieldset,img{
	border:0;
}

input, textarea, select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

img {
	vertical-align:bottom;
}

.clear {
	clear:both;
}

.none{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/* link
----------------------------------------------------------------------------------------------------------------------------- */

a:link {
	color:#0000FF;
	text-decoration:none;
}
a:visited {
	color:#0000FF;
	text-decoration:none;	
}
a:hover {
	color:#FF6699;
	text-decoration:none;	
}


/********************************************************************************************************************************
**	3.ヘッダー
********************************************************************************************************************************/



#header h1{
	position:absolute;
	left:0;
	top:53px;
	width:260px;
}

#header h1 a{
	text-indent:-9999px;
	display:block;
	height:40px;
	background:url(http://www.haruyama-co.jp/blog/common/img/logo.gif) no-repeat;	
}

#header h2{
	position:absolute;
	left:295px;
	top:55px;
	font-size:25px;
	line-height:100%;
	color:#000;
}
	

#header #subLogo{
	position:absolute;
	left:295px;
	top:80px;
}



#header ul#headerNavi {
	position:absolute;
	right:230px;
	top:10px;
	margin:0;
	padding:0;	
	width:200px;
	height:15px;
	list-style:none;	
}



#header ul#headerNavi li {

	float:left;
	margin:0;
	padding:0;
	
	
}

#header ul#headerNavi li a{
	display:block;
	width:80px;
	height:12px;
	padding:0 0 0 20px;
	background:url(http://www.haruyama-co.jp/blog/common/img/icon.jpg) no-repeat;
	line-height:100%;
	color:#FFF;
}

#header #search_btn{
	position:absolute;
	right:0;
	width:230px;
	top:3px;
	height:15px;
	height:15px;
	color:#FFF;
	line-height:100%;
}

/********************************************************************************************************************************
**	4.コンテント
********************************************************************************************************************************/

#main_blog{
	width:550px;
	background:url(http://www.haruyama-co.jp/blog/common/img/main_blog_bg.jpg) top repeat-x;
	padding:20px 0 0 0;
	float:left;
	margin:0 0 10px 0;
}

#blogTxt{
	width:520px;
	padding:0 5px;
}

#rightCol{
	float:right;
	width:380px;
	margin:0;
	padding:0;
	
}

#blog_comment{
	width:350px;
	background:url(http://www.haruyama-co.jp/blog/common/img/main_blog_bg.jpg) top repeat-x;
	padding:20px 0 0 0;
	margin:0 0 10px 0;
}
#blog_commentBOX{
	width:330px;
	background:#FFF;
	padding:20px 10px 10px 10px;
}


#blogBox01{
	width:170px;
	float:left;
	background:url(http://www.haruyama-co.jp/blog/common/img/main_blog_bg.jpg) top repeat-x;
	padding:20px 0 0 0;
	margin:0 10px 0 0;
}	

#blogBox02{
	width:170px;
	float:left;
	background:url(http://www.haruyama-co.jp/blog/common/img/main_blog_bg.jpg) top repeat-x;
	padding:20px 0 0 0;
}

#footer .copy{
	width:315px;
	float:left;
        margin:20px 0 0 0;
}