@charset "UTF-8";

/*
	magnifiqu Label 
	Copyright (C) Being Inc. All Rights Reserved.
*/


/* //////////////////////////////////////////////////
[PC] 
////////////////////////////////////////////////// */

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

body{
	background-color:#FFF;
	/*font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	-webkit-text-size-adjust:none;
	word-break:break-all;
	font-size:11px;
	margin:0;
	padding:0;
	background-image:url(../images/bg_footer.gif);
}

#wrapper{
	width:100%;
	margin:0;
	padding:0;
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

a { color: #0d9ecb; }	
a:link, a:visited { text-decoration: none; }
a:hover, a:active  { text-decoration: underline; }

.clearfix{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

img{
	vertical-align:bottom;
}

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

#header{
	width:100%;
	margin:0;
	padding:0;
	background-color:#FFF;
}

#header .contents{
	width:940px;
	margin:0 auto;
	padding:0 10px;
}

#logo{
	width:380px;
	margin:0;
	padding:0;
	float:left;
}

#logo h1{
	margin:20px 0;
	padding:0;
}

#nav{
	margin:65px 0 0 0;
	padding:0;
	float:right;
}

#nav ul li{
	margin:0 20px 0 0;
	padding:0;
	float:left;
}

#nav ul li.after{
	margin:0 10px 0 0;
	padding:0;
	float:left;
}

#pagetitle{
	border-top:1px solid #ddd;
	border-bottom:1px dotted #ddd;
}

#pagetitle .contents{
	width:940px;
	padding:10px;
	margin:0 auto;
}

/* --------------------------------------------------
 Slider
-------------------------------------------------- */

#pictslider{
	width:100%;
	/*height:350px;*/
	height:404px;
	margin:0;
	padding:10px 0;
	background-image:url(../images/bg_header.gif);
}

#pictslider .contents{
	width:940px;
	margin:0 auto;
	padding:0 10px;
}

/* --------------------------------------------------
 Contents area
-------------------------------------------------- */

#contentsarea{
	width:100%;
	margin:0;
	padding:20px 0 0 0;
	background-color:#FFF;
}

#contentsarea .contents{
	width:960px;
	margin:0 auto;
	padding:0;
}

/* --------------------------------------------------
 Index
-------------------------------------------------- */

#index #contentsarea .grid_4{
	background-image:url(../images/bg_top_contentsarea.gif);
	width:280px;
	padding:0 10px 10px;
}

#index #contentsarea .grid_4 iframe{
	margin:10px 0 0 0;
}

#index #contentsarea .grid_4 .update{
	background-image:url(../images/line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 0 1px 0;
	padding:0 0 1px 0;
}

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

#news #contentsarea{
	margin:0;
	padding:0;
}

#news #contentsarea .contents{
	width:960px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/bg_news.gif);
	background-repeat:repeat-y;
}

#news #contentsarea .section{
	width:940px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #ddd;
}

#news #contentsarea .contents .grid_4{
	width:280px;
	padding:10px;
	text-align:right;
	margin-bottom:0;
}

#news #contentsarea .contents .grid_4 .update{
	margin:5px 0;
}

#news #contentsarea .contents .grid_8{
	width:600px;
	padding:10px 10px 10px 0;
	margin-bottom:0;
}

#news #contentsarea .contents .grid_8 h3{
	border-top:1px solid #ddd;
	border-bottom:1px dotted #ddd;
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

#news #contentsarea .contents .grid_8 p{
	line-height:1.5em;
}

#news #contentsarea .contents .grid_8 .top{
	text-align:right;
	width:50px;
	margin-left:550px;
}

/* --------------------------------------------------
 Artist
-------------------------------------------------- */

#artist #contentsarea .grid_4{
	background-image:url(../images/bg_top_contentsarea.gif);
	width:280px;
	padding:10px;
}

#artist h3{
	margin-top:10px;
}

#artist2 #contentsarea{
	margin:0;
	padding:10px 0 0 0;
}

#artist2 #contentsarea .contents{
	width:720px;
	margin:0 auto;
	padding:0;
}

#artist2 #contentsarea .grid_4{
	background-image:url(../images/bg_top_contentsarea.gif);
	width:280px;
	padding:10px;
	margin:0 10px;
	line-height:1.5em;
}

#artist2 .artistlogo{
	background-image:url(../images/line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
}

#artist2 #official_bt a{
	text-align:right;
	margin-left:150px;
}

