@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/bg_wrapper.gif);
background-position:center;
background-repeat:repeat-y;
background-color: #F27A11;


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

/* リンク */
a {
font-weight: normal;
text-decoration: none;
color: #FF8204;
}
/*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: 920px;
margin: 0px auto;
padding: 0;
text-align:center;
text-align: justify;


}





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

}


#left-center {
float:left;
width: 660px;



}

#left {
text-align: left;
margin: 0px 0px 10px 0px;
padding: 0px 0 0 0;
float: left;
width: 239px;

}




#center {
text-align: left;
margin: 20px 0 0 0px;
padding: 0px;
float: right;
width: 370px;



}

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










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;

}




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

.title {
width: 370px;
height: 52px;
background: url(http://hfmweb.jp/blog/ayanon//img/blogline.gif) no-repeat 0 0.2em;
text-align: left;
padding: 13px 0px 0px 0px;
color:#000000;
}

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

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

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

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

.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;
margin: 0 0 0 50px;
}

.text_day {
color: #4d4d4d;
}

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

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

.space_tb10 {
margin: 10px 0px;
}

.space_t10 {
margin-top: 10px;
}

.space_b5 {
margin-bottom: 5px;


}

.space_b10 {
margin-bottom: 10px;


}

.space_b30 {
margin-bottom: 30px;


}
.space_l10 {
margin-left: 10px;

}

.space_l20 {
margin-left: 20px;

}

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




}

div.menu2 {
background-image: url(img/blogcate.gif);
background-repeat: no-repeat;
width: 237px;
height: 72px;
text-align:center;
font-weight: bold;
padding-top: 20px;
margin: 20px 0 0 0;



}

div.sound {
background: url(img/sound.gif) no-repeat;
padding: 3px 0 0 30px;


}

div#center div#message {
font-size: 10px;
font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica;


}