@charset "Shift_JIS";

* {
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(img-jinro/bg_body.jpg);
background-repeat: repeat;
background-color: #ffffff;


}
img {
border-style: none;
margin: 0;
padding: 0;
}

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

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

.hidden {
display: none;
}

div#wrapper {
position:relative;
width: 959px;
margin: 0px auto;
padding: 0;
text-align:left;
text-align: justify;

background-image:url(images/miracle-h_02.jpg);
background-repeat:repeat-y;




}


div#wrapper2 {
position:relative;
width: 959px;
margin: 0;
padding: 0;
text-align:left;
text-align: justify;
text-justify:inter-ideograph;
background-image:url(images/miracle-h_01.jpg);
background-repeat:no-repeat;




}




div#header {
width: 959px;
height: 256px;
margin: 0 0 0px 0px;
padding: 0 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: 959px;
margin: 0px 0 0 0px;
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: 50px 0 0 0px;
padding: 0px;
float: left;
width: 206px;

}

#center {
text-align: left;
margin: 50px 0 0 5px;
padding: 0px;
float: left;
width: 510px;


}


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

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

.title {
width: 507px;
height: 28px;
background: url(http://hfmweb.jp/blog/miracle-h//images/bg_title.gif) no-repeat 0 0.2em;
text-align: left;
padding: 8px 0px 0px 10px;
color:#ffffff;
}

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

.dialy {
text-align: left;
width: 507px;
margin-bottom: 10px;
border-bottom: 1px dotted #DEAEFF;
}

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

.footer {
width: 507px;
text-align:right;

}

.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;
}

#footer {
width: 959px;
height: 200px;
text-align:right;
background-color: #ffffff;
background-image:url(images/miracle-h_04.jpg);
background-repeat:no-repeat;


}

/* =================*/
/* ■テキスト       */
/* =================*/
h1 { margin: 0;
padding: 0;
}

h2 a {
text-indent: -999999px;
display: block;
width:959px;
height:250px;
}

.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;

}


.space_l30 {
margin-left: 30px;

}


.space_l40 {
margin-left: 40px;

}


.space_b10 {
margin-bottom: 10px;

}


.content-nav {
margin-bottom: 30px;
font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;
font-size: 10px;
line-height: 1.4em;



}