/* -- global properties -- */
body {
	margin:0px;
	padding:0px;
	background-color:#d4dfe3;
	text-align:center;
	background:#d0dee1 url(/img/site/top/background.jpg) repeat-y fixed top left;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,img {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size: 13px;
	*font-size: meddium;
	*font: meddium;
}

#left {	width: 126px; float: left; text-align:left;}
#right { margin-left:10px; width: 786px; float: left; padding:0px;}
#wrapper { width: 980px; margin: 0 auto;}

.alignleft { float: left; text-align: left; }
.alignright { float: right; text-align: right; }

.logo_dum {	margin:25px 0px 6px 0px; text-align:left;}


/* -- menu -- */

.globalmenu { padding: 0; margin: 0; width: 100%; height: 25px; background-color: black; color: #FFFFFF; text-align:left; }

/*
#globalmenu ul { width: 910px;	height: 25px;	margin: 0 auto; }
#globalmenu li{ float: left; }
#globalmenu a{ display: block; height: 27px; border: none; }
#globalmenu a span{	display: none; }
*/

#menu { padding: 0px; margin:0px auto; width: 126px; background-color: #d4dfe3; }
#menu ul { width: 126px; margin: 0 auto; }
#menu li{ float: left; }
#menu a{ display: block; height: 41px; border: none; }
#menu a span{ display: none; }
#menu span{ display: none; }

#menu_headlines,#menu_music,#menu_artist,#menu_party,#menu_features,
#menu_galleries,#menu_partners,#menu_mailmagazine {
	margin-bottom:2px;
}

/* HEADLINES */
#menu_headlines{display:block;width:125px;height:40px;overflow:hidden;text-indent:-9999px;}
#menu_headlines a{background:transparent url(/img/common/menu_headlines.png) no-repeat;}
#menu_headlines a:hover{background:transparent url(/img/common/menu_headlines.png) no-repeat 0 -40px;}

/* MUSIC */
#menu_music{display:block;width:125px;height:40px;overflow:hidden;text-indent:-9999px;}
#menu_music a{background:transparent url(/img/common/menu_music.png) no-repeat;}
#menu_music a:hover{background:transparent url(/img/common/menu_music.png) no-repeat 0 -40px;}

/* ARTIST */
#menu_artist{display:block;width:125px;height:40px;overflow:hidden;text-indent:-9999px;}
#menu_artist a{background:transparent url(/img/common/menu_artist.png) no-repeat;}
#menu_artist a:hover{background:transparent url(/img/common/menu_artist.png) no-repeat 0 -40px;}

/* PARTY */
#menu_party{display:block;width:125px;height:40px;overflow:hidden;text-indent:-9999px;}
#menu_party a{background:transparent url(/img/common/menu_party.png) no-repeat;}
#menu_party a:hover{background:transparent url(/img/common/menu_party.png) no-repeat 0 -40px;}

/* FEATURES */
#menu_features{display:block;width:125px;height:40px;overflow:hidden;text-indent:-9999px;}
#menu_features a{background:transparent url(/img/common/menu_features.png) no-repeat;}
#menu_features a:hover{background:transparent url(/img/common/menu_features.png) no-repeat 0 -40px;}

/* GALLERIES */
#menu_galleries{display:block;width:125px;height:40px;overflow:hidden;text-indent:-9999px;}
#menu_galleries a{background:transparent url(/img/common/menu_galleries.png) no-repeat;}
#menu_galleries a:hover{background:transparent url(/img/common/menu_galleries.png) no-repeat 0 -40px;}

/* PARTNERS */
#menu_partners{display:block;width:125px;height:40px;overflow:hidden;text-indent:-9999px;}
#menu_partners a{background:transparent url(/img/common/menu_partners.png) no-repeat;}
#menu_partners a:hover{background:transparent url(/img/common/menu_partners.png) no-repeat 0 -40px;}

/* MAILMAGAZINE */
#menu_mailmagazine{display:block;width:125px;height:40px;overflow:hidden;text-indent:-9999px;}
#menu_mailmagazine a{background:transparent url(/img/common/menu_mailmagazine.png) no-repeat;}
#menu_mailmagazine a:hover{background:transparent url(/img/common/menu_mailmagazine.png) no-repeat 0 -40px;}


.international { float:left; text-align:right; margin-top:-30px; margin-bottom:6px; width:922px; }



