@charset "utf-8";

/*=========================================================
*----------------------------------------------------------
* 横浜アリーナ
*----------------------------------------------------------
=========================================================*/

/*---------------------------------------------------------
* クリア
*--------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,form,dl,dd,dt {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

img {
	border: 0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

ol,ul{
	list-style:none;
}

hr {
	display: none;
}

li {
	list-style-type: none;
}


/*---------------------------------------------------------
* 基本設定
*--------------------------------------------------------*/
body {
	line-height: 1.5em;
	margin: 0 auto; 
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	text-align: center;
	color: #000;
}

#container {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

em {
	font-style:normal;
	color: #3b3b3b;
}

/*---------------------------------------------------------
* ヘッダー
*--------------------------------------------------------*/

#header {
	width: 760px;
	margin-bottom: 10px;
}

#logo {
	float: left;
	width: 365px!important;
}

#logo p {
	float: left;
}

.sub-nav {
	float: right;
	margin-top: 10px;
}

.header-menu {
	clear: both;
}

.header-menu li {
	float: left;
	height: 41px;
}

* html #header ul {
	margin-bottom: -2px;
}

/*---------------------------------------------------------
* コンテンツ
*--------------------------------------------------------*/
#main h2 {
	margin-bottom: 10px;
	height: 28px;
	padding: 3px 0 0 10px;
	font-weight: bold;
}
.yellow {
	color: #666;
	background: url(../images/bg_yellow.gif) no-repeat;
}

.orange {
	color: #fff;
	background: url(../images/bg_orange.gif) no-repeat;
}

#main p.title {
	margin: 0 0 15px;
}

#main p {
	margin: 0 15px;
}


/*---------- 共通 ----------*/
.s-t10 {
	padding: 10px 0 0;
}

/*---------------------------------------------------------
* 左ナビ
*--------------------------------------------------------*/
#left-nav {
	float: left;
	width: 160px;
	margin-bottom: 20px;
}

.nav-list li {
	padding: 3px 0 2px 10px;
	vertical-align: middle;
	background: url(../images/nav_bg.jpg) no-repeat;
}

.nav-list li.nav-list-in {
	padding: 4px 0 0 20px;
	background: url(../images/nav_inner.gif) no-repeat;
}

.nav-list li.nav-list-on {
	padding-left: 20px;
	background: url(../images/nav_open.jpg) no-repeat;
}

.nav-list li.nav-list-end {
	border-bottom: solid 1px #999;
	background: url(../images/nav_bg-end.jpg) no-repeat;
}

#left-nav a:link {text-decoration: underline;color: #00f;}
#left-nav a:visited {text-decoration: underline;color: #00f;}
#left-nav a:hover {text-decoration: underline;color: #9595ff;}
#left-nav a:active {text-decoration: underline; color: #9595ff;}


/*---------------------------------------------------------
* メインコンテンツ
*--------------------------------------------------------*/
#main {
	float: right;
	width: 575px;
	margin-bottom: 20px;
}

#pan {
	margin: 0 0 10px 5px;
}

#pan h1 {
	display: inline;
}

#main .gotop, #top-main .gotop, .top .gotop {
	float: right;
	padding-left: 20px;
	margin: 30px 15px;  
	background: url(../images/icon_top.gif) no-repeat 0px 5px;
}


	


/*---------------------------------------------------------
* フッター
*--------------------------------------------------------*/
#footer {
	clear: both;
	width: 760px;
}

.footer-menu01 {
	margin: 25px 0;
	padding: 23px 0 20px;
	background-color: #e7f2fd;
	vertical-align: middle;
}

.footer-menu01 ul {
	text-align: center;
}

.footer-menu01 li,
.footer-menu02 li {
	padding-right: 7px;
	margin-right: 4px;
	line-height: 2em;
	border-right: solid 1px #000;
	display: inline;
}
.footer-menu01 li.line-non,
.footer-menu02 li.line-non {
	border: none;
	display: inline;
}


.footer-menu02 {
	padding-bottom: 12px;
	text-align: center;
	border-bottom: solid 4px #0D3C98;
}

#copy{
  font-size:1em;
  font-weight:bold;
  color:#5c76b8;
  letter-spacing:1px;
  font: Arial, Helvetica, sans-serif;
}
address {
	margin: 5px 0 15px;
	text-align: right;
  font-style: normal;
}


/*---------------------------------------------------------
* トップページ（左サイドバーとメインページが共通テンプレと異なるため）
*--------------------------------------------------------*/
#top-left {
	float: left;
	margin-bottom: 20px;
	width: 269px;
}

