@charset "UTF-8";
/* common style ver.100417-2214
------------------------------------------*/

@import "_initialize.css";
@import "contents-styles.css"; 
@import "font-styles.css"; 
@import "_base.css";

/* COMMON
___________________________________________ */

html{
	font-family:Helvetica,Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-weight:150;
	*font-family:Helvetica,Arial,'ＭＳ Ｐゴシック', 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;font-weight:150;
	*:first-child+html font-family:Helvetica,Arial, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;font-weight:150;
	}

body{
	font-size:13px;
	/*\*/
	font-size:small;
	font:x-small;
	/**/
	line-height:1.231;
}
h1,h2,h3,h4{font-size:100%;}
table{font-size:inherit;font:100%;}


/* LAYOUT
___________________________________________ */
body{
	height:100%;
}

#main{
	position:relative;
	margin:0;
	padding:0;
	background-color: #000;
	height:100%;
}
#main-mask{
	width:100%;
	height:100%;
	z-index:3000;
	position:absolute;
	margin:0;
	padding:0;
	background-color: #000;
	display:none;
}

#container{
	margin:0;
	padding:0;
	text-align:center;
	position:absolute;
	width:100%;
	height:100%;
	overflow: hidden;
	display:none;
	z-index:2;
	color:#2F2F2F;
}
#container-inner{
	display:block;
	width:100%;
	margin:0 0;
	padding:0;
	text-align:center;
	overflow:hidden;
}
#container-inbox{
	width:980px;
	margin:0 auto;
	padding:0;
}
#mL {
	position:absolute;
	display:block;
	border-right:1px solid #ddd;
	background-image:url(../img/bg.gif);
	background-position:right 1px;
	text-align:left;
}
#mR {
	position:absolute;
	display:block;
	background-image:url(../img/bg.gif);
/*	background-color:#666;*/
	background-position:1px 1px;
	text-align:left;
/*	border-left:1px solid #ddd;*/
}
#cL {
	position:relative;
	width:168px;
	float:left;
	border-left:1px solid #ddd;
}
#cC {
	position:relative;
	width:227px;
	float:left;
	background-image:url(../img/bg-cC.jpg);
	background-repeat:repeat-x;
	background-color:#b2b2b2;
}
#cR {
	position:relative;
	width:581px;
	float:left;
	background-image:url(../img/bg.gif);
	background-position:1px 1px;
	border-right:1px solid #ddd;
}
#cL #logo,#cL #utility,#cL .cal1,#cL .cal2,#cL .btn,#cL .bnr1,#cL .bnr2,
#cC #gMenu, #cC #menu, #cC #common,
#cR #sMenu, #cR #contents{ display:none; }
#cL #logo,#cL .cal2,#cL .btn,#cL .bnr1,#cL .bnr2,
#cC #gMenu, #cC #menu, #cC #common,
#cR #sMenu{ border-bottom:1px solid #ddd; }

/* --------------------------------- utility */
#cL #utility{ height:852px; }
/* --------------------------------- gMenu */
#gMenu { background-image:url(../img/bg-cC.jpg); background-repeat:repeat-x; }
/* --------------------------------- menu */
#cC #menu{ /*background-color:#b2b2b2;*/  border-bottom:0px solid #ddd; }
#cC #menu .changebox{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	display:block;
	width:227px;
}
#cC #menu .off{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}
#cC #menu .on1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}
#cC #menu .on2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}
#cC #menu #list-box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	position:relative;
}


#cC #menu ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(/_common/img/list-plate-line.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
*+html #cC #menu ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(/_common/img/list-plate-line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#cC #menu ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(/_common/img/list-plate.png);
	background-repeat:no-repeat;
}
*+html #cC #menu ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(/_common/img/list-plate.gif);
	background-repeat:repeat-x;
}
#cC #menu .date{
	margin:0px 7px 0px 0px;
	padding:0px 0px 0px 2px;
	border-left:3px solid #F00;
	color:#a6a6a6;
}
#cC #menu .date img{
	margin-top:-1px;
}

