/*
Theme Name: zume
Theme URI: http://www.plus9.net/
Description: zume3テンプレート
Version: 1.0
Author: plus9
Author URI: http://www.plus9.net/
*/

@charset "UTF-8";

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetupdateListica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"ＭＳ ゴシック", "MS Gothic", sans-serif;
}

body {
	font-size: 90%;
	line-height: 2;
	color: #555;
	background-color: #fdfdfd;
	background-image: url(/wp-content/themes/zume/images/background_contents.png);
}


h1, h2, h3, h4, h5, h6 {
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'HGｺﾞｼｯｸE',Arial, Helvetica, sans-serif;
	line-height: 1;
	margin-bottom:1em;
	font-weight: normal;
}

h1 {
	font-size:1.3em;
	font-weight: bold;
}

h2 {
	font-size:1.2em;
}

h3 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',Arial, Helvetica, sans-serif;
	font-size:1em;
}

h4 {
	font-size: 1em;
}

p {
	margin-bottom: 2em;
}

ul,ol{
	list-style-position: inside;
}

ul {
	margin-bottom: 2em;
	list-style-type: none;
}

a {
	color:#09f;
	border: none;
	outline: none;
}

a img {
	border: none;
	outline: none;
}

/*ヘッダ*/

#header{
	position: absolute;
	background-color: #0bf;
	background-image: url(/wp-content/themes/zume/images/background_header.png);
	width: 100%;
	height:63px;
	padding: 162px 0 25px 0;
	top: 0;
	left: 0;
}

#header h1,
#header h2 {
	font-size: 1em;
	width: 50em;
	position: relative;
	line-height: 1;
	margin: 0 auto;
	padding: 0;
}

#header h1 a,
#header h2 a {
	position: relative;
	display: block;
	width: 254px;
	height: 61px;
}

/*ヘッダ更新情報*/

div#live,
div#twitter {
	position: relative;
	margin: 0 auto;
	font-size: 11px;
    line-height: 1.25;
    color: #000;
    filter: alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
    
    /* IE6では消す */
    _display:none;
}

div#live:hover,
div#twitter:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

div.bubble#twitter {
  width: 300px;
  bottom: 160px;
  left: 40px;
  border-left: 10px solid #fff;
  border-bottom: 10px solid transparent;
  -border-bottom-color: #fff;
}

div.bubble#twitter a {}

div.bubble#twitter div.body {
  position: relative;
  width: 280px;
  padding: 5px 10px;
  margin: 0 0 0 -20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
}

/*IE7*/
*+html div.bubble#twitter div.body {  padding-left: 20px; }

div.bubble#live {
  width: 280px;
  bottom: 150px;
  left: 70px;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  -border-left-color: #fff;
}

div.bubble#live p.body {
  position: relative;
  width: 260px;
  padding: 5px 10px;
  margin: 0 0 -25px 0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #fff;
}

/*IE7*/
*+html div.bubble#live p.body {  padding-bottom: 25px; }

div.bubble ul,
div.bubble li {
	margin: 0;
	padding: 0;
}


/*ナビゲーション*/

#navi {
	width: 100%;
	position: absolute;
	height: 69px;
	border-bottom: 1px solid #999;
	margin: 0;
	line-height: 1;
	overflow: hidden;
	top: 250px;
	left: 0;
	background-image: url(/wp-content/themes/zume/images/background_navi.png);
}

#navi ul {
	width: 50em;
	height: 49px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background-image: url(/wp-content/themes/zume/images/background_footer-trans.png);
}

#navi li {
	float: left;
	display: inline;
	padding: 0 30px 0 0;
}

#navi li a {
	display: block;
}

#navi li a img {
	border-bottom: 1px solid #fff;
}

#navi li a:hover img,
#navi li.active a img {
	border-bottom: 1px solid #111;
}

/*コンテンツ*/

#contents {
	width: 50em;
	padding: 6em 0 10em 0;
	margin: 0 auto;
	position: relative;
	top: 320px;
	background-image: url(/wp-content/themes/zume/images/background_footer-trans.png);
	
	/* IE6 */
	_padding-bottom: 30em;
}

/*パンくずリスト*/

#contents .breadcrumb {
	font-size: 0.8em;
	color: #999;
	position: absolute;
	top: 0;
	left: 0;
}

#contents .breadcrumb li {
	display: inline;
}


/*共有*/
#contents #socialNavi {
	position: absolute;
	height: 20px;
	top: 5px;
	right: 0;
	line-height: 1;
}


#contents.page #socialNavi {
	top: 6.25em;
}

#contents.single #socialNavi {
	top: 9.25em;
}

#contents #socialNavi a {
  height: 20px;
	line-height: 20px;
}

#contents #socialNavi a.facebook-share-button * {
  margin-top: 1px;
  vertical-align: top !important;
}

/*トップページ*/

#contents.top #description {
	margin: 0 0 5em 0;
}

#contents.top #twitter #twitter_update_list {
	font-size: 0.9em;
	margin: 0;
}

#contents.top #twitter #twitter_update_list li {
	line-height: 1.5;
}

#contents #updateList .updateItem h2 {
	line-height: 1;
	margin: 0 0 0.5em -1em;
	padding: 0.25em 0 0.25em 1em;
	background-color: #fd3;
	background-image: url(/wp-content/themes/zume/images/background_indextitle.png);
	-webkit-box-shadow: 0px 1px 1px #bbb;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;
	-moz-box-shadow: 0px 1px 1px #bbb;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}

#contents #updateList .updateItem h2 a {
	color: #000;	
}

#contents #updateList .updateItem {
	line-height: 1;
	margin: 0 0 1em 1.2em;
}

