/*--------------------*
 *  default settings
 *--------------------*/
*{
  margin: 0px;
  padding: 0px;
}
html{
  overflow-y:scroll;
}
BODY{
  text-align:center;
  font-size:80%;
  line-height:1.3;
  color:#EDEAF3;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック";
  _line-break: strict;
  background:#000 url(../../image/contents/bg.jpg) repeat-y 50% 0%;
}
IMG{
  border: 0;
  vertical-align: middle;
}
FORM{
  margin: 0 auto;
  padding: 0;
}
TABLE{
  border-collapse: collapse;
  empty-cells: hide;
  text-align: left;
  font-size: 1em;
  border: 0;
  padding: 0;
}
TR, TD, TH, THEAD, TBODY, TFOOT, COLGROUP, COL{}
UL{
  margin: 0;
  padding: 0;
  list-style-type: disc;
}
OL{
  margin: 0;
  padding: 0;
}
LI{
  margin: 0;
  padding: 0;
}
H1,H2,H3,H4,H5{
  margin: 0 auto;
  text-align: left;
}
P{
  margin: 0 auto;
  text-align: left;
}
HR{display:none;}
EM{font-style:normal;font-weight:bold;}
H1,H2,H3,H4,H5,H6{font-size:1em;}
A{color:#C73566;outline : 0;}
A:hover{
  color:#a935c7;
  text-decoration:none;
}
DIV {margin:0;}
/*--------------------
common class setting
--------------------*/
.clear{
  clear: both;
  float:none;
  line-height:0px;
  font-size:0px;
  height:0px;
}
.hide{
  display:none!important;
}
.price_discount{text-align:right;}
.price_normal{text-align:right;}
.icon{
  width:70px;
  float:left;
  text-align:center;
}
.icon_category{margin-bottom:3px;}
.icon_player{margin-bottom:3px;}
.icon_new{margin-bottom:3px;}
.free_info {
  padding-top:3px;
  text-align:center;
  color:#f85c9d;
  font-size:1.2em;
}
/*--------------------
#base
--------------------*/
#base{
  width:720px;
  margin:0px auto;
  position:relative;
  background:#000 url(../../image/contents/bg.jpg) repeat-y 50% 0%;

}

/*--------------------*
#header
*--------------------*/
#header H1{
  width:720px;
  height:120px;
  background:url(../../image/contents/header.jpg) no-repeat 50% 0px;
}
#header H1 A{
  display:block;
  width:720px;
  height:120px;
  text-indent:-9999px;
}

/*--------------------*
#headernavi
*--------------------*/
#headernavi,
#headernavi UL{
  display:block;
  width:670px;
  min-height:1px;
  margin:0px auto 10px;
}
#headernavi UL{
  margin:0px;
  list-style-type: none;
}
#headernavi LI{
  display:block;
  float: left;
  text-align:left;
}
#headernavi LI A,
#headernavi LI DIV{
  display:block;
  width:152px;
  height:48px;
}
#headernavi{background:url(../../image/contents/navi/contents_navi_on.jpg) no-repeat 0px 0px;}
#headernavi LI A{background:url(../../image/contents/navi/contents_navi_off.jpg) no-repeat 0px 0px;}
#headernavi LI A:hover{background-image:none;}
#headernavi LI SPAN{display:none;}
/*custom-width*/
#headernavi LI.top *{width:79px;}
#headernavi LI.profile *{width:135px;}
/*BG-position*/
#headernavi LI.top A    {background-position:0px 0px;}
#headernavi LI.profile A{background-position:-79px 0px;}
#headernavi LI.explain A{background-position:-214px 0px;}
#headernavi LI.sample A {background-position:-366px 0px;}
#headernavi LI.link A   {background-position:-518px 0px;}

/*--------------------*
#extra
*--------------------*/
#extra{
  width:670px;
  margin:0px auto;
  padding-bottom:30px;
}
/*--------------------*
#topicpath
*--------------------*/
#topicpath{
  width:640px;
  margin:0px auto 10px;
  color:#A69C9A;
}

/*--------------------*
#page_ttl
*--------------------*/
#page_ttl{
  width:100%;
  height:76px;
  margin-bottom:20px;
  background:url(../../image/contents/page_ttl.gif) no-repeat 50% 0%;
}
#page_ttl H2{
  text-align:center;
}

/*--------------------*
#menu_ttl
*--------------------*/
#menu_ttl{
  width:100%;
  height:87px;
  margin-bottom:20px;
  background:url(../../image/contents/menu_ttl.jpg) no-repeat 50% 0%;
}
#menu_ttl H2{
  text-align:center;
}
#menu_ttl H2 .icon_category{margin-top:16px;}
#menu_ttl H2 .title{margin-top:16px;}

/*--------------------*
#menu_caption
*--------------------*/
#menu_caption{
  margin:15px auto 10px;
}
#menu_caption P{
  text-align:center;
  color:#A69C9A;
  padding-bottom:5px;
}
#menu_caption P.pr{
  color:#e40044;
}
#menu_caption P.attention{
  color:#cba1bf;
}
#menu_caption P.attention STRONG{
  color:#ca6a92;
}
/*--------------------
#footer
--------------------*/
#footer{
  width:670px;
  min-height:119px;
  _height:119px;
  margin:0px auto;
  padding-top:10px;
  padding-bottom:30px;
  text-align:center;
  background:url(../../image/contents/footer.jpg) no-repeat left top;
}
#footer ADDRESS,
#footer EM{
  text-decoration:none;
  font-style:normal;
}
#footer UL{list-style-type:none;}
#footer LI{
  display:inline;
  line-height:28px;
}
#footernavi {color:#ffe5ee;}
#footernavi A{color:#ffe5ee;}
#footernavi SPAN{color:#ecced7;}
#footerCopy{padding:10px 0px 30px;}
#zapCopy{margin-top:10px;color:#dab9c3;}
#ispCopy{margin-top:10px;}
#ispInfo{margin-top:10px;}
#ispInfo DIV{padding-bottom:5px;}
#ispInfo,#ispInfo A{color:#caa6b0;}
#ispCopy,#ispCopy A{color:#af8690;}
#footer A:hover{color:#f8c060;}

/*--------------------*
#maintenance
*--------------------*/
#maintenance{
  width: 634px;
  _width:650px;
  margin: 15px auto 15px auto;
  border: 3px solid #C38C28;
  padding:10px 5px;
  font-size: 1em;
  text-align: center;
  color: #d5bbc7;
  background-color: #791b46;
}
#maintenance #maintenance_title{
  padding-bottom:4px;
  font-weight: bold;
  font-size: 1.25em;
  color: #e9de91;
}

#maintenance P.maintenanceDate{
  margin: 0 auto 5px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
#maintenance P.maintenanceComment{
  text-align: left;
  line-height: 1.3;
  text-align: center;
}
#maintenance A{
  color:#FFF!important;
  background:#791b46!important;
}
/*--------------------*
 *  Common
 *--------------------*/
P.info{
  text-align: right;
  line-height: 100%;
  _margin-top:5px;
}
IMG.new,
IMG.player{
  margin-left: 3px;
}

.fL{ float:left;}
.fR{ float:right}
#exfooter_network {
 margin: 0 auto 10px;
}