/*----トップ左ナビ----*/
.top-navi {
	float:left;
	margin-right:1px;
	padding-bottom:10px;
	width:130px;
	background:url(../images/topnav_bottom.gif) no-repeat bottom;
}

.top-navi h2 {
}

.top-navi ul {
	width:auto;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

.top-navi li {
	margin-left:5px;
	background:url(../images/top_navi_arrow.gif) no-repeat 0px 5px;
	padding-left:10px;
}

/*----トップカレンダー----*/
.top-calendar {
	clear:left;
	margin-bottom:30px;
	padding-top:20px;
	width:253px;
}

.top-calendar-wrapper {
	padding:0 3px 3px 3px;
	background:#0E419E;
}


.top-calendar h3.this-month {
	padding-right:40px;
	height:27px;
	color:#FFF;
	text-align:right;
	background:url(../images/topcalendar_this.gif) no-repeat #0E419E;
}

.top-calendar h3.next-month {
	padding-right:40px;
	height:27px;
	color:#FFF;
	text-align:right;
	background:url(../images/topcalendar_next.gif) no-repeat #0E419E;
}

.top-calendar h3 span {
	float:left;
	position:relative;
	top:5px;
	left:15px;
	font-weight:bold;
}

.top-calendar h3 a {
	color:#FFF;
	position:relative;
	bottom:9px;
}

.top-calendar-wrapper table {
	width:100%;
	font-size:90%;
	line-height:120%;
	border-collapse:collapse;
	empty-cells:hide;
}

.top-calendar table td {
	padding:2px;
	background:#FFF;
	border:1px solid #073C9C;
}

.top-calendar table td.date, .top-calendar table td.day {
	width:6%;
	text-align:center;
}



.top-calendar table td.holiday {
	background:#F93;
}

.top-calendar table td.holiday-event {
	background:#FC9;
}

/*----バナー----*/

div.bannar {
	margin-bottom:15px;
	text-align:center;
}

div.bannar_qr {
	margin:0 7px 15px;
	padding:5px;
	width:239px;
	background:url(../images/qr_bg.gif) repeat-x #fff;
	border:2px solid #999;
	text-align:center;
	overflow:auto;
}

p.qr {
	padding:7px;
	text-align:left;
}

p.soundhall {
	margin:0 auto;
	width:128px;
	color:#666;
	font-size:10px;
	line-height:120%;
	text-align:left;
}

p.get-flash {
	margin:0 auto;
	width:160px;
	color:#666;
	font-size:10px;
	line-height:120%;
	text-align:left;
}

/*----トップメイン----*/
#top-main {
	float: right;
	width: 490px;
	margin-bottom: 20px;
}

#top-main div.h2-header {
	width:490;
	height:30px;
	margin-bottom:10px;
	background:url(../images/top_title_bg.gif) no-repeat;
}

#top-main div.h2-header h2 {
	float:left;
	margin-left:20px;
}

#top-main div.h2-header a {
	float:right;
	margin:5px;
}

#top-main div.entry {
	margin:10px 0 10px 10px;
	padding-bottom:10px;
	background:url(../images/top_border.gif) repeat-x bottom;
}

#top-main div.entry h3 {
	padding-left:15px;
	background:url(../images/top_main_arrow.gif) no-repeat 0 3px;
}

#top-main div.entry div.upload-image {
	float:right;
	margin:0 0 10px 10px;
	width:150px;
}


