@charset "Shift-JIS";

/* ---------------------------------------*/
/* Global */
/* ---------------------------------------*/

*{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
}

body{
	color: #333333;
	font-family: Lucida Grande'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: small;
	line-height: 1.4;
	background: #fdd9dc url(../../img/bg2.jpg) repeat-y 50% 473px;
	text-align: center;
}

strong,
strong a,
strong font,
strong span{
	font-weight: bold;
}

img{
	border: 0;
}

a:link{color: #000000;text-decoration:underline;}
a:visited{color: #666666;text-decoration:underline;}
a:hover{color: #ff8089;text-decoration:none;}
a:active{color: #ff8089;text-decoration:none;}

#wrapper{
	background: url(../../img/bg.jpg) no-repeat 50% top;
}

#main{
	width: 920px;
	margin: 0 auto;
	background: #ffffff;
	text-align: left;
}

/* Parts
---------------------------------------*/

.clear{
	clear: both;
}

/* Parts - More Link
それぞれに "width" と "margin" を設定すること。
---------------------------------------*/

.morelink{
	font-size: x-small;
	text-align: center;
}
.morelink a:link,
.morelink a:visited{
	display: block;
	color: #ffffff;
	text-decoration: none;
	background: #ff8089;
}
.morelink a:hover,
.morelink a:active{
	background: #ffcb32;
}


/* ---------------------------------------*/
/* Header */
/* ---------------------------------------*/

h1{
	float: left;
	display: inline;
	width: 67px;
	margin: 0 0 0 20px;
	padding: 8px 0 0;
	line-height: 1px;
}

#header{
	float: right;
	height: 50px;
}

#header ul{
	list-style: none;
	font-size: x-small;
}

#header ul li{
	float: left;
	display: inline;
	padding: 0 7px;
	line-height: 50px;
	background: url(../../img/sep.gif) no-repeat 0 center;
}
#header ul li.first{
	background: none;
}

#header ul li.button{
	margin-top: -9px;
	margin-right: 1px;
	padding: 0;
	line-height: 1px;
	background: none;
}

#header ul li.button img{
	vertical-align: bottom;
}


/* ---------------------------------------*/
/* Promotion Area */
/* ---------------------------------------*/

#promoarea{
	clear: both;
	height: 333px;
	margin: 0 0 20px;
	border-top: 3px solid #ff8089;
}

#promoarea #mainimg{
}

#promoarea #mainimg img{
	vertical-align: bottom;
}

/* Global Navigation
---------------------------------------*/

#promoarea #gnav_k,
#promoarea #gnav_t{
	float: left;
	position: relative;
	margin: -92px 0 0;
	width: 350px;
}

#promoarea #gnav_k p,
#promoarea #gnav_t p{
	margin: 0 0 0 20px;
}

#promoarea #gnav_k p img,
#promoarea #gnav_t p img{
	vertical-align: bottom;
}

#promoarea #gnav_k ul,
#promoarea #gnav_t ul{
	height: 47px;
	margin: -6px 0 0;
	padding: 0 0 0 20px;
	list-style: none;
	line-height: 1px;
}
#promoarea #gnav_k ul{ background: url(../../img/nav_k_bg.png) no-repeat;}
#promoarea #gnav_t ul{ background: url(../../img/nav_t_bg.png) no-repeat;}

#promoarea #gnav_k ul li,
#promoarea #gnav_t ul li{
	float: left;
}

/* Global Navigation メルマガボタン
---------------------------------------*/

#promoarea #mag_bnr{
	position: relative;
	margin: -144px 0 0 700px;
	width: 220px;
	height: 95px;
}
* html body #promoarea #mag_bnr{
	margin-top: -147px;
}


/* ---------------------------------------*/
/* Body */
/* ---------------------------------------*/

#body{
	float: left;
	display: inline;
	width: 660px;
	margin: 0 0 50px 20px;
}

