@charset "Shift_JIS"; 		/* 文字コードセット */

/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;}

a{ outline:none;}

body {
	background:url(../images/bg.jpg) repeat-x; 
	background-color:#939393;
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.5em; /* 基本の行間 */
	text-align:center;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴPro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック";
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
}

#wrapper {
	width:1000px;
	color: #333333; /* 基本文字色 */
	text-align:left;
	margin:0 auto; /* 新しいブラウザ用中央揃え */
	padding:0;
	border-left:1px #fff solid;
	border-right:1px #fff solid;
	background-image:url(../images/wrapper_bg.jpg);/* 全体のページ　背景色 */
}

/* リンク
---------------------------------------------------- */
a:link {color:#283f95; text-decoration:underline;} /* リンクの色 */
a:visited {color: #283f95; text-decoration:underline;} /* 訪問済みリンクの色 */
a:hover, a:active {color: #283f953; text-decoration:underline;} /* マウスオーバー、アクティブリンクの色 */

/* ページ本体
---------------------------------------------------- */
h2{clear:both;}
h3{clear:both;}
h4{clear:both;}

/* フッタ
---------------------------------------------------- */
#footer-link{
	background-color:#2a2725;
	font-size:10px;
	padding:10px;
	width:980px;
	color:#fff;
	text-align:right;
}
#footer-link ul{ line-height:1.7em;}
#footer-link li{
	list-style:none;
	display:inline;
	border-right:#fff 1px solid;
	padding:0 3px;
}
#footer-link li.last{border:solid; padding-right:0;}
#footer-link a:link {color: #fff; text-decoration:underline;}
#footer-link a:visited {color: #fff; text-decoration:underline;}
#footer-link a:hover, a:active {color: #666; text-decoration:underline;} 

/* トップページ
---------------------------------------------------- */
/* 左カラム
---------------- */
#left{ width:200px; 
	margin:0;
	padding:0;
	float:left;
}

/* ナビ
---------------- */
#navi{
	float:left;
	width:200px;	/* ナビボックス横幅 */
	margin-bottom:15px;
}
#navi ul{list-style:none; }
#navi li a{display:block;text-decoration:none;}
#navi li{float:left; width:200px; height:41px;}

/* 右カラム
---------------- */
#right{ width:800px;
	float:left;
	padding:0;
	margin:0;
}
	
#contents{ 
	width:770px;
	float:left;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	margin:0;
	}	
	
/*　新着情報
---------------- */
.info{
	width:770px;
	margin-bottom:10px;
	background-color:#eceae9;
	padding:0;
	/* font-size:12px; */
}

.info th{
	background-color:#eceae9;
	width:80px;
	padding:5px 10px;
	border-collapse:collapse;
	font-weight:normal;
}

.info td{
	background-color:#eceae9;
	padding:5px 10px;
	border-collapse:collapse;
}

.detail_song{
float:left;	
background-color:#eceae9;
margin:10px 0 8px 10px;
padding:15px 0 15px 15px;
width:359px;
line-height:1.7em;
}

.gray_bold{
	color:#827c79;
	font-weight:bold;
	}

/* 中ページ
---------------------------------------------------- */
/* 新着情報一覧
---------------------------------------------------- */
.year{
	padding:10px;
	background-color:#FFF;
	border:1px #CCC solid;
	margin:10px 0 10px 0;
}

.year a{
	background-image:url(../images/gray.jpg);
	padding:5px;
	text-decoration:none;
	}

.wn{
	width:770px;
	margin-bottom:10px;
	background-color:#eceae9;
	/* font-size:12px; */
	border-left:#ccc solid 1px;	
	border-right:#ccc solid 1px;	
	border-top:#ccc solid 1px;
}

.wn th{
	background-color:#eceae9;
	width:80px;
	padding:5px 10px;
	border-collapse:collapse;
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 1px;
	font-weight:normal;
	background-image:url(../images/gray.jpg);	
}

.wn td{
	background-color:#fff;
	padding:5px 10px;
	border-collapse:collapse;
	border-bottom:#ccc solid 1px;	
}	

/* 新着情報
---------------------------------------------------- */
.box{
	margin-bottom:10px;
	float:left;
	}

.box img{
	margin-right:10px;
	float:left;
	}
	
/* プロフィール
---------------------------------------------------- */
.profile{
	float:left;
	width:160px;

}
.profile-table{
	float:left;
	width:585px;
	margin-left:20px;
	/* font-size:12px; */
}
.profile-table th{
	text-align:center;
	vertical-align:top;
	width:80px;
	background-image:url(../images/blue3.jpg);
	font-weight:normal;
	border-bottom:#fff dotted 1px;
	padding:5px;
}
.profile-table td{
	background-image:url(../images/background2.jpg);	
	padding-left:5px;
	border-bottom:#ccc solid 1px;
}

.career-table {
	/* font-size:12px; */
	float:left;
	width:763px;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../images/background2.jpg);
}

.color{		background-image:url(../images/gray.jpg);
}
.career-table th{
	text-align:center;
	vertical-align:middle;
	width:80px;
	font-weight:normal;
}
.career-table td{
	padding-left:5px;
}

/* ヒストリー
---------------------------------------------------- */
.history_box{
	float:left;
	width:760px;
	padding:5px;
	margin:15px 0 0 0;
	height:100%;
	background-image:url(../images/background2.jpg);	
}
.history_box_text{
	float:left;
	padding:0;
	margin:0;

}
.history_box_img{
	float:left;
	padding:0;
	margin:0;
}

