/* 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 -------------------------*/
#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%;
height:30px;
background:url(../images/stripe.gif) repeat-x bottom;
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%;}



/*----------------------- 入力フィールド ------------------*/

.form_base{
	border:1px solid #CFCFB9;
}

.form200{
	width:200px;
	border:1px solid #000000;
}

.form230{
	width:230px;
	border:1px solid #000000;
}

.form250{
	width:250px;
	border:1px solid #CFCFB9;
}


/*【共通】角丸ボックス系：リクエスト,KUSUO Q&A,ログイン,BBS　
===============================================================================================*/
/* 角丸ボックス１：太線 */
#block_box{
	width:645px;
	padding:8px 8px 8px 8px;
	margin:0 0 5px 35px;
	border:2px solid #2e2862;
	border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px; /* Safari,Google Chrome用 */
	-moz-border-radius:5px;/* Firefox用 */
	background-color:#eeeeee ;
}

/* サブタイトル：アーティスト別カラー */
.sub_txt_box{
	width:645px;
	padding:9px 0 7px 0;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.03em;
	color:#ffffff;
	background-color:#2e2862;
	margin:0 0 5px 0;
	border-bottom: 1px solid #181341;
}
/* 登録系画面ステップ表示 */
.step_box{
	width:auto;
	text-align:center;
	padding:5px 0 5px 0;
}

/*【共通】ボタン
===============================================================================================*/
/* ２個 横並び用 */
.two_btn_box{
	width:500px;
	padding:4px 0 4px 0;
	margin:0 50px 0 117px;
	overflow:hidden;
	text-align:center;
}
.two_btn_box p{
	float:left;
	margin:0 10px 0 0;
}
.two_btn_box p a:hover img{
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}
/* 2011-06-14 修正(ボタン通常時は100%出力) */
.two_btn_box p input{
    filter: alpha(opacity=100);
    -moz-opacity:1.00;
    opacity:1.00;
}
/* 2011-06-14 追加(ボタンhover時は70%出力) */
.two_btn_box p input:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

/*【共通】応募フォーム　
===============================================================================================*/
.table_box{
	width:645px;
}
.table_box dl{
	width:645px;
	padding:0 0 4px 0;
	margin:0 0 5px 0;
}
/* ラベル */
.table_box dt{
	width:630px;
	text-align:left;
	font-size:12px;
	letter-spacing:0.03em;
	font-weight:800;
	color:#333333;
	padding:8px 0 5px 14px;
	background-color:#dddddd;
	margin:0 0 0 0;
	border-bottom:1px solid #bbbbbb;
}
/* 入力フォーム */
.table_box dd{
    width:640px;
	padding:5px 10px 5px 10px;
	text-align:left;
	color:#333333;
	letter-spacing:0.03em;
	font-size:12px;
}
/* フォーム */
.table_box dd .input_box{
    width:640px;
	margin:0 0 0 0;
	font-size:12px;
	line-height:16px;
	color:#333333;
	letter-spacing:0.03em;
}
/* テキスト */
.table_box dd .text_box{
    width:635px;
	margin:0 0 0 5px;
	font-size:12px;
	line-height:16px;
	color:#333333;
	letter-spacing:0.03em;
}

.table_a_box ul{
	width:616px;
	list-style-position:inside;
}
.table_a_box ul li {
  width:581px;
  line-height:2em;
  padding:0 0 0 25px;
  text-align:left;
  list-style-type:none;
}

/* リード文
------------------------------------------------------*/
/* リード文１：枠なし・中央揃え */
div.lead_txt_box{
	width:auto;
	padding:7px 0 10px 0;
	text-align:center;
	font-size:12px;
	line-height:18px;
	letter-spacing:0.03em;
	color:#000000;
}
/* リード文２：枠なし・左揃え */
div.lead_txt_box2{
	width:auto;
	padding:0px 0 10px 0;
	text-align:left;
	font-size:12px;
	line-height:18px;
	letter-spacing:0.03em;
	color:#000000;
}
/* 入力不正アラート：太枠・赤文字 */
.notice_txt_box{
	width:auto;
	padding:10px 0 10px 0;
	text-align:center;
	font-size:12px;
	font-weight:800;
	line-height:18px;
	letter-spacing:0.03em;
	color:#ff0000;
	margin:0 0 5px 0;
	border:2px solid #cccccc;
}
/* 入力不正アラート：太枠・赤文字・ボタン含む */
.notice_txt_box2{
	width:auto;
	padding:10px 0 10px 0;
	text-align:center;
	font-size:12px;
	font-weight:800;
	line-height:18px;
	letter-spacing:0.03em;
	color:#ff0000;
	margin:0 0 5px 0;
	border:2px solid #cccccc;
}
.notice_txt_box2 p{
	margin:0 0 5px 0;
}
.notice_txt_box2 a:hover img{
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}