#body .box{
	margin: 0 0 30px;
	zoom: 1; /* for IE 5.5-7 */
}

/* clearfix huck */
#body .box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #body .box{height: 1%;}
#body .box{display: block;}
/* End hide from IE-mac */
/* /clearfix huck */

#body .box h2{
	line-height: 1px;
	margin: 0 0 10px;
}

#body .box .morelink{
	width: 9em;
	margin: 0 0 0 auto;
}


/* ---------------------------------------*/
/* News */
/* ---------------------------------------*/

#body #news{
}

#body #news .image{
	float: left;
	width: 178px;
	font-size: x-small;
}

#body #news .image span{
	display: block;
	margin: 0 0 5px;
	padding: 3px;
	border: 1px solid #cccccc;
}

#body #news .image span img{
	vertical-align: bottom;
}

#body #news .image a{
	text-decoration: none;
}

#body #news dl{
	position: relative;
	margin: 0 0 1em 200px;
}
* html body #body #news dl{ /* under IE6 */
	background: #ffffff;
}

#body #news dl dt{
	position: absolute;
	width: 9em;
	padding: 0.5em 0 0;
	color: #666666;
	font-size: x-small;
}

#body #news dl dd{
	padding: 0.3em 0 0.3em 7em;
	border-bottom: 1px dotted #cccccc;
}

#body #news dl dd a{
	display: block;
	text-decoration: none;
}


/* ---------------------------------------*/
/* Guest, Brand */
/* ---------------------------------------*/

#body #guest,
#body #brand{
}

#body #guest .image,
#body #brand .image{
	float: left;
	width: 108px;
	margin: 0 20px 0 0;
	font-size: x-small;
	text-align: center;
}

#body #guest .image a span,
#body #brand .image a span{
	display: block;
	margin: 0 0 5px;
	padding: 3px;
	border: 1px solid #cccccc;
}

#body #guest .image a span img,
#body #brand .image a span img{
	vertical-align: bottom;
}

#body #guest .image a,
#body #brand .image a{
	text-decoration: none;
}

#body #guest .morelink,
#body #brand .morelink{
	clear: both;
}


/* ---------------------------------------*/
/* Sub Contents */
/* ---------------------------------------*/

#subcont{
	float: left;
	width: 220px;
	margin: 0 0 50px 20px;
	padding: 3px 0 0;
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #000000 url(../../img/subcont_bg.gif) repeat-y;
}

#subcont .box{
	width: 218px;
	margin: 0 auto 3px;
	text-align: left;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#subcont .box p.image{
	margin: 0 auto;
	line-height: 1px;
}

/* Message
---------------------------------------*/

#subcont #message{
}

#subcont #message h2{
	line-height: 1px;
}

#subcont #message .box{
	clear: both;
	margin-bottom: 0;
	padding: 0 0 10px;
	border: none;
	background: #ffeeee;
	zoom: 1; /* for IE 5.5-7 */
}

#subcont #message .box:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #subcont #message .box{height: 1%;}
#subcont #message .box{display: block;}
/* End hide from IE-mac */

#subcont #message .box h3{
	height: 19px;
	margin: 0 0 5px;
	padding: 0 0 0 25px;
	color: #ff8089;
	font-size: 10px;
	font-weight: bold;
	line-height: 19px;
}
#subcont #message .box h3.guest{ background: url(../../img/msg_ttl_bg_guest.gif) no-repeat;}
#subcont #message .box h3.staff{ background: url(../../img/msg_ttl_bg_staff.gif) no-repeat;}
#subcont #message .box h3.press{ background: url(../../img/msg_ttl_bg_press.gif) no-repeat;}

#subcont #message .box .content{
	padding: 0 10px;
	font-size: smaller;
}

#subcont #message .box .content a{
	display: block;
	text-decoration: none;
}

#subcont #message .box .content a .image{
	display: block;
	float: left;
	width: 70px;
	margin: 0 8px 1em 0;
	background: #ffffff;
	cursor: pointer;
}

