@charset "utf-8";
/*
Theme Name:  DJdeebee
Theme URI: http://dj-de-bee.jp/
Description: DJdeebee クラブDJ アーティスト等クラブ出没男女UP中！
Version: 2.0
Author: AZEPP
Author URI: http://dj-de-bee.jp/
Tags: blue, custom header, fixed width, two columns, widgets
*/

/*===========================================
標準スタイル
===========================================*/

body {
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 90%;
}

#mainbody {
	background:url(images/background.jpg) repeat-y top;
}
#contentwrapper p {
	clear:both;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h2 {
	color:#bcbcbc;
	font-weight:normal;
}

/*===========================================
カラムスタイル
============================#contentwrapper .ivent_news_area ul h2 {===============*/
#wrapper{
	width: 950px;
	margin:0px auto;
}

#contentwrapper{
	width: 950px;
	margin:0px auto;
	margin-bottom: 15px;
}

#leftcol {
	width: 610px;
	float:left;
	margin-left: 12px;
	margin-top: 15px;
}
#rightcol {
	width: 301px;
	float:left;
	margin-left: 15px;
	margin-top: 17px;
}

/*===========================================
ヘッダー
===========================================*/

#header{
	width: 950px;
	height:100px;
	margin:0px auto;
	position:relative;
	}

#header .header_area {
	width: 950px;
	height:123px;
	margin: 0 auto;
}

#logo a{
	background:url(images/index_logo.png) no-repeat;
	width:335px;
	height:79px;
	position:absolute;
	top:12px;
	left:27px;
	text-indent: -9999px;
	z-index: 100;
}
* html #logo a{
	background:url(images/index_logo.png) no-repeat;
	width:335px;
	height:79px;
	position:absolute;
	top:10px;
	left:32px;
	text-indent: -9999px;
	behavior: expression(IEPNGFIX.fix(this));
}

#header .header_area h1{
	display:block;
	width: 540px;
	height:15px;
	position:absolute;
	font-size:0%;
	text-align:left;
	float:left;
	color:#ffffff;
	font-size: 80%;
	font-weight:normal;
	left: 399px;
	top: 55px;
}


/*===============================================
フッター
=================================================*/
#footer{
	width:927px;
	height:63px;
	clear:both;
	float:left;
	margin-left: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
	background-color:#000000; 
}

#footer ul {
	width:500px;
	clear:both;
	float:left;
	color:#666666;
	margin-left: 20px;
}

#footer ul li a {
	font-size: 90%;
	color:#ffffff;
	text-decoration:underline;
}

#footer ul li{
	height:15px;
	float:left;
	margin: 10px 0px 0px 5px;
}
.copy{
	width:287px;
	height:11px;
	float:right;
	margin: 20px 8px 0px 10px;
	padding: 20px 10px 0px 0px;
	background:url(images/copy.gif) no-repeat;
}


/*===========================================
グローバルナビゲーション
===========================================*/


/*============================================
プルダウン
============================================*/
.submenu {
	width:150px;
	background: #000000;
	visibility: hidden;
	z-index: 3;
	top:20px;
}

.submenu a {
	display: block;
	font: 11px arial;
	text-align: left;
	text-decoration: none;
	padding: 5px;
	color: #2875DE;
}

.submenu a:hover {
	background: #ff34ad;
}
/*============================================
プルダウン
============================================*/


/*===============================================
下層　gnav
===============================================*/

#globalNavi{
	width:926px;
	height:40px;
	margin: 0 auto;
	margin-top: 20px;
	position:relative;
	background:url(images/gnav_background.png) no-repeat;
}

#nav {
	margin:0px;
	padding:0px;
	position:absolute;
	display:block;
	width:926px;
	height:40px;
	top: 10px;
	left: 5px;
 }
#nav > li {
	list-style-type:none;
	float:left; 
	display:block; 
	margin:0px 0px; 
	position:relative; 
	width:170px;
	margin-left: 13px;
}
#nav > li:hover ul { 
	display:block; 
}
#nav a {
	color:#ff34ad;
	font-size: 85%;
}
#nav a:hover {
	color:#FFFFFF;
}

#nav li ul { 
	margin:0px; 
	padding:0px; 
	display:none;
}
#nav li span {
	cursor:pointer;
	margin:0px 30px;
	font-weight:bold;
}
#nav li .nav01 {margin-left: 5px;}
#nav li .nav02 {margin-left: 10px;}
#nav li .nav03 {margin-left: 8px;}
#nav li .nav04 {margin-left: 13px;}
#nav li .nav05 {margin-left: 18px;}
/*===============================================
top gnav
===============================================*/
#globalNavi_top{
	width:928px;
	height:40px;
	margin: 0 auto;
	margin-top: 12px;
	position:relative;
	background:url(images/gnav_background.png) no-repeat;
}
#nav_top {
	margin:0px;
	padding:0px;
	position:absolute;
	display:block;
	width:926px;
	height:40px;
	top: 12px;
	left: 5px;
 }
#nav_top a:hover {
	color:#FFFFFF;
}

#nav_top li {
	list-style-type:none;
	float:left; 
	display:block; 
	margin:0px 0px; 
	position:relative; 
	width:170px;
	margin-left: 12px;
}
#nav_top li:hover ul { 
	display:block; 
}
#nav_top a {
	color:#ff34ad;
	font-size: 85%;
}
#nav_top li span {
	cursor:pointer;
	margin:0px 30px;
	font-weight:bold;
}
#nav_top li .nav01 {margin-left: 5px;}
#nav_top li .nav02 {margin-left: 10px;}
#nav_top li .nav03 {margin-left: 8px;}
#nav_top li .nav04 {margin-left: 13px;}
#nav_top li .nav05 {width:100px;margin-left: 18px;}


