@charset "Shift_Jis";
*{
margin:auto 0px;padding:0;
text-align:center;
    scrollbar-base-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-face-color: #efefef;
    scrollbar-arrow-color: #ff0000;
}

/* body */
body{
     margin:0;padding:0;
     font-family:Verdana,Chicago,osaka,"ＭＳ Ｐゴシック",sans-serif;
     line-height:130%;
     font-size:0.8em;
	 background:url(../image/bg.jpg);
	 background-attachment:fixed;

    }
#contents{
          width:915px;
          margin:0 auto;
          padding:0;
         }
		 
#head{
   padding:0;margin:0;
   width:915px;height:483px;/* タイトル画像のサイズ */
   font-size:0em;
   text-indent:-9999px;
   display:block;
  }
  
.left{
width:524px;
height:483px;
float:left;
}

.logo a{
background:url(../image/logo.png) no-repeat 0%;
behavior: expression(IEPNGFIX.fix(this));
width:524px;
height:369px;
font-size:0em;
text-indent:-9999px;
list-style:none;
display:block;
margin:0;
padding:0;
}

.chara{
background:url(../image/chara.png);
behavior: expression(IEPNGFIX.fix(this));
width:391px;
height:483px;
float:right;
}

.chara_event{
background:url(../image/chara_event.png);
behavior: expression(IEPNGFIX.fix(this));
width:391px;
height:483px;
float:left;
}

.chara_cir{
background:url(../image/chara_cir.png);
behavior: expression(IEPNGFIX.fix(this));
width:391px;
height:483px;
float:left;
}

.chara_dl{
background:url(../image/chara_dl.png);
behavior: expression(IEPNGFIX.fix(this));
width:391px;
height:483px;
float:left;
}

.chara_gen{
background:url(../image/chara_gen.png);
behavior: expression(IEPNGFIX.fix(this));
width:391px;
height:483px;
float:left;
}

.chara_cos{
background:url(../image/chara_cos.png);
behavior: expression(IEPNGFIX.fix(this));
width:391px;
height:483px;
float:left;
}

.chara_want{
background:url(../image/chara_want.png);
behavior: expression(IEPNGFIX.fix(this));
width:391px;
height:483px;
float:left;
}

.chara_faq{
background:url(../image/chara_faq.png);
behavior: expression(IEPNGFIX.fix(this));
width:391px;
height:483px;
float:left;
}

.chara_link{
background:url(../image/chara_link.png);
behavior: expression(IEPNGFIX.fix(this));
width:391px;
height:483px;
float:left;
}

h3{
   margin:10px 0px 0 10px;
   padding:3px 0 3px 8px;
   background:#FFCC00;
   font-size:1.1em;
   text-align:left;
   width:680px;
  }
h4{
   margin:10px 0px 0 10px;
   padding:3px 0 3px 5px;
   border-bottom:solid 1px #006666;
   border-left:solid 5px #006666;
   font-size:1em;
   text-align:left;
   width:680px;
  }
h5{
   margin:0 0px 0 15px;
   padding:3px 0 3px 5px;
   border-bottom: dotted 1px #003333;
   font-size:1em;
   text-align:left;
  }


/* pan */
#pan{
     padding:10px 10px 0px 0;
    }

#pan ul{
        margin:0;
        text-align:right;
       }

#pan li{
        padding:0 0 0 5px;
        display:inline;
        list-style:none;
        border-left:solid 1px #000000;
       }


/* p */
p{
  margin:0px;
  padding:5px 5px 5px 15px;
  text-align:left;
  line-height:120%;
  clear:both;
 }

.sub{
     padding-bottom:10px;
	 padding-top:10px;
     border-bottom:dotted 1px #999999;
	 clear:both;
    }

.sub_con{
     padding:10px 0 10px 0px;
	 width:680px;
	 margin-left:10px;
    }

.ar{
    text-align:right;
    padding:10px 0 5px 0px;
    border-bottom:dotted 1px #999999;
		 width:680px;
	 margin-left:10px;
	 margin-bottom:5px;
	 clear:both;
   }
   
   
   
ul{
 margin: 5px 5px 5px 30px;
 padding: 0 10px 0 20px;
 list-style-image:url("../image/icon.gif");
   list-style-position:outside;
  }

ol{
 margin: 5px 5px 5px 35px;
 padding: 0 10px 0 20px;
   list-style-position:outside;
  }