/* --------------------------------------------------
 Disco
-------------------------------------------------- */

#disco #contentsarea .grid_3{
	background-image:url(../images/bg_top_contentsarea.gif);
	width:200px;
	padding:10px;
}

#disco #contentsarea .grid_3 p{
	background-image:url(../images/line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 0 10px 0;
	line-height:100%;
}

#disco #contentsarea .grid_3 p img{
	margin:0;
	padding:0;
	vertical-align:top;
}

.disco_footer{
	background-color:#FFF;
	margin-top:10px;
}

.price{
	width:144px;
	padding:2px 3px;
	float:left;
}

.more{
	width:50px;
	float:right;
}


#artist h3{
	margin-top:10px;
}

#artist2 #contentsarea{
	margin:0;
	padding:10px 0 0 0;
}

#artist2 #contentsarea .contents{
	width:720px;
	margin:0 auto;
	padding:0;
}

#artist2 #contentsarea .grid_4{
	background-image:url(../images/bg_top_contentsarea.gif);
	width:280px;
	padding:10px;
	margin:0 10px;
	line-height:1.5em;
}

#artist2 .artistlogo{
	background-image:url(../images/line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
}

#artist2 #official_bt a{
	text-align:right;
	margin-left:150px;
}

/* --------------------------------------------------
 Event
-------------------------------------------------- */

#event #contentsarea{
	margin:0;
	padding:0;
}

#event #contentsarea .contents{
	width:960px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/bg_news.gif);
	background-repeat:repeat-y;
}

#event #contentsarea .section{
	width:940px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #ddd;
}

#event #contentsarea .contents .grid_4{
	width:280px;
	padding:10px;
	text-align:right;
	margin-bottom:0;
}

#event #contentsarea .contents .grid_4 .update{
	margin:5px 0;
}

#event #contentsarea .contents .grid_8{
	width:600px;
	padding:10px 10px 10px 0;
	margin-bottom:0;
}

#event #contentsarea .contents .grid_8 h3{
	border-top:1px solid #ddd;
	border-bottom:1px dotted #ddd;
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

#event #contentsarea .contents .grid_8 p{
	line-height:1.5em;
}

#event #contentsarea .contents .grid_8 .top{
	text-align:right;
	width:50px;
	margin-left:550px;
}

/* --------------------------------------------------
 Contact
-------------------------------------------------- */

#contact #contentsarea{
	margin:0;
	padding:0;
}

#contact #contentsarea .contents{
	width:960px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/bg_news.gif);
	background-repeat:repeat-y;
}

#contact #contentsarea .section{
	width:940px;
	margin:0 auto;
	padding:0;
	border-bottom:1px solid #ddd;
}

#contact #contentsarea .contents .grid_4{
	width:280px;
	padding:10px;
	text-align:right;
	margin-bottom:0;
}

#contact #contentsarea .contents .grid_4 .update{
	margin:5px 0;
}

#contact #contentsarea .contents .grid_8{
	width:600px;
	padding:10px 10px 10px 0;
	margin-bottom:0;
}

#contact #contentsarea .contents .grid_8 h3{
	border-top:1px solid #ddd;
	border-bottom:1px dotted #ddd;
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

#contact #contentsarea .contents .grid_8 p{
	line-height:1.5em;
}

#contact #contentsarea .contents .grid_8 .top{
	text-align:right;
	width:50px;
	margin-left:550px;
}

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

#footer{
	width:100%;
	height:100%;
	margin:0;
	padding:20px 0;
}

#footer .contents{
	width:960px;
	text-align:center;
	margin:0 auto;
	padding:0;
}

/* --------------------------------------------------
 Grid
-------------------------------------------------- */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11
 {
  display: inline;
  float: left;
  margin:0 10px 20px;
  padding:0;
}

.grid_1 {
  width: 60px;
}

.grid_2 {
  width: 140px;
}

.grid_3 {
  width: 220px;
}

.grid_4 {
  width: 300px;
}

.grid_5 {
  width: 380px;
}

.grid_6 {
  width: 460px;
}

.grid_7 {
  width: 540px;
}

.grid_8 {
  width: 620px;
}

.grid_9 {
  width: 700px;
}

.grid_10 {
  width: 780px;
}

.grid_11 {
  width: 860px;
}

.m_left_0{
	margin-left:0; !important
}

.m_right_0{
	margin-right:0; !important
}