/*===========================================
page nav
===========================================*/
.pagenavigation {
	clear:both;
	float:right;
	margin: 15px 10px;
}

/*===========================================
key
===========================================*/
.keyimage {
	clear:both;
	margin: 2px 0 0;
}

/*===========================================
tab
===========================================*/
#contentwrapper .tab_container code {
	display:none;
}


#contentwrapper .tab_container {
	width: 610px;
	height: 193px;
	margin: 15px 0px 0px 0px;
	background-color:#2b2b2b;
}
.tab_container ul{
	height: 38px;
	clear:both;
	padding-top: 7px;
}
.tab_container ul.tab04 a{
	width: 100px;
	height: 38px;
	clear:both;
	padding-top: 25px;
}

#contentwrapper .tabs li {
	float: left;
}
* html #contentwrapper .tabs li {
	display:inline;
	float: left;
}

#contentwrapper .tabs a {
	color:#FFFFFF;
	font-size: 80%;
	clear:both;
	float:left;
	line-height: 1.2em;
	padding: 0px 0px 0px 32px;
	margin: 8px 0px 0px 10px;
}
#contentwrapper .tab01 {
	width: 130px;
	height: 50px;	
	margin-left: 5px;
	background:url(images/tabnav_01.png) no-repeat ;
	z-index: 20;
}
#contentwrapper .tab02 {
	width: 145px;
	height: 50px;
	margin-left: 8px;
	background:url(images/tabnav_02.png) no-repeat ;
	z-index: 20;
}
#contentwrapper .tab03 {
	width: 159px;
	height: 50px;
	margin-left: 8px;
	background:url(images/tabnav_03.png) no-repeat ;
	z-index: 20;
}
#contentwrapper .tab04 {
	width: 143px;
	height: 50px;
	margin-left: 8px;
	background:url(images/tabnav_04.png) no-repeat ;
	z-index: 20;
}

#contentwrapper .tab_content {
	width: 595px;
	height: 130px;
	margin-top: 13px;
	margin-left: 9px;
	background-color:#dfdfbe;
	color:#FFFFFF;
}
* html #contentwrapper .tab_content {
	width: 595px;
	height: 120px;
	margin-top: -1px;
	margin-left: 9px;
	background-color:#dfdfbe;
	color:#FFFFFF;
}
#contentwrapper .tab_content h3 {
	padding: 8px 0px 0px 15px;
	font-size: 90%;
	color:#44422c;
}
#contentwrapper .tab_content p {
	width: 500px;
	padding: 8px 0px 0px 45px;
	font-size: 80%;
	color:#44422c;
	line-height: 1.5em;
}



/*===========================================
pickup
===========================================*/
#contentwrapper .pickuparea {
	width: 610px;
	margin: 10px 0px 0px 0px;
}
#contentwrapper .pickuparea p{
	width: 240px;
	clear:both;
	font-size: 80%;
	padding: 10px 0px 0px 40px;
}
.left_title_bar {
	width: 610px;
	height: 20px;
	background:url(images/h3_background.png) no-repeat ;
}

#contentwrapper .pickuparea h3 {
	color: #ff34ad;
	font-size: 100%;








	padding: 2px 0px 0px 35px;
}
#contentwrapper .new_person_area h3 {
	color: #ff34ad;
	font-size: 130%;
	padding: 4px 0px 0px 35px;
}
#contentwrapper .pickuparea h4 {
	font-weight:bold;
	font-size: 100%;
	color: #ff34ad;
	padding: 100px 0px 0px 20px;
	float:left;
}
#contentwrapper .pickup_person {
	width: 299px;
	height: 242px;
	background:url(images/pickup_dj_background.png) no-repeat ;
	float:left;
	display:inline;
	margin-right: 4px;
	padding-left: 2px;
	margin-top: 10px;
}
#contentwrapper .pickup_person_mark {
	display:inline;
	float:left;
	margin-left: 10px;
	width: 70px;
	height: 25px;
	float: left;
	margin: 10px 0px 0px 30px;
}

#contentwrapper .pickup_person .person_pic{
	width:150px;
	height:110px;
	clear:both;
	float:left;
	padding: 20px 0px 0px 20px;
}
#contentwrapper .pickup_person .person_pic p{
	margin: 0;
	padding: 10px 0px 0px 0px;
	margin-top: -5px;
	float:left;
}
/*===========================================
Pick Up DJ
===========================================*/

#contentwrapper .new_person_area {
	width: 610px;
	clear:both;
	float:left;
	color:#FFFFFF;
	padding-top: 10px;
	font-size: 80%;
	line-height: 1.2em;
	margin: 10px 0px 0px 0px;
}
/*===========================================
新着DJ
===========================================*/

#contentwrapper .dj_infoarea {
	width: 610px;
	clear:both;
	margin: 10px 0px 0px 0px;
	background-color:#000000;
	padding-top: 10px;
	padding-bottom: 15px;
}

#contentwrapper .dj_infoarea dl {
	width: 550px;
	height: 100px;
	padding: 10px 0px 25px 15px;
	margin-left: 10px;
	clear:both;
}
#contentwrapper .dj_infoarea dt img {
	display:block;
	width: 120px;
	float:left;
	padding-bottom: 5px;
}
#contentwrapper .dj_infoarea dd {
	display:block;
	width: 400px;
	float:left;
	margin: 0px 0px 0px 10px;
}
#contentwrapper .dj_infoarea h4 a{
	color: #ff34ad;
	margin-bottom: 10px;
}
#contentwrapper .dj_infoarea a {
	color:#FFFFFF;
	clear:both;
	margin: 0;
	padding: 0;
}
.dj_info {
	border-bottom: dotted 1px #ffffff;
	clear:both;
	height:200px;
	padding-bottom: 5px;
}


/*===========================================
cluberssnap,twitter情報
===========================================*/
#contentwrapper .recent_area {
	width: 610px;
	clear:both;
	float:left;
	margin: 10px 0px 0px 0px;
}
#contentwrapper .clubers_snap {
	width: 298px;
	float:left;
	background-color:#000000;
	padding-bottom: 15px; 
}

#contentwrapper .twitter {
	width: 298px;
	float:left;
	margin-left: 14px;
	background-color:#000000; 
}
.clubers_box {
	margin: 8px 0px 0px 15px;
}

#contentwrapper .clubers_snap_area {
	width: 298px;
	clear:both;
}
#contentwrapper .twitter_info_area {
	width: 298px;
	clear:both;
	float:left;
	background-color:#000000; 
	padding-bottom: 10px;
}
#contentwrapper .twitter_info_area img{
	float:left;
	padding: 5px 0px 0px 5px;
}

#contentwrapper .recent_area_bottom {
	width: 298px;
	height: 9px;
	clear:both;
	background:url(images/clubers_bg_bottom.png) no-repeat ;
}
* html #contentwrapper .recent_area_bottom {
	width: 298px;
	height: 9px;
	clear:both;
	font-size: 110%;
behavior: expression(IEPNGFIX.fix(this));
	background:url(images/clubers_bg_bottom.png) no-repeat ;
}


#contentwrapper .clubers_snap h3 {
	height: 25px;
	color: #ff34ad;
	margin-bottom: 5px;
	padding: 10px 0px 0px 45px;
	background:url(images/cluber_icon.gif) 10px 7px no-repeat ;
}
#contentwrapper .clubers_snap dl {
	width: 270px;
	background-color:#FFFFFF;
	margin: 8px 0px 0px 15px;
	padding-bottom: 10px;
	float:left;
}
* html #contentwrapper .clubers_snap dl {
	width: 270px;
	background-color:#FFFFFF;
	margin: 8px 0px 0px 8px;
	padding-bottom: 10px;
	float:left;
}


#contentwrapper .clubers_snap dt {
	padding: 6px 0px 0px 6px;
	float:left;
}

#contentwrapper .clubers_snap dt ul {
	width: 175px;
	float:left;
	margin-left: 10px;
}
* html #contentwrapper .clubers_snap dt ul {
	width: 165px;
	float:left;
	margin-left: 10px;

}
*:first-child+html #contentwrapper .clubers_snap dt ul {
	width: 165px;
	float:left;
	margin-left: 10px;
}
#contentwrapper .clubers_snap dt ul h2 a{
	color: #ff34ad;
	font-weight:bold;
	font-size: 85%;
	margin-bottom: 5px;
	float:left;
}
#contentwrapper .clubers_snap dt ul h4 {
	color: #666666;
	font-weight:normal;
	font-size: 80%;
	clear:both;
	float:left;
	line-height: 1.2em;
	text-align:left;
}

#contentwrapper .twitter h3 {
	color: #33ccff;
	padding: 11px 0px 0px 35px;
	display:inline;
	float:left;
	background:url(images/twitter_arrow.gif) #000000 10px 10px no-repeat ;
	z-index:9999;
}
#contentwrapper .twitter_ul {
	border-bottom: dotted 1px #ffffff;
}
.twitter_code{
	width: 270px;
	height: 320px;
	overflow:hidden;
	clear:both;
	margin: 10px 0px 0px 15px;
}
* html .twitter_info_area_title{
	height: 40px;
	background-color:#000000;
	z-index: 9999;
}



/*===========================================
検索
===========================================*/

#contentwrapper .searcharea {
	width:301px;
	height:150px;
	background-color:#ffffff; 
	margin: 10px 0px 0px 0px;
}
#contentwrapper .seach_tilte {
	height: 31px;
	font-size: 90%;
	color:#ff34ad;
	font-weight:bold;
	margin: 10px 0px 0px 20px;
	padding: 10px 0px 0px 30px;
	background:url(images/search_icon.gif) left no-repeat ;
}
.searchform-spoiler {
	display:none;
}
.searchform-controls input {
	float:right;
	margin: 2px 30px 0px 0px;
}
/*===========================================
音楽　最新ニュース
===========================================*/
#contentwrapper .music_news {
	width:301px;
	float:left;
	clear:both;
	background-color:#000000; 
	margin: 10px 0px 0px 0px;
	padding-bottom: 10px;
}

#contentwrapper .music_news_title {
	height: 31px;
	background:url(images/news_title_bg.gif) no-repeat ;
	margin: 10px 0px 0px 10px;
}
#contentwrapper .music_news h3 {
	color:#ff34ad;
	font-weight:bold;
	font-size:90%;
	padding: 10px 0px 0px 30px;
}
#contentwrapper .music_info {
	border-bottom: 1px dotted #ffffff;
}
#contentwrapper .music_info span h2 a {
	color:#ff34ad;
}
#contentwrapper .music_info_last span h2 {
	color:#ff34ad;
}
#contentwrapper .music_news ul {
	width: 280px;
	height: 80px;
	float:left;
	margin-left: 10px;
	color:#FFFFFF;
	font-weight:normal;
}
#contentwrapper .music_news ul li{
	line-height: 1.2em;		
	font-size: 80%;
	font-weight:normal;
	padding: 7px 0px; 
}
#contentwrapper .left_col_bottom {
	width: 301px;
	height: 7px;
	clear:both;
	background:url(images/left_col_bottom.png) no-repeat ;
}

