/* ********************************************************* */ 
/*      Base Layout                                          */
/* ********************************************************* */

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{
 width:920px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#header{
	position:relative;
	height:110px;
	background-color:#FFFFFF;
	width:100%;
	display:block;
	overflow:auto;
	background-image: url(../images/header-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
} 
 
#twocols{
	width:920px;
	position:relative;
	clear: both;
	padding-top: 40px;
	padding-bottom: 30px;
	overflow: hidden;
  }
 
#rightcol{
 width:260px; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 }
 
#maincol{
	background-color: #FFFFFF;
	float: left;
	position: relative;
	width:640px;
	clear: both;
 }
 
#footer{
	height:140px;
	clear:both;
	display:block;
	overflow:auto;
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: center 20px;
	color: #FFF;
	margin-top: 20px;
} 
 

/* ********************************************************* */ 
/*      Clearfix                                             */
/* ********************************************************* */
 
.clearfix:after {/*for modern browser*/
 content: url(../images/spacer.gif);
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {/*for IE 5.5-7*/
    zoom:100%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1px;
}
.clearfix {display: block;}
/* End hide from IE-mac */  
.clear {
	clear: both;
}
 

/* ********************************************************* */ 
/*      Printer styles                                       */
/* ********************************************************* */
  
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/* ********************************************************* */ 
/*      General styles                                       */
/* ********************************************************* */

a, a:link, a:active, a:visited {
	text-decoration: underline;
	color: #231816;
	outline:none;
}
a:hover {
	text-decoration: none;
	color: #9CC813;
	outline:none;
}
img {border: none;}
small {font-size: 11px;}
dl, dd ,dt {margin: 0px;}
p {
	margin: 0px;
	padding: 0px;
}
form {
	padding: 0px;
	margin: 0px;
}
div {
	margin: 0px;
	padding: 0px;
}
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }
th,td { text-align: left; vertical-align: top; }
caption { text-align: left; }
td {
	font-size: 12px;
	line-height: 150%;
}
h1,h2,h3,h4,h5 { margin: 0px; padding: 0px; font-weight:normal; }
body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFF;
	font-size: 12px;
	line-height: 1.5em;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color: #231816;
}
#totop {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#foot-wrap {
	text-align: center;
	width: 920px;
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
#copyright {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}

#header h1 {
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.1em;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 300px;
	top: 10px;
	right: 0px;
	display: block;
}
#header #logo {
	position: absolute;
	left: 0px;
	top: 10px;
	height: 100px;
	width: 280px;
}
#header #navi {
	position: absolute;
	right: 0px;
	bottom: 20px;
	width: 620px;
	height: 36px;
}

#navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navi ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	height: 35px;
	float: left;
	font-size:1px;
	line-height:1px;
}
#navi01 {
	width: 124px;
}
#navi02 {
	width: 124px;
}
#navi03 {
	width: 124px;
}
#navi04 {
	width: 124px;
}
#navi05 {
	width: 124px;
}

#navi ul li a {
	display:block;
	outline:none;
}

#snavi {
	background-image: url(../images/sbox-btm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 10px;
	margin-bottom: 15px;
	line-height: 1px;
	font-size: 1px;
}
#snavi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#snavi ul li ,#snavi ul li a {
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	display:block;
	outline:none;
}

#scompany {
	background-image: url(../images/sbox-btm.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #F4F3F3;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}



#footer ul a {
	color: #FFF;
	text-decoration: underline;
}


.btn {
	border: none;
}

.tbl01 {
	width: 90%;
	border-collapse: collapse;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9CC813;
	border-bottom-color: #9CC813;
}
.tbl01 th{
	width: 120px;
	padding: 8px;
	font-weight: 100;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9CC813;
}
.tbl01 td{
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9CC813;
}

