/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}
body {
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
html>body {
    font-size: 12pt;
}

br { letter-spacing:normal; }

/* リンク */
a,
a:link,
a:visited {
    color: #3333ff;
    text-decoration: none;
    letter-spacing: 0;
}
a:hover {
    color: #ff3300;
    text-decoration: underline;
    letter-spacing: 0;
}
a:active {}

/* 画像 */
a img {
    border: none;
}

.hs {
    margin:0 10px 0 0;
}


.hs5 {
    margin:0 5px;
}

.hs10 {
    margin:0 10px;
}

.hsr10 {
    margin:0 10px 0 0;
}

.hs20 {
    margin:0 20px;
}

.vs5 {
    margin:5px 0;
}

.vs10 {
    margin:10px 0;
}

.font14bb {
    font: bold 14px/170% Arial, Verdana, Helvetica, sans-serif;
    background:#f7f7f7;
}

.font_cg {
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    background:#f8fcf8;
    color:#339933;
}


/* フォーム */
form {
    margin:: 0;
}
#search-options,
input,
textarea {
    padding: 1px;
}
#search {
    width: 140px;
    height: 20px;
}
html > body #search {
    height: 15px;
}


/* レイアウト */

#box {
    margin-right: auto;
    margin-left: auto;
    padding:: 0;
    text-align: left;
    background-color: #fff;
    width: 920px;
}

#searchbox {
    margin-right: auto;
    margin-left: auto;
    padding:: 0;
    text-align: left;
    background-color: #fff;
    width: 760px;
}


/* トップレイアウト(右サイドバー) */

#top_content {
    float: left;
    width: 568px;
 }

#top_rightbox {
    float: left;
    width: 350px;
    padding: 10px 0;
}



/* トップ右サイドバー内レイアウト */

#top_right_l{
    float: left;
    width: 170px;
    padding: 0 0 0 5px;
}

#top_right_r{
    float: right;
    width: 170px;
    padding: 0 0 0 5px;
}



/* 個別レイアウト(右サイドバー) */

#post_content {
    float: right;
    width: 750px;
}

#post_leftbox {
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    padding:0x;
    background:url(http://jafmate.sakura.ne.jp/image/leftline.gif) top right no-repeat;
    width:170px;
    float:left;
    text-align:left;
}



/* 2カラム固定レイアウト(左サイドバー:ブログ記事全体) */
.blog {
    padding: 10px 0;
}


/* 検索レイアウト */


#search_content {
    float: right;
    width: 570px;
    text-align: left;
}

#search_leftbox {
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    padding-top:20px;
    width:180px;
    float:left;
    text-align:center;
}

.search_ad{
    margin:30px 0 0 20px;
    padding:10px 0 5px 10px;
    font: normal 13px/170% Arial, Verdana, Helvetica, sans-serif;
    background-color:#EEE;
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
}


/* カテゴリ内 */

.cat_title{
    font: normal 13px Arial, Verdana, Helvetica, sans-serif;
    margin:5px 0q 10px 30px;
    padding:0;
}

.cat_title a{
    background:#F5F5F5;
}

.cat_text{
    font: normal 10px Arial, Verdana, Helvetica, sans-serif;
    margin:5px 0 0 20px;
    color:#666;
}

.cat_table{
    margin:0 0 20px 0;
}

.cat_rank{
    padding-top:5px;
    width:150px;
}


.art_title{
    margin-top:30px;
}

.art_title a{
    background:#F5F5F5;
}

.art_box{
    clear:both;
    padding:30px 0 0 30px;
    width:700px;
}

.art_box_l {
    font: normal 10px Arial, Verdana, Helvetica, sans-serif;
    color:#666;
    float:left;
    width:90px;
}

.art_box_r {
    float:right;
    width:580px;
    text-align:left;
    background:#F5F5F5;
    font-size:12px;
}


.art_pati{
    padding:20px 0 35px 0;
    font: normal 10px Arial, Verdana, Helvetica, sans-serif;
    color:#666;
}


.art_list_title{
    margin:20px 20px 0 0;
    padding:5px 0 10px 10px;
    border-left:0px solid #ccc;
    border-bottom:1px solid #ccc;
}

.art_list_title a{
    background:#F5F5F5;
}

.art_list{
    padding:10px 0 0 0;
    font: normal 10px Arial, Verdana, Helvetica, sans-serif;
    color:#666;
}


.sugo{
    padding:30px 0 40px 20px;
}


/* カテゴリタグ左サイド */


