@charset "utf-8";
/* CSS Document */

/* RESET
============================================================ */
div,p,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
input,textarea,blockquote,th,td { padding:0; margin:0; }
table { border-collapse: collapse; border-spacing:0; }
fieldset,img { border:0; }
abbr,acronym { border:0; }
caption,th{ text-align:left; }


/* FONT
============================================================ */
body {
	color:#555;
	font-size: 12px;
	line-height: 175%;
	font-family:
		"Hiragino Kaku Gothic Pro",
		"\30D2\30E9\30AE\30CE\89D2\30B4\20Pro\20W3",
		Arial,
		"MS PGothic",
		"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF";
	}

.fs10 { font-size: 10px; }
.fs24 { font-size: 24px!important; }
.fw-n { font-weight:normal; }
.fw-b { font-weight:bold; }

.center{ text-align:center;}
strong { font-style: normal; font-weight: bold; color: #E00; font-size: 13px; }

/* ANCHOR TEXT
============================================================ */
a:link,
a:visited { color:#3AE; }
a:hover   { color:#06A; text-decoration:none; }
a:active  { color:#06A; }


/* BG + BORADER
============================================================ */
html,body { height: 100%; margin:0; padding:0; }
body      { background: #eee url(../img/bg.gif) center 0 repeat-y;}
hr        { border: none; border-bottom: 1px solid #ddd; height:1px; margin: 30px 0; overflow: hidden }


/* LAYOUT
============================================================ */
#wrapper { width: 900px; padding: 0;  margin: 0 auto; text-align: center; position: relative; }
.pb0{ padding-bottom:0;}
.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}
.gray{ color: #999;}


/* CLEAR FLOAT
============================================================ */
.clear { clear:both; }
.clear hr { display:none; } 
/* <div class="clear"><hr /></div> と書いて使います */


/* HEADER
============================================================ */
#header { position: relative; width:900px; background:url(../img/dotline.gif) bottom repeat-x; }
#btnTOP { position: absolute; left: 16px;  top: 16px; width:142px; }
#btnMLL { position: absolute; right: 16px; top: 16px; width:157px; }
#header h1 { padding: 40px 0 0; }


/* GNAVI
============================================================ */
#gnavi { text-align:center; width:860px; margin:30px auto 0; padding: 0 0 30px; }
#gnavi .sep { padding: 0 15px; }


/* PAGE : TOP
============================================================ */
#info { width:700px; margin:0 auto; text-align:left; }
#info .post    { padding: 20px 0 0;}
#info .post h3 { width:80px;  float:left; font-size:10px; color: #AAA; letter-spacing:1px; text-align:right;  }
#info .post P  { width:600px; float:right; font-size:14px; }
#info .post .sep { clear: both; padding:20px 0 0 ; }

/* PAGE : #ITUNES
============================================================ */
#itunes { text-align:left; }
.itunes-kikaku { background:url(../img/dotline.gif) bottom repeat-x; padding: 50px 0; text-align:left; }

#itunes h2 { margin:0 50px 5px; font-size:18px; }
#itunes h3 { margin:20px 50px 30px; padding: 0 0 5px; font-size:14px; border-bottom:1px #DDD solid; }
#itunes-description { padding: 0 50px 0; }
#itunes .jaket { width:800px;  margin:0 25px 0 75px; }
#itunes .jaket td {
	width:160px;
	vertical-align:top;
	text-align:left;
	line-height:130%;
	padding:0 0 50px;
	}
#itunes .jaket img {
	border: 1px solid #ddd;
	margin: 0 0 10px;
	}

#itunes .jaket { font-weight:Bold;}
#itunes .jaket span { font-size:10px; font-weight:normal; font-family:Verdana; }

/* PAGE : #BEST
============================================================ */
#acoakko { background:url(../img/dotline.gif) bottom repeat-x; padding: 50px; text-align:left; }
#acoakko h2 { font-size:18px; }
#acoakko h3 { font-size:14px; line-height:130%; margin:0 0 5px; }

#best { background:url(../img/dotline.gif) bottom repeat-x; padding: 50px; text-align:left; }
#best h2 { font-size:18px; }
#best h3 { font-size:14px; line-height:130%; margin:0 0 5px; }

#boxtypes { margin: 50px 0 50px; }
#boxtypes .left { float: left; width: 400px; }
#boxtypes .right { float: right; width: 400px; }
#boxtypes .limited { margin: 40px 0 0; }
#boxtypes .caution { color: #E00; font-weight:bold; }
#boxtypes img { float:left; margin:0 15px 0 0; }

#boxtypes2 { margin: 0px 0 50px; }
#boxtypes2 img { float:left; margin:0 15px 0 0; }

#tracklist { margin:0; padding:0; }
#tracklist .left  { float:left; width:400px;  display:inline; }
#tracklist .right { float:right; width:400px; display:inline; }
#tracklist ol { margin: 20px 0 0; }
#tracklist li { margin:0 0 10px 35px; line-height:130%; }
#tracklist li span { font-size:10px; color:#888; }

/* PAGE : #KITSON
============================================================ */
#kitson { background:url(../img/dotline.gif) bottom repeat-x; padding: 0 0 1px; }
#kitson .inner { padding: 50px; }

#kitson h2    { margin:0 0 30px; font-size:16px; }
#kitson h3    { margin:0 0 5px; font-size:14px; }
#kitson .fig  { width: 320px; float: right; }
#kitson .read { width: 460px; float: left; text-align:left; }
ul.heart { list-style:none; }
ul.heart li { text-indent:18px; background:url( ../img/icon_heart.gif ) no-repeat center left; }
ol.track li { margin:0 0 0 35px; }
ol.track li span { color: #999; }
ul.heart,
ol.track { margin: 0 0 30px; }


/* PAGE : #TOUR
============================================================ */
#tour      { text-align:left; padding:50px 50px; background:url(../img/dotline.gif) bottom repeat-x; }
#tour h2   { color: #E69; margin: 0 0 40px; font-size: 22px; letter-spacing: 0.05em; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', Times, Georgia;  }
#tour h2 img { margin:0 0 10px; }
#tour h3   { color: #E69; margin: 40px 0 5px 0; font-size:14px; line-height:150%; }
#tourTbl   { font-size: 12px; line-height: 175%; }
#tour tr.bg{ background: #fafafa;}
#tourTbl th   {
	vertical-align: top; background: #ddd; padding: 5px 10px; 
	font-weight: normal; color: #666; text-align: right; 
	border: 1px solid #ccc; border-bottom: none;
	}
#tourTbl th#corner{
	background: url(../img/item_tourtable.gif) 0 0 no-repeat;
	padding:0; width: 102px; height: 39px;
	}
#tourTbl td{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #ccc; border-bottom: none;
	}
#tourTbl td.place{
	width: 220px; vertical-align: middle;
	font-size: 14px; font-weight: bold; color: #333;
	}
#tourTbl tr.last th, #tour tr.last td{ border-bottom: 1px solid #ccc;}
#tour em { font-style:normal; font-weight:bold; display:block; margin:10px 0 0; }
#tour p  { margin:0 0 20px; line-height:160%; }
#tour span.indent { color:#FFF; }
#tour ul { margin:0 0 20px; padding:0; }
#tour li { margin: 0 0 0.5em 1.5em; line-height:140%; }

#tour p.pb10 { margin:0; line-height:160%; }
#tour p.pb0  { margin:0; line-height:160%; }
#ticket         { margin: 50px 0 0;}
#ticket-nagoya,
#ticket-tojitsu { margin: 50px 0 0; padding: 40px 0 0; background:url(../img/dotline.gif) top repeat-x; }
#ticket-senkou  { margin: 30px 0 0; padding: 40px 0 0; background:url(../img/dotline.gif) top repeat-x; }

table.liveinfo {
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
	}

table.liveinfo th {
	padding: 5px 10px;
	border: #ccc solid;
	border-width: 0 0 1px 1px;
	background: #eee;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	line-height:120%;
	}
table.liveinfo td {
	padding: 5px 10px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
	line-height:120%;
	}

table.liveinfo td { white-space: nowrap; line-height: 150%; }
table.liveinfo td.nml { white-space:normal; } 
table.liveinfo td.all { text-align: left; }
table.liveinfo td.seat{ text-align: left; line-height: 150%;}



/* FOOTER
============================================================ */
#footer{ color: #aaa; font-size: 10px; text-align: center; padding: 30px 0; font-family:Verdana; }