.tbl01 p {
	background-image: url(../management/img/unei_td_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.tbl02 {
	width: 90%;
	border-collapse: collapse;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9CC813;
	border-bottom-color: #9CC813;
}
.tbl02 th{
	padding: 8px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9CC813;
}
.tbl02 td{
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9CC813;
}

.tbl02 p {
	background-image: url(../management/img/unei_td_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


.align-center {
	text-align: center;
}


/* ********************************************************* */ 
/*      index styles                                         */
/* ********************************************************* */

#index #lead {
	background-image: url(../images/color3.gif);
	padding: 15px;
	margin-bottom: 20px;
}
#lead h2 {
	margin: 0px;
	padding: 0px;
}
#lead p {
	margin-top: 0.8em;
	margin-left: 5px;
}
#index #newsArea h3 {
	background-image: url(../images/top-news.gif);
	background-repeat: no-repeat;
	height: 26px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	width: 540px;
}
#moreLink {
	width: 100px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#newsTtl {
	position: relative;
	height: 26px;
	margin-bottom: 15px;
}
#newsArea li {
	background-image: url(../images/listmark1.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 1em;
}
#newsArea ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#newsArea {
	margin-bottom: 20px;
}
#newsArea ul li a {
	color: #48312D;
}
#newsArea ul li a:hover {
	color: #993333;
	outline:none;
}
.top_b01 ,.top_b02 {
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.top_b04 ,.top_b05 {
	float: left;
	width: 300px;
	margin-right: 10px;
}
.top_b03 ,.top_b06 {
	float: left;
	width: 300px;
}
#index #singlecol {
	height: 280px;
}
#foot-wrap li {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#foot-wrap .home {
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #9CC813;
}
#singlecol {
	/* [disabled]float: left; */
	/* [disabled]width: 920px; */
}
#music .inner {
	background-image: url(../service/music/box_bg.png);
	background-repeat: repeat;
	padding: 20px;
	position: relative;
	margin-top: 8px;
}
#music #singlecol {
	background-image: url(../service/music/music_bg.jpg);
	background-repeat: no-repeat;
	background-color: #241818;
}
#remix ,#nonstop {
	clear: both;
}
.inner dl , .inner ul {
	width: 330px;
	float: left;
	margin-right: 15px;
}
#remix .inner dt {
	font-weight: bold;
}

.pt15 {
	padding-top: 15px;
}
.cd_area img {
	margin-left: 5px;
	margin-bottom: 5px;
	display: inline;
}
.inner .cd_area {
	float: right;
	width: 475px;
}
#nonstop .inner ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#remix p ,#nonstop p {
	color: #FFFFFF;
	margin-top: 15px;
}
.music_wrap#remix {
	padding: 30px;
}
.music_wrap#nonstop {
	padding: 10px 30px 30px 30px;
}
#crumb {
	background-image: url(../images/crumb-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
}
#foot-wrap ul {
	padding: 10px;
}
.content_wrap {
	padding: 30px;
}
.dj_wrap {
	background-image: url(../service/management/dj-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6F1C4;
	border-bottom-color: #E6F1C4;
	width: 920px;
	overflow: hidden;
}
.dancer_wrap {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EECFE1;
	border-bottom-color: #EECFE1;
	width: 920px;
	overflow: hidden;
	background: url(../images/dancer-bg.gif) repeat-y center top;
}
#management .inner {
	padding: 40px;
	overflow: hidden;
}
.dj {
	text-align: center;
	float: left;
	width: 190px;
	padding: 10px;
}
.dj img {
	margin: 1px;
	border: 1px solid #9CC813;
	padding: 1px;
}
.dj span {
	display: block;
	padding-top: 5px;
	font-weight: bold;
}
.dancer {
	text-align: center;
	float: left;
	width: 190px;
	padding: 10px;
}
.dancer img {
	margin: 1px;
	border: 1px solid #E9C0D6;
	padding: 1px;
}
.dancer span {
	display: block;
	padding-top: 5px;
	font-weight: bold;
}
#management_wrap { margin-top: 25px; padding-bottom: 20px; 
}
#jd-want_wrap { padding: 20px; background: #FFC; 
}
#jd-want_wrap p {
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 180%;
}
#management_wrap .dt {
	width: 120px;
	clear: both;
	vertical-align: middle;
	background: #9CC813 url(../service/management/arw.jpg) no-repeat right center;
	text-align: center;
	margin: 0px;
	padding: 5px 10px 5px 2px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	font-weight: bold;
}
#management_wrap .dd {
	background-color: #E8FFBA;
    display: table-cell;
    vertical-align: middle;
	width: 800px;
	font-size: 14px;
	border-bottom: 1px solid #FFF;
	margin: 0px;
	padding: 5px 0px 5px 8px;
}
#management_wrap dl {
}
.management_txt {
	clear: both;
	padding: 10px 0;
}
#response {
	text-align: center;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#sitemap #maincol ul {
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}
#accessmap {
	width: 828px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