.tag1{
    margin:0;
    padding:0;
    background: transparent url(http://jafmate.sakura.ne.jp/image/tag1.gif) no-repeat bottom;
    height:15px;
    width:170px;
}

.tag2{
    margin:0;
    padding:0;
    background: transparent url(http://jafmate.sakura.ne.jp/image/tag2.gif) repeat-y;
    width:170px;
    height:100%;
    text-align:center;
}


.tag2a{
    font: bold 13px Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:10px 0 0 0;
    padding:0;
    text-align:center;
}

.tag2a ul{
    margin:0 0 0 20px;
    padding:0;
    list-style-type: none;
}

.tag2a li{
    float:left;
    width:25px;
    margin:0 0 10px 0;
    padding:0;
    list-style-type: none;
}

.tag2b{
    font: bold 13px Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:10px 0 0 0;
    padding:0;
    text-align:center;
}

.tag2b ul{
    margin:0;
    padding:0;
    list-style-type: none;
}

.tag2b li{
    margin:0 0 10px 0;
    padding:0;
    list-style-type: none;
}


.tag3{
    margin:0;
    padding:0;
    background: transparent url(http://jafmate.sakura.ne.jp/image/tag3.gif) no-repeat top;
    height:15px;
    width:170px;
}


/* カテゴリナビゲーション */

.link_page{
    font: bold 16px Arial, Verdana, Helvetica, sans-serif;
    background:#eeeeFF;
    padding:5px;
}

.link_first{
    font: bold 16px Arial, Verdana, Helvetica, sans-serif;
    padding-right:10px;
    background:#eeeeFF;
    padding:5px;
}

.link_last{
    font: bold 16px Arial, Verdana, Helvetica, sans-serif;
    padding-left:10px;
    background:#eeeeFF;
    padding:5px;
}

.current_page{
    background:#0000FF;
    color:#FFF;
    padding:5px;
}


/* 検索レイアウト内 */

.search_title{
    font: normal 13px/200% Arial, Verdana, Helvetica, sans-serif;
    margin:5px 0 20px 30px;
    padding:0;
}

#search-form {
    font-size: 83.3%;
}
.search-header {
    margin: 15px 0;
}
.search-result-header {
    margin: 15px 0 30px 0;
}

.search_topline {
    margin:30px 0 50px 30px;
    padding:10px 0 0 0;
    background:url(http://jafmate.sakura.ne.jp/image/untopline.gif) left top no-repeat;
    text-align:left;
}


.tag-amazon a,
.tag-amazon a:link{
    color: #fff;
    text-decoration: none;
    font-size:13px;
}

.tag-amazon a:hover {
    color: #ff3300;
    text-decoration: underline;
    font-size:13px;
}

/* ヘッダ */
#header {
    width:100%;
    text-align: center;
    margin:0;
    padding:0;
}

#header a,
#header a:link,
#header a:visited {
    text-decoration: none;
}

.result{
    margin:0 auto;
    padding:0;
    width:920px;
    clear:both;
}

.result_top{
    margin:0 auto 0px auto;
    padding:10px 0 0 0;
    width:920px;
    clear:both;
    text-align:left;
}

.result_top_more{
    margin:5px 0 10px 25px;
    font: normal 10px/170% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    color:#000;
}

.result_new{
    padding-left:95px;
}

.top_box_l {
    clear:both;
    float:left;
    font-size:12px;
    padding-top:5px;
}

.top_box_r {
    float:right;
    font-size:12px;
    padding-right:10px;
}


/* トップヘッダ */

.top_line{
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    padding:2px 10px 2px 10px;
    margin-bottom:10px;
    float:right;
    text-align: center;
    background-color:#fff;
    border-bottom:1px solid #ccc;
    width:100%;
}

.top_line td{
    padding:3px 0 0 0;
}

.top_text {
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    padding:0 0 0px 5px;
    margin:0;
    letter-spacing:1px;
    text-align:center;
    color:#333;
}

.top_menu {
    margin:10px auto 20px auto;
    text-align:center;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    padding-top:10px;
    width:750px;
}

.top_lyrics {
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    padding: 0px 0 0 50px;
    margin:0;
    letter-spacing:1px;
    text-align:left;
    color:#333;
}


/* 個別ヘッダ */

#menu {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color: #fff;
    width: 920px;
}


.menu_box1 {
    margin:0 auto 0 auto;
    text-align:center;
    width:920px;
}

.menu_box1_l {
    float:left;
    margin:0;
    padding-bottom: 5px;
    text-align:left;
    width:260px;
}


.menu_box1_r {
    font: normal 12px/200% Arial, Verdana, Helvetica, sans-serif;
    float:right;
    margin:0;
    padding:5px 10px 0 0;
    text-align:right;
    width:650px;
}

.nav {
    margin:0 0 5px 0;
}

.nav ul{
    float:right;
    margin:0;
    padding:0;
    list-style-type: none;
}

.nav li{
    float:left;
    margin:0;
    padding:0 0 0 10px;
}

.nav li img {
    margin-top:3px;
}

.post_top_menu {
    margin:0 auto 10px auto;
    padding:0;
    text-align:center;
    width:920px;
    height:30px;
    background:#EFEFF7;
    border-top:1px solid #dcdce4;
    border-bottom:1px solid #f1f1f8;
    clear:both;
}

