@charset "utf-8";
/*
Theme Name: Rollin Stone 日本版
Theme URI: http://www.rollingstonejapan.com
Description: ローリングストーン日本版の・・・
Version: 0.1
Author: Reiji Kitade
Author URI: 
*/



/************************************************
 * とりあえず。
 ************************************************/ 
a{
    color:#000000;
    text-decoration:none;
}

a:hover{
    color:#666666;
    text-decoration:underline;
}

*{
    padding:0;
    margin:0;
}

img{
    border-width:0px;
}

.center{
    text-align:center;
}

.left{
    text-align:left;
}

.right{
    text-align:right;
}

.nobr{
    white-space:nowrap;
}

.top{
    vertical-align:top;
}

.org{
    color:#FF6600;
}

.clb{
    clear:both;
}

hr{ border:none;color:#ffffff; clear:both;}
* html hr { height:0;width:0; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/************************************************
 * スタート<共通部分>
 ************************************************/ 
body{
    font-size:.9em;
    line-height:1.5em;
    text-align:center;
    background:#000000;
}

div#wrap{
    width:800px;
    margin:0 auto;
    text-align:left;
    background:#ffffff;
}

div#header{
    height:105px;
    background:url(./images/head_bg.gif) repeat-x 0 0;
}

h1{
    display:block;
    width:364px;
    height:87px;
    background:url(./images/head_logo11.png) no-repeat 15px 10px;
    float:left;
}

h1 a{
    display:block;
    width:364px;
    height:87px;
    text-indent:-10000px;
}

/****************
div#ilm_logo{
    float:right;
    width:80px;
    text-indent:-10000px;
    padding:30px 23px 10px 0;
}

div#ilm_logo a{
    display:block;
    width:52px;
    height:35px;
    background:url(./images/head_ilm.gif) no-repeat 0 0;
}
*******************/

form#searchform{
    height:75px;

}

div#search_form{
    text-align:right;
    padding:30px 23px 0 0;
}

div#menu{
    float:right;
    clear:right;
    width:430px;
}

div#menu ul#menu_list{
    
}

div#menu ul#menu_list li{
    display:block;
    float:left;
    height:30px;
}

div#menu ul#menu_list li a{
    display:block;
    height:30px;
    background:url(./images/menu.png) no-repeat 0 0;
    text-indent:-10000px;
}

div#menu ul#menu_list li#menu_list_blog a{
    background:url(./images/menu.png) no-repeat 0 0;
    width:75px;
}

div#menu ul#menu_list li#menu_list_blog a:hover{
    background:url(./images/menu.png) no-repeat 0 -30px;
}

div#menu ul#menu_list li#menu_list_newissue a{
    background:url(./images/menu.png) no-repeat -75px 0;
    width:115px;
}

div#menu ul#menu_list li#menu_list_newissue a:hover{
    background:url(./images/menu.png) no-repeat -75px -30px;
}

div#menu ul#menu_list li#menu_list_cdreview a{
    background:url(./images/menu.png) no-repeat -190px 0;
    width:125px;
}

div#menu ul#menu_list li#menu_list_cdreview a:hover{
    background:url(./images/menu.png) no-repeat -190px -30px;
}

div#menu ul#menu_list li#menu_list_subscribe a{
    background:url(./images/menu.png) no-repeat -315px 0;
    width:115px;
}

div#menu ul#menu_list li#menu_list_subscribe a:hover{
    background:url(./images/menu.png) no-repeat -315px -30px;
}







div#content{
    background:#ffffff;
    padding:20px;
}

* html div#content{
    padding:20px 0 0 20px;
}

div#main_col{
    width:500px;
    float:left;
}

div#side_bar{
    width:250px;
    float:right;
    text-align:right;
}

* html div#main_col{
    
}

* html div#side_bar{
    width:260px;
    overflow:hidden;
    padding-right:20px;
    text-align:left;
}










ul#side_banner{
    list-style:none;
}

h3#title_popular, h3#title_similar{
    text-align:left;
    text-indent:-10000px;
    height:21px;
    background:url(./images/sidebar_title.png) no-repeat right 0;
    margin-top:10px;
}

h3#title_similar{
    background-position: right -21px;
}

ul#similar_post_list, ul#popular_post_list{
    list-style:none;
    text-align:left;
    padding:5px 0 0 7px;
    font-size:.8em;
    border-left:1px solid #aaaaaa;
    border-bottom:1px solid #aaaaaa;
    border-right:1px solid #aaaaaa;
    margin-left:6px;
    overflow:hidden;
    line-height:150%;
}

ul#similar_post_list li, ul#popular_post_list li{
    white-space:nowrap;
    width:226px;
}


