/*
Theme Name: Bunkai-Kei
Theme URI: http://www.bunkai-kei.com/
Description: This is a original theme of Bunkai-Kei.
Version: 1.1
Author: HIROSHI MIYATA
Author URI: http://www.filament.jp/
*/

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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ font-size:100%; font-family:inherit; vertical-align:baseline;}  

body{
	font-family:'メイリオ', Meiryo,century gothic,'Lucida Grande', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:0.8em; line-height:170%;
	color:#666;
	background:#EBEBEB;
	margin:0;
	padding:0;
}
a:link{color:#999;}
a:hover{color:#999;}
a:visited{color:#999;}

#wapper{
	width:960px;
	margin:auto;
	padding:0 80px;
}

#header,
.content{
	background:#F5F5F5;
	padding:0 55px;
}

#footer{
	color:#FFF;
	background:#808080;
	padding:0 55px 85px 55px;
}

hr{display:none}

.none{overflow:hidden; margin:0; padding:0;}
.none a{overflow:hidden; display:block; text-indent:-9999px;}
ul.none{list-style:none;}

#header{
	position:relative;
	height:193px;
	padding-bottom:72px;
}
h1{
	position:absolute;
	width:315px; height:130px;
	background:url(images/logo.gif) no-repeat;
	left:-58px; top:23px;
}
h1 a{width:315px; height:130px;}
h2{
	position:absolute;
	width:282px; height:40px;
	background:url(images/bkr.gif) no-repeat;
	text-indent:-9999px;
	top:153px;
}
#menu{
	position:relative;
	width:450px; height:13px;
	left:400px; top:180px;
}
#menu li{
	position:absolute;
	width:90px; height:13px;
}
#menu li a{width:90px; height:13px;}

#m1_off{background:url(images/m_home_off.gif) no-repeat; left:0px;}
#m1_on{background:url(images/m_home_on.gif) no-repeat; left:0px;}
#m1_off a:hover{background:url(images/m_home_on.gif) no-repeat;}
#m2_off{background:url(images/m_about_off.gif) no-repeat; left:90px;}
#m2_on{background:url(images/m_about_on.gif) no-repeat; left:90px;}
#m2_off a:hover{background:url(images/m_about_on.gif) no-repeat;}
#m3_off{background:url(images/m_release_off.gif) no-repeat; left:180px;}
#m3_on{background:url(images/m_release_on.gif) no-repeat; left:180px;}
#m3_off a:hover{background:url(images/m_release_on.gif) no-repeat;}
#m1_off{left:90px;}
#m1_on{left:90px;}
#m2_off{left:180px;}
#m2_on{left:180px;}
#m3_off{left:270px;}
#m3_on{left:270px;}
/*
#m4_off{background:url(images/m_artists_off.gif) no-repeat; left:270px;}
#m4_on{background:url(images/m_artists_on.gif) no-repeat; left:270px;}
#m4_off a:hover{background:url(images/m_artists_on.gif) no-repeat;}
*/
#m5_off{background:url(images/m_contact_off.gif) no-repeat; left:360px;}
#m5_on{background:url(images/m_contact_on.gif) no-repeat; left:360px;}
#m5_off a:hover{background:url(images/m_contact_on.gif) no-repeat;}

.navigation{}
.older{float:left;}
.newer{float:right;}