#contents #updateList .updateItem p {
	margin-bottom: 0;
}

#contents #updateList .updateItem#blog li {
	margin-left: 0em;
}

#contents #updateList .updateItem#blog li.item {
	line-height: 1.5;
}

#contents #updateList .updateItem#blog p {
	margin-bottom: 2em;
}

#contents #updateList .updateItem#blog .blogNavi {
	display: none;
}

/*ページ*/

#contents.page p#description {
	color: #666;	
}

#contents.page .post {
	position: relative;
}

#contents.page h2 {
	font-size: 1em;
	line-height: 1;
	position: relative;
}

#contents.page h2.noLink,
#contents.page h2 a,
#contents.page h3 a {
	line-height: 1;
	color: inherit;	
	display: block;
	margin: 0 0 2em -1em;
	padding: 0.5em 0 0.5em 1em;
	background-color: #fd3;
	background-image: url(/wp-content/themes/zume/images/background_indextitle.png);
	text-decoration: none;
	-webkit-box-shadow: 0px 1px 1px #bbb;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;
	-moz-box-shadow: 0px 1px 1px #bbb;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}

#contents.page h2.noLink {
	padding-left: 1em;
}

#contents.page.live h2 a,
#contents.page.live h3 a,
#contents.page #twitter a{
	padding-left: 1em;
}

#contents.page .postDate {
	line-height: 1;
	font-size: 1em;
	margin: 0 0 0 0;
	position: absolute;
	top: 0.5em;
	
}

#contents.page h2 a:hover {
	background-color: #09f;
	color: #fff;
}

#contents.page #itemList {
}

#contents.page li.item {
	padding: 0 0 0 1em;
	margin: 0 0 3em 0;
	overflow: hidden;
}

#contents.page li.item:first-child {
	margin-top: 5em;
}

/*プロフィール*/

dl#audition dd {
	font-size: 0.8em;
	margin-left: 1.25em;
}

dl#audition dd.last {
	margin-bottom: 2.5em;	
}

/*ライブページ*/

#contents.live #eventData {
	margin: 0 0 2em 0;
}

#contents.live #eventName {
	margin: 0 0 1em 0;
	line-height: 1.5;
}

#contents.live #eventData dt {
	display: inline;
	float: left;
	clear: left;
}

#contents.live #eventData dt:after {
	content:"：";
}

#contents.live #eventData dd.kaijo,
#contents.live #eventData dd.maeuri,
#contents.live #eventData dd.toujitsu,
#contents.live #eventData dd.ichiritsu {
	display: inline;
	float: left;
}

#contents.live #eventData dd.kaijo:after,
#contents.live #eventData dd.maeuri:after {
	content:"／";
}

#contents.live #eventData dt.kaien,
#contents.live #eventData dt.toujitsu {
	display: inline;
	float: left;
	clear: none;
}


/* 過去のライブ */
#contents.page h2.pastLive {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#contents.page ul.pastLive li.item:first-child {
	margin-top: 1em;
}

#contents.page .pastLive,
#contents.page .pastLive li{
	list-style-type: circle !important;
	list-style-position: outside !important;
}

#contents.page .pastLive li h3 {
	margin:0;
}

#contents.page .pastLive li h3 a {
	margin: 0 0 0 -1em;
	padding: 0.25em 0 0.25em 1em;
	background-image: none;
	background-color: #fff;
	-webkit-box-shadow: none;
	-webkit-border-top-left-radius: 0; 
	-webkit-border-bottom-left-radius: 0;
	-moz-box-shadow: none;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
}

#contents.page .pastLive li h3 a:hover {
	background-color: #fd3;
	color: #000;
}

#contents.page .pastLive li {
	margin:0;
}


/*シングル*/

#contents.single {
	padding-top: 11em;
}

#contents.single h1 {
	line-height: 1;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 3em 0;
	position: relative;
}

#contents.single h1 a {
	line-height: 1;
	font-size: 1em;
	color: inherit;	
	display: block;
	margin: 0 0 2em -1em;
	padding: 0.5em 0 0.5em 10em;
	background-color: #fd3;
	background-image: url(/wp-content/themes/zume/images/background_indextitle.png);
	text-decoration: none;
	-webkit-box-shadow: 0px 1px 1px #bbb;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;
	-moz-box-shadow: 0px 1px 1px #bbb;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}

#contents.single.live h1 a {
	padding-left: 1em;
}

#contents.single .single {
	margin: 0 0 0 1em;
	position: relative;
}

#contents.single .postDate {
	line-height: 1;
	font-size: 1em;
	margin: 0 0 0 0;
	position: absolute;
	top: 0.5em;
	
}

#contents.single .postNavi {
	width: 100%;
	overflow: hidden;
	font-size: 0.85em;
	line-height: 1;
	position: absolute;
	top: 7em;
}

#contents.single .postNavi li {
	position: relative;	
}

#contents.single .postNavi .topLink {
	left: 0;
	position:absolute;
	width: 100%;
	text-align:center;
	z-index: 0;
}

#contents.single .postNavi .topLink.single {
	position: relative;
	text-align: left;
	margin: 0;
	padding: 0;
}

#contents.single .postNavi .previousLink {
	float: left;
	z-index: 1;
}

#contents.single .postNavi .nextLink {
	float: right;
	z-index: 1;
	text-align: right;
}




.blog-content {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aaa;
	margin-bottom: 1em;
}

#copyright {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	line-height: 1;
	padding: 0.25em 0;
	background-image: url(/wp-content/themes/zume/images/background_footer-trans.png);
}

#copyright span {
	color: #999;
	display: block;
	margin-right: 1em;
	text-align: right;
}