.post_top_menu_l {
    font: normal 12px/100% Arial, Verdana, Helvetica, sans-serif;
    float:left;
    background:#EFEFF7;
    margin:0;
    padding:7px 0 0 0;
    text-align:left;
    width:570px;
}

.post_top_menu_l a, 
.post_top_menu_l a:link,
.post_top_menu_l a:visited {
    font: normal 12px/100% Arial, Verdana, Helvetica, sans-serif;
    color:#3333ff;
    text-decoration:none;

}

.post_top_menu_l a:hover {
    font: normal 12px/100% Arial, Verdana, Helvetica, sans-serif;
    color:#ff3300;
    text-decoration: underline;
}



.post_top_menu_r {
    float:right;
    background:#EFEFF7;
    margin:0;
    padding:2px 0 0 0;
    text-align:left;
    width:350px;
}



.top_line2 {
    margin:0 0 5px 0;
    padding:0;
    border-bottom:0px solid #ccc;
    width:100%;
}

.top_line2 a, 
.top_line2 a:link,
.top_line2 a:visited {
    color:#5555FF;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    text-decoration:none;
}

.top_line2 a:hover {
    color:#ff3300;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    text-decoration:none;
}


.posttop_table {
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    padding:0 10px 0 10px;
    margin:0 auto 0px auto;
    text-align:center;
}

.posttop_banner {
    margin:0;
    padding:0;
    text-align:left;
    font: normal 9px Arial, Verdana, Helvetica, sans-serif;
    color:#666;
    background: transparent 
url(http://jafmate.sakura.ne.jp/image/topk300.gif) no-repeat;
    width:300px;
    height:60px;
}


.posttop_text {
    font: normal 10px Arial, Verdana, Helvetica, sans-serif;
    color: #36414d;
    padding-left:150px;
    text-align:left;
}

.posttop_title {
    font: normal 11px Arial, Verdana, Helvetica, sans-serif;
    color: #36414d;
    padding:5px 0 5px 0;
    text-align:left;
}

.posttop_link {
    font: normal 11px Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
    color: #CCC;
    padding:0 0 0 20px;
}

.posttop_link a, 
.posttop_link a:link,
.posttop_link a:visited {
    color:#333;
    text-decoration:none;
}

.posttop_link a:hover {
    color:#ff3300;
    text-decoration:none;
}


/* 個別左サイド */

.chips {
    padding:5px 0 0 5px;
    margin:0 5px 5px 0;
    color:#333;
    font: normal 12px/150% Verdana, Helvetica, sans-serif;
    text-align:left;
    letter-spacing:0;
    background: transparent 
url(http://jafmate.sakura.ne.jp/image/80sh1.gif) repeat-x;
}


.chipstext{
    padding:0 0 0 5px;
    margin:10px 0 25px 0;
    color:#333;
}


.chipspv {
    margin:0;
    padding:0;
    color:#FFF;
}

.chipspv a, 
.chipspv a:link,
.chipspv a:visited {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color:#999999;
    text-decoration:none;
}

.chipspv td{
    margin:0;
    padding:0;
    font-size:0px;
    color:#FFF;
}




/* ブログ記事タイトル */
.entry-header {
    margin: 15px 0 0;
    padding-left: 5px;
    border-left: 3px solid #999;
    font-size: 100%;
    font-weight: bold;
}

h1 {
    padding:5px 0 0 10px;
    margin:0 0 15px 10px;
    font: bold 12px/150% Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
    letter-spacing:0;
    background: transparent 
url(http://jafmate.sakura.ne.jp/image/80sh1.gif) repeat-x;
}

h1 a, 
h1 a:link,
h1 a:visited {
    color:#333;
    text-decoration:none;
}

h1 a:hover {
    color:#333;
    text-decoration:none;
}

h2 {
    padding:5px 0 0 10px;
    margin:0;
    letter-spacing:1px;
    font: bold 120%/150% Arial, Verdana, Helvetica, sans-serif;
    border-bottom:2px solid #ccc;
    text-align:left;
    width:80%;
    background: transparent 
url(http://jafmate.sakura.ne.jp/image/h3bg.gif) repeat-x;
}


h3 {
    padding:5px 0 0 10px;
    margin:0;
    letter-spacing:1px;
    font: bold 120%/150% Arial, Verdana, Helvetica, sans-serif;
    border-bottom:2px solid #ccc;
    text-align:left;
    width:80%;
    background: transparent 
url(http://jafmate.sakura.ne.jp/image/h3bg.gif) repeat-x;
}



/* ブログ記事 */
.entry {
    width: auto;
    margin:0 10px 10px 20px;
    color: #36414d;
    background: #fff;
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
    letter-spacing:1px;
    word-break: break-all;
}


#post_left {
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    width:470px;
    float:left;
    margin:0;
}

#post_right {
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    margin:0;
    padding:0;
    float:right;
    width:230px;
}


#body-left {
    width:25%;
    float:left;
    margin:10px 0 20px 0;
}

#body-right {
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
    margin:20px 0 20px 0;
    padding-left:20px;
    float:right;
    width:70%
}

#body_left {
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    width:450px;
    float:left;
    margin:0 0 20px 0;
}