div#footer{
    clear:both;
    background:#000000;
}

ul#footer_menu{
    list-style:none;
}

ul#footer_menu li{
    float:left;
    display:block;
    padding:5px;
}

ul#footer_menu li a{
    display:block;
    height:15px;
    text-indent:-10000px;
}

ul#footer_menu li a#footer_privacy{
    background:url(./images/foot_menu_privacy.gif) no-repeat 0 0;
    width:100px;
}

ul#footer_menu li a#footer_sitemap{
    background:url(./images/foot_menu_sitemap.gif) no-repeat 0 0;
    width:80px;
}

ul#footer_menu li a#footer_inquiry{
    background:url(./images/foot_menu_inquiry.gif) no-repeat 0 0;
    width:80px;
}

div#copyright{
    background:#222222;
    clear:both;
    color:#999999;
    padding:1em;
    font-size:.8em;
}






/************************************************
 * ナビゲーション
 ************************************************/ 

div.navigation{
    width:100%;
    padding-top:1em;
    clear:both;
    margin-top:1em;
}

div.navigation div.alignleft{
    width:50%;
    text-align:center;
    float:left;
}

div.navigation div.alignright{
    width:50%;
    text-align:center;
    float:right;
}




/************************************************
 * コメント
 ************************************************/ 

h3#comments, h3#leave_comments{
    padding-top:25px;
    line-height:120%;
    clear:both;
}
a#comments_a, a#leave_comments_a{
    color:#ffffff;
    display:block;
    padding:1px 0 1px 1.2em;
    border:1px solid #333333;
    background:#c70000 url(./images/arrow.png) no-repeat .3em .3em;
}

div#respond{
    
}

p#comment_notice{
    font-size:.7em;
    padding:1em;
}

div#cancel-comment-reply{
    padding-top:5px;
}

div#respond p.input_ne{
    /*height:2em;*/
    padding:.3em 0;
    clear:both;
}

div#respond p.input_sm{
    padding:5px 0 0 1em;
}

div#respond small{
    width:3em;
    display:block;
    float:left;
    clear:both;
    text-align:right;
    padding-right:.5em;
}

div#respond input{
    display:block;
    float:left;
}

ul.commentlist{
    padding:5px 0 10px 0;
    list-style:none;
    clear:both;
}

ul.commentlist li{
    border-bottom:1px #999999 dotted;
    padding:3px 0 3px .6em
}

ul.commentlist li div span{
    font-weight:bold;
}

ul.commentlist li p{
    padding:0 0 0 .6em
}



/************************************************
 * INDEX
 ************************************************/ 
h2#top_newissue{
    width:760px;
    height:320px;
    text-indent:-10000px;
}

h2#top_newissue a{
    width:760px;
    height:320px;
    display:block;
}

h2#top_title_cdreview{
    height:40px;
    width:760px;
    margin-top:20px;
}

h2#top_title_cdreview a{
    background:url(./images/top_cdreview_title.gif) no-repeat 0 0;
    height:40px;
    width:760px;
    display:block;
    text-indent:-10000px;
}

h2#top_title_cdreview a:hover{
    background-position:0 -40px;
}



div#index_cd_list{
    /*width:320px;*/
}

div#index_cd_list ul{
    list-style:none;
    font-size:.9em;
    line-height:130%;
}

div#index_cd_list ul li{
    width:270px;
    float:left;
    margin:4px;
    border-bottom:1px solid #000000;
    height:55px;
}

div#index_cd_list ul li#first_cd{
    width:190px;
    float:left;
    border-bottom:0px solid #ffffff;
    height:250px;
}

div#index_cd_list ul li#first_cd p{
    font-size:1.4em;
    font-weight:bold;
    line-height:1.7em;
}

div#index_cd_list ul li#first_cd{
    /*width:180px;*/
}

div#index_cd_list ul li div.jacket70{
    float:left;
}

div#index_cd_list ul li div.title{
    float:left;
    width:200px;
    padding-left:4px;
}

div#index_cd_list ul li div.title span{
    /*display:block;*/
}

div#index_cd_list ul li div.title span.cd_title{
    color:#666666;
}

div#top_etc{
    clear:both;
    padding-top:10px;
}

div#top_news{
    width:480px;
    float:left;
}

h2#top_title_news{
    width:480px;
    height:40px;
    text-indent:-10000px;
    float:left;
    margin-bottom:10px;
}

h2#top_title_news a{
    width:480px;
    height:40px;
    background:url(./images/top_news_title.png) no-repeat 0 0;
    display:block;
}

h2#top_title_news a:hover{
    background-position:0 -40px;
}

