@charset "utf-8";

/* CSS RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
		margin:0;
		padding:0;
}
table {
border-collapse:collapse;
		border-spacing:0;
}
fieldset,img {
		border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;
		font-weight:normal;
}
ol,ul {
		list-style:none;
}
caption,th {
		text-align:left;
}
h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
}
q:before,q:after {
		content:'';
}
abbr,acronym { 
		border:0;
}

/* CSS RESET */

.clear {
		height:0;
		clear:both;
		overflow:hidden;
}

.border {
		width:600px;
		background:url("../image/hr.gif") no-repeat;
		padding: 10px  0;
		float:right;
}

body {
		color: #59493f;
		background: #a4c326 url("./image/background.jpg") repeat-y center;
		font-family: "Verdana"," ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "osaka","Meiryo", sans-serif;
		font-size: 11px;
		line-height:140%;
		padding:0px;
		margin:0px;
		overflow-x: hidden;
}

#contents {
		background:#fff;
		width:750px;
		padding-top:0px;
		margin:0 auto;
}


#section {
		width:600px;
		text-align:left;
		margin:auto;
}

#footer {
		width:750px;
		margin:10px;
		text-align:center;
		clear:both;
		font-family:serif;
}

/*  ========ヘッダ ======== */


#header {
		height:450px;
		width:750px;
		overflow:hidden;
}

h1 {
		height:420px;
		width:750px;
		background:#fff url("./image/head2.jpg") no-repeat;
		overflow:hidden;
		float:left;
}

/*  ========メニュー ======== */

#menu{
		padding: 0 0 0px 60px;
		height:30px;
}
#menu li{
		display:block;
		text-indent:-100px;
		overflow:hidden;
		float:left;
}
#menu li.m1 {
		width:59px;
}
#menu li.m2 {
		width:71px;
}
#menu li.m3 {
		width:76px;
}
#menu li.m4 {
		width:146px;
}
#menu li.m5 {
		width:87px;
}
#menu li.m6 {
		width:62px;
}
#menu a {
		display:block;
		height:60px;
}
#menu .m1 a {
		background-image:url("./image/menu/live.gif");
}
#menu .m2 a {
		background-image:url("./image/menu/news.gif");
}
#menu .m3 a {
		background-image:url("./image/menu/media.gif");
}
#menu .m4 a {
		background-image:url("./image/menu/disco.gif");
}
#menu .m5 a {
		background-image:url("./image/menu/profile.gif");
}
#menu .m6 a {
		background-image:url("./image/menu/blog.gif");
}
#menu .m1 a:hover,#menu .m2  a:hover,#menu .m3  a:hover,#menu .m4  a:hover, #menu .m5  a:hover, #menu .m6  a:hover{
		background-position:0px -82px;
}

#menu span {
		float:left;
}

/*  ======== body ======== */

#body {
		width:750px;
}

/*  ======== ku.kulu ======== */

#kukulu {
		margin: 0 0 0 30px;
		width:687px;
		height:286px;
		background:url("./image/back_kukulu.gif") no-repeat;
}
#kukulu .left {
		padding: 18px 0 0 25px;
		width:180px;
		float:left;
}
#kukulu .center {
		padding: 30px 0 0 15px;
		float:left;
		text-align:center;
}
#kukulu .right {
		padding: 30px 0 0 15px;
		width:230px;		
		text-align:left;
		float:left;
		line-height:170%;
}

.sample {
		position:relative;top :-25px;left:140px;
}

/*  ======== order ======== */

dl#order {
		width:700px;
		clear:both;
}
dt#order {
		margin: 5px 0 0 80px;
}
dd#order {
		margin: 5px 0 20px 80px;
}

span.order {
		color: #59493f;
		font-weight: bold;
		font-size:12px;
}

/*  ======== year ======== */

#year {
		margin:20px 0 10px 30px;
		width:700px;
		float:left;
}

/*  ======== live ======== */

#live {
		margin: 10px 0 0 25px;
		width:430px;
		float:left;
		line-height:160%;
		background:#a4c326 url("./image/live3.gif") bottom no-repeat;
}