.content{height:100%; overflow:auto;}
.content{padding-bottom:400px;}
.content h3{
	color:#808080;
	font-size:1.7em;
	font-weight:100;
	height:21px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:7px 0 20px 0; padding:0;
}
.content #tag h3{
	text-indent:0;
}
.content h4{color:#333; font-size:1.1em; padding-top:10px;}

#column1,
#column2,
#column3{float:left;}

#c_home #column1,
#c_home #column1 h3{width:445px;}
#c_home #column2,
#c_home #column2 h3{width:170px;}
#c_home #column3,
#c_home #column3 h3{width:215px;}
#c_home #column2{padding:0 10px;}
#c_home #column1 h4{clear:both;}

.side_menu,
.side_menu h3{width:145px; height:45px;}
.side_content{width:685px; padding-left:20px;}

#c_release .side_content{width:705px; padding-left:0;}
#c_release .images li{float:left; width:210px; height:170px; margin:0 0 25px 25px; padding:0;}
#c_release .no_items{margin-left:25px;}
#c_release .images li li{float:none; width:auto; height:auto; margin:0; padding:0;}

#footer{clear:both; font-size:0.9em;}
#footer a{color:#FFF;text-decoration:none;}
#footer a:link{color:#FFF;}
#footer a:visited{color:#FFF;}
#footer a:hover{color:#FFF;}

.pagetop a{
	display:block; overflow:hidden; text-indent:-9999px;
	width:62px; height:20px;
	background:url(images/pagetop_off.gif) no-repeat;
}
.pagetop a:hover{
	background:url(images/pagetop_on.gif) no-repeat;
}
#contactus{padding:37px 0;}
#contactus h3{margin:0; padding:0;}
#contactus ul, #footer p, address{
	position:relative;
	list-style:none;
	font-weight:bold;
	margin:0; padding:0;
}
#contactus h3, #contactus li a, #footer p, address{display:block; overflow:hidden; text-indent:-9999px;}
#contactus h3{height:12px; background:url(images/f_contactus.gif) no-repeat;}
#contactus li{padding-top:10px;}
#contactus li a{height:10px;}
#contactus #f_email a{width:117px; background:url(images/f_email.gif) no-repeat;}
#contactus #f_rss a{width:24px; background:url(images/f_rss.gif) no-repeat;}
#contactus #f_twitter a{width:39px; background:url(images/f_twitter.gif) no-repeat;}
p#host{
	width:99px; height:12px;
	background:url(images/f_host.gif) no-repeat;
}
address{
	width:283px; height:13px;
	font-style:normal;
	background:url(images/f_copyright.gif) no-repeat;
}

#news, #about, #release, #artists, #contact{border-top:solid 4px #FF78FF;}
#tag{border-top:solid 4px #BBB}
#events{border-top:solid 4px #78FFFF;}
#tweets, #likebox{border-top:solid 4px #81FFA9;}
#commons{border-top:solid 4px #FFFF78;}
#c_release .images li{position:relative; width:210px;}
#c_release .images li div{position:absolute; width:210px; height:105px;}
#c_release .images li .r_item{position:absolute; width:196px; color:#FFF; background:#000; top:105px;}
#c_release .images li.track:hover .r_item{background:#FF78FF;}
#c_release .images li.fieldrecording:hover .r_item{background:#78FFFF;}
#c_release .images li.motion:hover .r_item{background:#81FFA9;}
#c_release .images li.gallery:hover .r_item{background:#FFFF78;}
#c_release .images li a{display:block; width:210px; height:171px; color:#FFF;}

#news h3{background:url(images/h_news.gif) no-repeat;}
#events h3{background:url(images/h_events.gif) no-repeat;}
#tweets h3{background:url(images/h_tweets.gif) no-repeat;}
#likebox h3{background:url(images/h_facebook.gif) no-repeat;}
#commons h3{background:url(images/h_commons.gif) no-repeat;}
#about h3{background:url(images/h_about.gif) no-repeat;}
#release h3{background:url(images/h_release.gif) no-repeat;}
#artists h3{background:url(images/h_artists.gif) no-repeat;}
#contact h3{background:url(images/h_contact.gif) no-repeat;}