#body_left2 {
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    margin:0 0 20px 0;
}

#body_leftbox {
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    padding:30px 0 0 5px;
}


#body_right {
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    float:right;
    width:220px;
}


.disc_title {
    margin:0 0 40px 20px;
    padding:0 0 0 10px;
}

.disc_title li {
    margin:0;
    padding:0 0 15px 0;
}

.disc_title2 {
    margin:10px 0 20px 20px;
    padding:0 0 0 10px;
}

.disc_title2 li {
    margin:0;
    padding:0 0 8px 0;
}

.disco35 {
    margin:0 0 20px 10px;
    padding:0 0 0 10px;
    list-style-type:none;
}

.disco35 li {
    margin:0;
    padding:0 0 10px 0;
}

.grammy{
    font-size:10px;
    letter-spacing:0px;
    color:#008800;
}

.cd_link{
    border:1px solid #ccc;
    padding:5px 10px;
    margin:15px 0;
    background-color:#F4F4F4;
}

.song_ranking{
    margin:0;
    padding:5px 0;
}

.song_ranking img{
    width:90px;
    height:68px;
}

.song_text{
    font: normal 13px Arial, Verdana, Helvetica, sans-serif;
    margin:0;
    padding:0 0 0 15px;
}


/* ブログ記事 jskit */

.vote_box {
    width:430px;
    padding:15px 0 15px 0;
}

.vote_box_l {
    float:left;
    width:260px;
}

.vote_box_r {
    float:right;
    width:170px;
}