/* スケジュール
---------------------------------------------------- */
.schedule_box{
	border-top:3px solid #69C;
	float:left;
	width:765px;
	padding:0 5px 0 0;
	margin:15px 0 0 0;
	background-image:url(../images/sch_bg.jpg);
	}

/* 日付 */
.day{
	width: 19%;
	float:left;
	vertical-align:top;
	padding-left:5px;	
	font-weight:bold;
}

/* 日付の右側のボックス */
.naiyo{
	width: 80%;
	float:left;
	vertical-align:top;
}

/* 日付の右側のボックス内　タイトル */
.schedule_title{	
	width: 99%;
	float:left;
	border-bottom:1px #aec4e3 solid;
	font-weight:bold;
	padding-left:5px;		
	}

/* 日付の右側のボックス内　テキストボックス */
.texts{
	width: 70%;
	float:left;
	vertical-align:top;
}

/* 日付の右側のボックス内　テキストボックス　左側のテキストボックス */
.schedule_text_left{
	width:28%;
	float:left;
	height:1%;
	padding-left:5px;
	padding-bottom:10px;	
}

/* 日付の右側のボックス内　テキストボックス　右側のテキストボックス */
.schedule_text_right{
	width:68%;
	float:left;
	height:1%;
	padding-bottom:10px;	
	padding-left:5px;
}

/* 日付の右側のボックス内　画像用ボックス */
.schedule_img{
	width:30%;	
	float:left;	
	text-align:right;
	margin:5px 0;
	}

/* 日付の右側のボックス内　一番下のテキストボックス */
.schedule_text_bottom{	

	float:left;
	padding-left:5px;
	height:1%;
	padding-bottom:10px;	
	}
	
/*　後援会
---------------------------------------------------- */
.yell{
	width:750px;
background-image:url(../images/background2.jpg);	
	/* font-size:12px; */
	border-left:#ccc solid 1px;	
	border-right:#ccc solid 1px;	
	border-top:#ccc solid 1px;
}

.yell th{
	width:100px;
	padding:5px 10px;
	border-collapse:collapse;
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 1px;
	font-weight:normal;
	background-image:url(../images/blue3.jpg);
}

.yell td{
	padding:5px 10px;
	border-collapse:collapse;
	border-bottom:#ccc solid 1px;
}	

.contact-table{
	width:750px;
	background-color:#FFF;
	margin-bottom:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
}
.contact-table-th1{ border-left:4px solid #C00;}
.contact-table-th2{border-left:4px solid #999;}
.contact-table-th1,
.contact-table-th2{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:4px 10px;
	background-color:#f1f1f1;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	width:130px;
}
.contact-table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:4px 10px;
	vertical-align:top;
}

.contact-table span{font-size:10px;color:#666;}
form p{text-align:center; margin-top:5px; margin-bottom:20px;}

input[type="checkbox"],   
input[type="radio"] {   
vertical-align:text-bottom;   
}
input, textarea {   
line-height:1.4;   
padding:0;   
vertical-align:middle;  
}
textarea{ /* font-size:12px; */}

.form01{width:200px;}
.form02{width:200px;}
.form03{width:400px;}
.form04{width:550px;}

/*　ディスコグラフィー
---------------------------------------------------- */
.disc_table
{
	background-color:#fff;
	font-size:10px;
	width:245px;
	margin-bottom:20px;
	border:1px #999 solid;
	height:200px;
	}
	
.disc_table th
{
	padding:0px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;	
	font-weight:normal;
	background-color:#FFD;
}	

.disc_table td
{	
	background-color:#fff;
	padding:0px 10px;
	border-bottom:1px solid #ccc;
	}	

.disc_img{
	vertical-align:middle;
	background-image:url(../images/gray2.jpg);
	padding:10px;
	text-align:center;}

/* 汎用スタイルシート
---------------------------------------------------- */
img {border: 0px;}

.clear {clear: both;}

.tar{text-align:right}
.tac{text-align:center}
.tal{text-align:left}

.f-left{float:left}
.f-right{float:right;}
.f-right2{float:right;}

.jumper{
	padding:10px;
	background-image:url(../images/background2.jpg);	
	border:1px #CCC solid;
	margin:10px 0 0 0;
}

.jumper img{
	vertical-align:middle;}

.aka {color:#C00;}
.gray {color:#333; font-weight:bold;}
.green{ color:#7eb056;}
.gray-bar{
	background-image:url(../images/blue.jpg);
	margin:0 0 5px 0;
	padding:5px 5px 5px 10px;
	font-weight:bold;
}
.bold{
	font-weight:bold;
	text-align:left}
.li{ margin-bottom:15px; margin-left:30px;list-style-type:circle;}
.title{
	clear:both;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #000;
	margin-bottom:10px;
	padding:10px 0px 5px 10px;}

.ol{ margin-left:30px; line-height:1.8em; margin-bottom:15px;}
.ol li{border-bottom:1px solid #ccc;}
.ol strong{color:#5ea600;}

.text-s{ /* font-size:12px; */ line-height:1.5em;}

.white{
	background-color:#fff;}

.paper_back{
	padding:10px;
	background-image:url(../images/background2.jpg);}

.mt5{ margin-top:5px;}
.mt7{ margin-top:7px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}

.ml5{ margin-left:5px;}
.ml9{ margin-left:9px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}

.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}

.m0{margin:0;
}
.p0{padding:0;
}
.pb{page-break-after:always}