#cC #menu .b-namewomb{
	border-left:3px solid #F00;
	margin-top:0px;
	height:20px;
}
#cC #menu .b-namelounge{
	border-left:3px solid #cdb225;
	margin-top:2px;
	height:20px;
}
#cC #menu .b-namelive{
	border-left:3px solid #de6f20;
	margin-top:2px;					
	height:20px;
}
#cC #menu .b-nameadventure{
	border-left:3px solid #119a4a;
	margin-top:2px;					
	height:20px;
}
#cC #menu .b-namecruise{
	border-left:3px solid #1bb4e0;
	margin-top:2px						
	height:20px;
}
#cC #menu .title{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*	color:#000;*/
}
#cC #menu ul li a{
	margin:0px 0px 0px 0px;
	padding:6px 10px 8px 10px;
	text-decoration:none;
	display:block;
	height:20px;
}
*+html #cC #menu ul li a{
	margin:0px 0px 0px 0px;
	padding:6px 10px 5px 10px;
	text-decoration:none;
	display:block;
	height:20px;
}
#cC #menu ul li span{
	margin:0px 0px 0px 0px;
	padding:6px 10px 8px 10px;
	text-decoration:none;
	display:block;
	height:20px;
}
*+html #cC #menu ul li span{
	margin:0px 0px 0px 0px;
	padding:6px 10px 5px 10px;
	text-decoration:none;
	display:block;
	height:20px;
}
#cC #menu ul li span.list-btn{ padding:0px 0px 14px 0px; }
#cC #menu ul li span.menuMonth{
	margin:0px 0px 0px 0px;
	padding:8px 10px 6px 10px;
	text-decoration:none;
	color:#000;
	display:block;
	height:20px;
}

#cC #menu a{ color:#000; }
#cC #menu a:hover{ color:#fff; }
*+html #cC #menu a:hover{ color:#fff; }
/*#cC #menu .title:hover{ color:#666; }*/
#cC #menu ul li a:hover{ /*text-decoration:none;*/ }
#cC #menu ul li a:visited{ /*text-decoration:none;*/ }
#cC #menu ul li #blockMsg{ /*background-color:#6F9j;*/ }
#cC #menu ul li #blockMsg img{ }
#cC #menu .date{
	width:24px;
	display:block;
	float:left;
/*	z-index:2000;*/
	position:absolute;
}
#cC #menu .title{
	font-size:77%;
	display:block;
	line-height:1;
	padding:7px 0px 0px 0px;
	height:20px;
	float:left;
/*	z-index:2000;*/
	position:absolute;
	left:46px;
	white-space:nowrap;
}
#cC #menu .title-no{ left:10px; }
/* common--------------------------------- */
#cC #common{
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	color:#000;
	display:block;
	position:absolute;
	bottom:0px;
	background-color:#b3b3b3;
}
#cC #common ul{
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
}
#cC #common li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:77% !important;
	line-height:1.5;
}
#cC #common .title{
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
}
#cC #common .title-rental{
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
}
#cC #common .termpolicy{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#cC #common .produced{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
#cC #common .found{
	border-left:2px solid #525252;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 2px;
}
#cC #common .found img{
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 0px;
}
#cC #common .copyright{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
#cC #common a{
	color:#000;
	text-decoration:none !important;
}
#cC #common a:hover{
	color:#fff;
	text-decoration:none !important;
}
#cC #common #sponsors{
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
}

/* --------------------------------- sMenu */
#cR #sMenu{ padding:35px 0px 0px 11px; height:134px; background-image:url(../img/bg.gif); background-position:right 1px; }
#cR #sMenu #link #_schedule,#sMenu #link #_voice,#sMenu #link #_artists,#sMenu #link #_members,#sMenu #link #_store{margin:0px 3px 0px 0px; padding:0px 0px 0px 0px; float:left;}
#cR #sMenu #rssBox{ padding:0px 10px 0px 0px; text-align:right; }
#cR #sMenu #link{ margin:0 0 0 0; padding:0px 0px 0px 0px; float:left; }
#cR #sMenu #clock{ margin:0 0 0 0; padding:0px 0px 0px 0px; float:right; }
/* --- トップ右上の時計  ---
#clock { width:190px; height:22px; }
#clock #clockLeft{ width: 165px; height: 20px; border-top: 3px solid #a6a6a6; font-size: 75%; vertical-align: bottom; float: right; margin-left: 8px; margin-top: -2px; margin-bottom: 4px; }
#clock #clockRight{ width:20px; float:right; vertical-align:top; margin-right: 0px; margin-top: -1px; }
*/