a.vote {
    display: block;
    width: 240px;
    height: 40px;
    background: url("http://hitspv.com/image/vote-button.png") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.vote {
    background-position: 0 -40px;
}


.songvote {
    display: block;
    width: 230px;
    height: 40px;
    background: url("http://hitspv.com/image/vote-button.gif") 0 0 no-repeat;
    text-decoration: none;
    cursor: pointer;
}

.clap_post  {
    border:none;
    position:relative;
    top:12px;
    left:12px;
}


.jskit  {
    width:420px;
    padding:5px;
    margin-top:15px;
    background:#EFEFEF;
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    clear:both;
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
}

.jskit a, 
.jskit a:link,
.jskit a:visited {
    color:#333;
    text-decoration:none;
}

.jskit a:hover {
    color:#333;
    text-decoration:none;
}


.js-CreateComment { width: 350px; }
.js-CreateComment textarea { width: 300px;height: 50px; }
.js-singleComment { width: 415px; }
.js-singleCommentDate { font-size: 10px; }
.js-singleCommentName { font-size: 10px; }


.js-singleCommentText  {
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
}


/* ブログ記事 動画下 */

.wiki{
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:0 10px 0 10px;
    padding:0;
    text-align:left;
}

.m_text4{
    font: normal 12px/130% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:10px 0 0 10px;
    text-align:left;
}

.m_text4 a, 
.m_text4 a:link,
.m_text4 a:visited {
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    color:#003063;
    text-decoration:underline;
}

.m_text4 a:hover {
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    color:#003063;
    text-decoration:underline;
}

.m_text5{
    font: normal 12px/130% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:0;
    text-align:left;
}

.m_text5 a, 
.m_text5 a:link,
.m_text5 a:visited {
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    color:#003063;
    text-decoration:underline;
}

.m_text5 a:hover {
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    color:#003063;
    text-decoration:underline;
}

.cm0{
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:5px 40px 0 0;
    text-align:left;
    padding:10px 10px 10px 10px;
    background-color:#EEE;
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
}


.cm1{
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:10px 0;
    text-align:left;
    padding:10px 10px 10px 10px;
    background-color:#EEE;
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
}

.cm2{
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:20px 0;
    text-align:left;
    padding:10px 10px 10px 10px;
    background-color:#EEE;
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
}

.cm_com{
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:5px 50px 20px 0;
    text-align:left;
    padding:10px 10px 10px 10px;
    background-color:#efefef;
    border: 1px solid #ddd;
}

.cm_c{
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:5px 0 10px 40px;
    text-align:left;
    padding:5px;
    background-color:#EEE;
    outline: 1px solid #ddd;
    border-top: 1px solid #fff;
    width:500px;
    color:#333;
    clear:left;
}

.artist_r{
    margin:0 0 20px 20px;
    width:200px;
}

.list_num{
    font: bold 10px/170% Arial, Verdana, Helvetica, sans-serif;
    background:#333;
    color:#eee;
    padding:5px 5px;
    width:10px;
    text-align:center;
}

.video{
    font: normal 10px/170% Arial, Verdana, Helvetica, sans-serif;
    margin:20px 0 0 0;
    padding:0;
    width:425px;
    color:#666;
}



.video a, 
.video a:link,
.video a:visited {
    font: bold 12px/170% Arial, Verdana, Helvetica, sans-serif;
    color:#333;
    text-decoration:none;
}

.video a:hover {
    font: bold 12px/170% Arial, Verdana, Helvetica, sans-serif;
    color:#333;
    text-decoration:none;
}


.video2{
    font: bold 12px/170% Arial, Verdana, Helvetica, sans-serif;
    margin:0;
    padding:0;
    color:#000;
}

.cm_wiki1{
    margin:20px 0 0 0;
    padding:0;
    background: transparent url(http://jafmate.sakura.ne.jp/image/425_a.gif) no-repeat bottom;
    height:15px;
    width:425px;
}

.cm_wiki2{
    margin:0;
    padding:0;
    background: transparent url(http://jafmate.sakura.ne.jp/image/425_b.gif) repeat-y;
    width:425px;
}



.cm_wiki3{
    margin:0 0 20px 0;
    padding:0;
    background: transparent url(http://jafmate.sakura.ne.jp/image/425_c.gif) no-repeat top;
    height:15px;
    width:425px;
}

.cm{
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:15px 0 10px 0;
    padding:10px 5px 5px 50px;
    text-align:left;
    background: transparent url(http://jafmate.sakura.ne.jp/image/cmback.gif) repeat-y;
width:425px;
}


.m_title{
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
    color:#000;
    margin:5px 0 0 0;
    letter-spacing:1px;
    text-align:center;
    padding:1px 3px 1px 3px;
    background: transparent 
url(http://hitspv.com/image/top_side_title.gif) repeat-x;
    outline:1px solid #B6BCCC;
    border-top:1px solid #fff;
}

.m_text{
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:0 0 15px 0;
    padding:5px 0 5px 10px;
    text-align:center;
}

.m_text img {
    width:100px;
    height:100px;
    margin:5px 0 5px 0;
    border:1px solid #DDD;
    padding:2px;
    background-color:#CCCC99;
}

.m_text_cd{
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:0;
    padding:15px 0 0 20px;
    text-align:left;
}


.m_text_cd img {
    border:1px solid #DDD;
}

.m_text3{
    font: normal 12px/190% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:0 0 20px 0;
    padding:5px 0 5px 10px;
    text-align:left;
}

.m_text3help{
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    margin:0;
    padding:10px 5px;
}

.m_sugo{
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    margin:10px 0 0 0;
    padding:5px 5px;
    background-color:#fcfcfc;
    border: 1px solid #ddd;    
}

.p_box{
    margin:20px 0 30px 0;
    text-align:left;
    padding:10px 0 10px 20px;
    border-left:5px solid #DDD;
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
}


.p_box dl{
    margin: 0px 0 20px 10px;
}

.p_box dd{
    margin: 10px 0 0 10px;
}

.p_box2{
    margin:0;
    text-align:left;
    padding:20px 0 30px 20px;
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
}

.p_box2 dl{
    margin: 0px 0 20px 10px;
}

.p_box2 dt{
    font: bold 13px/150% Arial, Verdana, Helvetica, sans-serif;
}

.p_box2 dd{
    margin: 10px 0 0 10px;
}

.p_box3{
    margin:0;
    text-align:left;
    padding:30px 0 40px 20px;
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
}

.p_box4{
    margin:20px 0 30px 5px;
    text-align:left;
    padding:0;
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
}

.p_box4 a{
    font-weight: bold;
}


.p_box4 ul{
    list-style-type: none;
    padding-left:20px;
}

.p_box4 li{
    padding-bottom:10px;
    background:url(http://hitspv.com/image/l_song.png) 0px 5px no-repeat;
    padding-left:20px;
}


.ambience{
    padding-left:15px;
    font: normal 10px/150% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:0px;
    color:#ff6633;
}

.fs{
    font:normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
}

.fsul{
    margin:15px 0 0 15px;
}


.side_am {
    padding:1px 3px 1px 3px;
    margin:0 0 10px 0;
    letter-spacing:1px;
    font: bold 12px/150% Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
    width:215px;
    background: transparent 
url(http://hitspv.com/image/top_side_title.gif) repeat-x;
}

.side_am2 {
    padding:1px 3px 1px 3px;
    margin:0 0 10px 0;
    letter-spacing:1px;
    font: bold 12px/150% Arial, Verdana, Helvetica, sans-serif;
    width:90%;
    background: transparent 
url(http://hitspv.com/image/top_side_title.gif) repeat-x;
}


.top_song{
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    border-top:1px solid #fcf; 
    border-bottom:1px solid #fcf;
    background:#fef;
    padding:10px 0 5px 5px;
    margin: 0px 0 15px 0;
    width:90%;
}

.top_song img{
    margin: 0 5px 0 0;
}

.top_song_text{
    margin: 0px 0 20px 10px;
}




/* ブログ記事アーティスト*/

.artlist{
    font-size:13px;
    margin:25px 0 0 15px;
    text-align:left;
    padding:0;
}

dl.artlist dt {
    clear: left;
    float: left;
    padding:0 0 45px 0;
    width:50px;
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
}

dl.artlist dd {
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    color:#666;
    text-align:left;
    letter-spacing:0px;
    padding:0 0 30px 10px;
}

.art a {font-size:14px;color:#3333ff;}
.art a:link {font-size:14px;color:#3333ff;}
.art a:visited {font-size:14px;color:#3333ff;}
.art a:hover {font-size:14px;color:#ff3300;}


.arty{
    font: normal 10px/150% Arial, Verdana, Helvetica, sans-serif;
    color:#f00;
}

.art_link{
    line-height:200%;
    margin:0 0 20px 20px;
}

.art_reco{
    line-height:250%;
    margin:20px 0 30px 10px;
}

.art_year{
    background:#E7F0F6;
    border:1px solid #CDDEE7;
    padding:2px 10px;
    margin:25px 0 20px 0;
    width:350px;
}

.art_disc_l{
    float:left;
    width:10%;
    margin-left:10px;
}

.art_disc_r{
    font: bold 14px/150% Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
    padding:0;
    float:right;
    width:85%;
}

.art_disc_r a{
    background:#f7f7f7;
}

.art_disc2{
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    color:#666;
    text-align:left;
    letter-spacing:0px;
    padding:0;
}

.art_clear{
    clear:both;
    margin-bottom:15px;
}


.artist_video{
    margin:25px 0 0 0;
    text-align:left;
    width:100%;
    clear: both;
}

dl.artist_video dt {
    clear: both;
    float: left;
    padding:0 0 20px 0;
    width:280px;
    height:210px;
}

dl.artist_video dd {
    border:1px solid #ddd;
    padding:5px 0;
    margin-right:20px;
    background-color:#f4f4f4;
}

dl.artlist dd {
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    color:#666;
    text-align:left;
    letter-spacing:0px;
}

.music_artist ul{
    padding:20px 0 0 10px;
    list-style-type: none;
}

.music_artist li{
    padding-bottom:15px;
    font-weight: bold;
}


.a_matome a {font-weight:bold;}


/* ブログ記事表*/

.cm_year{
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:0px;
    margin:5px 0 20px 0;
    text-align:left;
}

.cm_yearsong{
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    color : #006600;
    background:#f5fffa;
    padding:0 5px;
}

.pictsize img {
    width:60px;
    height:60px;
}


.cm_bt{
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:15px 0 15px 5px;
    text-align:left;
    padding:5px 5px 5px 5px;
}

.cm_hot100{
    font: normal 12px/180% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:0px;
    color:#000;
}

.hot100{
    list-style-type: decimal-leading-zero;
    margin:30px 0 20px 30px;
}

.hot100 li{
    padding:0 0 5px 5px;
}

.bodytb {
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
    padding:5px 0 0 5px;
    letter-spacing:0px;
}

.bodytd{
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
    padding:20px 0;
    letter-spacing:0px;
}

.bodytd td{
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:15px 5px;
}

.bodytd a, 
.bodytd a:link,
.bodytd a:visited {
    color:#3333ff;
    text-decoration:none;

}

.bodytd a:hover {
    color:#ff3300;
    text-decoration:none;

}

.bodytd2{
    font: normal 13px/150% Arial, Verdana, Helvetica, sans-serif;
    background:#eeeeee;
    padding:20px 0;
    letter-spacing:0px;
}

.bodytd2 td{
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:15px 5px;
}

.bodytd2 a, 
.bodytd2 a:link,
.bodytd2 a:visited {
    color:#3333ff;
    text-decoration:none;
}

.bodytd2 a:hover {
    color:#ff3300;
    text-decoration:none;

}


.acbox{
    padding:10px 0 10px 0;
}




/* ブログ記事ヘルプ */


.post_topline {
    margin:15px 20px 0 0;
    padding:10px 0 0 0;
    background:url(http://jafmate.sakura.ne.jp/image/untopline.gif) left top no-repeat;
text-align:left;
}

.rakback1{
    font: bold 12px/180% Arial, Verdana, Helvetica, sans-serif;
    margin:0 15px 0 0;
    padding:20px 0 0 10px;
    background: transparent url(http://hitspv.com/image/600_90.gif) no-repeat;
    width:600px;
    height:90px;
}

.rakback3{
    margin:0;
    padding:20px 0 0 0;
    background: transparent url(http://hitspv.com/image/600_90.gif) no-repeat;
    width:600px;
    height:90px;
    text-align:center;
}

.rakback2{
    margin:0;
    text-align:center;
    padding:10px 0 0 5px;
    background: transparent url(http://jafmate.sakura.ne.jp/image/120_90.gif) no-repeat;
    height:110px;
    width:140px;
}

.cm_help{
    font: normal 12px/180% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:5px 0 0 0;
    text-align:left;
    padding:10px 5px 5px 50px;
    background: transparent url(http://jafmate.sakura.ne.jp/image/cmback.gif) repeat-y;

}

.cm_ad{
    font: normal 12px/180% Arial, Verdana, Helvetica, sans-serif;
    letter-spacing:1px;
    margin:10px 0 20px 0;
    text-align:left;
    padding:0;
}


.daypv_title {
    padding:8px 0 0 10px;
    margin:25px 5px 0 0;
    color:#333;
    letter-spacing:1px;
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
    background: transparent 
url(http://jafmate.sakura.ne.jp/image/80sh1.gif) repeat-x;
}

.rel_list{
    margin-top:15px;
    list-style-type:none;
}

.rel_list li{
    margin:5px 0 0 20px;
}

.widget-list{
    margin-left:50px;
    padding:0;
    list-style-type: none;
}

.widget-list li{
    padding:3px 0;
}

.post_ad {
    margin:10px 0 15px 20px;
    padding:20px 0 0 20px;
    border-top:2px solid #ccc;
    width:600px;
}


.daypv {
    margin:0 10px 20px 20px;
    padding:0;
    overflow-y:scroll;
    height:290px;
    width:600px;
    color:#FFF;
}

.daypv a, 
.daypv a:link,
.daypv a:visited {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color:#999999;
    text-decoration:none;
}

.daypv td{
    margin:0;
    padding:0;
    font-size:0px;
    color:#FFF;
}

.day_p {
    height:30px;
    padding-top:5px;
}

.day_p a, 
.day_p a:link,
.day_p a:visited {
    font: normal 13px Arial, Verdana, Helvetica, sans-serif;
    color:#3333ff;
    text-decoration:none;
}

.day_p a:hover {
    font: normal 13px Arial, Verdana, Helvetica, sans-serif;
    color:#ff3300;
    text-decoration: underline;
}


/* ブログ記事日付・各タイトル */
.date,
.trackbacks-header,
.comments-header,
.comments-open-header,
.search-header {
    padding:8px 0 0 10px;
    color:#333;
    letter-spacing:1px;
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
    background: transparent 
url(http://jafmate.sakura.ne.jp/image/80sh1.gif) repeat-x;
}


/* 段落 */
.entry p {
    margin: 15px 0;
}



/* 定義リスト */
.entry dl {}
.entry dt {}
.entry dd {
    padding-left: 8px;
}

/* テキストエリア */
.entry textarea {
    width: 97%;
}

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0;
    padding: 10px;
    border: 1px solid #666;
    background: #f6f6f6;
    font-size: 83.3%;
    line-height: 1.5;
}
.quotetitle { /* 引用文タイトル */
    font-size: 83.3%;
    border-bottom: 1px solid #666;
    padding: 3px;
}

html>body pre {
    width: 87%;
}



/* Typekeyコメンタ－画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* ウェブページ */
div.page {
    margin-top: -5px;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
    font-size: 83.3%;
}

/* トップ */

.top_left_title{
    font: bold 12px/150% Arial, Verdana, Helvetica, sans-serif;
    color:#333;
    margin-top:5px;
    letter-spacing:1px;
    text-align:left;
    padding:3px 0 1px 10px;
    background: transparent 
url(http://jafmate.sakura.ne.jp/image/80sh1.gif) repeat-x;
}

.top_artist,
.top_artist_year,
.top_year{
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    margin:15px 0 15px 5px;
    padding:5px;
    background-color:#f4f4f4;
}

.top_artist ul{
    margin:0;
    padding:0;
    list-style-type: none;
}

.top_artist li{
    float:left;
    width:18px;
    margin:0;
    padding:0;
}

.top_artist_year ul{
    margin:0;
    padding:0;
    list-style-type: none;
}

.top_artist_year li{
    float:left;
    width:90px;
    margin:0;
    padding:0;
}


.top_year ul{
    margin:0;
    list-style-type: none;
}

.top_year li{
    float:left;
    padding-right:23px;
}

.top_cd{
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    width:180px;
}

.top_cd2{
    font: normal 12px/200% Arial, Verdana, Helvetica, sans-serif;
    width:135px;
}


.ul_cd img{
    margin-right:5px;
    vertical-align:middle;
    width:30px;
    height:30px;
    border:none;
}

.top_cat{
    font: normal 12px/200% Arial, Verdana, Helvetica, sans-serif;
    padding-right:10px;
}

.top_cat2{
    font: normal 12px/200% Arial, Verdana, Helvetica, sans-serif;
    padding-right:10px;
}


.top_ranking{
    font: normal 12px/150% Arial, Verdana, Helvetica, sans-serif;
    margin:15px 0 15px 5px;
    padding:5px 5px 5px 50px;
    background-color:#f4f4f4;
}

.top_ranking td{
    font: normal 10pt Arial, Verdana, Helvetica, sans-serif;
    height:20px;
}


/* トップサイドメニュー */

.sidetitle {
    font: bold 12px/150% Arial, Verdana, Helvetica, sans-serif;
    color:#333;
    margin-top:5px;
    letter-spacing:1px;
    text-align:left;
    padding:1px 0 1px 10px;
    border-top:1px solid #666;
    background: transparent 
url(http://hitspv.com/image/top_side_title.gif) repeat-x;
}

.side {
    font: normal 12px/200% Arial, Verdana, Helvetica, sans-serif;
    padding:15px 0 15px 10px;
    text-align:left;
}

.side2 {
    font: normal 12px/200% Arial, Verdana, Helvetica, sans-serif;
    padding:15px 0 5px 10px;
    text-align:left;
}


.rank_td {
    margin-left:10px;
    font-size:1px;
}


.rank_td td{
    margin:0;
    padding:0;
    color:#FFF;
}


.rank_td a, 
.rank_td a:link,
.rank_td a:visited {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color:#999999;
    text-decoration:none;
}


.rank_p {
    margin: 13px 0 2px 0;
}

.rank_p a, 
.rank_p a:link,
.rank_p a:visited {
    font: normal 12px/100% Arial, Verdana, Helvetica, sans-serif;
    color:#3333ff;
    text-decoration:none;

}

.rank_p a:hover {
    font: normal 12px/100% Arial, Verdana, Helvetica, sans-serif;
    color:#ff3300;
    text-decoration: underline;
}

.rank_r {
    margin: 10px 0 2px 0;
}
.rank_r a, 
.rank_r a:link,
.rank_r a:visited {
    font: normal 12px/100% Arial, Verdana, Helvetica, sans-serif;
    color:#3333ff;
    text-decoration:none;
    margin: 0 0 10px 0;
}

.rank_r a:hover {
    font: normal 12px/100% Arial, Verdana, Helvetica, sans-serif;
    color:#ff3300;
    text-decoration: underline;
    margin: 0 0 10px 0;
}




/* 最近のエントリー */

.late_post{
    font: normal 13px/200% Arial, Verdana, Helvetica, sans-serif;
    margin:5px 0 0 30px;
    padding:0;
}

.late_post a{
    background:#f7f7f7;
}

.late_post_more{
    font: normal 12px/200% Arial, Verdana, Helvetica, sans-serif;
    margin:5px 0 15px 100px;
    padding:0;
}

.late_post_more2{
    font: normal 12px/200% Arial, Verdana, Helvetica, sans-serif;
    margin:5px 0 15px 50px;
    padding:0;
}

/* 最近のコメント */

.late_com{
    font: normal 13px/200% Arial, Verdana, Helvetica, sans-serif;
    margin:5px 0 10px 30px;
    padding:0;
}


/* 検索 */
fieldset {
    border: none;
}

/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.syndicate img {
    border: none;
}

/* クレジットバナー */
.powered {
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}

.powered ul,
.powered li {
    list-style: none;
}


/* コメント・トラックバック */
#trackbacks,
#comments {
    width: auto;
    margin:0 10px 0 190px;
    color: #36414d;
    background: #fff;
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    text-align:left;
    letter-spacing:1px;
    word-break: break-all;
    clear:both;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
}

#comments-open p {
    padding:5px 0 0 15px;
}

.comments-list{
    padding:0;
    margin:0 0 20px 40px;
}

.comments-list li{
    padding:5px 0 0 10px;
    margin:0;
}


#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0px 15px;
    padding: 0;
    font: normal 12px/170% Arial, Verdana, Helvetica, sans-serif;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    margin-right: 2px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 10px;
    text-align: right;
}

#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
    font-weight: bold;
}

html > body #comment-author,
html > body #comment-email,
html > body #comment-url {
    height: 15px;
}
#comment-text {
    width: 0px;
    height: 0px;
    border:none;
    display:none;
}

#comment-bake-cookie {
    margin-left: 2px;
    vertical-align: middle;
}
#comments-open-footer {
    margin-top: 15px;
    text-align: left;
}
.comments-open label {
    display: block;
}






/* フッタ */
#footer {
   font-size:10px;
   width:100%;
   text-align:center;
   color:#666;
   padding:8px 0 0 0;
   margin:20px 0 0 0;
   background: transparent url(http://jafmate.sakura.ne.jp/image/footer.jpg) repeat-x;
}

.footer2 {
   margin:10px auto 0px auto;
   width:760px;
   text-align:left;
}

.footer2 a, 
.footer2 a:link,
.footer2 a:visited,
.footer2 a:hover {
   font-size:10px;
}


input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}

.clear_all {
    clear:both;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */