@charset "utf-8";

/* 8ch-club CSS  */


/* General  */
body{margin:0px;padding:0px;text-align:center;background:url(/jos/images/musio_blog/070607/bg3.jpg) 50% 0% repeat #001737;color:#FFFFFF;}
h1,h2,h3,h4,h5,p,blockquote,ul,ol,li,dl,dd,td,form,code {margin:0px;padding:0px;font-size:13px;line-height:100%;}
h1,h2,h3,h4,h5 {font-family:"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka",Helvetica,Verdana,Arial,sans-serif;font-weight:bold;}
p,blockquote,ul,ol,li,dl,dd,td,form,code {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka",Helvetica,Verdana,Arial,sans-serif;}
ul {list-style:none;}
a {color:#FFFFFF;}
div {margin:0px;padding:0px;border-width:0px;}
hr,.dn {display:none;}
a img,img {border:none;margin:0px;padding:0px;}


/* Wrapper  */
#wrapper {width:100%;margin:0px 0px 0px 0px;text-align:center;background:url(/jos/images/musio_blog/070607/bg4.jpg) 50% -100px no-repeat;}
#wrapper-Matryoshka {width:840px;margin:0px auto;text-align:left;}
#head {margin:0px 0px 5px 0px;padding-top:20px;height:70px;}
#head h1 {width:280px;height:70px;margin-left:5px;float:left;}
#head p#headfb {width:500px;height:70px;float:right;text-align:right;vertical-align:bottom;}
#head p#headfb img {vertical-align:bottom;}
#head:after {content:".";display:block;height:0px;clear:both;visibility:hidden;}
#head {display:inline-table;}
/* ie mac \*/
* html #head {height:1%;}
#head {display:block;}
/* ie mac */
#bodybox {width:840px;margin:0px auto;text-align:left;}
#bodybox:after {content: ".";display:block;height:0px;clear:both;visibility:hidden;}
.leftshoulderbox {width:155px;margin:0px 0px 0px 5px;float:left;}
.twocolumcenterbox {width:665px;margin-bottom:20px;float:right;}
#foot {width:840px;padding-top:10px;background:#490735;clear:both;border-top:;}
#foot p {margin:0px 10px 0px 10px;padding:10px 0px 10px 0px;line-height:200%;color:#FFFFFF;}
#foot p a {text-decoration:none;color:#FFFFFF;}


/* leftshoulderbox  */
.memberframe {margin-bottom:5px;}
.memberframe .loginbox {width:155px;height:135px;margin:5px 0px 5px 0px;background:url(/jos/images/musio_blog/070607/login_bg.gif) left top no-repeat;}
.memberframe .loginbox p {margin:0px 10px 5px 10px;font-size:11px;line-height:120%;}
.memberframe .loginbox p.txh {padding-top:10px;}
.memberframe .loginbox input {width:120px;height:18px;font-size:13px;}
.memberframe .loginbox input.loginbutton {width:70px;height:29px;text-align:right;}
.mobiframe {width:155px;margin-bottom:5px;background:url(/jos/images/musio_blog/070607/flame_bg155_m.gif) left top repeat-y;}
.mobiframe h3 {width:155px;height:25px;margin-bottom:5px;background:url(/jos/images/musio_blog/070607/menu_mobile.gif) left top no-repeat;text-indent:-4649px;}
.mobiframe p {margin:0px 5px 0px 5px;font-size:11px;line-height:120%;}
.mobiframe p.qr {margin-top:10px;text-align:center;color:#000000;}
.mobiframe p.frameend {width:155px;height:10px;margin:0px 0px 0px 0px;font-size:0;line-height:0;color:#FFFFFF;background:url(/jos/images/musio_blog/070607/flame_end155_m.gif) left top no-repeat;}
.syndicateframe {width:155px;margin-bottom:5px;background:url(/jos/images/musio_blog/070607/flame_bg155_s.gif) left top repeat-y;}
.syndicateframe h3 {width:155px;height:25px;margin-bottom:5px;background:url(/jos/images/musio_blog/070607/menu_rss.gif) left top no-repeat;text-indent:-4649px;}
.syndicateframe ul {margin:0px 2px 0px 2px;}
.syndicateframe ul li {display:inline;}
.syndicateframe ul li img {width:65px;height:15px;margin:0px 0px 10px 8px;}
.syndicateframe p.frameend {width:155px;height:10px;margin:0px 0px 0px 0px;font-size:0;line-height:0;color:#FFFFFF;background:url(/jos/images/musio_blog/070607/flame_end155_s.gif) left top no-repeat;}
.musiocalendar {margin:10px 0px 10px 0px;}
.musiocalendar h3 {padding:5px;background:#000000;border:1px solid #000000;font-size:12px;}
.leftshoulderbox table {width:155px;border-width:0px;border-spacing:0px;border-collapse:collapse;empty-cells:hide;background:#FFFFFF;}
.leftshoulderbox table th {padding:2px;border:1px solid #000000;font-size:10px;font-weight:bold;color:#FFFFFF;text-align:center;background:#FF0066;}
.leftshoulderbox table td {padding:5px 2px 5px 2px;border:1px solid #000000;font-size:10px;color:#3366CC;text-align:right;}
.leftshoulderbox table td a {font-weight:bold;color:#FF0066;text-decoration:underline;}


/* twocolumcenterbox */
.twocolumcenterbox .musioblogbody {width:580px;margin:0px 15px 20px 15px;padding-top:20px;background:#000000;}
.twocolumcenterbox .musioblogbody p.paginate {margin:20px 15px 20px 15px;font-size:11px;text-align:right;}
.twocolumcenterbox table.blog {width:200px;margin:0px 15px 40px 15px;border-width:0px;border-spacing:0px;border-collapse:collapse;empty-cells:hide;}
.twocolumcenterbox .contentpagetitle {width:550px;font-size:16px;font-weight:bold;color:#3366CC;text-decoration:none;vertical-align:top;}
.twocolumcenterbox table.blog .contentpaneopen {width:550px;margin-bottom:20px;font-size:13px;line-height:160%;border-bottom:1px solid #3366CC;}
.twocolumcenterbox table.blog .contentpaneopen img {}
.twocolumcenterbox .contentpaneopen .createdate {margin:10px 0px 0px 0px;padding:5px 0px 20px 0px;font-size:11px;text-align:right;}
.twocolumcenterbox .para ul {margin-left:15px;}
.twocolumcenterbox .para ol {margin-left:15px;}
.twocolumcenterbox .para li {margin-left:15px;line-height:160%;}
.twocolumcenterbox .componentheading {width:665px;margin-bottom:390px;line-height:100%;text-indent:-4649px;background-image:none;background-color:transparent;}
.back_button {width:580px;font-size:13px;line-height:160%;text-align:center;}

h2.statich2 {width:665px;margin-bottom:390px;line-height:100%;text-indent:-4649px;background-image:none;background-color:transparent;}

#commentbubble {margin-bottom:10px;paddin-bottom:10px;border-bottom:1px dashed #3366CC;}
td.commenttop {padding:20px 0px 10px 0px;width:550px;font-size:16px;font-weight:bold;color:#3366CC;text-decoration:none;vertical-align:top;}
#writecomment {padding:20px 0px 10px 0px;width:550px;font-size:16px;font-weight:bold;color:#3366CC;text-decoration:none;vertical-align:top;}
.commentfooter2 {line-height:160%;}

.comment8chclub {width:100%;margin-bottom:10px;border:1px dashed #333333;}
.commentnumber {margin:10px 10px 5px 10px;font-size:11px;text-align:right;}
p.comment {margin:0px 10px 10px 10px;font-size:13px;line-height:140%;}
p.commentname {margin:0px 10px 10px 10px;font-size:11px;text-align:right;}



.twocolumcenterbox .para {margin:0px 15px 40px 15px;}
.twocolumcenterbox .para:after {content:".";display:block;height:0px;clear:both;visibility:hidden;}
.twocolumcenterbox .para {display:inline-table;}
/* ie mac \*/
* html .twocolumcenterbox .para {height:1%;}
.twocolumcenterbox .para {display:block;}
/* ie mac */
.twocolumcenterbox .para h3 {margin-bottom:20px;font-size:16px;color:#3366CC;}
.twocolumcenterbox .para h4 {margin-bottom:20px;font-size:14px;color:#3366CC;border-bottom:1px dashed #3366CC;}
.twocolumcenterbox .para p {font-size:13px;line-height:160%;}
.twocolumcenterbox .para p img {margin:0px 10px 10px 0px;float:left;}
.twocolumcenterbox .para p.logdata {margin:20px 0px 0px 0px;font-size:11px;border-top:1px dashed #3366CC;text-align:right;}
.twocolumcenterbox .para ul {margin-left:15px;}
.twocolumcenterbox .para ol {margin-left:15px;}
.twocolumcenterbox .para li {margin-left:15px;line-height:160%;}