#subcont #message .box .content a .image img{
	padding: 2px;
	vertical-align: bottom;
	border: 1px solid #cccccc;
}

#subcont #message .box .content a .date{
	color: #666666;
}

#subcont #message .box .morelink{
	width: 4em;
	margin: 10px 10px 0 auto;
}

/* Blog
---------------------------------------*/

#subcont #blog{
	width: 220px;
	background: #ffcccc url(../../img/blog_bg.gif);
}

#subcont #blog h2{
	padding: 10px 0;
	text-align: center;
	line-height: 1px;
}

#subcont #blog ul{
	list-style: none;
	padding: 0 10px 10px;
	font-size: smaller;
}

#subcont #blog ul li{
	border-bottom: 1px solid #ffb5b8;
	margin: 0 0 0.3em;
	padding: 0 0 0.3em 10px;
	background: url(../../img/arrow_pink.gif) no-repeat 0 5px;
}

#subcont #blog ul li a{
	display: block;
	text-decoration: none;
}


/* ---------------------------------------*/
/* Sponcor */
/* ---------------------------------------*/

#sponsor{
	clear: both;
	padding: 30px 0;
	text-align: center;
}


/* ---------------------------------------*/
/* Footer */
/* ---------------------------------------*/

#footer{
	clear: both;
	padding: 10px 20px 20px 20px;
	border-top: 3px solid #ff8089;
	line-height: 1.5;
}

#footer ul{
	list-style: none;
}

#footer ul li{
	float: left;
	padding: 0 7px;
	background: url(../../img/sep.gif) no-repeat 0 center;
}
#footer ul li.first{
	padding-left: 0;
	background: none;
}

#footer .copyright{
	clear: both;
	font-size: x-small;
	color: #999999;
}














/* ---------------------------------------*/
/* Under Stratum
   下階層ページ */
/* ---------------------------------------*/


/* ---------------------------------------*/
/* Promotion Area */
/* ---------------------------------------*/

#promoarea2{
	clear: both;
	height: 155px;
	border-top: 3px solid #ff8089;
}

#promoarea2 #mainimg{
}

#promoarea2 #mainimg img{
	vertical-align: bottom;
                margin-top: -10px;
}

/* Global Navigation メルマガボタン
---------------------------------------*/

#promoarea2 #mag_bnr{
	margin: -155px 0 0 auto;
	width: 220px;
}
* html body #promoarea2 #mag_bnr{
}

#promoarea2 #mag_bnr img{
	vertical-align: bottom;
                margin-top: -20px;
}

/* Global Navigation
---------------------------------------*/

#promoarea2 #gnav_k,
#promoarea2 #gnav_t{
	float: left;
	position: relative;
	width: 460px;
}

#promoarea2 #gnav_k p,
#promoarea2 #gnav_t p{
	float: left;
	display: inline;
	margin: 0 0 0 20px;
}
#promoarea2 #gnav_t p{
	margin-left: 0;
}

#promoarea2 #gnav_k p img,
#promoarea2 #gnav_t p img{
	vertical-align: bottom;
                margin-top: -10px;
}

#promoarea2 #gnav_k ul,
#promoarea2 #gnav_t ul{
	height: 47px;
	padding: 0 0 0 130px;
	list-style: none;
	line-height: 1px;
                margin-top: -10px;
}
#promoarea2 #gnav_t ul{
	padding-left: 108px;
}
#promoarea2 #gnav_k ul{ background: url(../../img/nav_k_bg2.png) no-repeat;}
#promoarea2 #gnav_t ul{ background: url(../../img/nav_t_bg2.png) no-repeat;}
* html body #promoarea2 #gnav_k ul{ /* under IE6 / 神戸 */
	width: 330px;
	margin: -44px 0 0;
}
* html body #promoarea2 #gnav_t ul{ /* under IE6 / 東京 */
	width: 352px;
	margin: -44px 0 0;
}
*+html body #promoarea2 #gnav_k ul{ /* IE7 / 神戸 */
	width: 330px;
	margin: -44px 0 0;
}
*+html body #promoarea2 #gnav_t ul{ /* IE7 / 東京 */
	width: 352px;
	margin: -44px 0 0;
}