li{
   text-align:left;
  } 

/* text */
em{
   color:#CC0000;
   font-style:normal;
   font-weight:bold;
  }

strong{
       color:#CC0000;
       font-weight:bold;
      }

.white{
       color:#FFF;
      }




	 
/* link */
a.info{
       background:url("../image/arrow.gif") no-repeat right center;
       padding-right:15px;
       margin-left:5px;
	   clear:both;
      }
a.down{
       background:url("../image/arrow.gif") no-repeat left center;
       padding-left:15px;
       margin-left:5px;
      }
a#footer{
         color:#FF3366;
        }
      
a:link   {color:#FF3366;}
a:visited{color:#FF3366;}
a:hover  {color:#FF3366;
          text-decoration:underline;}
a        {text-decoration: none;
          font-weight : bold;}


/*-----menu1---------------------------------------------*/
#m01,#m01 a,#m01 a:hover,#m01b{
     width:180px;
     height:38px;
     margin:0;padding:0;
	 font-size:0em;
	 text-indent:-9999px;
	 display:block;
	 
    }
#m01,#m01 a{
     background:url("../image/m01_a.png") no-repeat 0%;

	 behavior: expression(IEPNGFIX.fix(this));
    }
#m01 a:hover,#m01b{
     background:url("../image/m01_b.png") no-repeat 0%;

	 behavior: expression(IEPNGFIX.fix(this));
	 }
/*-----menu2---------------------------------------------*/
#m02,#m02 a,#m02 a:hover,#m02b{
     width:96px;
     height:38px;
     margin:0;padding:0;
	 font-size:0em;
	 text-indent:-9999px;
	 display:block;
    }
#m02,#m02 a{
     background:url("../image/m02_a.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
    }
#m02 a:hover,#m02b{
     background:url("../image/m02_b.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
	 }
/*-----menu3---------------------------------------------*/
#m03,#m03 a,#m03 a:hover,#m03b{
     width:144px;
     height:38px;
     margin:0;padding:0;
	 font-size:0em;
	 text-indent:-9999px;
	 display:block;
    }
#m03,#m03 a{
     background:url("../image/m03_a.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
    }
#m03 a:hover,#m03b{
     background:url("../image/m03_b.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
	 }
/*-----menu4---------------------------------------------*/
#m04,#m04 a,#m04 a:hover,#m04b{
     width:104px;
     height:38px;
     margin:0;padding:0;
	 font-size:0em;
	 text-indent:-9999px;
	 display:block;
    }
#m04,#m04 a{
     background:url("../image/m04_a.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
    }
#m04 a:hover,#m04b{
     background:url("../image/m04_b.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
	 }
/*-----menu5---------------------------------------------*/
#m05,#m05 a,#m05 a:hover,#m05b{
     width:256px;
     height:76px;
     margin:0;padding:0;
	 font-size:0em;
	 text-indent:-9999px;
	 display:block;
    }
#m05,#m05 a{
     background:url("../image/m05_a.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
    }
#m05 a:hover,#m05b{
     background:url("../image/m05_b.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
	 }
/*-----menu6---------------------------------------------*/
#m06,#m06 a,#m06 a:hover,#m06b{
     width:78px;
     height:76px;
     margin:0;padding:0;
	 font-size:0em;
	 text-indent:-9999px;
	 display:block;
    }
#m06,#m06 a{
     background:url("../image/m06_a.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
    }
#m06 a:hover,#m06b{
     background:url("../image/m06_b.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
	 }
/*-----menu7---------------------------------------------*/
#m07,#m07 a,#m07 a:hover,#m07b{
     width:80px;
     height:76px;
     margin:0;padding:0;
	 font-size:0em;
	 text-indent:-9999px;
	 display:block;
    }
#m07,#m07 a{
     background:url("../image/m07_a.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
    }
#m07 a:hover,#m07b{
     background:url("../image/m07_b.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
    }
/*-----menu8---------------------------------------------*/
#m08,#m08 a,#m08 a:hover,#m08b{
     width:110px;
     height:76px;
     margin:0;padding:0;
	 font-size:0em;
	 text-indent:-9999px;
	 display:block;
    }
#m08,#m08 a{
     background:url("../image/m08_a.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
    }
#m08 a:hover,#m08b{
     background:url("../image/m08_b.png") no-repeat 0%;
	 behavior: expression(IEPNGFIX.fix(this));
    }