#tweets .twtr-hd,
#tweets .twtr-ft{display:none;}
#tweets .twtr-tweets{padding-top:3px;}
#tweets .twtr-tweet{border-bottom:dotted 2px #F5F5F5;margin:0 0 5px 0; padding:0 5px;}
#tweets .twtr-tweet-wrap{padding:0 0 5px 0;
}
/*
#tweets a.twtr-timestamp{color:#CCC;}
#tweets a.twtr-reply{color:#CCC;}
*/
.twtr-bd{background:#E0E0E0;}

#likebox,
#commons{margin-top:25px;}
#commons p{background:#E0E0E0; font-size:0.8em; padding:5px;}
#commons p img{margin-bottom:5px;}

.images{list-style:none; margin:0; padding:0;}
.images li{margin:0 0 10px 0; padding:0;}
.images img{border:0; vertical-align:top;} /* white space delete for Firefox */
.images a{text-decoration:none;}

.info{overflow:hidden; position:relative; margin-bottom:20px;}

.info .caption{display:none;}
.info:hover .blogItemInfo{display:block;}
.caption{color:#fff; position:absolute; height:100%; background-image:url(images/alpha_black.png); padding:8px 10px;}
#news .caption{width:205px;}
#events .caption{width:150px;}
.caption h4{font-size:1.4em; margin:0; padding:0 0 15px 0;}
#news .caption h4{color:#FF78FF;}
#events .caption h4{color:#78FFFF;}
.caption p{line-height:120%; margin:0; padding:0;}

#socialnetwork{float:right; list-style:none; margin-top:0; padding:0;}
#column2_2 #socialnetwork{float:none; padding-left:11px;}
#socialnetwork li{float:left; padding:0 0 0 10px;}
#column2_2 #socialnetwork li{float:left; padding:0 10px 0 0;}
#column1 #retweet{padding-top:1px;}
#column2_2 #facebook{padding-top:3px; position:absolute; margin-left:128px;}
/*
#column1 #retweet{float:right;}
#column2_2 #retweet{float:none;}
*/
#column2_2  #retweet{padding:4px 0 0 11px;}
#column1  #g_plus1{margin-left:10px;}
#column2_2  #g_plus1{margin-left:40px;}

.post,
.tag{color:#333; margin:0; padding:0;}
.post{padding-top:30px;}
.post dt,
.tag dt{display:inline; font-weight:bold;}
.post dd,
.tag dd{
	display:inline;
	background:url(images/colon1.gif) no-repeat;
	margin:0; padding:0 0 0 10px;
}
.tag ul{
	display:inline;
	list-style:none;
	margin:0; padding:0;
}
.tag li{
	display:inline;
}
.tag a:hover{background:#000;}
.tag a{color:#FFF; font-weight:bold; text-decoration:none;
	background:#FF78FF;
	margin-right:10px;
	padding:3px 8px;}
.tag a:link{color:#FFF;}
.tag a:visited{color:#FFF;}

#release_menu{
	position:relative;
	height:150px;
}
#release_menu li{
	position:absolute;
	width:145px; height:26px;
	margin-bottom:4px;
}
#release_menu li a{width:145px; height:26px;}
#rm1_off{background:url(images/rm_all_off.gif) no-repeat; top:0;}
#rm1_on{background:url(images/rm_all_on.gif) no-repeat; top:0;}
#rm1_off a:hover{background:url(images/rm_all_on.gif) no-repeat; top:0;}
#rm2_off{background:url(images/rm_track_off.gif) no-repeat; top:30px;}
#rm2_on{background:url(images/rm_track_on.gif) no-repeat; top:30px;}
#rm2_off a:hover{background:url(images/rm_track_on.gif) no-repeat; top:30px;}
#rm3_off{background:url(images/rm_fieldrecording_off.gif) no-repeat; top:60px;}
#rm3_on{background:url(images/rm_fieldrecording_on.gif) no-repeat; top:60px;}
#rm3_off a:hover{background:url(images/rm_fieldrecording_on.gif) no-repeat; top:60px;}
#rm4_off{background:url(images/rm_motion_off.gif) no-repeat; top:90px;}
#rm4_on{background:url(images/rm_motion_on.gif) no-repeat; top:90px;}
#rm4_off a:hover{background:url(images/rm_motion_on.gif) no-repeat; top:90px;}
#rm5_off{background:url(images/rm_gallery_off.gif) no-repeat; top:120px;}
#rm5_on{background:url(images/rm_gallery_on.gif) no-repeat; top:120px;}
#rm5_off a:hover{background:url(images/rm_gallery_on.gif) no-repeat; top:120px;}

#column2_1{float:left; width:393px;}
#column2_2{float:left; width:290px; /*background:url(images/release_deco.gif) no-repeat;*/}

.r_item{list-style:none; margin:0; padding:5px 7px;}
.r_item li{line-height:100%; padding-left:2px !important; padding-right:2px !important;}
.ri1{font-size:0.8em; padding-top:4px !important;}
.ri2{padding-top:5px !important;}
.ri3{padding-bottom:10px !important;}
#r_data{color:#808080; font-weight:bold; font-size:0.85em; line-height:105%; border-left:solid 6px #FF78FF; margin:0; padding:0 0 0 5px;}
#r_data dd{margin:0; padding:0;}
#column2_2 h4{color:#333; line-height:125%; border-left:solid 6px #000; margin:18px 0 0 0; padding:0 0 0 5px;}
#column2_2 h4#h_title{margin:0;}
#column2_2 h5{color:#808080; font-size:0.9em; line-height:120%; border-left:solid 6px #808080; margin:6px 0 3px 0; padding:0 0 0 5px;}
#r_tracklist,
#r_motionlist{color:#666; font-weight:bold; list-style:decimal-leading-zero inside; margin:0; padding:0 0 0 11px;}
#r_tracklist li a:link,
#r_tracklist li a:visited,
#r_motionlist li a:link,
#r_motionlist li a:visited{color:#666;}
#r_tracklist li a:hover,
#r_motionlist li a:hover{color:#999;}
#r_tracklist ul,
#r_motionlist ul{list-style:none; margin:0; padding:0;}
#r_tracklist div.notlast{display:none;}
#e_list{padding-top:30px;}
.e_data{color:#333; margin:0; padding:0;}
.r_data{color:#333; margin:0; padding:0 0 0 11px;}
.e_data dt, .r_data dt{display:inline; font-weight:bold;}
.e_data dd, .r_data dd{
	display:inline;
	background:url(images/colon1.gif) no-repeat;
	margin:0; padding:0 0 0 10px;
}
#e_time dl, #e_ticket dl{display:inline; padding-right:11px;}
.r_data ul{list-style:none; margin:0; padding:0;}
#r_voice ul{margin-bottom:6px;}
.r_data{display:block; clear:both;}
#r_voice{clear:both;}
.r_data dt{float:left;}
.r_data dd{float:left; background:url(images/colon2.gif) no-repeat; margin-left:4px;}
#r_downloadfile{clear:both; margin-bottom:6px; padding:0 0 0 11px;}
#r_downloadfile a{display:block; text-decoration:none; font-weight:bold; color:#FFF; background:#FF78FF; border:none; padding:7px 100px;}
#r_downloadfile a:hover{background:#000;}

#c_contact form{height:100%; overflow:hidden;}
#c_contact form dl{clear:both; margin:0;}
#c_contact form dt{float:left; width:45px;}
#c_contact form dd{float:left; padding-bottom:5px;}
#c_contact form input,
#c_contact form textarea{width:380px; border:solid 1px #D9D9D9; padding:2px 0;}
#c_contact form textarea{font-size:0.9em;}
#c_contact form div{clear:both; padding-left:85px;}
#c_contact form div input{font-weight:bold; color:#FFF; background:#FF78FF; border:none; padding:1px auto;}
#c_contact form div input:hover{cursor:pointer; background:#000;}
.wpcf7-not-valid-tip-no-ajax{color:#F33; padding-left:5px;}
.wpcf7-validation-errors{color:#F33;}

sup{color:#F99;}

/* float close */
.float_area{height:100%;overflow:hidden;overflow:visible;}
.float_area:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* hides from ie-mac */
* html .float_area{height:1%;}
.float_area{display:block;}