#promoarea2 #gnav_k ul li,
#promoarea2 #gnav_t ul li{
	float: left;
	display: inline;
}


/* ---------------------------------------*/
/* Topic Path */
/* ---------------------------------------*/

#topicpath{
	clear: both;
	height: 20px;
	padding: 0 0 0 40px;
	font-size: x-small;
	line-height: 20px;
	border-top: 1px solid #ffffff;
	background: #ffeeee;
}

#topicpath p{
	color: #999999;
	font-weight: bold;
}

#topicpath p a{
	color: #999999;
	font-weight: normal;
}

#topicpath p span{
	padding: 0 0.5em;
	font-weight: normal;
}


/* ---------------------------------------*/
/* Body */
/* ---------------------------------------*/

#body2{
	margin: 0 0 100px;
}

#body2 h2{
	line-height: 1px;
	margin: 0 0 30px;
}

#body2 .box{
	margin: 0 40px 30px;
}

#body2 .box table{
	margin: 0 auto;
}

#body2 .box table td p{
	margin: 0 0 2em;
}

#body2 .box h3{
	line-height: 1px;
	margin: 0 0 10px;
}

#body2 .box2{
	margin: 0 103px 30px;
}


/* ---------------------------------------*/
/* Page - Guest */
/* ---------------------------------------*/

#page_guest{
}

#page_guest ul{
	list-style: none;
	zoom: 1; /* for IE 5.5-7 */
}

/* clearfix huck */
#page_guest ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #page_guest ul{height: 1%;}
#page_guest ul{display: block;}
/* End hide from IE-mac */
/* /clearfix huck */

#page_guest ul li{
	float: left;
	width: 161px;
	height: 310px;
	margin: 0 0 0 9px;
	text-align: center;
}
#page_guest ul li.first,
#page_guest ul.artist li.first{
	margin-left: 0;
}
#page_guest ul li.last{
	margin-left: 8px;
}

#page_guest ul.artist li{
	width: 241px;
	margin-left: 58px;
}

#page_guest ul li p{
	margin: 0 0 0.3em;
}

#page_guest ul li .image{
	padding: 3px;
	border: 1px solid #cccccc;
}

#page_guest ul li .image img{
	vertical-align: bottom;
}

#page_guest ul li .name{
	color: #ff8089;
	font-size: larger;
}

#page_guest ul li .only{
	color: #999999;
	font-size: x-small;
}

#page_guest ul li .morelink{
	width: 9em;
	margin: 0 auto;
}

/* ---------------------------------------*/
/* Page - Brand */
/* ---------------------------------------*/

#page_brand{
}

#page_brand ul{
	list-style: none;
	zoom: 1; /* for IE 5.5-7 */
}

/* clearfix huck */
#page_brand ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #page_brand ul{height: 1%;}
#page_brand ul{display: block;}
/* End hide from IE-mac */
/* /clearfix huck */

#page_brand ul li{
	float: left;
	width: 161px;
/*	height: 231px;*/
	height: 250px;
	margin: 0 0 0 9px;
	text-align: center;
}
#page_brand ul li.first{
	margin-left: 0;
}
#page_brand ul li.last{
	margin-left: 8px;
}

#page_brand ul li p{
	margin: 0 0 0.3em;
}

#page_brand ul li .image{
	border: 5px solid #000000;
}

#page_brand ul li .image img{
	vertical-align: bottom;
}

#page_brand ul li .name{
	color: #ff8089;
	font-size: larger;
}

