/* CSS Document */

/* レイアウトの設定*/
body{
	margin:0px auto ;
	background-image:url(image/back.jpg);
}

html {
}
/* ラッパーの設定*/
#wrap{
    position:relative;
    width:952px;
    background-color:#FFFFFF;
    margin:0px auto ;
	padding:20px;

}

/* 広告の設定*/
#ad{
    width:952px;
    height:350px;
	margin:0px auto 10px;
	
}
#headder{
	width:992px;
	height:433px;
	margin:0px auto 0px;
	background-image:url(image/headder2.gif);
	text-align: left;
	
}
.headdercountdownleft{
    width:150px;
	height:100px;
	float:left;
	text-align:left;
	}
.headdercountdownright{
    width:840px;
	height:100px;
	float:right;
	text-align:right;
	}
	
#headder2{
	width:992px;
	height:100px;
	margin:0px auto 0px;
	text-align: left;
	
}
#youtube{
	width:992px;
	height:450px;
	margin:0px auto 0px;
	text-align: left;
	
}




/* メニューの設定*/
#menu{
    width:992px;
    height:40px;
	margin:0px auto;
    background-color:#FFFFFF;
	list-style:none;
}
#menu li{
    list-style:none;
    float:left;

}
#menu a{
    display:block;
    height:39px;
    text-indent:-100px;
    overflow:hidden;
}
a.n1{
	background-image:url(image/list_01.jpg);
	text-decoration: none;
	width:112px;
}
a:hover.n1{
    background-position:0px -40px;
	text-decoration: none;
	width:112px;
}
a.n2{
    background-image:url(image/list_02.jpg);
	text-decoration: none;
		width:131px;
}
a:hover.n2{
    background-position:0px -40px;
	text-decoration: none;
	width:131px;
}

a.n3{
    background-image:url(image/list_03.jpg);
	text-decoration: none;
	width:126px;
}
a:hover.n3{
    background-position:0px -40px;
	text-decoration: none;	
	width:126px;
}

a.n4{
    background-image:url(image/list_04.jpg);
	text-decoration: none;
	width:114px;
}
a:hover.n4{
    background-position:0px -40px;
	text-decoration: none;
	width:114px;
}

a.n5{
    background-image:url(image/list_05.jpg);
	text-decoration: none;
	width:124px;
}
a:hover.n5{
    background-position:0px -40px;
	text-decoration: none;
	width:124px;
}

a.n6{
    background-image:url(image/list_06.jpg);
	text-decoration: none;
	width:119px;
}
a:hover.n6{
    background-position:0px -40px;
	text-decoration: none;
	width:119px;
}

a.n7{
    background-image:url(image/list_07.jpg);
	text-decoration: none;
	width:134px;
}
a:hover.n7{
    background-position:0px -40px;
	text-decoration: none;
	width:134px;
}
a.n8{
    background-image:url(image/list_08.jpg);
	text-decoration: none;
	width:132px;
}
a:hover.n8{
    background-position:0px -40px;
	text-decoration: none;
	width:132px;
}



/* 左側の設定*/
#left{
    width:632px;
	margin-right:20px;
    float:left;
    background-color:#FFFFFF;
}
/* 右側の設定*/
#right{
    width:300px;
    float:right;
    background-color:#FFFFFF;
}

/* コンテンツ設定*/
#container{
    position:relative;
    width:952px;
    margin:0px auto;
	padding:0px 0px 30px 0px;
    text-align:left;
	
}

/* アーティスト設定*/
.artistbox{
    width:213px;
	height:213px;
	background-color:#E5E5E5;
	text-align:center;
	float:left;
	margin:0px 0px 20px 20px;
}
.artistimg{
    width:200px;
	height:200px;
	padding:6px 0px 0px 0px;
}

/* アーカイブ設定*/
.archivebox{
    width:290px;
	height:250px;
	background-color:#E5E5E5;
	text-align:center;
	float:left;
	margin:0px 0px 20px 20px;
}

.archiveimg{
    width:290px;
	height:250px;
	padding:20px 0px 10px 0px;
}

/* フッターの設定*/
#undernavi {
  text-align: center;
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}

#foot{
    border-top:dotted 1px;
	position:relative;
	width:952px;
	height:5px;
	clear:both;
	text-align:center;
	font-size: 12px;
	color: #FFFFFF;
	margin:0px auto;
	padding:20px;
	background-color:#000;
}

/* 装飾の設定*/
.underborder {
	border-bottom: dotted 1px;
	border-color:#F0B20E;
	margin:0px 0px 0px 0px;
	padding:0px 0px 4px 0px;
	}
	
.border {
	border-bottom: dotted 1px;
	border-color:#A9A9A9;
	margin:0px 0px 10px 0px;
	padding:0px 0px 4px 0px;
	}

.border1 {
	border-bottom: solid 1px;
	width:400px;
	border-color:#A9A9A9;
	margin:15px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	}

/* 解除設定*/

.clear {
clear:both;　/*floatの解除、ここがポイント*/
}


.text {
	font-size: 13px;
	color: #303030;
	line-height: 23px;
}

.text2 {
	font-size: 12px;
	color: #303030;
	line-height: 20px;
}

.text_yellow {
	font-size: 13px;
	color: #F17900;
	line-height: 20px;
	font-weight: bolder;
}
a:link {

	color: #000000;
	text-decoration: underline;
}
a:visited {

	color: #000000;
	text-decoration: underline;
}
a:hover {
	
	color: #F1B20D;
	text-decoration: underline;
}

.box1 {
	margin:0px 0px 10px 0px;
}

.text3 {
	font-size: 20px;
	font-weight: bold;
}
.text_midashi {
	font-size: 14px;
	font-weight: bold;
	text-align:center;	
	
}
.text4 {
	font-size: 15px;
	line-height: 28px;
	
}
.text5 {
	font-size: 23px;
	font-weight: bold;
}