/*===========================================
パーティー　レポート
===========================================*/
#contentwrapper .ivent_news_area {
	width:301px;
	float:left;
	clear:both;
	background-color:#000000;
	background-color:#000000; 
	margin: 10px 0px 0px 0px;
	padding-bottom: 15px;
}

#contentwrapper .ivent_news_title {
	height: 31px;
	background:url(images/ivent_icon.gif) left no-repeat ;
	margin: 10px 0px 0px 10px;
}
#contentwrapper .ivent_news_area h3{
	color:#ff34ad;
	font-weight:bold;
	font-size:90%;
	padding: 10px 0px 0px 35px;
}
#contentwrapper .ivent_box {
	width: 280px;
	height: 80px;
	clear:both;
	float:left;
	margin: 5px 0px 0px 15px;
	padding-top: 10px;
	border-bottom: 1px dotted #ffffff;
}
#contentwrapper .ivent_news_area img {
	width: 120px;
	color:#FFFFFF;
	margin-top: 5px;
	border: solid 1px #ffffff;
}
#contentwrapper .ivent_news_area dl dt{
	width: 120px;
	float:left;
}

#contentwrapper .ivent_news_area dl dd{
	display:inline;
	width: 90px;
	margin-left: 10px;
	margin-top: 5px;
	float:left;
}
#contentwrapper .ivent_news_area ul li{
	width: 146px;
	line-height: 1.2em;
	font-size: 85%;
	text-decoration:underline;
}
#contentwrapper .ivent_news_area h2 a{
	width: 146px;
	font-weight:bold;
	font-size: 85%;
	color:#ff34ad;
	text-decoration:underline;


}
#contentwrapper .ivent_link {
	font-weight:bold;
	font-size: 85%;
	color:#ff34ad;
	text-decoration:underline;
	clear:both;

}

.party_table {
	padding: 15px;
	line-height: 1.8em;
	font-size: 95%;
}
.party_table_02 {
	width: 370px;
	padding: 15px;
	line-height: 1.8em;
	font-size: 95%;
	display:inline;
	float:left;
	margin-left: 10px;
}
* html .party_table_02 {
	width: 330px;
	padding: 15px;
	line-height: 1.8em;
	font-size: 95%;
	display:inline;
	float:left;
	margin-left: 5px;
}

.party_table_03 {
	width: 100px;
	padding: 0px;
	float:left;
	margin-top: 15px;
}
* html .party_table_03 {
	width: 90px;
	padding: 0px;
	float:left;
	margin-top: 15px;
}
/*===========================================
人気記事ランキング
===========================================*/
#contentwrapper .ranking_area {
	width:301px;
	height: 350px;
	float:left;
	clear:both;
	background-color:#000000; 
	margin: 10px 0px 0px 0px;
	padding-bottom: 10px;
}
#contentwrapper .ranking_area a {
	color:#ff34ad;
}
#contentwrapper .ranking_area p {
	color:#ffffff;
}

#contentwrapper .ranking_news_title {
	height: 31px;
	clear:both;
	background:url(images/popular_icon.gif) left no-repeat ;
	margin: 10px 0px 0px 10px;
}
#contentwrapper .ranking_area h3 {
	color:#ff34ad;
	font-weight:bold;
	font-size:90%;
	padding: 10px 0px 0px 35px;
}
#contentwrapper .ranking_area ul{
	width: 280px;
	height: 280px;
	clear:both;
	margin: 10px 0px 0px 10px;
	color:#ffffff;
}
#contentwrapper .ranking_area ul li{
	background:url(images/popular_arrow.gif) left 2px no-repeat ;
	color:#FFFFFF;
	line-height: 1.2em;
	margin-top: 5px;
}
#contentwrapper .ranking_area a{
	font-weight:normal;
	font-size: 85%;
	padding-left: 15px;
	font-weight:normal;
	color:#ff34ad;
}
#contentwrapper .ranking_area .next_nav {
	float:right;
	clear:both;
	margin-right: 10px;
	margin-top: 5px;
}
#contentwrapper .lastnav {
	list-style:none;
}
/*===========================================
twitter_add
===========================================*/
.twitter_bookmark_area {
	width:77px;
	height:16px;
	display:inline;
	float:left;
	margin: 10px 10px 0px 15px;
}
* html #followers {
	background-color:#000000;
}
/*===========================================
ブックマーク
===========================================*/

#contentwrapper .bookmark_area {
	width:301px;
	height: 100px;
	float:left;
	background-color:#000000; 
	margin: 10px 0px 0px 0px;
}
#contentwrapper .bookmark_title {
	height: 31px;
	clear:both;
	background:url(images/popular_icon.gif) left no-repeat ;
	margin: 10px 0px 0px 10px;
}

