#accordion{
 width:639px;
 margin:0 auto;
 background:url(../images/div_bottom.gif) 0 bottom no-repeat;
 padding-bottom:1px;
}



ul.menu{
 width:321px;
 float:left;
 margin-left:7px;
}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left;}
ul.menu ul {position:absolute; top:17px; left:1px; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; width:317px; margin:0}
ul.menu ul li a {display:block;}



#enjoy_main_bg{
 background:#DF0015;
 border-right:2px solid #C91D1D;
 border-bottom:2px solid #C91D1D;
 border-left:2px solid #C91D1D;
}

#intro {
    padding-bottom: 10px;
}

#slider{
 padding-top:14px;
 height:210px;
 margin-bottom:16px;
}


.panel{
 margin-top:102px;
}

.inside{
 border:1px solid #000;
 background:#F299A1;
}


.scroll {
	overflow: hidden;
	width: 600px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    margin-left: 4px;
    width: 70px;
}


.inside img {
	display: block;
	margin: 0;
	width: 70px;
}


.hide {
    display: none;
}

#ep_area{
 width:581px;
 margin:0 auto;
}


#ep_ttl{
 margin-left:130px;
 width:321px;
}

#ep_flg{
 position:relative;
}

#ep_flg img{
 position:absolute;
 left:114px;
 top:14px;
}


#ep_info{
 width:300px;
 margin:7px auto 0 auto;
}







#panel_prev{
 float:left;
}

#panel_prev span{
 display:block;
 background:url(../images/prev_btn.gif) 0 0 no-repeat;
 width:124px;
 height:21px;
 text-indent:-9999px;
 cursor:pointer;
}

#panel_next{
 float:right;
}

#panel_next span{
 display:block;
 background:url(../images/next_btn.gif) 0 0 no-repeat;
 width:124px;
 height:21px;
 text-indent:-9999px;
 cursor:pointer;
}


#upper_area #left_col{
 float:left;
}

#upper_area #right_col{
 float:left;
 width:358px;
 margin-top:35px;
 color:#FFFFFF;
}

#upper_area #right_col p{
 width:343px;
}

#upper_area #right_col ul{
 margin-top:20px;
 margin-bottom:10px;
 margin-right:15px;
_margin-right:5px;
 float:right;
}

#upper_area #right_col ul li{
 float:left;
}


#cover_btn a{
 display:block;
 width:111px;
 height:21px;
 background:url(../images/cover_btn.jpg) 0 0 no-repeat;
 text-indent:-9999px;
 margin-right:5px;
}

#cover_btn a:hover{
 background:url(../images/cover_btn_o.jpg) 0 0 no-repeat;
}


#character_btn a{
 display:block;
 width:111px;
 height:21px;
 background:url(../images/character_btn.jpg) 0 0 no-repeat;
 text-indent:-9999px;
 margin-right:5px;
}

#character_btn a:hover,
#character_btn_active a{
 display:block;
 width:111px;
 height:21px;
 background:url(../images/character_btn_o.jpg) 0 0 no-repeat;
 text-indent:-9999px;
 margin-right:5px;
}

#other_character_btn a{
 display:block;
 width:111px;
 height:21px;
 background:url(../images/other_character_btn.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}

#other_character_btn a:hover,
#other_character_btn_active a{
 display:block;
 width:111px;
 height:21px;
 background:url(../images/other_character_btn_o.jpg) 0 0 no-repeat;
 text-indent:-9999px;
}




#f_navi_left{
 width:300px;
 margin:50px auto 10px auto;
 background:url(../images/f_navi_left.gif) 0 bottom no-repeat;
}

#f_navi_right{
 background:url(../images/f_navi_right.gif) right bottom no-repeat;
 padding-top:35px;
 width:300px;
}


#f_navi_right ul{
 padding-left:89px;
 text-align:center;
 color:#FFFFFF;
 width:230px;
}

#f_navi_right ul a{
 color:#FFFFFF;
}


#f_navi_left_char{
 width:390px;
 margin:0 auto 10px auto;
 background:url(../images/f_navi_left.gif) 0 bottom no-repeat;
}

#f_navi_right_char{
 background:url(../images/f_navi_right.gif) right bottom no-repeat;
 padding-top:35px;
 padding-left:98px;
}


#f_navi_right_char ul{
 color:#FFFFFF;
}

#f_navi_right_char ul li{
 float:left;
}

#f_navi_right_char ul li a{
 color:#FFFFFF;
}


#f_navi_right ul li{
 float:left;
}

.exp_note_w01{
 background:url(../images/exp_note001_w01.gif) 0 1px no-repeat;
 padding-left:1.2em;
 color:#FFFFFF;
}




#nav{
 width:321px;
 margin-left:156px;
}

/******************************

キャラクターサムネイル

******************************/

#thumb_area{
 margin:6px 17px 15px 0;
 width:220px;
 float:right;
 display:inline;
}