/* 081226 20周年記念 */
.pl15{padding-left:15px;}
.mt10{ margin-top:10px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.right{text-align:right; width:610px;}
.left{float:left!important;}
.f_right{float:right!important;}
.f_left{float:left!important;}

span.redright{text-align:right; color: #FF0000;}
.anniverred{color:#ea2433; margin:0 0 0 3px;}
.anniverblue{color:#355da8;}
.anniverlogo{
  font-size:14px;
  font-weight:bold;
  margin:0 0 0 10px;
  padding:9px 0 0 22px;
}

.red{color: #FF0000!important;}

.red a,
span.red a {color: #FF0000!important;}


.anniverlogo a,.anniverlogo a:hover{
  text-decoration:none;
}

.floatl{float:left; width:100px; padding:0 0 10px 0;}
.floatl2{float:left; width:100px; padding:0 0 30px 0;}
.floatl3{float:left; padding:0 0 105px 0;}
.floatr{float:right;}
.center{text-align:center; margin:10px 0;}
.clear{clear:both;}

.fbox{
  margin:0 0 35px 100px;
}

#centence2{
  margin:0 0 10px 0;
  padding:15px 90px;
  line-height:1.4;
  font-size:14px;
}

.new2{
  margin:0 0 0 0;
  padding:0 0 10px 90px;
}

.lm100{
  margin:20px 0 0 90px;
}


.tpcbtm{
clear:both;
width:212px;
height:5px;
text-indent:-9999px;
background:url(../images/20th/topicbtm.jpg) no-repeat left top;
}

.box2 .b_box{
  height:auto;
  min-height:100px;
  _height:100px;
  padding:10px 5px 0 5px;
  background:url(../images/20th/topicbg.jpg) repeat-y left top;
}

.box2{
  float:left;
  width:212px;
  margin-right:5px;
}

.box2 .b_box{
  height:auto;
  min-height:100px;
  _height:100px;
  padding:10px 5px 0 5px;
  background:url(../images/20th/topicbg.jpg) repeat-y left top;
}

.box2 .b_box dl dt{
  float:left;
}
.box2 .b_box dl dt dd{
  width:120px;
}

/*------------- 20周年記念第二階層 --------*/
h2.titlecara{
  text-indent:-9999px;
  clear:both;
  width:760px;
  height:140px;
  margin-top:20px;
  background:url(../images/20th/carahead.jpg) no-repeat left top;
}
h2.titlemasse{
  text-indent:-9999px;
  clear:both;
  width:760px;
  height:140px;
  margin-top:20px;
  background:url(../images/20th/messehead.jpg) no-repeat left top;
}
h2.titleivent{
  text-indent:-9999px;
  clear:both;
  width:760px;
  height:140px;
  margin-top:20px;
  background:url(../images/20th/iventhead.jpg) no-repeat left top;
}

h2.titlegoods{
  text-indent:-9999px;
  clear:both;
  width:760px;
  height:140px;
  margin-top:20px;
  background:url(../images/20th/goods.jpg) no-repeat left top;
}

/*  パンクズリスト */
.onpage{color:#0066CC; text-decoration:none;}

#breadfirst,#breadsecond{
  font-size:12px;
}

#breadfirst ul li a,#breadsecond ul li a,#breadthird ul li a{
  color:#fff;
}

#breadfirst ul li a:hover,#breadsecond ul li a:hover,#breadthird ul li a:hover{
  color:#0066CC;
}

#breadfirst{
  width:361px;
  height:25px;
  background:url(../images/20th/breadfirst.jpg) no-repeat left top;
  margin:-33px 0 5px 0;
}
#breadfirst ul li{
  padding:3px 20px 0 98px;
  background:url(../images/20th/arrowb.gif) no-repeat 205px center;
}

#breadsecond{
  width:641px;
  height:25px;
  color:#fff;
  margin:0 0 5px 0;
  padding:0 0 0 98px;
  background:url(../images/20th/breadsecond.jpg) no-repeat left top;
}
#breadsecond ul li{
  float:left;
  padding:3px 0 0 0;
}

#breadthird{
  width:663px;
  height:25px;
  color:#fff;
  padding:0 0 0 98px;
  background:url(../images/20th/breadthird.jpg) no-repeat left top;
}

#breadthird ul li{
  float:left;
  padding:3px 0 0 0;
}

/*  コンテンツ内 */
.20secondbox{
  clear:both;
  width:750px;
  height:1%;
  overflow:hidden;
  line-height:1.7;
  font-size:12px;
}

.secondbottom{
  margin-bottom:25px;
  background:url(../images/20th/secondtopicsbottom.jpg) no-repeat left top;
}

.sentbox{
  padding:0 0 5px 90px;
  font-size:12px;
  height:1%;
  overflow:hidden;
  background:url(../images/20th/secondtopicsbg.jpg) repeat-y left top;
}


/*** 20周年コンテンツボックス内文章微調整部分 ***/
.sentbox p,.sentbox dl,.sentbox ul,.sentbox ol{
  margin:0 50px 0 0;
}/*右余白*/

.sentbox p.normal{
  display:block;
  padding:0 0 10px 0;
}
.sentbox .rightcolumn{
  margin:0 0 0 150px;
}

.rightsent{
  display:block;
  margin:0 0 25px 0;
}

.spmesse{
  width:610px;
  clear:both;
  height:1%;
  overflow:hidden;
  padding:0 0 20px 0;
  margin:15px 50px 20px 0;
  background:url(../images/20th/dotteline.gif) repeat-x left bottom;
}
* html .spmesse{
  clear:both;
  height:1%;
  overflow:hidden;
  padding:0 0 20px 0;
  margin:15px 50px 20px 0;
  background:url(../images/20th/dotteline.gif) repeat-x left bottom;
}