#page_brand ul li .only{
	color: #999999;
	font-size: x-small;
}

#page_brand ul li .brandlink a:link,
#page_brand ul li .brandlink a:visited{
	display: block;
	border: 5px solid #000000;
}

#page_brand ul li .brandlink a:hover,
#page_brand ul li .brandlink a:active{
	border: 5px solid #ff8089;
}

#page_brand ul li .brandlink img{
	vertical-align: bottom;
}

/* ---------------------------------------*/
/* Page - MailMagazine */
/* ---------------------------------------*/

#page_mailmagazine{
}

#mail_image{
	display: inline;
	float: left;
	width: 86px;
	margin: 30px 20px 0 0;
}

#mail_contents{
	display: inline;
	float: left;
	width: 605px;
	margin: 50px 0;
}

#mail_contents .photo{
	float: right;
}

#mail_contents .maillink{
	clear: left;
	width: 230px;
	margin: 0 0 0.5em;
	text-align: center;
}

#mail_contents .maillink a:link,
#mail_contents .maillink a:visited{
	display: block;
	color: #ffffff;
	text-decoration: none;
	background: #ff8089;
}
#mail_contents .maillink a:hover,
#mail_contents .maillink a:active{
	background: #ffcb32;
}

#mail_txt{
	margin: 0 0 3em;
	color: #ff8089;	
}

#mail_txt2{
	margin: 0 0 5em;
}

/* ---------------------------------------*/
/* Page - News */
/* ---------------------------------------*/

#page_news{
}

#page_news h3{
	line-height: 1px;
	font-size: 1px;
}

#page_news h3 img{
	margin: 0 0 10px;
	vertical-align: bottom;
}

#news_content dl{
	position: relative;
}

#news_content dt{
	position: absolute;
	left: 0.5em;
	width: 8em;
	padding: 1.8em 0 0;
	color: #666;
	font-size: x-small;
}

#news_content dd{
	padding: 1.5em 0 1.5em 8em;
	background: url(../../new/img/icon.gif) no-repeat right 1.5em;
	border-bottom: 1px dotted #ccc;
}
#news_content dd.kobe{
	background: url(../../new/img/icon_k.gif) no-repeat right 1.5em;
}
#news_content dd.tokyo{
	background: url(../../new/img/icon_t.gif) no-repeat right 1.5em;
}

#news_content dd .category{
	margin: 0 0 0.3em;
	color: #fff;
	font-size: x-small;
}

#news_content dd .category span{
	padding: 0.1em 0.5em;
	font-weight: bold;
}

#news_content dd .category .guest{ background: #00aacc;}
#news_content dd .category .brand{ background: #993300;}
#news_content dd .category .ticket{ background: #cc0000;}
#news_content dd .category .stage{ background: #52b257;}
#news_content dd .category .booth{ background: #873ab7;}
#news_content dd .category .press{ background: #66cccc;}
#news_content dd .category .report{ background: #ff2841;}
#news_content dd .category .fashionista{ background: #ff8089;}
#news_content dd .category .blog{ background: #a4a219;}
#news_content dd .category .zero{ background: #870059;}

#news_content dd .description{
	padding: 0 50px 0 0;
}


/* ---------------------------------------*/
/* 複製ページ */
/* ---------------------------------------*/

#body2 .box table.igritzs td{
	text-align: left;
}

#body2 .box table td.q01{
	padding: 0.3em;
	color: #57b380;
}

#body2 .box table td.q01 span{
	font-weight: bold;
}

#body2 .box table td.q02{
	padding: 0.5em 1em;
	color: #ffffff;
	font-weight: bold;
	background: #57b380;
}

#body2 .box table td.q03{
	padding: 0.5em;
	color: #57b380;
	font-weight: bold;
	background: #f1f1f1;
}

/* History */
/* ---------------------------------------*/

#body2 .box .f10{ font-size: x-small;}
#body2 .box .f12b{ font-weight: bold;}