@charset "utf-8";
/* CSS Document   201307 yokoyama*/

#page{
	overflow:hidden;
}
img.border{
	border:1px solid #999;
}
.blackver{
	background:#000;
	padding:5px;
	color:#fff;
}
.pagemenu{
	clear:both;
	overflow:hidden;
	padding:5px 0;
}
.pagemenu a{
	margin:5px;
	text-align:center;
	text-decoration:none;
}

/*分岐　各ページへのリンク spanキャプション*/
.pagelink a{
	display:block;
	text-decoration:none;
	text-align:center;
	margin:5px;
}
.pagelink a span{
	display:block;
}

/* 左右フロート振り分け */
.f-left,.f-right{
	width:480px;
	overflow:hidden;
}
.f-left_l,.f-right_l{	width:550px;}
.f-left_s,.f-right_s{	width:400px;}
.f-left_ss,.f-right_ss{	width:300px;}
.f-left_ll,.f-right_ll{	width:650px;}

.f-left,
.f-left_l,
.f-left_ll,
.f-left_s,
.f-left_ss{	float:left;display:block;}

.f-right,
.f-right_l,
.f-right_ll,
.f-right_s,
.f-right_ss{float:right;display:block;}
/* 楽曲リスト ベースはイベント概要のレイアウト */
dl.songlists{
	background:#ececec;
	border:1px solid #999;
	border-top:none;
	margin:2.5%;
	width:95%;
}
dl.songlists a{
	text-decoration:none;
}
dl.songlists a dt.hover,dl.songlists a dt:hover,
dl.songlists a dd.hover,dl.songlists a dd:hover{
	background:#FC6;
	color:#F60;
}
dl.songlists dt{
	color:#333;
	font-weight:bold;
	width:6em;
	padding:0.5em 0 0.5em 1em;
	border-top:1px solid #999;
	float:left;
}
dl.songlists dd {
 background-color: #fff;
 margin: 0 0 0 7em;
 padding: 0.5em 1em 0.5em 1em;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
 color:#666;
}
dl.eventdate{
	font-size:120%;
}
dl.eventdate dt{
	width:90px;
	font-size:80%;
	float:left;
	clear:left;
	padding:2px;
	margin:2px;
	text-align:center;
	color:#fff;
	background:#F00 url(/img/backimage/g_red.gif) repeat-x bottom;
	background: -moz-linear-gradient(top,#F00 0%,#C00);
	background: -webkit-gradient(linear, left top, left bottom, from(#F00), to(#C00));
	border:1px solid #ccc;
}
dl.eventdate dt.special{
	background:#F00 url(/img/backimage/g_orange.gif) repeat-x bottom;
	background: -moz-linear-gradient(top,#ec8200 0%,#bc4f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ec8200), to(#bc4f1b));
	border:1px solid #ccc;
}
dl.eventdate dd{
	padding:3px 3px 3px 10px;
	margin-left:100px;
	font-weight:bold;
}

/*　ページ内タイトル　*/
.minititle{
	background:#efefef;
	padding:0 10px;
	font-weight:bold;
}
.minititle_b{
	background:#CCC;
	padding:0 10px;
	font-weight:bold;
}
b.pickup{
	font-size:131%;
	color:#C00;
}
a.pickup{
	font-size:130%;
	color:#c00;
	font-weight:bold;
}
span.pickup{color:#c00;}
.text{
	padding:0 20px;
	font-size:20px;
	line-height:1.3;
	font-weight:bold;
	background:#fff;
}

/*CD情報　楽曲情報　□=　*/
.cd_s{
	overflow:hidden;
	border:1px solid #999;
	padding:5px;
}
.cd_s img,.cd_s .text{
	float:left;
}
.cd_s .text{padding:5px;}
.cd_s .text a{
	display:block;
	text-decoration:none;
}

/*イメージリスト　□＝*/
.imagelist{overflow:hidden;}
.imagelist a{margin:5px;padding:5px;display:block;overflow:hidden;text-decoration:none;color:#333;background:#fff;}
.imagelist a.hover,.imagelist a:hover{background:#ccc;}
.imagelist img{float:left;}
.imagelist span{float:right;}

/*キャプション　旦*/
.caption a{
	display:block;
	text-align:center;
	padding:5px;
	margin:5px;
	background:#000;
}


/*　インタビュー　*/
.interviews{
	overflow:hidden;
	border:1px solid #333;
	width:460px;
	margin:5px;
	float:left;
}
.interviews span{
	display:block;
	padding:5px;
	font-weight:bold;
	background:#666;
	color:#fff;
}
.interviews img{
	float:left;
	width:140px;
	margin:5px;	
}
.interviews #a01,.interviews #a02,.interviews #a03,.interviews #a04,.interviews #a05,
.interviews #a06,.interviews #a07,.interviews #a08,.interviews #a09,.interviews #a10{
	width:305px;
	height:250px;
	float:left;
	overflow:auto;
}
.interviews dl{
	padding:5px;
}
.interviews dt{
	font-weight:bold;
	text-indent:10px;
	color:#666;
}
.interviews dd{
	border-bottom:1px solid #CCC;
	margin-bottom:5px;
}



/*用語集ページ　glossary*/
dl.word{
	margin:5px;
	font-size:13px;
}
dl.word dt{
  clear: left;
  float: left;
  margin: 0 0 2px;
  width: 150px;
  text-indent: 5px;
  line-height:14px;
  font-weight:bold;
}
dl.word dd {
  margin-bottom: 2px;
  margin-left: 160px;
  line-height:16px;
}
dl.word dt,dl.word dd{
	padding:10px;
}




/* dl テーブル*/
dl.list1303{
	background:#CCC;
	border:1px solid #666;
	border-top:none;
	float:left;
	margin:5px;
	width:460px;
	font-size:13px;
}
dl.list1303 dt,
dl.list1303 dd{
	padding:3px;
}
dl.list1303 a{text-decoration:none;}
dl.list1303 dt.hover,dl.list1303 dt:hover,
dl.list1303 dd.hover,dl.list1303 dd:hover{
	background:#999;
	color:#fff;
}

dl.list1303 dt{
	color:#333;
	width:4.5em;
	border-top:1px solid #666;
	float:left;
	text-align:center;
}
dl.list1303 dd {
 background-color: #fff;
 border-top: 1px solid #666;
 border-left: 1px solid #666;
 color:#666;
 overflow:hidden;
}
dl.list1303 dd div{
	float:left;
	width:200px;
	text-indent:10px;
}
dl.list1303 dd div.ar{
	float:left;
	width:170px;
	border-left:1px solid #CCC;
	font-size:11px;
	height:24px;
}
dl.list1303 dd div.odd{
	padding-left:2px;
	border-left:1px solid #999;
}
/*　スライダーまわり	*/
#newsbox{
	width:270px;
	float:right;
}
.imageslider-new{
	width:650px;
	float:left;
}


/* 可変グリッド */
#container {
	margin:0 auto;
}
#container .box {
    margin:5px;
    padding: 5px;
    background: #efefef;
	border:1px solid #999;
	float:left;
}
#container .box img{display:block;}
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }

/*スクロールバー　flexcroll*/

/* 本体 */
.scrollgeneric {
    line-height:1px;
    font-size:1px;
    position:absolute;
    top:0;
    left:0;
}
/* 縦スクロール範囲 */
.vscrollerbase {
    width:10px;
    background-color:#999;
}
/* 縦スクロールバー */
.vscrollerbar {
    width:10px;
    background-color:#333;
}
/* 横スクロール範囲 */
.hscrollerbase {
    height:10px;
    background-color:#eee;
}
/* 横スクロールバー */
.hscrollerbar {
    height:10px;
    background-color:#900;
}
/* 縦横スクロールバー */
.scrollerjogbox {
    width:10px;
    height:10px;
    top:auto;
    left:auto;
    bottom:0;
    right:0;
    background-color:#eee;
}
.tenpolist div{
	width:250px;
	float:left;
	border:1px solid #CCC;
}
.tenpolist a.mylink{float:right;width:100px;}
b.orange{color:#F60;}
.copyright{font-size:x-small;text-align:left;}

.spacer_koda{
	width:100%;
	height:auto;
	background:url(/avex/images/koda/spacer.jpg) no-repeat;
}