#thumb_area li{
 float:left;
}

#thumb_fujiko a{
 display:block;
 background:url(../images/thumb_fujiko.gif) 0 0 no-repeat;
 width:70px;
 height:63px;
 text-indent:-9999px;
 margin-right:5px;
}

#thumb_kinoko a{
 display:block;
 background:url(../images/thumb_kinoko.gif) 0 0 no-repeat;
 width:70px;
 height:63px;
 text-indent:-9999px;
 margin-right:5px;
}

#thumb_mitsuru a{
 display:block;
 background:url(../images/thumb_mitsuru.gif) 0 0 no-repeat;
 width:70px;
 height:63px;
 text-indent:-9999px;
}

/******************************

キャラクター紹介　道子

******************************/
#character_michiko{
 background:url(../images/michiko_bg.gif);
 height:424px;
}

#character_michiko dl{
 float:right;
 padding-right:30px;
 margin-top:260px;
}


#character_michiko #name{
 background:url(../images/michiko_name.gif) 0 0 no-repeat;
 width:122px;
 height:16px;
 text-indent:-9999px;
 margin-bottom:10px;
}

#character_michiko #name{
 top:70px;
 left:100px;
}

#character_michiko #txt{
 width:180px;
 color:#FFFFFF;
}

#character_michiko ul{
 position:absolute;
}

#character_michiko ul li{
 position:relative;
 width:122px;
 height:93px;
 text-indent:-9999px;
}



#character_michiko #color01{
 background:url(../images/michiko_color01.gif) 0 0 no-repeat;
 left:96px;
 top:10px;
}

#character_michiko #color02{
 background:url(../images/michiko_color02.gif) 0 0 no-repeat;
 top:25px;
 left:7px;
}

#character_michiko #color03{
 background:url(../images/michiko_color03.gif) 0 0 no-repeat;
 top:47px;
 left:20px;
}

#character_michiko #color04{
 background:url(../images/michiko_color04.gif) 0 0 no-repeat;
 top:42px;
 left:132px;
}

#character_michiko #color05{
 background:url(../images/michiko_color05.gif) 0 0 no-repeat;
 left:461px;
 top:-338px;
}

#character_michiko #color06{
 background:url(../images/michiko_color06.gif) 0 0 no-repeat;
 left:503px;
 top:-310px;
}




#other_character_bg{
 background:url(../images/other_character_bg.jpg) 0 0 no-repeat;
 height:782px;
 margin-bottom:16px;
}


/******************************

キャラクター紹介　フジ子

******************************/
#character_fujiko{
 position:relative;
 height:262px;
}


#character_fujiko dl{
 float:right;
 padding-right:30px;
 margin-top:113px;
 width:230px;
}


#character_fujiko dt{
 background:url(../images/fujiko_name.gif) 0 0 no-repeat;
 width:98px;
 height:15px;
 text-indent:-9999px;
 margin-bottom:10px;
}

#character_fujiko dd{
 color:#FFFFFF;
}


#character_fujiko ul li{
 position:relative;
 width:122px;
 height:93px;
 text-indent:-9999px;
}

#character_fujiko #color01{
 background:url(../images/fujiko_color01.gif) 0 0 no-repeat;
 left:29px;;
 top:73px;
}


/******************************

キャラクター紹介　きのこ

******************************/
#character_kinoko{
 position:relative;
 height:220px;
}

#character_kinoko dl{
 width:283px;
 position:absolute;
 left:40px;
 top:90px;
}


#character_kinoko dt{
 background:url(../images/kinoko_name.gif) 0 0 no-repeat;
 width:128px;
 height:15px;
 text-indent:-9999px;
 margin-bottom:10px;
_margin-bottom:5px;
}

#character_kinoko dd{
 color:#FFFFFF;
}


#character_kinoko ul li{
 position:relative;
 width:122px;
 height:93px;
 text-indent:-9999px;
}

#character_kinoko #color01{
 background:url(../images/kinoko_color01.gif) 0 0 no-repeat;
 left:214px;
 top:8px;
}


/******************************

キャラクター紹介　フジ子

******************************/
#character_mitsuru{
 position:relative;
 height:262px;
}


#character_mitsuru dl{
 position:absolute;
 left:40px;
 top:149px;
 width:310px;
}


#character_mitsuru dt{
 background:url(../images/mitsuru_name.gif) 0 0 no-repeat;
 width:240px;
 height:15px;
 text-indent:-9999px;
 margin-bottom:10px;
}

#character_mitsuru dd{
 color:#FFFFFF;
}


#character_mitsuru ul li{
 position:relative;
 width:122px;
 height:93px;
 text-indent:-9999px;
}

#character_mitsuru #color01{
 background:url(../images/mitsuru_color01.gif) 0 0 no-repeat;
 left:239px;;
 top:38px;
}