div#top_side{
    float:right;
    text-align:left;
    width:250px;
}

* html div#top_side{
    width:260px;
    overflow:hidden;
    padding-right:20px;
    text-align:left;
}

ul#top_news_list{
    list-style:none;
}

ul#top_news_list li{
    border-bottom:1px dotted #000000;
    padding:4px;
}

ul#top_news_list li a{
    color:#990000;
}

ul#top_news_list li h3 a{
    color:#000000;
    font-size:.9em;
}

ul#top_news_list span.hiduke{
    color:#990000;
    font-weight:bold;
    display:block;
}

ul#top_news_list a.n_title{
    font-weight:bold;
    display:block;
    padding-left:.51em;
}

ul#top_news_list p{
    font-size:.8em;
    padding-left:1em;
}




/************************************************
 * BLOG
 ************************************************/ 
div#blog_list p a, div#blog_single p a{
    color:#990000;
}

h2#title_blog{
    width:300px;
    height:50px;
    background:url(./images/title_blog.gif) no-repeat 0 0;
    text-indent:-10000px;
}

h2#title_blog a{
    width:300px;
    height:40px;
    display:block;
}

div#blog_list ul{
    list-style:none;
    padding-top:1em;
}

div#blog_list ul li{
    padding-bottom:2.2em;
}

div#blog_list ul li h3, div#blog_single h3#blog_single_title{
    font-size:1.2em;
    line-height:1.5em;
    border-bottom:1px solid #000000;
    border-top:1px solid #000000;
    padding-left:5px;
    clear:both;
}

small.date_small{
    float:right;
}

div#blog_list ul li p, div#blog_single p{
    padding:10px 0 0 1em;
    clear:both;
}





/************************************************
 * New Issue
 ************************************************/ 
div#content_header{
    height:60px;
}

h2#title_contents{
    width:300px;
    height:50px;
    background:url(./images/title_contents.gif) no-repeat 0 0;
    text-indent:-10000px;
    float:left;
}

div#content_header strong{
    float:right;
    height:50px;
    display:block;
    color:#76121c;
}

div#mokuji{
    line-height:100%;
    /*font-family: "century gothic", futura, arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;*/
    width:100%;
    clear:both;
}

div#mokuji div{
    float:left;
    padding:5px;
}

div#mokuji div#c1{
    width:290px;
}

div#mokuji div#c2{
    width:240px;
}

div#mokuji div#c3{
    width:200px;
}

div#mokuji span{
    display:block;

    font-weight:bold;
}

.c_h0{
    border-top:#76121c 5px solid;
    color:#76121c;
    line-height:100%;
    padding:3px 0 4px 2px;
    margin-top:2em;
}

.c_pagenum{
    color:#76121c;
    line-height:100%;
    /*line-height:140%;*/
    padding:5px 0 0 0;
    font-size:0.8em;
}

.c_h1{
    font-size:4.0em;
    line-height:120%;
}

.c_h2{
    font-size:3.0em;
    line-height:120%;
}

.c_h3{
    font-size:2.2em;
    line-height:120%;
}

.c_h4{
    font-size:1.6em;
    line-height:120%;
}

.c_h5{
    font-size:1.2em;
    line-height:120%;
}

.c_h6{
    font-size:0.8em;
    line-height:120%;
}



/************************************************
 * CD Review
 ************************************************/ 
h2#title_cdreview{
    width:300px;
    height:50px;
    background:url(./images/title_cdreview.gif) no-repeat 0 0;
    text-indent:-10000px;
}

h2#title_cdreview a{
    width:300px;
    height:40px;
    display:block;
}

ul#cd_month_list{
    list-style:none;
    font-size:.8em;
}

ul.cd_month_list{
    list-style:none;
    display:inline;
}

ul.cd_month_list li{
    display:inline;
}

div#cd_list{
    padding-top:15px;
}

div#cd_list ul{
    list-style:none;
}

div#cd_list ul li div.title{
    float:left;
    border-bottom:1px solid #000000;
    width:390px;
    padding:5px;
}

div#cd_list ul li div.title span.cd_artist{
    font-weight:bold;
    float:left;
}

div#cd_list ul li div.title span.cd_title{
    float:left;
    clear:left;
}

div#cd_list ul li div.title span.cd_star{
    float:right;
}

div#cd_list ul li div.jacket{
    float:right;
    clear:both;
    width:90px;
}

div#cd_list ul li div.jacket img{
    border:1px solid #dddddd;
    height:70px;
    width:70px;
    margin-left:10px;
}


div#cd_review_single{
    
}

