/*
Theme Name: yanokami Design
Theme URI: http://www.keisukeoosato.net/
Description: yanokamiのデザインです。
Author: keisuke oosato
Author URI:http://www.keisukeoosato.net/
Version:1.0
*/

/*======BASIC=====*/

* {margin:0;
   padding:0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

table {
    font-size:inherit;
    font:100%;
}

body {font:13px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Lucida Grande,Verdana,Osaka,'ＭＳ Ｐゴシック',sans-serif;
      *font-size:small;
      *font:x-small;
      text-align:left;
      color:#333;
      background-color:#fff;
      
      }
 
table {
    font-size:inherit;
    font:100%;
}


/*======BASIC TEXT RULE=====*/

a {color:#444444;
   text-decoration:underline;}

a:hover {color:#a1bfe3;
         border:none;
         text-decoration:underline;}

a img {background-color:transparent;
       border:none;}

a:hover img {background-color:transparent;}

#spacer {clear:both;
         height:1px;
         position:relative;}

/*======LAYOUT=====*/

#container {width:1000px;
            position:relative;
            margin:30px auto;}

#contents {width:750px;
          float:left;
          position:relative;
          z-index:10;}

#sidebar {width:230px;
          float:right;
          position:relative;
          font-size:77%;
          z-index:10;}

#footer {width:1000px;
         position:relative;
         margin:0 auto;
         bottom:0;
         z-index:1;}

#footer #bottom {position:absolute;
         width:480px;
         height:180px;
         background:transparent url("./images/pict_footer.png") no-repeat;
         right:0;
         top:-70px;}



/*======TOP=====*/

#pict_top {width:760px;
           height:680px;
           background:transparent url("./images/pict_top.png") no-repeat;
           position:absolute;
           }

/*======CONTENT=====*/

#content-image {width:360px;
                float:left;
                position:relative;}

#content-image #image-2 {width:300px;
                         height:250px;
                         position:relative;
                         background:transparent url("./images/pict_yanoakiko.jpg") no-repeat;
                         left:20px;}

#content-image #image-5 {width:300px;
                         height:300px;
                         position:relative;
                         background:transparent url("./images/pict_profile.jpg") no-repeat;
                         left:20px;}

#content-image #image-6 {width:300px;
                          height:300px;
                          position:relative;
                          background:transparent url("./images/pict_concert.jpg") no-repeat;
                          left:20px;}

#content-image #image-8 {width:300px;
                          height:170px;
                          position:relative;
                          background:transparent url("./images/pict_media.jpg") no-repeat;
                          left:20px;}


#content-image #image-9 {width:300px;
                          height:360px;
                          position:relative;
                          background:transparent url("./images/pict_gallery.jpg") no-repeat;
                          left:20px;}

#content-image #image-10 {width:150px;
                          height:315px;
                          position:relative;
                          background:transparent url("./images/pict_discography.jpg") no-repeat;
                          left:20px;}

#content-image #image-12 {width:300px;
                          height:300px;
                          position:relative;
                          background:transparent url("./images/pict_news.jpg") no-repeat;
                          left:20px;}

#content-image #image-14 {width:300px;
                          height:210px;
                          position:relative;
                          background:transparent url("./images/pict_reiharakami.jpg") no-repeat;
                          left:20px;}

#content-image #image-15 {width:150px;
                          height:290px;
                          position:relative;
                          background:transparent url("./images/pict_discography_itunes.jpg") no-repeat;
                          left:20px;}

#content-image #image-16 {width:150px;
                          height:250px;
                          position:relative;
                          background:transparent url("./images/pict_discography_analog.jpg") no-repeat;
                          left:20px;}

#content-image #image-404 {width:300px;
                          height:100px;
                          position:relative;
                          background:transparent url("./images/pict_404.jpg") no-repeat;
                          left:20px;}

#contents #subpage {position:relative;
                    left:20px;
                    width:300px;}

#contents #subpage ul {width:200px;
                       font-size:77%;
                       margin:0 0 0 20px;}

#contents #subpage ul li {margin:15px 0;
                          }

#contents #subpage ul li a {background-color:#fff;
                            color:#333;
                            text-decoration:none;
                            padding:5px;
                            border:1px solid #ccc;
                            }

#contents #subpage ul li a:hover {background-color:#efefef;
                                  color:#333;
                                  text-decoration:none;}


#entry-content {width:360px;
                float:left;
                min-height:500px;}

#entry-content h1 {border-top:3px solid #000;
                   color:#000;
                   padding:30px 0;}

#entry-content #text {font-size:85%;
                      line-height:200%;}

#entry-content #text p {margin:0 0 1.5em 0;}

#discography #entry-content {width:510px;}

#discography #content-image {width:210px;}

#discography #entry-content .cd_jacket {width:150px;
                                        float:left;}

#discography #entry-content .cd_list {width:340px;
                                      float:right;}

#discography #entry-content .cd_data {border-bottom:1px solid #ccc;
                                      padding:0 0 5px 0;
                                      line-height:175%;} 

#discography #entry-content .cd_data span {font-size:116%;
                                           font-weight:bold;
                                           }

#discography #entry-content #cd_set .thisis {background-color:#f8fc96;}

#discography #entry-content h2 {font-size:108%;
                                padding:5px;
                                border-top:1px solid #999;
                                border-bottom:1px solid #999;
                                margin:10px 0;}

#contents #discography #subpage {position:relative;
                                 left:20px;
                                 width:180px;}

#contents #discography #subpage ul {width:150px;
                                    font-size:77%;
                                    margin:0 0 0 20px;}

/*======SIDEBAR=====*/

#menu {width:100%;}

#menu li.top {width:40px;
              float:left;
              margin:5px 0 0;}

#menu li.submenu {width:190px;
                  float:right;}

#menu li.submenu ul {border-left:1px solid #aaa;}

#menu li.submenu ul li {margin:5px 0 5px 5px;
                        position:relative;}

#menu li.submenu ul li .last_update {position:absolute;
                                     right:20px;
                                     top:2px;
                                     color:#999;
                                     font-size:93%;}

#update,
#copyright,
#jasrac,
#banner {margin:5px 0 10px 40px;}

#update {background-color:#efefef;
         padding:5px;
         }

#update a {text-decoration:none;}

#copyright {font-family:Arial,sans-serif;
            line-height:125%;}

#jasrac dl {line-height:150%;}

#jasrac dl dd {float:left;}

#jasrac dl dt {width:30px;
               float:left;
               margin:0 0 0 5px;}



/*======WP-PAGENAVI=====*/

.wp-pagenavi {font-size:85%;
              margin:5px 0 5px 10px;}

.wp-pagenavi a, .wp-pagenavi a {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #a3a26e;
	color: #a3a26e;
	background-color: #FFFFFF;
}

.wp-pagenavi a:hover {	
	border: 1px solid #e8e7bc;
	color: #e8e7bc;
	background-color: #FFFFFF;
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #a3a26e;
	border: 1px solid #a3a26e;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #e8e7bc;
	color: #e8e7bc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #a3a26e;
	color: #a3a26e;
	background-color: #FFFFFF;
}