/*
Theme Name:magazine
Theme URI:http://magazine.happy-room.net/
Description:design by happyroom.
Author:oto
*/

@charset "UTF-8";

* { box-sizing: border-box}
* { -moz-box-sizing: border-box}

body{color:#444; margin:10px 0 0 40px; font-size:80%; width:100%; line-height:1.4; padding:0; letter-spacing:1pt;
/* font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

h1,h2,h3,h4,h5,h6{margin:0}
p{margin:0}
ul,li{list-style:none; margin:0; padding:0}
img{border:0}
a{color:#0033FF}
a:visited{color:#990066}
a:hover{color:#33CCFF; text-decoration:none}

.clear{clear:both}

#maincontent{width:860px; margin-top:20px}
#leftcontent{float:left; width:550px}
#rightcontent{float:right; width:310px}
#rightcontent-left{float:left; width:190px}
#rightcontent-right{float:right; width:120px}
#singlecontent{width:520px; text-align:center; padding:9px 0; background:#FFF url('http://magazine.happy-room.net/wp-content/themes/magazine/image/single_top.gif') no-repeat}
#singlecontent-inner{background:#FFF url('http://magazine.happy-room.net/wp-content/themes/magazine/image/single_bottom.gif') 0 100% no-repeat; padding:0 0 9px 0}
#singlecontent-inner-inner{background:#FFF url('http://magazine.happy-room.net/wp-content/themes/magazine/image/single_middle.gif') repeat-y; padding:11px 0}


.rightcontent-pr{text-align:center}
.rightcontent-pr a{display:block; margin-top:10px}
.rightcontent-pr iframe{margin-top:10px}
.rightcontent-content{margin-top:10px; width:180px}
.rightcontent-content img{float:left; margin-right:5px}
.rightcontent-newarticle{margin-top:20px; width:180px}
.rightcontent-newarticle ul{padding:1px 0 0 0; border-top:1px solid #CCC; margin-top:10px}
.rightcontent-newarticle li{padding:4px 0 8px 0; border-bottom:1px solid #CCC}
.rightcontent-newarticle  p{font-size:85%; text-align:right}
.rightcontent-oshirase{margin-top:20px; width:180px}
.rightcontent-oshirase p{background:#FFF url('./image/icon_oshirase.gif') no-repeat 0 5px; padding:4px 0 2px 22px; margin-top:6px}
.rightcontent-ads{margin-top:20px}
.rightcontent-ads img{margin-bottom:10px}


/*header*/
#header{width:860px}
#headerleft{float:left; width:300px}
#headerleft a:hover{background-color:transparent}
#headerright{float:right; width:560px}

#headernavi{height:24px; width:560px}
#naviblog a{float:right; width:140px; height:24px; background:#ECE8E0 url('http://magazine.happy-room.net/wp-content/themes/magazine/image/naviblog.gif') 0 0 no-repeat; margin-left:5px}
#naviblog a:hover{background-position:0 -24px}
#navihome a{float:right; width:110px; height:24px; background:#ECE8E0 url('http://magazine.happy-room.net/wp-content/themes/magazine/image/navihome.gif') 0 0 no-repeat; margin-left:5px}
#navihome a:hover{background-position:0 -24px}
#navinewspaper a{float:right; width:135px; height:24px; background:#ECE8E0 url('http://magazine.happy-room.net/wp-content/themes/magazine/image/navinewspaper.gif') 0 0 no-repeat; margin-left:5px}
#navinewspaper a:hover{background-position:0 -24px}


/*footer*/
#footer{clear:both; width:860px; letter-spacing:normal; padding-top:40px}
ul.footerlink{width:860px}
.footerlink{padding-top:10px; line-height:1.6; text-align:left}
.footerlink li{float:left; padding-right:10px; #white-space:nowrap;/*IE回避用*/}
#copyright{width:860px; clear:left; padding:20px 0}




/*genzaichi*/
#genzaichi{width:860px; margin-top:20px}
#genzaichi h1{font-size:100%; display:inline}


/*single*/
.single-title{width:490px; border-top:2px solid #000; border-bottom:2px solid #000; padding:8px 0; margin:30px auto 0 auto; text-align:left}
.single-title h1{font-size:125%; color:#000}
.single-main{width:490px; text-align:left; line-height:1.8; margin:20px auto 0 auto}
.single-date{clear:both; text-align:right; padding-top:10px; width:490px; margin:0 auto}
.single-archive{width:490px; margin:30px auto 0 auto; text-align:left}
.single-archive h2{font-size:100%; color:#000}
.single-more{text-align:right; width:490px; margin:10px auto 0 auto}
.single-more a{background-color:#000; color:#FFFFFF; text-decoration:none; padding:2px 5px}
.single-more a:visited{color:#FFFFFF}
.single-more a:hover{background-color:#33CCFF; color:#FFFFFF}
.single-ads{width:490px; margin:0 auto; padding-top:10px; text-align:left}
.archive_icon{font-weight:bold; letter-spacing:4pt; font-size:110%}
.zengo{width:490px; margin:20px auto 0 auto; padding:8px; border-top:1px solid #CCC; border-bottom:1px solid #CCC}
.page-link{text-align:center}
.page-link span{font-weight:bold; font-size:125%; color:#666}
.page-link a{padding:2px 6px; border:1px solid #0066FF; background-color:#F0F0F0; text-decoration:none; font-size:125%; margin:0 5px}
.page-link a:hover{background-color:#0066FF; color:#FFF}
.page-link p{margin-top:5px; font-size:90%}


/*page*/
.page-title{width:490px; border-top:2px solid #000; border-bottom:2px solid #000; padding:8px 0; margin:30px auto 0 auto; text-align:left}
.page-title h1{font-size:125%; color:#000}
.page-main{width:490px; text-align:left; line-height:1.8; margin:20px auto 0 auto}
.page-main h2{font-size:110%; margin-top:20px; background:#FFF url('./image/shuzai/icon.gif') no-repeat 0 0; padding:2px 0 2px 32px}
.page-main p{margin-bottom:15px}

/*shuzai*/
.shuzai-gaiyou{background-color:#EEE; padding:10px}


/*book & DVD*/
.book-left{float:left; width:150px}
.book-left img{display:block; margin-bottom:5px}
.book-left a{display:block; width:120px}
.book-left p{width:130px}
.book-right{float:right; width:340px}
.book-right p{margin-bottom:15px}

.book-photo{text-align:center}
.book-text{margin-top:20px}
.book-text p{margin-top:15px}
.book-data{margin:25px 0 20px 0; border-left:6px solid #DDD; padding-left:6px}
.book-data h2{font-size:110%; color:#000}


/*s-zakka & cafe & reism*/
.s-zakka-text{float:right; width:275px}
.s-zakka-text p{margin-bottom:15px}
.s-zakka-image{float:left; width:215px}
.s-zakka-image img{margin-bottom:20px}
.s-zakka-data{clear:both; padding:10px; background-color:#EEE}
.s-zakka-data h2{font-size:100%; color:#000}

/*reism*/
.go-bukken{clear:both; font-size:14px; font-weight:bold; text-align:center; padding-top:10px}
.reism-data{margin-top:30px; border:1px solid #CCC; padding:10px; line-height:1.4}

/*ranking*/
.ranking-kekka{border-top:1px solid #DDD; padding:10px 0; line-height:100%}
.ranking-kekka p{margin:0; padding-left:40px}
#ranking-shukei{border-top:1px solid #DDD; padding:10px 0}
#ranking-comment{background-color:#EEE; padding:10px; margin:20px 0 10px 0; line-height:1.6}
#ranking-pr{border-top:1px solid #999; border-bottom:1px solid #999; padding:10px 0}
.ranking-per{float:right; width:80px; text-align:right}
.r1{float:left; width:400px; font-size:140%; font-weight:bold; color:#000; background:#FFF url('./image/ranking/1.gif') no-repeat 0 0; height:32px}
.r2{float:left; width:400px; font-size:132%; font-weight:bold; color:#000; background:#FFF url('./image/ranking/2.gif') no-repeat 0 0; height:32px}
.r3{float:left; width:400px; font-size:110%; font-weight:bold; color:#000; background:#FFF url('./image/ranking/3.gif') no-repeat 0 0; height:32px}
.r4{float:left; width:400px; color:#000; background:#FFF url('./image/ranking/4.gif') no-repeat 0 0; height:24px}
.r5{float:left; width:400px; color:#000; background:#FFF url('./image/ranking/5.gif') no-repeat 0 0; height:24px}
.r6{float:left; width:400px; color:#000; background:#FFF url('./image/ranking/6.gif') no-repeat 0 0; height:24px}
.r7{float:left; width:400px; color:#000; background:#FFF url('./image/ranking/7.gif') no-repeat 0 0; height:24px}
.r8{float:left; width:400px; color:#000; background:#FFF url('./image/ranking/8.gif') no-repeat 0 0; height:24px}
.r9{float:left; width:400px; color:#000; background:#FFF url('./image/ranking/9.gif') no-repeat 0 0; height:24px}
.r10{float:left; width:400px; color:#000; background:#FFF url('./image/ranking/10.gif') no-repeat 0 0; height:24px}

.r1 p{padding-top:15px}
.r2 p{padding-top:15px}
.r3 p{padding-top:15px}
.r4 p{padding-top:6px}
.r5 p{padding-top:6px}
.r6 p{padding-top:6px}
.r7 p{padding-top:6px}
.r8 p{padding-top:6px}
.r9 p{padding-top:6px}
.r10 p{padding-top:6px}


/*category*/
.category-archive{margin:30px auto 0 auto; border-top:1px solid #DDD; width:490px; text-align:left}
.category-archive ul{margin-bottom:10px}
.category-archive li{padding:0; border-bottom:1px solid #DDD}
.category-archive-l{float:left; width:95px; padding:10px 0}
.category-archive-l img{width:80px}
.category-archive-r{float:right; width:395px; padding:10px 0}
.category-archive-r p{margin-top:5px}
.category-archive-ranking{padding:10px 0}


/*pager*/
.tablenav{text-align:center; padding:10px 0 0 0; font-weight:14px}
.tablenav a:hover{background-color:#0033FF; color:#FFF}
a.page-numbers{padding:4px 6px; border:1px solid #0033FF; background-color:#E4E4E4}
a.prev{border:0; background-color:transparent}
a.next{border:0; background-color:transparent}


/*top*/
#topcontent{width:520px}
#top-leftcontent{float:left; width:220px; background:#FFF url('./image/top/single_top.gif') no-repeat; padding-top:9px}
#top-leftcontent-inner{padding-bottom:9px; background:#FFF url('./image/top/single_bottom.gif') no-repeat 0 100%; padding-bottom:9px}
#top-leftcontent-inner-inner{width:200px; background:#FFF url('./image/top/single_middle.gif') repeat-y; padding:1px 0; text-align:center; line-height:1.6}
#top-leftcontent-inner-inner p{margin-top:15px}
#top-rightcontent{float:right; width:300px}
#top-rightcontent ul{border-top:1px solid #DDD}
#top-rightcontent li{border-bottom:1px solid #DDD; padding:10px 0}
#top-rightcontent li p{margin-top:5px}
.top-newarticle-category{text-align:right}
.top-newarticle-date{background-color:#000; color:#FFF; padding:1px 1px 1px 3px; margin-right:5px}
.top-diary{width:180px; margin:0 auto; text-align:left}
.top-diary strong{color:#000; display:block; background:#FFF url('./image/top/icon_pencile.gif') no-repeat 0 2px; padding:2px 0 2px 18px}
.top-diary img{width:180px; margin-bottom:10px}
.top-diary p{margin-top:8px}
.top-diary-date{text-align:right}


/*letter & missa & zakka*/
.letter-picture{text-align:center}
.letter-picture img{margin:0 auto}
.letter-text{margin-top:25px}
.letter-text p{margin-bottom:15px}


/*cotie*/
#cotie-main p{margin-bottom:15px; line-height:1.6}
#cotie-main strong{color:#303030}

/*profile*/
.profile{margin-top:30px; border:1px solid #CCC; line-height:1.4; width:490px}
.profile-left{float:left; width:148px; padding:10px 0}
.profile-left img{margin-left:10px}
.profile-right{float:right; width:340px; padding:10px 0; text-align:left}
.profile-right strong{margin-right:10px}
.profile-right p{margin:5px 10px 0 0}

.profile-cafe{width:520px}
.profile-left-cafe{width:128px}
.profile-right-cafe{width:390px}

/*cafe*/
.cafe-data{border-left:6px solid #CCC; padding-left:10px; margin:25px 0 20px 0; line-height:1.4}
.cafe-data h2{font-size:14px; margin:0}
.cafe{text-align:center}
.cafe p{text-align:left; margin-top:15px}
.cafe img{margin:0 5px 10px 5px}

.category-cafe{margin-top:15px}

#cafe-area{width:519px; overflow:hidden; margin-top:20px}
#cafe-area h3{font-size:100%; color:#000; border-top:4px solid #000; border-bottom:1px dashed #000; margin-bottom:15px; padding:4px 0}
#cafe-area a{color:#333}
#cafe-area a:hover{color:#999}
#cafe-area ul{float:left; width:173px}
#cafe-area li{margin-bottom:3px}
.cafe-area-p{margin-bottom:6px; font-weight:bold; font-size:110%}

/*zakka*/
.zakka-buy{text-align:center; margin:20px auto 15px auto; font-size:120%; width:490px}
.zakka-chui{text-align:center; font-size:85%; color:#666; width:490px; margin:0 auto 20px auto}
ul.zakka-recent{width:488px; overflow:hidden; margin:30px auto 0 auto}
.zakka-recent li{float:left; width:102px; text-align:left}
.zakka-recent li.zakka-recent-last{width:80px}
.zakka-recent img{width:80px}
ul.zakka-recent2{margin-top:20px}

/*sbm*/
ul.sbm-icon {
    padding:5px 0 0 0;
    text-align: right;
	width:490px;
}
ul.sbm-icon li {
    display: inline;
}