div#cd_review_single img.jacket{
    border:1px solid #aaaaaa;
    float:left;
}

div#cd_review_single div#cd_review_detail{
    float:left;
    margin:0 20px;
    border-top:1px solid #000000;
    width:280px;
}

div#cd_review_single div#cd_review_detail h3{
    font-size:1.2em;
    line-height:1.5em;
    border-bottom:1px solid #000000;
    padding-left:5px;
}

div#cd_review_single div#cd_review_detail h4{
    font-size:1em;
    line-height:2em;
    border-bottom:1px solid #000000;
    padding-left:5px;
}

div#cd_review_single div#cd_review_detail span#star{
    padding:2px 0 1px 1px;
    display:block;
    border-bottom:1px solid #000000;
}

div#cd_review_single div#cd_review_detail span#label{
    display:block;
    padding-top:40px;
    color:#555555;
    text-align:right;
}

div#cd_review_single div.entry{
    clear:both;
    padding-top:20px;
}

div#cd_review_single div.entry span.head{
    color:#c70000;
    font-weight:bold;
    line-height:300%;
    display:block;
}

div#cd_review_single div.entry span.auther{
    line-height:300%;
}

div#cd_review_single div.entry2{
    margin-bottom:10px;
    text-align:right;
    line-height:100%;
}

div#cd_review_single div.entry2 img{
    margin-bottom:-2px;
}

hr.dotted{
    border-top:1px dotted #555555;
}




/************************************************
 * 読者プレゼント
 ************************************************/ 
div#present_notice{
    margin:20px auto;
    width:550px;
    padding-top:20px;
    text-align:left;
}

div#present_notice h2{
    font-size:1.4em;
    color:#009966;
}

div#present_notice p{
    font-size:.8em;
    line-height:160%;
}

div#present_notice strong{
    font-size:1.2em;
    line-height:300%;
}

div#present_notice div#iframe{
    height:180px;
    overflow:auto;
    border:1px solid #555555;
    margin:10px 0;
    padding:5px;
    background:#ffffcc;
}

div#present_notice div#iframe p{
    margin-bottom:1em;
}

div#present_notice p.center{
    padding:10px;
}

div#present_link{
    width:100%;
    text-align:center;
}



/************************************************
 * WEB限定プレゼント
 ************************************************/ 

h2#title_webpresent{
    width:360px;
    height:53px;
    background:url(./images/title_webpresent.gif) no-repeat 0 0;
    text-indent:-10000px;
    margin-bottom:15px;
}

h2#title_webpresent a{
    width:360px;
    height:53px;
    display:block;
}

ul#webpresent_list{
    list-style:none;
    width:760px;
}

ul#webpresent_list li{
    clear:both;
    padding-top:10px;
}

ul#webpresent_list li.dotline{
    border-top:1px dotted #333333;
}

ul#webpresent_list li h3{
    font-size:1.4em;
    line-height:100%;
    padding:15px 0;
}

ul#webpresent_list li.webpresent-item0 div.webp{
    float:left;
    width:60%;
}

ul#webpresent_list li.webpresent-item1 div.webp{
    float:right;
    text-align:left;
    width:60%;
}

ul#webpresent_list li div h3{
    float:left;
}

ul#webpresent_list li img.number{
    float:right;
}

ul#webpresent_list li p img{
    margin-bottom:10px;
}

ul#webpresent_list li.webpresent-item0 img.main_img{
    float:right;
    width:300px;
}

ul#webpresent_list li.webpresent-item1 img.main_img{
    float:left;
    width:300px;
}

ul#webpresent_list li p.para a{
    color:#d2af21;
    font-weight:bold;
}

ul#webpresent_list li.webpresent-item0 p.para{
    float:left;
    width:60%;
}

ul#webpresent_list li.webpresent-item1 p.para{
    float:right;
    width:60%;
}

ul#webpresent_list li.webpresent-item0 p.go_detail{
    float:left;
    width:60%;
    padding-top:10px;
}

ul#webpresent_list li.webpresent-item1 p.go_detail{
    float:right;
    width:60%;
    padding-top:10px;
}

p.webp_due{
    color:#ff2222;
    line-height:300%;
}

p.go_detail{
    margin-bottom:10px;
}

p.go_detail a{
    color:#990000;
}

div#webpresent_apply{
    clear:both;
    width:100%;
    margin-top:10px;
    padding-top:10px;
}

p#apply_end{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #111111;
}



/************************************************
 * 検索
 ************************************************/ 
ul#search{
    list-style:none;
    margin-top:10px;
}

ul#search li{
    padding:10px 5px;
}

ul#search li p{
    display:inline;
}

ul#search li p br{
    display:none;
}