#contentwrapper .bookmark_title {
	color:#ff34ad;
	font-weight:bold;
	font-size:90%;
	padding: 10px 0px 0px 35px;
}
#contentwrapper .bookmark_area .bookmark_spec {
	display:inline;
	width: 150px;
	height: 15px;
	margin: 10px 10px;
	background-color:#000000;
}
/*===========================================
下層ページ
下層ベーススタイル

===========================================*/
.sub_contents_wrapper {
	width: 610px;
	height: 1400px;
	margin-top: 10px;
	margin-bottom: 15px;
	background-color:#000000; 
	font-size: 85%;
	color: #ffffff;
}
.sub_contents02_wrapper {
	width: 610px;
	height: 350px;
	margin-top: 10px;
	padding-bottom: 15px;
	background-color:#000000; 
	font-size: 85%;
	color: #ffffff;
	
}
#head_description {
	position:absolute;
	width:912px;
	height:20px;
	padding-left: 15px;
	font-size: 85%;
	color: #ffffff;
	top: 93px;
	left: 12px;
	background-color:#000000; 
}
.bookmark_area_sub {
	position:absolute;
	width:150px;
	height:20px;
	z-index: 9999;
	left: 790px;
	top: 94px;
}
.twitter_bookmark_area_sub {
	position:absolute;
	width:150px;
	height:20px;
	z-index: 9999;
	left: 700px;
	top: 94px;
}
.sub_contents_wrapper h3{
	width: 450px;
	padding-left: 5px;
	margin-bottom: 15px;
	color:#ff34ad;
	font-size: 100%;
}
.sub_contents_wrapper p{
	width: 400px;
	padding-left: 25px;
	margin-bottom: 15px;
	color:#ffffff;
	font-size: 90%;
}
.company_box {
	width:550px;
	clear:both;
	float:left;
	margin: 30px 0px 0px 30px;
	border: 1px solid #929292;
}
.company_box .left_spec {
	width: 180px;
	height: 15px;
	background-color:#666666;
	border-bottom: 1px solid #929292;
	border-left: 1px solid #929292;
}
.company_box .left_spec h3 {
	width: 170px;
	color:#FFFFFF;
	padding-left: 20px;
	margin-top: 12px;
}
.company_box .right_spec {
	width: 370px;
	height: 15px;
	padding: 7px;
	background-color:#333333;
	border-bottom: 1px solid #929292;
}
.law_box {
	width:550px;
	clear:both;
	float:left;
	margin: 10px 0px 0px 30px;
}
.law_box p{
	width: 535px;
	padding: 10px;
	color:#FFFFFF;
	line-height:1.8em;
	text-align:left;
	font-size: 100%;
}
/*===========================================
下層ページ_3階層
===========================================*/
.page_txt_area {
	width: 550px;
	padding: 30px;
	line-height: 1.8em;
}
.sub_contents_wrapper .entry ul li .alignright {
	color:#FFFFFF;
}
.entry p{
	float:left;
	font-size:100%;
	line-height:1.8em;
}
.person_box 
.category_photoarea {
	display:inline;
	width: 230px;
	clear:both;
	float:left;
	margin: 30px 15px 15px 17px;
	border: 1px solid #333333 ;
}
.entry table {
	width: 230px;
	float:left;
	background-color: #2b2b2b;
	margin: 17px 0px 0px 15px;
	padding: 15px;
	padding-bottom: 15px;
}
* html .entry table {
	width: 230px;
	float:left;
	background-color: #2b2b2b;
	margin: 17px 0px 0px 10px;
	padding: 15px;
	padding-bottom: 15px;
}
*:first-child+html .entry table {
	width: 225px;
	float:left;
	background-color: #2b2b2b;
	margin: 17px 0px 0px 17px;
	padding: 15px;
	padding-bottom: 15px;
}
.entry table td img {
	margin: 0;
	padding: 0;
}
.entry_spec {
	width: 160px;
	padding-bottom: 15px;
	padding-right: 10px;
}
.comment_spec {
	width: 525px;
	float:left;
	clear:both;
	float:left;
	padding: 45px 20px 20px 10px;
	display:inline;
	margin-left: 35px;
	line-height: 1.5em;
	background:url(images/comment_bg.gif) #000000 8px 15px no-repeat;
}
*:first-child+html .comment_spec {
	width: 525px;
	float:left;
	clear:both;
	float:left;
	padding: 45px 20px 20px 38px;
	display:inline;
	margin-left: 20px;
	line-height: 1.5em;
	background:url(images/comment_bg.gif) #000000 8px 15px no-repeat;

}

/*===========================================
パンクズ
===========================================*/
#breadcrumbs {
	width: 610px;
	height: 60px;
	background-color:#000000;
}


#breadcrumbs ul li a  {
	font-size: 85%;
	color:#ffffff;
	float:left;
	padding: 4px 4px;
}
#breadcrumbs h1 {
	height: 31px;
	color: #ff34ad;
	font-weight:bold;
	clear:both;
	float:left;
	font-size: 100%;
	padding: 10px 0px 0px 40px;
	margin: 0px 0px 10px 0px;
	background:url(images/popular_icon.gif) 10px 3px no-repeat;
}


/*===========================================
カテゴリー一覧
===========================================*/
.category_box {
	width: 610px;
	float:left;
	clear:both;
	margin-top: 15px;
	margin-bottom: 15px;
}
.category_photoarea {
	display:inline;
	width: 120px;
	clear:both;
	float:left;
	margin: 15px;
	border: 1px solid #333333 ;
}
#contentwrapper .category_box ul li h2 a {
	width: 280px;
	color: #ff34ad;
	text-decoration:underline;
	font-weight: bold;
	float:left;
}
#contentwrapper .category_box ul li{
	color: #ffffff;
	width: 320px;
	font-weight: normal;
	float:left;
	margin: 14px;
}
#contentwrapper .category_box ul li p {
	width: 280px;
	color: #ffffff;
	padding-top: 10px;
	font-size: 90%;
}
/*===========================================
DJ紹介ページ
===========================================*/
.dj_photoarea {
	width: 200px;
	height: 400px;
	background-color:#FFFFFF;
	clear:both;
	float:left;
}
.person_photoarea {
	width: 300px;
	height: 250px;
	background-color:#FFFFFF;
	float:left;
	margin: 15px 0 0 15px;
	z-index: 100;
}
.sub_contents02 {
	width: 610px;
	height: 500px;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-color:#000000; 
}
.person_box {
	height: 300px;
	clear:both;
}

