@charset "euc-jp";
/* ========================= [ #base] */
.rst * {
margin: 0;
padding: 0;
}

body {
margin:0;
background:#300;
color:#333;
font-family:"£Í£Ó £Ð ÌÀÄ«","£Í£Ó ÌÀÄ«","Ê¿À®ÌÀÄ«","¥Ò¥é¥®¥ÎÌÀÄ« Pro W3","Hiragino Mincho Pro","£Í£Ó £Ð¥´¥·¥Ã¥¯", "Osaka";
font-size:12px;
}
#wrapper{
width:980px;
background: #000;
}
img{border:0;}

a:link {
	color:#ace;
}
a:visited {
  color:#8ac;
}
a:hover, a:active {
  color:#999;
}

.bold {
font-weight:bold;
}
.strong {
color:#c00;
font-weight:bold;
}

.float-l {
float:left;
}
.float-r {
float:right;
}
.clear {
clear:both;
}
.left {
text-align:left;
}
.right {
text-align:right;
}
.center {
text-align:center;
}
.top {
vertical-align:top;
}
.middle {
vertical-align:middle;
}
.bottom {
vertical-align:bottom;
}


.bx-red {
border:1px #c00 solid;
}
.bx-blu {
border:1px #00c solid;
}
.bx-gra {
border:1px #999 solid;
}


.bd-t {
border-top:1px #999 solid;
}
.bd-b {
border-bottom:1px #999 solid;
}
.bd-t-dash {
border-top:1px #999 dashed;
}


.bg-whi {
background:#fff;
}
.bg-gra {
background:#808080;
}
.bg-red {
background:#c00;
}
.bg-blu {
background:#00c;
}
.bg-yel {
background:#fffade;
}

.w100 {
width:100%;
}
.w90 {
width:90%;
}

.mg-auto { 
margin-left:auto; 
margin-right:auto; 
}
.mg-t0 {
margin-top:0;
}
.mg-b0 {
margin-bottom:0;
}
.mg-b3 {
margin-bottom:3px;
}
.mg-l3 {
margin-left:3px;
}
.mg-6 {
margin:6px;
}
.mg-t6 {
margin-top:6px;
}
.mg-r6 {
margin-right:6px;
}
.mg-b6 {
margin-bottom:6px;
}
.mg-l6 {
margin-left:6px;
}
.mg-10 {
margin:10px;
}
.mg-t10 {
margin-top:10px;
}
.mg-b10 {
margin-bottom:10px;
}
.mg-l10 {
margin-left:10px;
}
.mg-r10 {
margin-right:10px;
}
.mg-12 {
margin:12px;
}
.mg-t12 {
margin-top:12px;
}
.mg-r12 {
margin-right:12px;
}
.mg-b12 {
margin-bottom:12px;
}
.mg-l12 {
margin-left:12px;
}
.mg-t20 {
margin-top:20px;
}
.mg-b20 {
margin-bottom:20px;
}

.pd-3 {
padding:3px;
}
.pd-6 {
padding:6px;
}
.pd-t6 {
padding-top:6px;
}
.pd-r6 {
padding-right:6px;
}
.pd-b6 {
padding-bottom:6px;
}
.pd-12 {
padding:12px;
}
.pd-t12 {
padding-top:12px;
}
.pd-r12 {
padding-right:12px;
}
.pd-b12 {
padding-bottom:12px;
}
.pd-20 {
padding:20px;
}
.pd-t20 {
padding-top:20px;
}
.pd-r20 {
padding-right:20px;
}
.pd-b20 {
padding-bottom:20px;
}


.whi {
color:#fff;
}
.red {
color:#c00;
}
.gre {
color:#0a0;
}
.blu {
color:#00c;
}
.tx10 {
font-size:10px;
}
.tx14 {
font-size:14px;
}
.tx16 {
font-size:16px;
}


.lh1 {
line-height:1em;
}
.lh2 {
line-height:1.2em;
}
.lh3 {
line-height:1.3em;
}
.lh4 {
line-height:1.4em;
}
.lh5 {
line-height:1.7em;
}

.h-rock{height:400px;}
.gry{color:#aaa;}
.block{ display:block;}

/* ========================= [ #navi] */

#navi ul{
position:relative;
}
#navi li{
display:inline;
position:relative;
width: 120px;
height:40px;
float: left;
list-style: none;
}
#navi li a span{
display:inline-block;
position:absolute;
width:120px;
height:40px;
top:0;
left:0;
background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg);
cursor:pointer;
}
#navi li.top{margin:4px 10px 0 70px;}
#navi li.intro{margin:4px 10px 0 0;}
#navi li.story{margin:4px 10px 0 0;}
#navi li.cast{margin:4px 10px 0 0;}
#navi li.staff{margin:4px 10px 0 0;}

