/* http://www.ohana.co.jp/css/home.css */
*{
margin: 0; 
padding: 0; 
}

p,pre,blockquote,ul,ol,dl,dd,form,input,textarea,th,td {margin:0;padding:0;}

img {border:none;}

ul, ol, li{
list-style:none;
line-height:100%;}

html {
height: 100%;
}
/*-------------------- common --------------------*/

body {
font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',san-serif;
font-size: 90%;
line-height: 180%;
font-style: normal; 
font-weight: normal; 
text-decoration: none; 
color: #333;
background-color: #ebeae1;
height: 100%;
}
#top_container {
width: 960px;
margin: 0 auto;
position: relative;
z-index: 101;
}

#top_fla {
position:absolute;
top:0;
left:0;
width:100%;
height:600px;
z-index:1;
}
#top_fla object {
width:100%;
min-width:960px;
min-height:600px;
height: auto !important;
height:600px;
}
/*-------------------- menu --------------------*/
#h_menu {
width: 357px;
height: 27px;
display: block;
float: right;
}
#h_menu li {
height: 27px;
display : inline;
float: left; 
}
#h_menu img {
vertical-align: bottom;
}

#top_menu {
width: 961px;
height: 60px;
margin: 413px -1px 3px 0px;
padding: 0px;
display: block;
float: left;
}
#top_menu li {
height: 60px;
margin-right: 1px;
padding :0px;
display : inline; 
float: left; 
}
#top_menu img {
margin: 0;
padding : 0;
vertical-align: bottom;
}

/*-------------------- contents --------------------*/
#top_base {
margin: 0 auto;
padding : 40px 30px 15px;
width: 900px;
background: #fff;
}
.newsbox_left {
float: left;
overflow: hidden;
width: 450px;
margin-right: 30px;
display: inline;
}
.bnbox_mid {
float: left;
overflow: hidden;
width: 150px;
margin-right: 30px;
display: inline;
}
.bnbox_right {
float: left;
overflow: hidden;
width: 234px;
}
.bnbox_mid img,
.bnbox_right img {
margin-bottom: 10px;
}

#top_outmenu {
width: 420px;
height: 32px;
margin-bottom: 22px;
padding: 0px;
display: block;
float: left;
}
#top_outmenu li {
height: 32px;
margin-right: 20px;
padding :0px;
display : inline; 
float: left; 
}
#top_outmenu img {
margin: 0;
padding : 0;
vertical-align: bottom;
}

#top_logo {
width: 160px;
}
/*-------------------- footer --------------------*/
#top_f_line {
width: 900px;
margin: 0 auto;
padding : 14px 30px;
background: #4f3661;
color: #fff;
font-size: 11px;
line-height: 100%;
letter-spacing: 0.1em;
}

#f_under {
width: 960px;
margin: 0 auto;
padding-bottom: 100px;
}

#footer_menu {
width: 300px;
height: 18px;
margin-top: 14px;
float: left;
}
#footer_menu li {
height: 18px;
display : inline;
margin-right: 8px;
float: left; 
}
#footer_menu img {
vertical-align: bottom;
}
#copyright {
width: 320px;
height: 18px;
margin-top: 14px;
float: right;
}
/*-------------------- topics --------------------*/

#topics_title {
display: block;
margin-bottom: 5px;
width: 450px;
height: 30px;
background: url(../image/ht_topi.gif) left top no-repeat;
}

.topilist {
width: 450px;
margin-bottom: 12px;
border-bottom: solid 1px #ddd4e3;
}
.topi_day {
float: left;
overflow: hidden;
display: inline;
font-size:11px;
line-height: 110%;
width: 80px;
color: #605f4e;
margin-left: 5px;
/float: none;
/overflow: auto;
/width: auto;
}
.topi_txt {
float: left;
display: inline;
font-size:12px;
line-height: 110%;
width: 360px;
margin-left: 5px;
/float: none;
/width: auto;
/margin-left: 25px;
}

ul.topics_list {
margin-bottom: 10px;
list-style: none;
}
ul.topics_list li {
display: block;
width: 450px;
height: 24px;
text-decoration: none;
color: #666;
padding: 6px 0px 4px;
clear: both;
}
ul.topics_list li a {
display: block;
width: 450px;
height: 24px;
text-decoration: none;
color: #333;
padding: 6px 0px 4px;
clear: both;
}
ul.topics_list li a:hover {
display: block;
width: 450px;
height: 24px;
color: #000;
background: url(../image/topi_back.gif) left top no-repeat;
text-decoration: none;
padding: 6px 0px 4px;
clear: both;
}

.b_list {
width: 85px;
height: 20px;
margin: 0px;
padding: 0px;
display: block;
float: right;
}
/*-------------------- clear --------------------*/
.clear_both {
  clear: both;
  visibility: hidden;
  height: 0;
  overflow : hidden;
}

/*-------------------- hide --------------------*/
.hide {
display:block;
position:absolute;
top:-9999px;
left:-9999px;
}