/*  
Theme Name: piano 
Theme URI: 
Description: haketa ver.
Version: 1.0
Author: suga
Author URI: 
*/

body { margin: 0px auto; padding: 0px;font-family: "ＭＳ Ｐゴシック", Osaka,  Verdana, Arial, Helvetica, sans-serif; font-size:11px;background:#e5e5d9 url(images/bg.png) repeat-x; color:#333; text-align: center; }
 
 
a:link { text-decoration: none; color : #666; border: none;}
a:active { text-decoration: none; color : #666; border: none;}
a:visited { text-decoration: none; color : #666; border: none;}
a:hover	{ text-decoration: none; color : #555353; border: none; cursor: crosshair; } 
#wrap{ background:#ecece4 url(images/bg_main.png) repeat-x top; margin:0 auto; padding:30px 20px; width:790px; }

#top { background:#090D19 url(images/bg_top.png) no-repeat left top; margin: 0px auto; padding: 0; height: 120px; width:800px; clear:both; }

#logo { float: left; width: 413px; margin-top:30px; overflow:hidden; }


#logo h1 { text-indent: -10000px; padding: 0px; margin: 0px; } 
#logo h1 a { display: block; background: url(images/logo.png) no-repeat left top; height: 40px;color : #666;}
#search { float: right; height: 30px; width: 300px; margin-top:35px; text-align:right; padding-right:10px; }
input#s { color: #666; width: 70%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background:#fcfcfc url(images/s.gif) no-repeat right; margin-top: 2px;}

#left { margin: 0 ; padding: 0 ; float: left; width: 200px;text-align: left; }
#left p{padding: 0; margin: 0 10px 10px 0px; }
#left h2 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; }
#left ul { font-size: 12px;list-style-type: none; margin: 0 ; padding: 0 ; }
#left li  {list-style-type: none; margin: 0 ; padding: 0 ;  color: #3E5D71; }
#left ul li ul{ list-style-type: none; margin: 0 ; padding: 0 ; }
#left ul li ul li  {  list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat left 3px; padding: 0px 0px 2px 10px; border: 0; margin: 0 0 2px 8px; }

#left ul li a { font-size: 12px; list-style-type: none; color: #ECE9D8; text-decoration: underline; }
#left ul li a:link { text-decoration: none; color : #333; border: none;}
#left ul li a:active { text-decoration: none; color : #333; border: none;}
#left ul li a:visited { text-decoration: none; color : #333; border: none;}
#left ul li a:hover	{ text-decoration:underline ; color : #68B0C8; border: none; cursor: crosshair; } 


 /**/
#right { background:#f3f7f6 url(images/bg_contents.png) repeat-x; margin: 0 ; padding: 0 10px ;
float: right; width: 550px; overflow:hidden;font-size:12px;line-height:21px;text-align: left; }

#right h2 { background: url(images/h2.gif) no-repeat left 3px;font-size: 14px; padding: 0px 0px 3px 25px; margin: 0px 7px 3px 0px; border-bottom: solid 1px #ccc;}
#right h3 { background: url(images/h2.gif) no-repeat left 3px;font-size: 14px; padding: 0px 0px 3px 25px; margin: 0px 7px 3px 0px;}
#right h4 { font-size: 14px; padding: 0px 3px; margin: 0px 7px 3px 0px; border-bottom: dotted 1px #4288AA;}



#right img {margin: 0px 10px 0px 0px;  }
#right span.jacket{ float:left;margin: 0px 10px 0px 0px; }
#right span.jacket2{ margin: 0px 10px 0px 0px; }
.aphoto{ margin: 10px; padding:5px;border: 1px solid #4b4f58;background:#fff;}

#right td{ font-size:12px;}

#right span.cap{ font-size:10px;color:#333;margin: 20px 0px ;padding: 2px 0 0 3px;;border-left: solid 1px #ccc;}
#right span.cap2{ font-size:10px;color:#333;margin: 20px 0px ;padding: 2px 2px 0 3px;border-left: solid 1px #ccc;border-right: solid 1px #ccc;}

#right .txs{ font-size:10px;line-height:12px; }
#right .wtxs{ font-size:10px;line-height:12px;background:#f3f7f6;padding:3px; }
#right .wtx{ font-size:12px;line-height:15px;background:#f3f7f6;padding:5px 6px; }

#right .listheader{ font-size:10px;color:#fff;padding: 0px 5px;background:#f3f7f6 url(images/listheader.jpg) repeat-x;}
#right .listpic{  color:#68B0C; padding: 0px 0px 5px 0px; margin: 0px 7px 3px 0px;}
#right .listpic a { background: url(images/list.png) no-repeat left 1px; ;color:#68B0C; padding: 0px 0px 3px 18px; margin: 0px 7px 3px 0px;list-style-type: none; color: #667D8F; text-decoration: underline; }
#right .listpic a:active { text-decoration: none; color : #333; border: none;}
#right .listpic a:visited { text-decoration: none; color : #333; border: none;}
#right .listpic a:hover	{ text-decoration:underline ; color : #68B0C8; border: none; cursor: crosshair; } 

#right .linkp{ }
#right .linkp a { background: url(images/list.png) no-repeat left 1px; ;color:#68B0C; padding: 0px 0px 3px 18px; margin: 0px 7px 3px 0px;list-style-type: none; color: #667D8F; text-decoration: underline; }
#right .linkp a:active { text-decoration: none; color : #333; border: none;}
#right .linkp a:visited { text-decoration: none; color : #333; border: none;}
#right .linkp a:hover	{ text-decoration:underline ; color : #68B0C8; border: none; cursor: crosshair; } 

#right .url{ background: url(images/url.png) no-repeat left 6px; ;color:#68B0C; padding: 0px 0px 3px 12px; margin: 0px 7px 3px 0px;}
#right .url a { list-style-type: none; color: #667D8F; text-decoration: underline; }
#right .url a:active { text-decoration: none; color : #333; border: none;}
#right .url a:visited { text-decoration: none; color : #333; border: none;}
#right .url a:hover	{ text-decoration:underline ; color : #68B0C8; border: none; cursor: crosshair; } 



#right .bar{ background:#ccc; height:1px;}
#right .pagea{ margin:20px 10px;}
#right .title{ font-size:16px;color:#4288AA;}

#right_header  {margin-bottom: 10px; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
.alignright { float: right; }
.alignleft { float: left; }
.postmetadata { background:#f8fbfc url(images/posmeta.gif) repeat; font-size:10px; padding:5px; border-bottom:#666 1px solid; border-top:#666 1px solid; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments h3 { font-size: 14px; padding: 3px 0px; margin: 0px 7px 3px 7px; border-bottom: dashed 1px #ccc;}
.bobcomment { margin-bottom:3px;  padding:3px; background:#f8fbfc; border-left:#ccc 2px dotted;  }
.bobcomment img { border:0px; } 
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
input#submit{ background:#999;border:2px solid #333; color:#fff;font-size:13px; }
textarea { color: #666; width: 80%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

#wp-calendar #prev a, #wp-calendar #next a { font-size: 10pt; }

#wp-calendar caption { font: bold 1.3em , Verdana, Arial, Sans-Serif; text-align: left; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 100%; }
#wp-calendar #next a { padding-right: 0px; text-align: right; }
#wp-calendar #prev a { padding-left: 0px; text-align: left; }
#wp-calendar a { text-decoration: none;font-weight:bold ;color:#455682;}
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 2px 0; text-align: center; }
#wp-calendar{margin: 0 ; padding: 0 ;width:190px;font-size: 11px; }

#footer { font-size: 11px; color: #333;
height: 28px; padding: 0px; margin-top: 0px; text-align:center; clear:both; }


#footer p { padding-top:10px; }
#footer a:link { text-decoration: none; color : #333; border: none;}
#footer a:active { text-decoration: none; color : #333; border: none;}
#footer a:visited { text-decoration: none; color : #333; border: none;}
#footer a:hover	{ text-decoration:underline ; color : #455682; border: none; cursor: crosshair; } 

 /*plagin pxmail style*/
form dl, dl.labels {
      margin:0em;
      font-size:100%;
      margin-top:0.5em;
}
    form dt, dl.labels dt {
      float:left;
      
      width:10em;
      margin-bottom:0.8em;
      color:#555;
      text-align:right;
      font-weight:normal;
      position:relative; /*IEWin hack*/
    }
    form dd, dl.labels dd {
      margin-left:10.5em;
      margin-bottom:0.8em;
      font-size:100%;
      font-style:normal;
      padding-left:0.5em;
    }
    form dd.submit, dl.labels dd.submit  {
      margin-top:2em;
    }