/* --------------------------------------------------------------  
   personalentries.css
   * Sets up for each blog entries on singlepage.php.  
   Based on work by:
   * Yuki Murata    
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */

body { font-size: 75%; }

body { 
  color: #222; 
	font-family: 'メイリオ',Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: Sans-serif; 
}

.tbu1 { font-size: 1em; margin:0; }

/* 画像を左寄せにするときのおまじない。
どちらかというと複数の写真を並べるときに使うと吉 */
.tbu2 img { float: left; margin: 1em; padding: 5px; border: 1px solid #CCC; }

/* 見出し */

h3.tbu1 { font-size:1.3em; font-weight:bold; line-height: 1.2; margin-bottom: 1em; }
h3.tbu1 a { color:#666; text-decoration:none; border-bottom: 1px dotted #C36; }
h3.tbu1 a:hover { color: #333; border-bottom: 1px dotted #900; }

h3.tbu2 { font-size:1.5em; font-weight: bold; line-hight: 1.5em; margin-bottom: 1em; border-bottom: 1px dotted #999; } 

/* 本文通常リンク */
p.tbu1 a { color:#666; text-decoration:none; border-bottom: 1px dotted #C66; }
p.tbu1 a:hover { color: #222; border-bottom: 1px dotted #C36; }

/* sales 的パラグラフ */
p.pr-link { margin:0; padding: 0 1; }
p.pr-link img { float: left; margin: 0 10px 10px 0; padding:5px; border:1px solid #999; } 
p.pr-link a { color:#999; background-color:transparent; text-decoration:none; border-bottom: 1px dotted #C36; }
p.pr-link a:hover { color: #000; background-color:#C69; }

/* クリア用改行コード */
br.clear1 { line-height: 1; clear:both; }

/* 小さいリンク SPANタグといっしょに本文中に置くとき便利 */
.tbulink { color: #fff; font-size: .88em; font-weight:bold; margin: 0;  }
.tbulink a { color:#CCC; background-color: #000; padding: 0 3px;  }
.tbulink a:hover {  color:#CCC; background-color: #666; padding: 0 3px; }

/* Navi-Menu */
#trans-nav { list-style-type: none; height: 30px; padding: 0; margin: 0; }
#trans-nav li { float: left; position: relative; padding: 0; line-height: 30px; background: #666 repeat-x 0 0; list-style-type: none; list-style-image:none; background-image:none; }
#trans-nav li:hover { background-position: 0 -30px; }
#trans-nav li a { display: block; padding: 0 15px; color: #fff; text-decoration: none; }
#trans-nav li a:hover { color: #fff; background:#4b4b44; }
#trans-nav li ul { opacity: 0; position: absolute; left: 0; width: 10em; background: #666; list-style-type: none; padding: 0; margin: 0; }
#trans-nav li:hover ul { opacity: 1; }
#trans-nav li ul li { float: none; position: static; height: 0; line-height: 0; background: none; }
#trans-nav li:hover ul li { height: 30px; line-height: 30px; }
#trans-nav li ul li a { background:#666 ; }
#trans-nav li ul li a:hover { background: #4b4b44; }
ul { list-style-type: none; }
/* FOR SAFARI */
#trans-nav li { -webkit-transition: all 0.2s; }
#trans-nav li a { -webkit-transition: all 0.5s; }
#trans-nav li ul { -webkit-transition: all 1s; }
#trans-nav li ul li { -webkit-transition: height 0.5s; }

/* サイドに置くメニュー的なもの */

#tbu-menu ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#tbu-menu li { 
display : inline; 
padding :0; margin:0; 
}
#tbu-menu a {
display:block; 
border-bottom:1px dotted #966;
background-color:transparent;
font-size:1em;
padding:0.1em 0 0.1em 0.5em;
text-decoration:none;
color:#666;
width:235px; 
margin:4px
0px;height:1.5em;
}
#tbu-menu a:hover {
display:block; 
border-bottom:1px dotted #966;
border-left: 6px solid #966;
font-size:1em;
padding:0.1em 0 0.1em 0.5em;
text-decoration:none;
color:#666;
width:229px;
margin:4px
0px;height:1.5em;
}

/* Twitter on side */

#twitter ul { list-style-type: none;  }
#twitter li { margin-bottom: 10px; border-bottom: 1px dotted #999; list-style-image:none; background-image:none; }

/* Twitter on top */

#twitter-div {
width:350px;
font-size:0.65em;
border:1px solid #dddddd;
line-height:0.75em;
text-align:left;
}

ul#twitter_update_list { 
list-style-type:none;
padding: 5px 10px; 
}
ul#twitter_update_list li {
margin-bottom: 5px;
padding-bottom: 5px;
}
#twitter-link {
text-align:right;
display:block;
}

/* side latest entries */
div.latestentries {
	list-style-type:none;
	width: 250px;
	font-size: 0.85em;
	font-weight: bold;
	text-align:left;
	}
ul.latestentries_l { 
	list-style-type:none;
	}
ul.latestentries_l li {
	margin-bottom: 1px;
	padding: 5px 3px 3px;
	list-style-image:none; 
	background-image:none; 
	line-height: 1.7em;
	}
ul.latestentries_l li a {
	color: #333;
	font-weight: bold ;
	border-bottom: 1px dotted #CCC;
	display:block;
	height: 100%;
	width: 100%;
	}
ul.latestentries_l li a:hover {
	color: #09C;
	font-weight: bold ;
	background-color: #EEE;
	}

/* artist entry page */

#entry {
	color: #333;
	margin: 0;
	padding: 0 10px;
	width: 700px;
	}
#entry a {
	color: #3CF;
	text-decoration: none;
	border-bottom: 1px dotted #666;
	}
#entry a:hover {
	color: #C00;
	font-weight: bold;
	border-bottom: 1px dotted #3CF;
	}
#entry h3 {
	color: #FFF;
	font-size: 1.2em;
	font-weight:bold;
	background-color: #999;
	padding: 4px 15px;
	}
#entry ol.ent1, ul.ent2, ul.ent3 {
	font-size: 0.86em;	

#entry ol.ent1 li {
	display:block;
	list-style-type: decimal;
	list-style-position: outside;
	}

#entry ul.ent2 li {
	display:block;
	list-style-type: lower-alpha;
	list-style-position: outside;
	}	

#entry ul.ent3 li {
	display:block;
	list-style-type: square;
	list-style-position: outside;
	}


.entry1 { 
	width: 740px;
	padding: 5px 15px;
	margin-bottom: 50px;
	_zoom: 1;
	overflow: hidden;
	}	

.imgL {
	float: left;
	margin: 0 5px 10px 0;
	width: 240px;
	}
.entry1 p { overflow: hidden; _zoom: 1; } 

/* エントリー概要ページ */
#e-gaiyo { color: #333; }
#e-gaiyo h4 {
	color: #666;
	font-size: 1em;
	font-weight:bold;
	border-bottom: 1px solid #999;
	margin-bottom: 4px;
	}
#e-gaiyo p { padding-left: 20px; }