@charset "Shift_JIS";
html{
	height: 100%;
	}
body{
	margin: 0;
/*	background-image: url("../img/grass.jpg");*/
	background-color: #007700;
	width: 100%;
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
	}
a:link{																/*リンク色*/
	color: #554977;
	text-decoration: none;
	}
a:visited{														/*訪問済みリンク色*/
	color: #554966;
	text-decoration: none;
	}
a:hover,a:active{											/*アクティブリンク色*/
	color: #5538AA;
	}
img{
	border: 0;
	}
iframe{
	width: 100%;
	height: 100%;
	}
.sitetitle{																	/*サイトタイトル部分の設定*/
	color: #FFFFFF;
	font-style: italic;
	text-align: left;
}
div#sns{
	text-align: right;
	color: #FFFFFF;
	font-size: 1.4em;										/*文字サイズ*/
	float: right;
}
#sns a:link{
	color : FFFFFF;
}
#sns a:visited{
	color : FFFFFF;
}
.homebg {															/*HOMEのcont背景設定*/
	background-image: url("../img/top.jpg");
	background-attachment: scroll;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #CCFF99;
	color: #FFFFFF;
	padding: 0.1em;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	font-size: 100%;
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
	}
.newsbg {															/*NEWSのcont背景設定*/
/*	background-image: url("../img/GYPSY_JACKET.jpg"); */
	background-attachment: scroll;
	background-position: left top;
	background-color: #CCFFCC;
	color: #00AA00;
	padding: 0.1em;
	width: 100%;
	height: 100%;
	font-size: 100%;
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
	}
