/*--------------------*
COMMON SETTING
*--------------------*/
BODY{
  text-align:center;
  color:#4081b0;
  background:url(../../image/contents/bg_pattern.gif);
}
UL{
  list-style-type:none;
}
A{
  outline:0;
  color:#0e3c58;
}
A:hover{
  text-decoration:none;
  color:#4081b0;
}
#base{
  width:720px;
  margin:auto;
  background:url(../../image/contents/bg_main.gif);
}

H3,H4{
  font-size:1.1em;
  line-height:1.4;
}
.upper,
.info{
  text-align:right;
}
DIV.icon{
  float:left;
  text-align:left;
}
DIV.icon .icon_player{
  margin-top:4px;
  margin-left:3px;
}
.menuinfo{
  float:left;
  text-align:left;
}

#base #header H1{
  width:664px;
  height:120px;
  background: url(../../image/contents/header.jpg) no-repeat 0px 0px;
}
#base #header H1 A{
  display:block;
  width:664px;
  height:120px;
  text-indent:-10000em;
}
/*-----------------------------
#headerNavi
-----------------------------*/
#headerNavi{
  width:664px;
  height:42px;
  margin:auto;
}
#headerNavi UL{
  display:block;
  width:664px;
  height:42px;
  list-style-type: none;
  background: url(../../image/contents/navi/navi_on.jpg) no-repeat 0px 0px;
}
#headerNavi LI{
  display:block;
  float: left;
  text-align:left;
}
#headerNavi LI.top{
  padding-left:19px;
}
#headerNavi LI.profile{
  padding-left:3px;
}
#headerNavi LI.explain{
  padding-left:3px;
}
#headerNavi LI.sample{
  padding-left:3px;
}
#headerNavi LI.link{
  padding-left:3px;
}
#headerNavi LI A,
#headerNavi LI DIV{
  display:block;
  width:137px;
  height:29px;
  margin-top:5px;
}
#headerNavi LI.top A{
  width:67px;
  background:url(../../image/contents/navi/navi_off.jpg) no-repeat -19px -5px;
}
#headerNavi LI.profile A{
  background:url(../../image/contents/navi/navi_off.jpg) no-repeat -89px -5px;
}
#headerNavi LI.explain A{
  background:url(../../image/contents/navi/navi_off.jpg) no-repeat -229px -5px;
}
#headerNavi LI.sample A{
  background:url(../../image/contents/navi/navi_off.jpg) no-repeat -369px -5px;
}
#headerNavi LI.link A{
  background:url(../../image/contents/navi/navi_off.jpg) no-repeat -509px -5px;
}
#headerNavi LI A:hover{
  background-image:none;
}
#headerNavi LI SPAN{
  display:none;
}
/*--------------------*
* ID: Maintenance *
*--------------------*/
#maintenance{
  width: 620px;
  margin: 15px auto 15px auto;
  padding: 10px;
  border: 1px solid #635F78;
  font-size: 1em;
  text-align: center;
  color: #2D1D48;
  background-color: #ece8eb;
}
#maintenance #maintenance_title{
  padding-bottom:4px;
  font-weight: bold;
  font-size: 1.25em;
  color: #b91d8f;
}

#maintenance P.maintenanceDate{
  margin: 0 auto 5px;
  text-align: center;
  font-weight: bold;
  color: #2D1D48;
}
#maintenance P.maintenanceComment{
  text-align: left;
  line-height: 1.3;
  text-align: center;
}
/*-----------------------------
#contents
-----------------------------*/
#contents{
  width:664px;
  margin:auto;
}

/*-----------------------------
#topicPath
-----------------------------*/
#topicPath{
  padding:5px;
  color:#4C4E5B;
}
#topicPath A{
  color:#D60024;
}
#topicPath A:hover{
  color:#FF0024;
}
/*-----------------------------
#pageTitle
-----------------------------*/
#pageTitle{
  width:664px;
  height:72px;
  margin-bottom:10px;
  background:url(../../image/contents/contents_title_bg.jpg) no-repeat left top;
}
#pageTitle H2{
  width:664px;
  height:72px;
  text-indent:-10000em;
}
/*-----------------------------
#menuTitle
-----------------------------*/
#menuTitle H2{
  width:664px;
  height:88px;
  margin-bottom:15px;
  text-align:center;
  background:url(../../image/contents/menu_ttl_bg.jpg);
}
#menuTitle H2 .icon{
  margin-top:23px;
}
#menuTitle H2 .title{
  margin-top:23px;
}
#menuTitle P{
  width:540px;
  text-align:center;
  color:#5D5967;
}
#menuTitle EM{
  color:#79159E;
}
/*-----------------------------
#privacy
-----------------------------*/
#privacy{
  width:535px;
  margin:auto;
  padding:5px;
  border:1px solid #595C6C;
  color:#595C6C;
}
#privacy A{
  color:#595C6C;
}

/*-----------------------------
#footer
-----------------------------*/
#footer{
  width:664px;
  min-height:60px;
  _height:60px;
  margin:auto;
  padding-bottom:30px;
  color:#585862;
  background:url(../../image/contents/footer.gif) no-repeat left top;
}
#footer SPAN{color:#4081b0;}
#footer A{color:#0e3c58;}

#footerNavi{
  width:640px;
  margin:auto;
  color:#0e3c58;
}
#footerNavi UL{
  display:block;
  height:33px;
}
#footerNavi LI{
  list-style-type:none;
  display:inline;
  line-height:33px;
}
#footerCopy{
  padding-top:20px;
}
#footerCopy A{color:#D90200;}
#footer ADDRESS,
#footer EM{
  font-style:normal;
}

/*--------------------*/
.clear{
  clear: both;
  float:none;
  line-height:0px;
  font-size:0px;
  height:auto;
}