dl.iventinfomation dd.right{
  padding:0 50px 0 0;
}

dl.iventinfomation dt{
  margin:15px 0 10px 0;
  padding:0 10px 0 20px;
  background:url(../images/20th/lound.gif) no-repeat left center;
  border-bottom:2px solid #F3494E;
}
dl.iventinfomation dd{
  padding:0 5px 0 20px;
}

.rightc_left{display:block; float:left; width:200px; margin:13px 0;}
.rightc_right{display:block; float:left; width:200px; margin:13px 0;}


.txt14{
font-size:14px;
}

.ari20{
background:url(../common/img/20th/ari.jpg) no-repeat;
padding-left:130px;
}


#centence{
  margin:0 0 10px 0;
  padding:15px 100px;
  line-height:1.4;
  font-size:14px;
}

.20thcontents{
	_margin:0 0 150px 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.new{
  margin:-25px 0 0 0;
  padding:0 0 10px 100px;
}

#20th_ivent{
clear:both;
}

#event{
  height:150px;
  margin:20px 0 20px 0;
}

.logo{
  clear:both;
  height:1%;
  margin:0 0 0 100px;
  padding:30px 0 0 0;
}

.logo li{
  float:left;
  margin-right:25px;
}

.20th_gotop{
    clear:both;
	padding:0 0 15px 20px;
	margin: 30px 15px;  
	background: url(../images/icon_top.gif) no-repeat 0px 5px;
}

.lm_100{
  margin:-20px 0 0 100px;
}


.box{
  float:left;
  width:212px;
  margin-right:5px;
}

.character{
width:212px;
height:45px;
text-indent:-9999px;
background:url(../images/20th_ca.gif) no-repeat left top;
}

.messe{
width:212px;
height:45px;
text-indent:-9999px;
background:url(../images/20th_ms.gif) no-repeat left top;
}

.ivent{
width:212px;
height:45px;
text-indent:-9999px;
background:url(../images/20th_ivent.gif) no-repeat left top;
}

.topicsbottom{
clear:both;
width:212px;
height:10px;
text-indent:-9999px;
background:url(../images/20thtopicsbottomt.gif) no-repeat left top;
}

.box .b_box{
  height:auto;
  min-height:100px;
  padding:10px 5px 0 5px;
  background:url(../images/bg_20thtopics.gif) repeat-y left top;
}
* html .box .b_box{
  height:auto;
  height:100px;
  padding:10px 5px 0 5px;
  background:url(../images/bg_20thtopics.gif) repeat-y left top;
}
.b_box p{
  margin:0 10px;
}

.box .b_box dl dt{
  float:left;
}
.box .b_box dl dt dd{
  width:120px;
}

.20thheadbtm{
  width:760px;
  height:80px;
  background: url(../images/20thheadbtm.jpg) no-repeat left top;
}

.mb_50{
  margin-bottom:50px;
}


/*　グッズ商品　*/
.undottebox{
  width:610px;
  clear:both;
  height:1%;
  overflow:hidden;
  padding:0 0 20px 0;
  margin:15px 50px 10px 0;
  background:url(../images/20th/dotteline.gif) repeat-x left bottom;
}

.undottebox ul.goodslist{
  margin:15px 0 0 0;
}

.undottebox ul.goodslist li{
  float:left;
}

.undottebox ul.goodslist li.yokoarikunmesse{
  display:block;
  width:284px;
  height:135px;
  margin:0 10px 10px 0;
  background: url(../images/20th/yokoarikunmesse.gif) no-repeat left top;
}
.undottebox ul.goodslist li.yokoarikunmesse .ymesse{
  display:block;
  float:right;
  width:180px;
  height:135px;
  text-indent:0px;
  padding:10px;
}

.undottebox ul.goodslist li.yokoarikunmesse_line3{
  display:block;
  width:284px;
  height:80px;
  margin:0 10px 10px 0;
  background: url(../images/20th/yokoarikunmesse_line3.gif) no-repeat left top;
}
.undottebox ul.goodslist li.yokoarikunmesse_line3 .ymesse{
  display:block;
  float:right;
  width:180px;
  height:80px;
  text-indent:0px;
  padding:7px 10px 10px 10px;
}

