@charset "utf-8";

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
	
}

body {
	font-family: palatino , georgia , verdana , arial , Osaka ,"ＭＳ Ｐゴシック", sans-serif;
	/* font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;*/
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.9em;
	text-align: center;
	background-image: url(images/bg_body.gif);
	background-repeat:repeat-x;
	background-position: 0 142px;
	background-color: #ABCDA6;
	
	
}
img {
	border-style: none;
	margin: 0;
	padding: 0;
}

/* リンク */
a {
	font-weight: normal;
	text-decoration: none;
	color: #fd78b3;
}
/*a:link { color: #000 } */
/*a:visited { color: #333 } */
*a:active, a:hover { color: #f4368a; }
ul {
	list-style-type: none;
}

ul.menu li {
	float: left;
}
ul.menu li a {
	float: left;
	display: block;
}

.hidden {
	display: none;
}

div#wrapper {
	width: 961px;
	margin: 20px auto 10px auto;
	padding: 0;
	text-align:left;
	text-align: justify;
	background-image:url(img/bg_wrapper.gif);
	background-repeat:repeat-y;
	border: 1px solid #ffffff;

	


}


div#wrapper2 {
	width: 960px;
	margin: 0;
	padding: 0;
	text-align:left;
	text-align: justify;
	text-justify:inter-ideograph;
	background-image:url(img/bg_wrapper2.jpg);
	background-repeat:no-repeat;

	


}a




div#header {
	width: 884px;
	height: 70px;
	margin: 0 0 0px 26px;
	padding: 77px 0 0 0;
	



}




div#navi {
	width: 526px;
	height: 30px;
	margin: 0px 0 0 351px;
	

	



}

div#navi ul {
	margin: 0;
	padding:0;


}


div#navi li {
	float:left;
	margin:  0 ;


}




li#navi-01 a {
	width: 104px;
	height: 28px;
	display:block;
	background-image:url(img/gnavi/navi_01.gif);
}


li#navi-01 a:hover {

background-position: 0 -28px;

}

li#navi-02 a {
	width: 131px;
	height: 28px;
	display:block;
	background-image:url(img/gnavi/navi_02.gif);

}


li#navi-02 a:hover {

background-position: 0 -28px;

}




li#navi-03  {
	width: 174px;
	height: 28px;
	display:block;
	background-image:url(img/gnavi/navi_03.gif);

}





li#navi-04 a  {
	width: 117px;
	height: 28px;
	display:block;
	background-image:url(img/gnavi/navi_04.gif);

}


li#navi-04 a:hover {

background-position: 0 -28px;

}




div#contents {
	width: 800px;
	margin: 0px 0 0 163px;
	text-align:left;
	clear:both;



}










div.align-right {
	float:right;
	margin: 0 0 10px 15px;



}



div.align-left {
	float:left;
	margin: 0 10px 10px 0;



}








.clear {
	clear: both;


}



.sgray {
	color:#636363;
	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;
	font-size: 10px;
	line-height: 1.4em;

}

.stxt {

	font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;
	font-size: 10px;
	line-height: 1.4em;

}





#left {
	text-align: left;
	margin: 278px 0 0 5px;
	padding: 0px;
	float: left;
	width: 439px;
}

#right {
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 210px 0 0 0;
	float: right;
	width: 210px;
}

/* =================*/
/* ■クラス要素     */
/* =================*/

.title {
	width: 414px;
	height: 25px;
	background: url(<$MTBlogURL$>/img/ball.gif) no-repeat 0 0.2em;
	text-align: left;
	padding: 1px 0px 0px 20px;
	color:#f4368a;
}

.day {
	text-align: left;
	margin-bottom:2px;
	padding: 3px 15px 0px 0px;
	height: 18px;
	width: 421px;
}

.dialy {
	text-align: left;
	width: 436px;
	margin-bottom: 10px;
}

.dialy img {
	margin-bottom: 10px;
}

.footer {
	text-align:right;
	margin-bottom: 25px;
	border-top:solid 1px #f4368a;
}

.footer a{
	color: #ff6600;
}

.footer a:hover{
	color: #ff6600;
}

.footer img {
	margin-bottom: 5px;
}

.menu {
	margin-bottom: 10px;
}
.menu form {
	margin: 3px;
}
.menu img {
	border: 0px;
	margin: 5px 0px;
}
.hfm_logo {
	border:solid 1px #cccccc;
}
.sub1 {
	color:#ffffff;
	padding-top:132px;
	padding-right:10px;
}
.sub2 {
	color:#3F007D;
	padding-top:18px;
	padding-right:10px;
}
/* =================*/
/* ■テキスト       */
/* =================*/
h1 { margin: 0;
	padding: 0;
}

h2 {
	font-weight:bold;
	font-size:14px;
}

.text_day {
	color: #4d4d4d;
}

.comment {
	background-color: #f0efef;
	text-align: left;
	padding: 5px 10px;
	width: 419px;
}

/* =================*/
/* ■余白           */
/* =================*/

.space_tb10 {
	margin: 10px 0px;
}

.space_t10 {
	margin-top: 10px;
}
.space_l10 {
	margin-left: 10px;

}

.space_l20 {
	margin-left: 20px;

}