.comment_area {
	width: 550px;
	height: 150px;
	clear:both;
	float:left;
	color:#FFFFFF;
	text-align:left;
	line-height: 1.8em;
	margin : 0px auto;
	margin-left: 15px;
	padding: 10px 0px 0px 15px;
	border-top: 1px dashed #333333;
}
.person_box h2 {
	width: 250px;
	color: #ff34ad;
	font-weight: bold;
	float:left;
	font-size: 110%;
	padding: 25px 0px 0px 30px;
}
.person_spec {
	width: 250px;
	float:left;
	border-bottom: 1px solid #333333;
	padding: 12px 0px 0px 20px;
	margin-left: 10px;
}
.person_spec p {
	color: #ff34ad;
	font-size: 85%;
	font-weight: normal;
	float:right;
}
.person_spec_bottom {
	width: 250px;
	height: 150px;
	float:left;
	margin-left: 10px;
	margin-top: 4px;
	padding: 12px 0px 0px 20px;
	color:#FFFFFF;
	font-size: 85%;
	line-height: 1.8em;
}
/*===========================================
お問い合わせ
===========================================*/
.contactarea {
	width: 500px;
	margin: 40px 40px;
}
.contactarea p {

	clear:both;
	height: 50px;
	color:#FFFFFF;
}
.contactarea p submit {
	margin-top: 150px;
}
.contactarea textarea {
	margin-top: 20px;
}
.ajax-loader {
	margin-top: 400px;
}
/*==================
pankuz
===================*/
* html #breadcrumbs ul li{
	font-size: 85%;
	color:#7d7d7d;
	display:inline;
	float:left;
	padding: 2px 2px;
}
*:first-child+html #breadcrumbs ul li{
	font-size: 85%;
	color:#7d7d7d;
	display:inline;
	float:left;
	padding: 2px 4px;
	margin-bottom: 10px;
}
*:first-child+html #breadcrumbs h1 {
	height: 41px;
	color: #ff34ad;
	font-weight:bold;
	clear:both;
	float:left;
	font-size: 100%;
	padding: 10px 0px 0px 40px;
	margin: -10px 0px 10px 0px;
	background:url(images/popular_icon.gif) 10px 0px no-repeat;
}



/*===========================================
下層用
===========================================*/
#leftcol_sub {
	width: 702px;
	float:left;
	margin-left: 26px;
	margin-top: 15px;
}



/*共通*/
.infoarea {
	width: 702px;
	clear:both;
	margin: 5px 0px 10px 0px;	
}
.infoarea h2 {
	font-size: 80%;
	color:#666666;
	text-align:left;
	font-weight:normal;
	margin-left: 5px;
	padding-left: 20px;
	background:url(images/top/arrow.gif) 5px 5px no-repeat ;
}
.news_body01 {
	clear:both;
	background:url(images/top/info_bg.gif) no-repeat top;
	padding: 8px;
}
.news_body01 ul li {
	margin-top: 5px;
}
/*pickup*/
.pickuparea {
}
/* ===================================================================
CSS information

 file name  :common.css
 style info :細部調整用
=================================================================== */