/* ページング*/
.paging{
	text-align:right;
	padding:15px 30px 3px 0px;
	font-size:11px;
	clear:both;
}
.pagelist-selected{
	font-weight:bold;
	margin:0 0.2em;
}
.pagelist a{
	margin:0 0.2em;
	color:#EDEEEF;
	padding:2px 5px;
	border:1px solid #DDD;
	text-decoration:none;
}
.pagelist a:hover{background:#BFBFBF;}
.page-before a,.page-next a{
	color:#EDEEEF;
	text-decoration:none;
}
.page-before a:hover,.page-next a:hover{text-decoration:underline;}




/* -- reset properties -- */
table {border-collapse: collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none; margin:0px; padding:0px; }

caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal; }
tr { vertical-align:top;}

dt { float:left; margin-left:20px;}
/*dd { margin-bottom:15px; margin-left:170px; margin-top:8px; margin-right:20px;}*/


/* -- link properties -- */
a { color:#000000; text-decoration: none; }
a:hover { color:#5f6160; text-decoration: underline; }

/* -- color  -- */
h1 { color:#ffffff; display:block; width:736px; background-color:#000000; float:left; margin-top:0px; padding-left:15px; padding-bottom:10px; padding-right:15px; padding-top:5px; text-align:left; font-weight:bold;}

h2 { display:block; width:736px; background-color:#000000; float:left; margin-top:0px; padding-left:15px; padding-bottom:10px; padding-right:15px; padding-top:5px; text-align:left; font-weight:bold;}

h4 { display:block; float:left; width:726px; background-color:#000000; text-align:left; padding:5px;}


/* red */
.red { background-color:#fbc9d5; font-size:1.2em;}
.red h2 { color:#f03d41;font-weight:bold;}
.red h3 { color:#f03d41;font-weight:bold;}
.red h4 { color:#f03d41;font-weight:bold;}
.red a { color:#f03d41;}

/* purple */
.purple { background-color:#ded6eb; }


/* blue */
.blue { background-color:#b5d5ee; }
.blue h2{ color:#017cbf; font-weight:bold;}
.blue h3{ color:#017cbf; font-weight:bold;}
.blue h4{ color:#017cbf; font-weight:bold;}
.blue a{ color:#017cbf; font-weight:bold;}

/* yellow */
.yellow { background-color:#fffbbc; }
.yellow h2{ color:#f1e26f; font-weight:bold;}
.yellow h3{ color:#f1e26f; font-weight:bold;}
.yellow h4{ color:#f1e26f; font-weight:bold;}
.yellow a{ color:#f1e26f; font-weight:bold;}

/* green */
.green { background-color:#cdebed; }
.green h2{ color:#02b2af; font-weight:bold;}
.green h3{ color:#02b2af; font-weight:bold;}
.green h4{ color:#02b2af; font-weight:bold;}
.green a{ color:#02b2af; font-weight:bold;}

/* black */
.black { background-color:#5f6160; }
.black h2 { color:#ffffff; font-weight:bold;}
.black h3 { color:#000000; font-weight:bold;}
.black h4 { color:#ffffff; font-weight:bold;}
.black a { color:#000000; font-weight:bold;}

/* font */
h4.list_title {font-size:1.3em;}

/* -- contents -- */
/* layout */
.contents_area {  padding:10px 10px 10px 10px; width:766px; margin-bottom:50px;}
.bnr_title { position:relative;float:left; }
.post { padding:15px 15px 15px 15px; width:736px; background-color:#ffffff; float:left; margin-top:10px; margin-bottom:10px; text-align:left;}

/* btn */
.backnumber {float:left; width:150px; height:28px; text-align:right; background:#000000; display:block;}
.back {float: left; width:736px; margin-bottom:10px; }
.back_right {float:right;}

/* close btn */
.close_btn {float:left; width:746px; height:20px; text-align:right; background:#000000; display:block; padding:2px 10px 0px 10px; }

/* gallery */
.gallery {float: left; width:736px; margin-bottom:10px; position:relative; }
.gallery_box {padding-top: 5px; padding:0px 5px; float:left;  width: 235px; margin-bottom:20px;overflow: hidden; }
.gallery_title { font-size:1.2em; color:#02b2af;  width: 100%; height: 40px; float: left; font-weight:bold; }
.gallery_title h3 a { color:#02b2af; font-weight:bold; }
.gallery_title a { color:#02b2af; font-weight:bold; }
.gallery_detail_title {font-size:1.2em; padding:5px 15px 5px;}
.gallery_image { width: 235px; height: 150px; float: left; margin:0px;}
.gallery_list {float:left;}
.gallery_list a {padding-top: 10px; padding:0px 5px; margin-bottom:10px; float:left;  width: 235px; overflow: hidden; }
.gallery_date {font-size:0.8em; color:#888;}
.gallery_sp_link {position:absolute;display:inline;right:0;top:0;}
#TB_prev {font-weight:bold;}
#TB_next {font-weight:bold;}

/* partners */
.partners {float: left; width:736px; margin-bottom:30px;}
.url a { color:#000000;}
.partners_logo {float: left; text-align:right; display:block; width:200px;}
.partners_box {padding: 10px; float:right;  width: 500px; text-align:left;}
.partners_box h3 a { color:#017cbf; font-weight:bold;}
.partners_box p { width: 100%;  float: left; }
.partners_box p a{font-weight:normal;}

/* music */
.weektab { width:83px; height:21px; margin-right:10px; display:block; text-align:center; float:left; }
.weektab h3 { width:100%; height:100%; padding-top:2px; padding-bottom:2px;font-size:1.2em;}
.week_red { background-color:#fbc9d5; color:#f03d41;font-weight:bold;}
.week_purple { background-color:#ded6eb;  color:#584a85;font-weight:bold;}
.week_blue { background-color:#b5d5ee;  color:#017cbf; font-weight:bold;}
.week_green { background-color:#cdebed;  color:#02b2af; font-weight:bold;}
.week_red a { color:#f03d41;font-weight:bold;}
.week_purple a { color:#584a85;font-weight:bold;}
.week_blue a { color:#017cbf; font-weight:bold;}
.week_green a { color:#02b2af; font-weight:bold;}
.music { float: width:736px; margin-bottom:10px; }
#music_list { float:left; text-align:left; width:100%;}
.music_list_box { float:left; text-align:left; width:100%; margin-top:10px; margin-bottom:10px; }
.music_detailbox  {padding: 10px; float:left;  width: 600px; text-align:left;}
.music_img {float: left; text-align:center; display:block; width:100px;padding-top:10px;}
.music_sample {float:left;padding-top:10px;}
.music_qr {position:absolute;width:62px;height:62px;right:10px;top:10px;}
.music_purple { background-color:#ded6eb; }
.music_purple h3 { font-size:1.1em;color:#584a85;font-weight:bold;margin-bottom:5px;}
.music_purple a { color:#584a85;font-weight:bold;}
.music_red { background-color:#fbc9d5; }
.music_red h3 { color:#f03d41;font-weight:bold;}
.music_red a { color:#f03d41;font-weight:bold;}
.music_green { background-color:#cdebed; }
.music_green h3 { color:#02b2af;font-weight:bold;}
.music_green a { color:#02b2af;font-weight:bold;}
.music_blue { background-color:#b5d5ee; }
.music_blue h3 { color:#017cbf;font-weight:bold;}
.music_blue a { color:#017cbf;font-weight:bold;}

.music_links { margin:8px 0px;}
.music_links a{ padding:3px; background-color:#AAA; color:#FFF; font-size:0.8em; margin-right:5px; font-weight:normal; }
.music_links a:hover{ background-color:#CCC; color:#888; text-decoration:none; }
.music_detailbox img { padding:10px 10px 0px 0px;}


/* mailmagazine */
.mailmagazine {float: left; width:736px; margin-bottom:10px;}
.url a { color:#000000; font-weight:bold;}
.mailmagazine_image {float: left; display:block; width:363px; height:360px; overflow:hidden;}
.mailmagazine_image img {float: left; margin-top:10px; margin-left:10px;}
.mainmagazine_btn{ float:left; margin-top:20px; margin-bottom:10px;}
.mailmagazine_box {padding: 10px; float:left;  width: 353px; text-align:left;}
.mailmagazine p { padding:20px 5px 5px 0px;}
.qr { float:left; margin-right:10px;}

/* party */
.party {float: left; width:736px; margin-bottom:10px;}
.party_title {margin-bottom:10px;}
.party_subtitle {font-size:0.8em;}
.party_contents {float: left; width:736px; margin-bottom:10px;}
.party_contents .info-wrap {overflow:hidden;background-color:#CDEBED;padding:5px;}
.party_contents .info{float:left; width:206px;font-size:0.9em;padding:5px;}
.party_contents .intro{float:right; width:500px;}
.party_contents p { padding:10px; }
.party_contents h3 { font-size:1.4em;font-weight:bold;}
.party_contents h3 a { padding:10px; font-weight:bold;}
.party_contents .time {margin-bottom:10px;}
.party_contents .venue {margin-bottom:10px;}

.party_list {float: left; width:736px; margin-top:10px; margin-bottom:10px; background:#CDEBED;}
.party_list_img {float: left; text-align:right; display:block; width:220px;}
.party_list_img img { width:200px; padding:10px;}
.party_list_box {padding: 10px; float:left;  width: 490px; text-align:left;}
.party_list_box .date {font-size:1.2em;font-weight:bold;}
.party_list_box .venue {margin-bottom:20px;}
.party_list_box .url {margin-top:10px;}
.party_list_box .url  a {color:#02B2AF;}

/* features */
.features {float: left; width:736px; margin-top:10px; margin-bottom:10px; background:#ded6eb;}
.features img { width:100px; padding:10px;}
.features a { margin-bottom:10px; font-weight:bold;}
.features p { margin-bottom:10px; }
.features h3 { margin-bottom:10px; color:#584a85; font-weight:bold;}
.features h3 a { margin-bottom:10px; color:#584a85; font-weight:bold;}

.features_detail {float: left; width:736px; margin:10px 0px;}
.features_contents {float: left; width:736px; margin-bottom:10px; font-size:0.9em;}
.features_contents img { padding:0px;}
.features_contents a { padding:10px 0px; font-weight:bold;}
.features_contents p { padding:10px; }
.features_contents h3 { padding:10px; font-weight:bold; color:#584a85;}
.features_contents h3 a { padding:10px; font-weight:bold; color:#584a85;}
.features_contents hr {height: 1px;border: 1px solid #000;}

.features_img {float: left; text-align:right; display:block; width:120px;}
.features_box {padding: 10px; float:left;  width: 590px; text-align:left;}

/* headlines */
.headlines {float: left; width:736px; margin-top:10px; margin-bottom:10px; }
.headlines img { padding:10px;}
.headlines a { margin-bottom:10px; font-weight:bold;}
.headlines p { margin-bottom:10px;}
.headlines h3 { margin-bottom:10px; font-size:1.2em; color:#f03d41; font-weight:bold;}
.headlines h3 a { margin-bottom:10px; color:#f03d41; font-size:1.1em; font-weight:bold;}

.headlines_img {float: left; text-align:right; display:block; width:270px;}
.headlines_box {padding: 10px; float:left;  width: 440px; text-align:left;}

.headlines_title {color:#F03D41;font-size:1.4em;font-weight:bold;}
.headlines_contents {float: left; width:736px; margin-bottom:10px;}
.headlines_contents img { padding:10px;}
.headlines_contents a { padding:10px 0px; font-weight:bold;}
.headlines_contents p { padding:10px 0px; }
.headlines_contents h3 { padding:10px; font-weight:bold; color:#f03d41;}
.headlines_contents h3 a { padding:10px; font-weight:bold; color:#f03d41;}

/* artist */
.artist {float: left; width:736px; margin-bottom:10px;}
.url a { color:#000000; font-weight:bold;}
.artist_img {float: left; text-align:center; display:block; width:200px;}
.artist_img img { border:solid 5px #fbc9d5;}
.artist_thumb_left {float: left; text-align:center; display:block; width:40px; margin-top:10px;}
.artist_thumb {float: left; text-align:center; display:block; width:40px; margin-left:10px; margin-top:10px;}
.artist_box {padding: 10px; float:right;  width: 500px; text-align:left;}
.artist_box h2 { margin-bottom:10px;  color:#f03d41; font-weight:bold;}
.artist_box h3 { font-size:1.5em; margin-bottom:10px;   color:#f03d41; font-weight:bold;}
.artist_box h3 a { color:#f03d41; font-weight:bold;}
.artist_box p { margin-bottom:10px;   width: 100%;  float: left; }
.artist_box img { float:left;  margin-bottom:10px; }

/* ex_download */
.ex_download {float: left; width:736px; margin-bottom:10px;}
.ex_download_img {float: left; text-align:center; display:block; width:250px;}
.ex_download_img img { border:solid 5px #B5D5EE;}
.ex_download_box {padding: 10px; float:right;  width: 450px; text-align:left;}
.ex_download_box h3 { font-size:1.5em; margin-bottom:30px;   color:#01AFAD; font-weight:bold;}
.ex_download_box p {margin-bottom:10px;}
.ex_download_box p.ex_download_notice {border:1px solid #B5D5EE; background-color:#E3F2F9; margin-bottom:30px; padding:5px;}

.howto_download_header {background-color:#000;text-align:left;margin-bottom:30px;}
.howto_turorial {margin-bottom:40px;}
.howto_turorial img {border:5px solid #CCC;}
.howto_explain {width:610px;font-size:1.2em;font-weight:bold;margin:5px auto;text-align:left;}

/* -- ━━━━━━━━━━footer━━━━━━━━━━ -- */
.footer_box {float: left; width:980px; margin-top:30px;}
.footer { float:left; text-align:right; margin-left:138px; margin-bottom:50px; font-size:10px; color:#000000; width:756px; background-color:#ffffff; padding:15px;}
.legal {float:left; text-align:left; margin-left:20px;}
.copy { float:right; text-align:right; margin-right:10px;}