#service #singlecol {
	padding-bottom: 50px;
}

/* event */
#event #singlecol {
	background: #030133 url(../service/event/event_bg.jpg) no-repeat center top;
	padding: 20px;
}
#event .inner {
	background-image: url(../service/event/box_bg.png);
	background-repeat: repeat;
	padding: 20px;
	position: relative;
	margin-top: 8px;
	overflow: hidden;
}
.event_wrap#soundProduce {
	padding: 30px;
}
.event_wrap#eventProduce {
	padding: 30px;
}
#soundProduce p.lead ,#eventProduce p.lead {
	color: #FFFFFF;
	margin-top: 15px;
}
.results_area {
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}
#dispatch .results_area {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.results_area .date {
	width: 100px;
	float: left;
	margin-right: 10px;
}
.results_area .date_c {
	background-image: url(../service/event/date_bg.gif);
	background-repeat: repeat;
	color: #FFFFFF;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.results_area .symbol {
	width: 110px;
	float: left;
	border: 1px solid #F0F0F0;
	margin-right: 10px;
}
.results_area .data {
	float: left;
	width: 500px;
}
.data_long {
	width: 600px !important;
}
.data strong {
	font-size: 14px;
	display: block;
	line-height: 1.6em;
	margin-bottom: 5px;
}
.results_area .flyer {
	width: 100px;
	float: left;
	margin-right: 10px;
}
#dispatch .results_area .flyer {
	width: 120px !important;
}
.flyer img {
	margin: 1px;
	padding: 1px;
	border: 1px solid #F0F0F0;
}
.results_area .data p {
	color: #000 !important;
}
.inner {
	overflow: hidden;
}
#management_wrap ul {
	list-style: disc inside;
	margin-bottom: 15px;
	margin-top: 10px;
}
#management_wrap ul li {
	margin-top: 3px;
}
#management_wrap .contract {
	margin-top: 15px;
	border: 1px solid #9CC813;
	padding: 15px;
	margin-bottom: 15px;
}
.contract ul li a {
	color: #9CC813;
}
.contract h3 {
	/* [disabled]color: #FFF; */
	background: #E8FFBA;
	padding: 3px 3px 3px 10px;
	border-left: 5px solid #9CC813;
	font-weight: bold;
	font-size: 120%;
}
.b_top {
	border-top: 1px solid #CCC;
}
.b_bottom {
	border-bottom: 1px solid #CCC;
}
#dispatch .results_area th ,#dispatch .results_area td {
	font-weight: normal;
	padding: 0px 8px 1px 3px;
}
#dispatch .results_area .data strong {
	color: #CC6600;
}
#dispatch .results_area th {
	white-space: nowrap;
}
#management_wrap table { width: 100%; }
#management_wrap .dl { display: table; }
#management .contract {
	padding: 20px;
	font-size: 14px;
	line-height: 1.6;
	background-color: #F3F9E3;
	margin-right: 40px;
	margin-left: 40px;
	border: 1px solid #E6F1C4;
	margin-bottom: 40px;
}
#management .contract ul li {
	list-style-position: inside;
	list-style-type: square;
}
#management .contract ul { margin-top: 10px; }
#management .contract h5 {
	font-size: 18px;
	color: #C60;
	font-weight: bold;
}