#navi li.top a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) 0 0 no-repeat;}
#navi li.intro a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) -130px 0 no-repeat;}
#navi li.story a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) -260px 0 no-repeat;}
#navi li.cast a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) -390px 0 no-repeat;}
#navi li.staff a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) -520px 0 no-repeat;}

#navi li.top a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) 0 -50px no-repeat;}
#navi li.intro a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) -130px -50px no-repeat;}
#navi li.story a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) -260px -50px no-repeat;}
#navi li.cast a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) -390px -50px no-repeat;}
#navi li.staff a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi.jpg) -520px -50px no-repeat;}

/* ========================= [ #navi-v1] */

#navi-v1 ul{
position:relative;
}
#navi-v1 li{
display:inline;
position:relative;
width: 110px;
height:40px;
float: left;
list-style: none;
}
#navi-v1 li a span{
display:inline-block;
position:absolute;
width:110px;
height:40px;
top:0;
left:0;
background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg);
cursor:pointer;
}
#navi-v1 li.top{margin:4px 10px 0 35px;}
#navi-v1 li.intro{margin:4px 10px 0 0;}
#navi-v1 li.story{margin:4px 10px 0 0;}
#navi-v1 li.cast{margin:4px 10px 0 0;}
#navi-v1 li.staff{margin:4px 10px 0 0;}
#navi-v1 li.movie{margin:4px 10px 0 0;}

#navi-v1 li.top a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) 0 0 no-repeat;}
#navi-v1 li.intro a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) -120px 0 no-repeat;}
#navi-v1 li.story a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) -240px 0 no-repeat;}
#navi-v1 li.cast a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) -360px 0 no-repeat;}
#navi-v1 li.staff a span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) -480px 0 no-repeat;}
#navi-v1 li.movie span{
display:inline-block;
position:absolute;
width:110px;
height:40px;
top:0;
left:0;
background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) -600px -50px no-repeat;
}

#navi-v1 li.top a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) 0 -50px no-repeat;}
#navi-v1 li.intro a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) -120px -50px no-repeat;}
#navi-v1 li.story a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) -240px -50px no-repeat;}
#navi-v1 li.cast a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) -360px -50px no-repeat;}
#navi-v1 li.staff a:hover span{background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bt_navi_v2.jpg) -480px -50px no-repeat;}



/* ========================= [ .li-bottom] */
.li-bottom {
margin:30px 0 20px;
}
/* ========================= [ #bottom] */
.bottom {
background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bg_main_bottom-trans.png) 0 0 repeat-x;
height:7px;
font-size:1px;
}
.top-shade {
background:url(http://p.dmm.co.jp/p/hanatohebi3/base/bg_main_top-trans.png) 0 0 repeat-x;
height:7px;
font-size:1px;
}
/* ========================= [ #footer] */
#footer{
margin:0;
background:#660000 url(http://p.dmm.co.jp/p/hanatohebi3/base/bg_footer.jpg) repeat-x 0 0;
}
#footer a:link{color:#fff;}
#footer a:visited {  color:#ccc;}
#footer a:hover, a:active {  color:#999;}
#footer ul{margin-bottom:13px;}
#footer ul li{
display:inline;
height:1.2em;
margin-right:4px;
padding-right:6px;
border-right:1px #666 solid;
white-space:nowrap;
}

#footer .bg-footer{
background:#660000;
}
#footer .sect01{
width:980px;
background:#660000 url(http://p.dmm.co.jp/p/hanatohebi3/base/bg_footer.jpg) repeat-x 0 0;
}

/* ========================= [ .link-bx] */
#footer .link-bx{background:#000 url(../images/hanatohebi3/base/bg_footerlink.jpg) repeat-x 0 0;}
#footer .link-bx .sect02{
background:#000 url(../images/hanatohebi3/base/bg_footerlink.jpg) repeat-x 0 0;
width:980px;
}
#footer .link-bx a{
position:relative;
margin:15px 10px 15px 5px;
display:inline-block;
opacity:0.7;
}

#footer .link-bx a:hover{
top:1px;
opacity:1;
}
#footer .link-bx span{
display:inline-block;
height:40px;
}