.undottebox ul.goodslist li.yokoarikunmesse_line4{
  display:block;
  width:284px;
  height:105px;
  margin:0 10px 10px 0;
  background: url(../images/20th/yokoarikunmesse_line4.gif) no-repeat left top;
}
.undottebox ul.goodslist li.yokoarikunmesse_line4 .ymesse{
  display:block;
  float:right;
  width:180px;
  height:105px;
  text-indent:0px;
  padding:10px;
}





.undottebox ul.goodslist .imgsent{
  float:right;
  margin:10px 0 0 0;
}

.inptitle{
  margin:3px 0 5px 0;
  padding:0 5px 0 15px;
  font-weight:bold;
  background:url(../images/20th/lound.gif) no-repeat left center;
}
.btitle{
  margin:3px 0 5px 0;
  padding:0 5px 0 15px;
  font-weight:bold;
}

.20secondbox .sentbox .sentbox p.normal{
  padding:10px;
}

.mb10{margin:0 0 10px 0;}
.mb20{margin:0 0 20px 0;}
.mb30{margin:0 0 30px 0;}
.sentbox dl dd.mtb30{margin-top:30px; margin-bottom:30px;}
.centerptb30{text-align:center; padding:20px 0;}


/*　第三階層　*/

.sentbox dl{

}

.sentbox dl　dt{

}

.sentbox dl dd{
  margin:8px 0 8px 15px;
}

.sentbox dl dd h4{
  font-weight:bold;
  margin:5px 0 3px 0;
}

.sentbox dl dd ul{
}

.sentbox dl dd ul li{
	margin:0 0 0 28px;
	text-indent:-12px;
}

.sentbox dl dd ul.pagenavi li{
	display:inline;
	margin:0 25px 0 0;
	}

.sentbox dl dd p{
  margin:0 0 0 18px;
}

div.contact h4{
	font-weight:bold;
	}

div.contact{
	margin:20px 0 20px 0px;
	}
div.contact p{
	margin:5px 0 0 15px;
	}

.sentbox ul li,div.contact ul li{
	margin:0 0 0 28px;
	text-indent:-12px;
	}

* html .sentbox ul li,
* html div.contact ul li{
	text-indent:0px;
	}

/*　20周年　フォーム	*/
div.contactform ul{
	font-size:10px;
	margin:10px 0 0 10px;
	line-height:1.3;
	}

div.contactform table{
	width:90%;
	margin:10px 0 0 0;
	border:1px solid #f4a08c;
	font-size:12px;
	}

div.contactform table th{
	padding:5px 0 5px 10px;
	font-weight:normal;
	background:#faeae3;
	border-bottom:1px solid #f4a08c;
	}
div.contactform table td{
	padding:5px 0 5px 10px;
	border-left:1px solid #f4a08c;
	border-bottom:1px solid #f4a08c;
	}

div.contactform table#submit{
	border:none;
	margin:10px 0;
	text-align:center;	
	}
div.contactform table#submit th,
div.contactform table#submit td{
	border:none;
	}

div.contactform table td.submitspan{
	margin:0 35px 0 0;
	}

.faxctcarea{
	display:block;
	padding:10px;
	border:2px dashed #f48577;
	}



/* 20周年記念キャラクタープロフィール
------------------------------------------------------------------*/
#character .wrabbox{
	clear:both;
	width:695px;
	margin:20px 0;
	margin-left:40px;
}


#character .leftcolumn{
	float:left;
	width:250px;
}

#character .centercolumn{
	float:left;
	width:140px;
	margin:0 22px;
}

#character .rightcolumn{
	float:right;
	width:250px;
}

#character .leftcolumn p,
#character .leftcolumn ul,
#character .rightcolumn p,
#character .rightcolumn ul{
	margin:5px 5px 15px 10px;
}

#character .leftcolumn ul li,
#character .rightcolumn ul li{
	margin-left:7px;
	text-indent:-7px;
}



body #character 
div#wrap02th 
div#container 
div.wrabbox 
div.rightcolumn 
ul li a span.red {color: #FF0000!important; text-decoration:none!important;}

/*------ / column2 / ----------------------------------------*/

#character .leftcolumn2{
	float:left;
	width:325px;
	margin-bottom:30px;
}

#character .rightcolumn2{
	float:right;
	width:325px;
	margin-bottom:30px;
}


#character .commentbox{
	height:115px;
	margin-top:-5px;
	padding:15px 22px 0 22px;
	background:url(../images/20th/profile_middle.jpg) repeat-y left center;
}


#character .leftcolumn2 ul li,
#character .rightcolumn2 ul li{
	margin-left:7px;
	text-indent:-7px;
}



.hosoku{margin-left:15px; font-size:12px; font-weight:normal;}