.live dl {
		width:450px;
		float:left;
}
.live dt {
		color:#fff;
		font-size:12px;
		width:390px;
		margin: 10px 0 0 6px;
		padding: 0 0 2px 20px;
		font-weight: bold;
		border-bottom: 2px dotted #59493f;
		background:url("./image/ten2.gif") no-repeat;
}
.live dd {
		width:400px;
		margin: 5px 0 0 25px;
		padding: 0 0 15px 0;
}


/*  ======== section ======== */


#section {
		margin: 10px 0 0 15px;
		width:260px;
		float:left;
}


/*  ======== news ======== */


.news dl {
		width:240px;
		float:left;
		text-align:center;

}
.news dt {
		width:240px;
		margin: 10px 0 0 5px;
		padding: 0 0 0 5px;
		font-weight: bold;
		color:#ea1d11;
}
.news dd {
		width:240px;
		margin: 10px 0 0 15px;
		padding: 0 0 5px 10px;
		border-left: 2px dotted #ea1d11;
		background-position: center bottom;
}

/*  ======== media ======== */


.media dl {
		margin:0px 0 0 0;
		width:240px;
		float:left;	
		background:#999;
		text-align:center;
}
.media dt {
		width:240px;
		margin: 10px 0 0 5px;
		padding: 0 0 2px 5px;
		font-weight: bold;
		border-bottom: 2px dotted #a4c326;
}
.media dd {
		width:240px;
		padding: 3px 0 10px 10px;
		background-position: center bottom;
}

/*  ======== old ======== */

#old {
		margin:20px 0 0 30px;
		width:200px;
		float:left;	
		font-size:15px;
		background:#fff;
}

hr {
		margin:3px 0;
		width:690px;
		border-top-width: 2px;
		border-color:#a4c326;
		border-style: dotted none none none;
}

/*  ======== discography ======== */

#disco {
		float:left;
		margin: 40px 0 0 30px;
		width:750px;
		height:1650px;
}
#disco .back {
		margin: 0px 0 7px -2px;
		width:350px;
		height:219px;
		float:left;
		background:url("./image/back_disco.gif") no-repeat;
}

#disco .title {
		margin: 10px 0 0 -2px;
		width:350px;
		}

#disco .left2 {
		margin: 8px 0 0 10px;
		width:150px;
		height:200px;
		float:left;
}
#disco .left3 {
		width:150px;
		height:35px;
		float:left;
		display: table-cell;
		vertical-align:middle;
}
#disco .right2 {
		margin: 6px 0 0 5px;
		width:175px;
		float:left;
}

#disco .type {
		margin: 5px 0 0 -2px;
		width:750px;
		float:left;
		}

#disco .memo {
		margin: 5px 0 0 0px;
		width:750px;
		height:25px;
		float:left;
		}

/*  ======== profile ======== */

#profile {
		float:left;
		margin: 20px 0 0 35px;
		padding: 10px 0 0 0;
		color:#fff;
		text-align:center;
		width:680px;
		height:385px;
		background:url("./image/back_profile.gif") no-repeat;
}

#profile .left3 {
		margin: 20px 0 0 20px;
		width:205px;
		color:#59493f;
		text-align:left;
		float:left;
}
#profile .center3 {
		margin: 20px 0 0 10px;
		width:217px;
		color:#59493f;
		text-align:left;
		float:left;
}
#profile .right3 {
		margin: 20px 0 0 10px;
		width:205px;
		color:#59493f;
		text-align:left;
		float:left;
}

/*  ========リンク ======== */

a {
		color: #557f00;
		text-decoration: none;
}
a:hover,
a:active {
		text-decoration: underline;
}

/*  ========トップ ======== */

div.top {
		width:710px;
		height:10px;
		color:#b0cc7a;
		font-size:120%;
		text-align:right;
		text-decoration: underline;
		float:left;
}
div.top2 {
		width:240px;
		height:10px;
		color:#b0cc7a;
		font-size:120%;
		text-align:right;
		text-decoration: underline;
}

/*  ========フッター ======== */

#footer {
	padding:10px;
	text-align: center;
	width: 730px;
}