/* int POSITION
___________________________________________ */
#cL ,#cC ,#cR { overflow: hidden; }

#cL #logo,#cL #tool,#cL #banner,
#cC #gMenu,#cC #menu,#cC #common,
#cR #sMenu,#cR #sMenu,#cR #clock,#cR #contents{
	position:relative;
	overflow: hidden;
}
#cR .headline{
	position:absolute;
}
#cL #logo{
	background-image:url(../img/bg.gif);
	background-position:1px 1px;
}
#cL #logo img{
	padding:33px 0px 98px 11px;
	display:block;
	cursor:pointer;
}


/* CALLENDAR
___________________________________________ */
#cal{
	margin:0;
	padding:0;
}

#cal #calendarInner{
	border-bottom:1px solid #ddd;
}
#cal table{
	margin:0;
	padding:0px;
}
*+html #cal table{
	margin:0;
	padding:0px;
}
#cal tr,#cal td{
	margin:0;
	padding:0;
}
#cal a{
	margin:0;
	padding:0;
	color:#000;
}
#cal a#cal-month{
	margin:0 0 20px 0;
	padding:0;
	color:#000;
	display:block;
	text-align:left;
}
#cal a.calMonth{
/*	margin:0 0 20px 0;*/
	margin: 5px 0 10px;
	padding:0;
	color:#000;
	display:block;
	text-align:left;
}
#calendar{
	margin:0px 0px 0px 0px;
	padding:9px 0px 0px 0px;
	text-align:center;
}
#calendar table{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#calendar table .calendarhead{
	margin:0px 0px 0px 0px;
	padding:0px 0px 19px 0px;
	text-align:left;
}
#calendar table tbody{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#calendar table tr{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	text-align:center;
}
#calendar table th{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	text-align:center;
}
*+html #calendar table th{
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	text-align:center;
}
#calendar table td{
	margin:0px 0px 0px 0px;
	padding: 0 2px 6px;
	text-align:center;
}
*+html #calendar table td{
	margin:0px 0px 0px 0px;
	padding: 0 1px 4px;
	text-align:center;
}
#calBtn{
	position:relative;
	height:33px;
}
#calPrev{
	float:left;
}
/*#calPrev img{
	width:57px;
}*/
#calNext{
	float:right;
}
/*#calNext img{
	width:57px;
}*/
.widget-calendar{
padding:0px 0px 0px 0px;
}
*+html .widget-calendar{
padding:0px 0px 0px 7px;
}

.calendar-today {
	color: #FFFFFF;
	background-color : #000066;
}
.calendar-today a,
.calendar-today a:link {
	color: #FFFFFF;
	text-decoration: none
}
.calendar-today a:visited {
	color: #FFFFCC;
	text-decoration: none
}
.calendar-today a:focus,
.calendar-today a:hover,
.calendar-today a:active {
	color: #FFCCCC;
	text-decoration: underline
}

/* UTILITY
___________________________________________ */
.flatLeft{ position:absolute; background-color:#fff; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* COLOR
___________________________________________ */
a{ color:#fff; }
a:hover{ color:#999; }
a#toTop{ display:none height:1%; font:1%; background-color:#fff; }
/* UNIQUE
___________________________________________ */


/* 20110811追記　ソーシャルバナー用
___________________________________________ */

div.social_bnr { background-image: url("../img/bnr_footer_bg.gif"); background-position: left bottom; background-repeat: no-repeat; height: 100px; margin: 10px; width: 561px;}
div.social_bnr p.btn01 { padding: 44px 0 0 202px;}
div.social_bnr p.btn02 { padding: 3px 0 0 202px;}
div.social_bnr p.btn03 { padding: 3px 0 0 202px;}