/*フォントカラー*/
.c01 { color:#ff0000; }
.c02 { color:#24942D; font-weight:bold; }
.c03 { color:#ffffff; }
.c04 { color:#FF0000; }


.text_small { /*フォント小*/
	font-size: 10px;
	line-height: 140%;
}
.text_bold { /*太字*/
	font-weight: bold;
}
.text_large { /*フォント大*/
	font-size: medium;
}


/*テキストレイアウト*/
.line_center { /*中央寄せ*/
	text-align: center;
}
.line_right { /*右寄せ*/
	text-align: right;
}
.line_left { /*左寄せ*/
	text-align: left;
}

/*見出し*/

#content h3{
	background:url(img/bg_midashi.gif) 0px -5px no-repeat;
	font-size:110%;
	line-height:100%;
	padding:15px 0px 15px 50px;
	}

/*段落*/
.paragraph1 { padding: 10px 0px; /*全体に10px*/}
.paragraph2 { padding-top: 10px; /*上に10px*/}
.paragraph3 { padding-bottom: 10px; /*下に10px*/ }


/*バックグラウンドカラー*/
.bg01{ background-color:#ffffff; }
.bg02{ background-color:#ffffff; }
.bg03{ background-color:#ffffff; }


/*マーカー付きリンク*/
.linkMark01{};

/*リストマーカー*/
.listMark01{};

/* インデント */
.indent01 {
	text-indent: -1em;
	padding-left: 1em;
}

/*ボックスレイアウト*/
.box_center { /*ボックス中央寄せ*/
	margin-left: auto;
	margin-right: auto;
}
.box_left { /*ボックス左寄せ*/
	margin-right: auto;
}
.box_right { /*ボックス右寄せ*/
	margin-left: auto;
}


/*テーブル*/
.dataCell01{}
.dataCell01 td{}

.dataCell02{}
.dataCell02 td{}


/*テーブルセル*/
.cell01{}
.cell02{}
.cell03{}


/*左パディング*/
.pLeft5{ padding-left:5px; }
.pLeft10{ padding-left:10px; }
.pLeft12{ padding-left:12px; }
.pLeft20{ padding-left:20px; }
.pLeft24{ padding-left:24px; }
.pLeft36{ padding-left:36px; }


/* マージン */
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}


/* レタースペーシング */
.l_spacing  { letter-spacing: -1px; }

/* フロート */
.floatL { float: left; }
.floatR { float: right; }




/*クリアフィックス*/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


.hide { clear:both; }
.hide hr { display:none; }



.backTop{
	width:120px;
	font-size:80%;
	margin-left:auto;
	}
/* ==========================================================================

 file name  :  default.css
 style info :  スタイルのリセット及びbody初期設定 (このCSSは基本的に変更しない)
 
========================================================================== */


html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

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

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

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

img,abbr,acronym,fieldset {
	border: 0;
}


li {
	list-style-type: none;
}

/*--- bodyデフォルト設定 ---*/

body {
	background: #FFF;
	font-size: 0.875em;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 120%;
	text-align:left;
}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}

a{
	text-decoration:none
}
/*===========================================
IE6,IE7モダンブラウザ対応
===========================================*/
* html #leftcol {
	display:inline;
	width: 610px;
	float:left;
	margin-left: 12px;
	margin-top: 15px;
}
* html #rightcol {
	display:inline;
	width: 301px;
	float:left;
	margin-left: 15px;
	margin-top: 15px;
}

* html #footer{
	width:927px;
	height:63px;
	clear:both;
	float:left;
	margin-left: 6px;
	margin-top: 10px;
	margin-bottom: 15px;
	background-color:#000000; 
}


/* ------------------------------- 
gnav
----------------------------------*/
/*--------------下層--------------*/
*html #globalNavi{
	width:926px;
	height:40px;
	margin: 0 auto;
	background:url(images/gnav_background.gif) no-repeat;
}
*:first-child+html #nav {
	margin:0px;
	padding:0px;
	position:absolute;
	display:block;
	width:926px;
	height:40px;
	top: 14px;
	left: 5px;
 }
*:first-child+html #nav > li {
	float:left; 
	display:block; 
	width:175px;
	margin-left: 5px;
}
*:first-child+html #nav > li {
	list-style-type:none;
	float:left; 
	display:block; 
	margin:0px 0px; 
	position:relative; 
	width:165px;
	margin-left: 19px;
}
*:first-child+html #nav li .nav01 {margin-left: 10px;}
*:first-child+html #nav li .nav02 {margin-left: 15px;}
*:first-child+html #nav li .nav03 {margin-left: 10px;}
*:first-child+html #nav li .nav04 {margin-left: 13px;}
*:first-child+html #nav li .nav05 {margin-left: 13px;}

/*--------------top--------------*/
* html #nav li {
	list-style-type:none;
	float:left; 
	display:block; 
	margin:0px 0px; 
	position:relative; 
	width:170px;
	margin-left: 11px;
}
* html #nav  li:hover ul { 
	display:block; 
}
* html #nav a {
	color:#ff34ad;
}
* html #nav li ul { 
	margin:0px; 
	padding:0px; 
	display:none;
}


* html #globalNavi_top{
	width:928px;
	height:40px;
	margin: 0 auto;
	background:url(images/gnav_background.gif) no-repeat;
}
* html #nav_top {
	margin:0px;
	padding:0px;
	position:absolute;
	display:block;
	width:926px;
	height:40px;
	top: 14px;
	left: 5px;
 }
* html #nav_top li:hover ul { 
	width:932px;
	display:block; 
}
* html #nav_top a {
	color:#ff34ad;
	font-size: 85%;
}
* html #nav_top li {
	list-style-type:none;
	float:left; 
	display:block; 
	margin:0px 0px; 
	position:relative; 
	width:170px;
	margin-left: 8px;
}

*:first-child+html #nav_top {
	margin:0px;
	padding:0px;
	position:absolute;
	display:block;
	width:926px;
	height:40px;
	top: 14px;
	left: 5px;
 }
*:first-child+html #nav_top > li {
	float:left; 
	display:block; 
	width:175px;
	margin-left: 5px;
}
*:first-child+html #nav_top > li {
	list-style-type:none;
	float:left; 
	display:block; 
	margin:0px 0px; 
	position:relative; 
	width:165px;
	margin-left: 19px;
}
*:first-child+html #nav_top li .nav01 {margin-left: 10px;}
*:first-child+html #nav_top li .nav02 {margin-left: 15px;}
*:first-child+html #nav_top li .nav03 {margin-left: 10px;}
*:first-child+html #nav_top li .nav04 {margin-left: 13px;}
*:first-child+html #nav_top li .nav05 {margin-left: 13px;}


* html .left_title_bar {
	width: 610px;
	height: 20px;
	background:url(images/h3_background.png) no-repeat ;
behavior: expression(IEPNGFIX.fix(this));

}
* html #contentwrapper .pickup_person_mark {
	width: 70px;
	height: 25px;
	display:inline;
	float: left;
	margin: 10px 0px 0px 30px;
}
* html #contentwrapper .pickup_person_mark img {
	float:left;
	margin-left: 10px;
}
* hmtl #contentwrapper .clubers_snap {
	width: 298px;
	display:inline;
	float:left;
	background-color:#000000;
}
* html #contentwrapper .recent_area_bottom {
	display:block;
	width: 298px;
	height: 9px;
	clear:both;
	float:left;
	background:url(images/clubers_bg_bottom.png) no-repeat ;
}
* html #contentwrapper .clubers_snap dt {
	padding: 6px 0px 0px 3px;
	display:inline;
	float:left;
}
* html #contentwrapper .clubers_snap dt ul {
	width: 175px;
	display:inline;
	float:left;
	margin-left: 10px;
}
* html #contentwrapper .left_col_bottom {
	width: 301px;
	height: 7px;
	clear:both;
	background:url(images/left_col_bottom.png) no-repeat ;
