/* CSS Common */

/*----------------------- 基本 -------------------------*/
*{
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
list-style-type: none;
color: #333333;
}

html{
height:100%;
}

img a{
border: 0;
}

body{
margin:0 auto;
padding:0;
border:0;
height:100%;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif,;
line-height:180%;
background:#FFFFFF;
}

#container{
background:#FFFFFF;
width:100%;
margin:0px auto;
position: relative;
text-align: center;
min-height: 100%; /* フッタ下表示用 */
height: auto !important; /* フッタ下表示用 */
height: 100%; /* フッタ下表示用 */
}

#contents{
width:960px;
margin:0px auto;
padding: 0;/* 修正 */
}

/*----------------------- HEADER_index.html -------------------------*/
#header_top{
background:url(../images/stripe.gif) repeat-x;
width:100%;
padding-top:25px;
/*
padding-bottom:0px;
*/
}

.header_waku_top{
display:block;
width:960px;
height:95px;
overflow:hidden;
margin:0 auto;
padding:0;
}

.h1_top{
width:643px;
height:37px;
float:left;
margin-right:20px;
padding-top:25px;
}

.soundplayer{
/*
width:237px;
height:29px;
*/
float:right;
text-align:right;
vertical-align:top;
}

.countdown{
background:url(../images/countdown.jpg) no-repeat top left;
margin-top:7px;
width:250px;
height:70px;
float:right;
text-align:right;
vertical-align:top;
}

/*----------------------- HEADER (下層ページ)-------------------------*/
#header{
background:url(../images/stripe.gif) repeat-x;
width:100%;
padding-top:40px;
padding-bottom:23px;
}

h1{
background:url(../images/funkymonkeybabys.gif) no-repeat top left;
width:960px;
height:37px;
margin:0px auto;
text-align:left;
text-indent:-1000em;
}




/*----------------------- MENU -------------------------*/
#menu{
text-align:center;
width:100%;
height:30px;
line-height:0;/* ※←追加 */
background:url(../images/menu_line.gif) bottom repeat-x;
}
#menu ul{
width:960px;
text-align:center;
margin:0px auto;
padding:0 0 0 20px;
}
#menu li{
float:left;position:relative;
z-index: 3;
}
#menu li a{
background: url(../images/menu.gif) left top no-repeat;
display:-moz-inline-box;/* Firefox2 */
display:inline-block;
}
#menu li.live a{
background-position: -90px 0;}
#menu li.media a {
background-position: -194px 0;}
#menu li.discography a {
background-position: -306px 0;}
#menu li.profile a{
background-position:-466px 0;}
#menu li.blog a{
background-position:-595px 0;}
#menu li.shop a{
background-position:-698px 0;}
#menu li.sarugaku a{
background-position:-801px 0;}
#menu li a:hover{
position: static;
}
#menu li a:hover img , #menu li#current a img{
position: relative;	z-index: -1;
}

#menu li.shop{
	display:none;
}

/*----------------------- TEXT, LINK -------------------------*/
.text_blue{
color:#0099CC;
font-weight:bold;
}
.text_bold{
font-weight:bold;
}
a:link {
color: #333333;
text-decoration:none;
}
a:visited {
color: #333333;
text-decoration:none;
}
a:hover {
color: #999999;
text-decoration:none;
}
a:active {
color: #999999;
text-decoration:none;
}

/*----------------------- ※追加分※ -------------------------*/
#bottom_navi{
width:900px;
margin:0 auto;
padding-bottom:80px;
}

#bottom_navi .page_link{
width:780px;
padding-left:60px;
text-align:center;
font-weight:bold;
letter-spacing:0.1em;
float:left;
}
.link_top{
width:60px;
margin:0 auto;
text-align:right;
float:left;
}
.link_icon{
width:12px;
margin-right:5px;
}

.add_icon{
margin-left:5px;/* アイコン追加用 */
}


/*----------------------- FOOTER -------------------------*/
#footer{/* 修正 */
position:absolute;
left: 0px;
bottom: 0px;
width:100%;
background:url(../images/stripe.gif) repeat-x bottom;
height:30px;
font-size:10px;
letter-spacing:0.1em;
padding-bottom:25px;
}

.clearfix:after{content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{display: inline-block;}
* html .clearfix{height:1%;}