.profilebg {													/*PROFILEのcont背景設定*/
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
}
.infobg {															/*LIVE INFORMATIONのcont背景設定*/
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
}
.discobg {														/*DISCOGRAPHYのcont背景設定*/
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
}
.photobg {														/*PHOTOのcont背景設定*/
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
}
.videobg {														/*VIDEOのcont背景設定*/
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
}
.hmbg {																/*ハリケーン☆マッシュのcont背景設定*/
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
}
.linkbg {															/*LINKのcont背景設定*/
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
}
.ticketbg {														/*TICKETのcont背景設定*/
	font-family: 平成明朝,細明朝,"MS 明朝",serif;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.floatclear {
	clear: both;
}
.homecolor{
	background-color: #CCFF99;
	}
.newscolor{
	background-color: #CCFFCC;
	}
.profilecolor{
	background-color: #99FF66;
	}
.diarycolor{
	background-color: #CCFFFF;
	}
.bbscolor{
	background-color: #CCFF99;
	}
.infocolor{
	background-color: #CCFFCC;
	}
.disccolor{
	background-color: #99FF66;
	}
.photocolor{
	background-color: #CCFFFF;
	}
.videocolor{
	background-color: #CCFF99;
	}
.hmcolor{
	background-color: #CCFFCC;
	}
.linkcolor{
	background-color: #99FF66;
	}
.ticketcolor{
	background-color: #CCFFFF;
	}
/*
.lettercolor{
	background-color: #33FFFF;
	}
*/
.emphasis{
	font-weight: bold;
	font-size: 1.4em;										/*文字サイズ*/
	line-height: 1.2;
	}
div.top{															/*全体枠*/
	font-size: 1em;											/*■全体の文字サイズ*/
	color: #212125;											/*■全体の文字色*/
	margin-top: 20px;										/*■ページ上部の余白*/
	border-left: solid 20px #007700;		/*■左端の領域の幅・色*/
	width: 100%;
	height: 80%;
	position: relative;
	z-index: 2;
	}
.top .menu ul{												/*メニュー領域の設定*/
	padding: 0;
	margin: 0;
	top: 60px;													/*メニュー上部の余白*/
	left: -20px;
	position: absolute;
	z-index: 3;
	width: 120px;
	}
.top .menu li{
	margin: 1px 0 4px 0;								/*メニュー間の間隔*/
	list-style: none;
	}
.top .menu li a{											/*個別リンクの設定*/
	display: block;
	text-decoration: none;
	font-size: 11px;										/*文字サイズ*/
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
/*	background-color: #F9F9FF;				/*リンク領域の背景色*/
	border-top: 1px solid #777777;			/*リンク領域の枠色*/
	border-bottom: 1px solid #777777;
	border-left: 1px solid #777777;
	padding: 0.4em 1em 0.4em 0.5em;
	width: 120px;												/*リンク領域の横幅*/
	}
.top .menu li a:hover{								/*カーソルを乗せたときの設定*/
	background-color: #E5E5F9;					/*背景色*/
	border-color: #575464;							/*枠色*/
	}
.top .menu li.active a{								/*アクティブなリンクの設定*/
	border-right: 10px solid #777777;		/*右端のマーク*/
	width: 140px;												/*リンク領域の横幅*/
	}
.top .main{														/*真ん中の領域の設定*/
/*	background-color: #FFFFFF;				/*■背景色*/
	margin: 0 30px 0 100px;							/*右余白・左余白　左余白はリンク領域の横幅に合わせて調節を*/
	height: 100%;
	min-height: 360px;
	position: relative;
	z-index: 2;
	}
.top .main .homecolor{								/*真ん中の領域の設定*/
	background-color: #CCFF99;					/*■背景色*/
	}
.top .main .newscolor{								/*真ん中の領域の設定*/
	background-color: #CCFFCC;					/*■背景色*/
	}
.top .main .profilecolor{							/*真ん中の領域の設定*/
	background-color: #99FF66;					/*■背景色*/
	}
.top .main .diarycolor{								/*真ん中の領域の設定*/
	background-color: #CCFFFF;					/*■背景色*/
	}
.top .main .bbscolor{									/*真ん中の領域の設定*/
	background-color: #CCFF99;					/*■背景色*/
	}
.top .main .infocolor{								/*真ん中の領域の設定*/
	background-color: #CCFFCC;					/*■背景色*/
	}
.top .main .disccolor{								/*真ん中の領域の設定*/
	background-color: #99FF66;					/*■背景色*/
	}
.top .main .photocolor{								/*真ん中の領域の設定*/
	background-color: #CCFFFF;					/*■背景色*/
	}
.top .main .videocolor{								/*真ん中の領域の設定*/
	background-color: #CCFF99;					/*■背景色*/
	}
.top .main .hmcolor{									/*真ん中の領域の設定*/
	background-color: #CCFFCC;					/*■背景色*/
	}
.top .main .linkcolor{								/*真ん中の領域の設定*/
	background-color: #99FF66;					/*■背景色*/
	}
.top .main .ticketcolor{							/*真ん中の領域の設定*/
	background-color: #CCFFFF;					/*■背景色*/
	}



.top .main .cont{											/*コンテンツ領域の設定*/
	height: 93%;												/*■高さ*/
	min-height: 360px;
	height* auto !important;
	line-height: 120%;									/*■行間の設定*/
	overflow: auto;
	padding: 0.5em 0.5em 0.5em 1em;
	border-left: double 30px #EAEAEC;		/*左の二重線の幅・色*/
	}
.top .main .cont a{
	color: #00AA00;
	text-decoration: underline;
	}
.top h1{															/*コンテンツタイトル部分の設定*/
	font-size: 13px;										/*文字サイズ*/
	font-family: Tahoma,Arial,sans-serif;
	letter-spacing: 1px;
	background-color: #EAEAEC;					/*背景色*/
	padding: 0.2em 1em 0.2em 1em;				/*内部の余白*/
	margin: 0;
	}
.top h2{															/*コンテンツ内見出しの設定*/
	font-size: 11px;										/*文字サイズ*/
	font-family: Tahoma,Arial,sans-serif;
	border-bottom: solid 3px #EAEAEC;		/*■下線の幅・色*/
	padding: 0.2em 1em 0.2em 0.5em;
	margin: 0.8em 1em 0.6em 0.3em;
	}
.top .cont p.box{											/*強調する段落*/
	margin: 1em 2em 1em 2em;
	padding: 0.4em;
	}
.top address{													/*最下部のアドレス・メール部分*/
	font-size: 10px;										/*文字サイズ*/
	font-style: normal;
	font-family: Tahoma,Arial,sans-serif;
	letter-spacing: 0.1em;
	text-align: center;
	background-color: #EAEAEC;					/*背景色*/
	padding: 0.2em 1em 0.2em 1em;
	margin: 0;
	}
.top img{
	vertical-align: middle;
}
.dec-left{/*左側の囲み線*/
	position: absolute;
	z-index: 1;
	top: -10px;
	left: -10px;
	border: solid 2px #AA0000;					/*色・幅*/
	width: 0px;
	height: 104%;												/*高さ。.contの高さに合わせて調節を*/
	}
.dec-right{/*右側*/
	position: absolute;
	z-index: 2;
	top: -10px;
	right: -20px;
	border: solid 2px #AA0000;					/*色・幅*/
	width: 10px;
	height: 104%;												/*高さ。.contの高さに合わせて調節を*/
	}
table.cd{
	border-width: medium;
	border-style: double;
	cellpadding: 1;
	}
.title{
	width: 160px;
	}
.word{
	width: 80px;
	}
.mp3{
	width: 80px;
	}
.artist{
	width: 400px;
	}
.line{																/*コンテンツ内見出しの設定*/
	border-bottom: solid 3px #EAEAEC;		/*■下線の幅・色*/
	width: 400px;
	padding: 0.2em;
	margin: 0.8em;
	}
.center{
	text-align: center;
}
/* For IE Box */
*{ box-sizing : border-box}
*{ -moz-box-sizing : border-box}