behavior: expression(IEPNGFIX.fix(this));
}
* html #contentwrapper .ivent_news_area img {
	margin-left: 2px;
	color:#FFFFFF;

	float:left;
	clear:both;
	margin-top: 5px;
	border: solid 1px #ffffff;
}
/*===========================================
twitter_add

===========================================*/
* html .twitter_bookmark_area {
	width:77px;
	height:16px;
	display:inline;
	float:left;
	margin: 10px 10px 0px 5px;
}
/*===========================================
ブックマーク
===========================================*/

* html #contentwrapper .bookmark_area {
	width:301px;
	height: 100px;
	float:left;
	background-color:#000000; 
	margin: 10px 0px 0px 0px;
}
* html #contentwrapper .bookmark_title {
	height: 31px;
	clear:both;
	background:url(images/popular_icon.gif) left no-repeat ;
	margin: 10px 0px 0px 10px;
}

* html #contentwrapper .bookmark_title {
	color:#ff34ad;
	font-weight:bold;
	font-size:90%;
	padding: 10px 0px 0px 35px;
}
* html #contentwrapper .bookmark_area .bookmark_spec {
	width: 300px;
	height: 15px;
	margin: 10px 5px;
	background-color:#000000;
}
/*===========================================
Pick　Up　DJ
===========================================*/

#contentwrapper .pickup_person .person_pic{
	width:150px;
	height:135px;
	clear:both;
	float:left;
	padding: 20px 0px 0px 20px;
}
#contentwrapper .pickup_person .person_pic p{
	width: 150px;
	margin: 0;
	padding: 0;
	float:left;
}
/*===========================================
page nav
===========================================*/
* html .pagenavigation {
	width: 500px;
	clear:both;
}
*:first-child+html .pagenavigation {
	width: 500px;
	clear:both;
}
* html .wp-pagenavi {
	float:left;
}
html>/**/body .pagenavigation {
	clear:both;
	float:right;
	margin: 0px 10px;
}
/*===========================================
コメント
===========================================*/

* html .comment_area {
	width: 550px;
	height: 150px;
	clear:both;
	color:#FFFFFF;
	text-align:left;
	line-height: 1.8em;
	margin : 0px auto;
	margin-left: 15px;
	padding: 10px 0px 0px 15px;
	border-top: 1px dashed #333333;
}
*:first-child+html .comment_area {
	width: 550px;
	height: 150px;
	clear:both;
	color:#FFFFFF;
	text-align:left;
	line-height: 1.8em;
	margin : 0px auto;
	margin-left: 15px;
	padding: 10px 0px 0px 15px;
	border-top: 1px dashed #333333;
}
html>/**/body .comment_area {
	width: 550px;
	height: 150px;
	clear:both;
	color:#FFFFFF;
	text-align:left;
	line-height: 1.8em;
	margin : 30px 15px;
	padding: 10px 0px 0px 15px;
	border-top: 1px dashed #333333;
}
* html #leftcol_sub {
	width: 702px;
	float:left;
	margin-left: 15px;
	margin-top: 15px;
}


* html #contentwrapper .pickup_person {
	width: 299px;
	height: 242px;
	background:url(images/pickup_dj_background.gif) no-repeat ;
	float:left;
	margin-top: 10px;
}
* html #contentwrapper .pickup_person_left {
	width: 299px;
	height: 242px;
	background:url(images/pickup_dj_background.gif) no-repeat ;
	float:left;
	margin-left: 10px;
	margin-top: 10px;
}
/*===========================================
パーティーレポ
===========================================*/
/*IE6*/
* html #contentwrapper .ivent_box {
	width: 280px;
	height: 80px;
	clear:both;
	float:left;
	margin: 5px 0px 0px 0px;
	padding-top: 10px;
	border-bottom: 1px dotted #ffffff;
}
* html #contentwrapper .ivent_news_area img {
	width: 120px;
	color:#FFFFFF;
	margin-top: 5px;
	border: solid 1px #ffffff;
}
* html #contentwrapper .ivent_news_area dl dt{
	width: 120px;
	float:left;
}

* html #contentwrapper .ivent_news_area dl dd{
	display:inline;
	width: 90px;
	margin-left: 8px;
	margin-top: 5px;
	float:left;
}

* html #contentwrapper .ivent_box {
	border-bottom: 1px dotted #ffffff;

	width: 280px;
	height: 82px;
	float:left;	
	margin: 5px 0px 0px 0px;
}
* html #contentwrapper .ivent_news_area dd{
	float:left;
	margin-left: 8px;
	margin-top: 5px;
}
/*IE7*/

*:first-child+html #contentwrapper .ivent_box {
	border-bottom: 1px dotted #ffffff;
	width: 280px;
	height: 82px;
	float:left;	
	margin: 5px 0px 0px 0px;
}
*:first-child+html #contentwrapper .ivent_news_area dd{
	float:left;
	margin-left: 8px;
	margin-top: 5px;
}




/*---------------------------
サイドバナーstyle
---------------------------*/

.side_banner {
	margin: 10px 0; 
}