@charset "UTF-8";

/*==============================================
      NAVI & AUDIO index page only
==============================================*/

body {
color: #666666;
}
body {
font-size:16px !important;
}
a,
a:link,
a:visited {
color: #666666;
text-decoration: none;
}
a:hover {
color: #666666;
text-decoration: underline;
}

#content_index {
width: 900px;
position: absolute;
top: 75px;
left: 0px;
z-index: 0;
}

#col_index {
padding: 0;
width: 900px;
}

#col_index01 {
padding: 0;
z-index: 1;
}

/* ---- topic Path ---- */

#topic-path {
background: #FFF;
height: 31px;
padding-left: 8px;
margin-top: 10px;
}

.font-mini01 {font-size:0.6em;}

#topic-path01 {
padding-top: 10px;
color: #333;
}

#topic-path01 a {text-decoration:none; color:#666;}
#topic-path01 a:link     {text-decoration:none;color:#666;}
#topic-path01 a:visited  {text-decoration:none;color:#666;}
#topic-path01 a:hover    {text-decoration:none;color:#C71444;}

/* ---- main visual ---- */

#mainVisual {
	wisth: 900px;
	height: 149px;
	overflow: hidden;
	margin-bottom:18px;
}

#mainVisual img{
vertical-align: bottom;
}

/* ---- Contents block ---- */

#contentsBlk {
width: 900px;
margin: 0 auto 6px auto;
padding: 0;
}

/* ---- What's New ---- */

#whatsNew {
padding: 1px 0 0 7px;
}

#whatsNew h3 {
float: left;
width: 131px;
}

#whatsNew div#newsBlk {
float: right;
width: 753px;
height: 42px;
margin: 5px 2px 0 0;
padding:0;
overflow-y: auto;
font-size: 75%;
}
* html #whatsNew div#newsBlk { margin-right:4px;}

#whatsNew div#newsBlk li {
margin: 3px 0;
}

/* ---- Menu Block ---- */
#naviBox {
background-color: #514F4E;
margin: 5px 0 0;
padding: 10px;
}
#naviBoxIn {
background-color: #FFF;
padding: 8px 11px 4px 5px;
}

#naviBlk {
float: left;
width: 654px;
margin: 0;
padding: 0;
}
#naviBlk .menuList {
margin: 0;
padding: 0;
}
#naviBlk .menuList li {
display: block;
float: left;
width: 318px;
padding: 0 0 4px 6px;
}
#naviBlk .menuList li div{
width: 320px;
height: 90px;
overflow: hidden;
}

/* ---- notes Column ---- */

#notesColumn {
margin: 16px 0 13px 0;
}

ul.btnList {
margin: 0 0 6px 0;
}

ul.btnList li{
float: left;
margin-right: 0;
}


#notesColumn .notes {
padding-left: 98px;
padding-top: 2px;
padding-bottom: 5px;
}

#notesColumn .notes p {
font-size: 63%;
}

/* ---- BANNER Block ---- */

#bannerBlk {
width: 210px;
float:right;
}

#bannerBlk ul li {
line-height: 0;
margin-bottom: 7px;
}

#bannerBlk ul li img{
margin: 0;
padding: 0;
vertical-align: bottom;
}


/* ---- Clear fix ---- */
.clearfix:after,
#contentsBlk:after,
#whatsNew:after,
#naviBlk:after,
#naviBlk .menuList:after {
content:"";
display:block;
clear:both;
}

/* for IE6 */
* html .clearfix,
* html #contentsBlk,
* html #whatsNew,
* html #naviBlk,
* html #naviBlk .menuList {
display:inline-block;
}

/* for IE7 */
*+html .clearfix,
*+html #contentsBlk,
*+html #whatsNew,
*+html #naviBlk,
*+html #naviBlk .menuList {
display:inline-block;
}


/* 05/17追加※headerスペース追記 */
#content_index {
    top: 110px;
}