@Charset "UTF-8";
img { border:0; }
form { margin:0; padding:0; }
a,a:link,a:active { color:#1e3d5b;text-decoration:none; }
a:visited { color:#1e3d5b;text-decoration:none; }
a:hover { color:#1e6506; }
body { margin:0;padding:0; height:100%; width:100%; behavior:url("/csshover.htc");}
body,p,div,th,td { color:#303030;font-family:"Hiragino Kaku Gothic ProN",HiraKakuPro-W3,"ＭＳ Ｐゴシック",sans-serif;font-size:12px; }
h1,h3,h3,h4,h5,p { margin:0;padding:0; }

#wrap { margin:0px; width:100%; }

/* -------------------------------------------------------------- */
/* HEADER                                                         */
/* -------------------------------------------------------------- */
#head { text-align:left; }
h1#logo { float:left;margin:5px 16px 4px 2px;padding:0;line-height:1em; }
#header_feature { float:left; margin:6px 0 0 140px; text-align:right; }

#localnavi { clear:both; }
#localnavi ul{ margin:3px 0 0 0;padding:0;list-style:none;height:24px; }
#localnavi ul li{ margin:0;padding:0 12px 0 8px;float:left;height:24px; }

.header {
    left:0;
    top:0;
    z-index:3;
    width:100%;
    height:69px;
    color:#fff;
}
.header .bgtop {
    position:relative;
    width:100%;
    height:45px;
    opacity:0.9;
    filter: alpha(opacity=90);
    padding:0 1em;
    background-color:#888;
    background: linear-gradient(top, #1e1e1e 0%, #7d7d7d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1e1e1e), color-stop(0.00, #7d7d7d));
    background: -webkit-linear-gradient(top, #1e1e1e 0%, #7d7d7d 100%);
    background: -moz-linear-gradient(top, #1e1e1e 0%, #7d7d7d 100%);
    background: -o-linear-gradient(top, #1e1e1e 0%, #7d7d7d 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e', endColorstr='#7d7d7d'); /* IE6,7用 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#1e1e1e, EndColorStr=#7d7d7d)"; /* IE8,9用 */
    background: -ms-linear-gradient(top, #1e1e1e 0%, #7d7d7d 100%);
}
.header .grayline
{
    height:0px;
    background-color:#1e1e1e;
    border-top:1px solid #1e1e1e;
    border-bottom:1px solid #a0a0a0;
    font-size:0px;/*suck ie*/
    line-height:0px;/*suck ie*/
    overflow:hidden;/*suck ie*/
}
.header .greenline
{
    height:0px;
    background-color:#1e1e1e;
    border-top:1px solid #80f000;
    border-bottom:1px solid #40a000;
    font-size:0px;/*suck ie*/
    line-height:0px;/*suck ie*/
    overflow:hidden;/*suck ie*/
}
.header .bgbottom
{
    height:20px;
    opacity:0.9;
    filter: alpha(opacity=90);
    background-color:#888;
    background: linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7d7d7d), color-stop(0.00, #1e1e1e));
    background: -webkit-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    background: -moz-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    background: -o-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#1e1e1e'); /* IE6,7用 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#7d7d7d, EndColorStr=#1e1e1e)"; /* IE8,9用 */
    background: -ms-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
}
.header .fg {
    position:absolute;
    left:0;
    top:0;
    height:45px;
    padding:0 2em;
    vertical-align:top;
}
.header .middle {
    margin:8px 0;
    padding:0;
}
.header .search_form {
    display:inline;
}
.header .search {
    position:absolute;
    top:16px;
    right:1em;
    background:transparent;
    color:#FFFFFF;
    font-size:14px;
    border:1px solid #CCCCCC;
    padding:0 0.5em;
    width:16em;
    height:21px;
}
.header .adv {
    position:absolute;
    right:21em;
    top:6px;
}
.header .menu { white-space:nowrap; }
.header .menu ul
{
    margin:0;
    padding:0 2em;
    position:absolute;
    left:0px;
    top:46px;
    list-style-type:none;
    width:97%;
}
.header .menu .main_menu li
{
    float:left;
    padding:0.25em 1em;
    border-right:1px solid #404040;
    border-left:1px solid #7d7d7d;
    letter-spacing:0.2em;
    font-size:10.0px;
    line-height:18px;
    height:16px;
    width: 6em;/* ref1 */
    text-align:center;
}
.header .menu .main_menu .right { float:right; }
.header .menu .main_menu li:hover
{
    opacity:0.9;
    filter: alpha(opacity=90);
    background-color:#80a000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #80a000), color-stop(0.00, #1e1e1e));
    background: -webkit-linear-gradient(top, #80a000 0%, #1e1e1e 100%);
    background: -moz-linear-gradient(top, #80a000 0%, #1e1e1e 100%);
    background: -o-linear-gradient(top, #80a000 0%, #1e1e1e 100%);
    background: linear-gradient(top, #80a000 0%, #1e1e1e 100%);

    background: -ms-linear-gradient(top, #80a000 0%, #1e1e1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80a000', endColorstr='#1e1e1e'); /* IE6,7用 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#80a000, EndColorStr=#1e1e1e)"; /* IE8,9用 */

    border-top:1px solid #b0ff00;
    margin-top:-1px;
    text-shadow:0px 0px 6px #fff;
}
.header .menu .main_menu li a { color:#ddd; }
.header .menu .main_menu li a:hover { color:#fff; }
.header .menu .main_menu .sub_menu {
    visibility:hidden;
    position:relative;
    left:0px;
    top:-2px;
    margin-top:0.25em;/*.header .menu .main_manu liのpaddingの一個目*/
    margin-left:-1em;/*.header .menu .main_manu liのpaddingの二個目*/ /* ref3 */
    padding:0;
    width:15.0em;/* (width of [.sub_menu li]) + (margin-left) */ /* ref2 */
    background: linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7d7d7d), color-stop(0.00, #1e1e1e));
    background: -webkit-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    background: -moz-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    background: -o-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#1e1e1e'); /* IE6,7用 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#7d7d7d, EndColorStr=#1e1e1e)"; /* IE8,9用 */
    background: -ms-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);

    text-shadow: none;
}
.header .menu .main_menu .right .sub_menu {
    margin-left:-8em;/* (ref2 - ref1 - ref3)のマイナス */
}
.header .menu .main_menu .sub_menu li {
    line-height:10px;
    height:13px;
    width:14em;
    border:none;
    border-top: 1px solid transparent;
}
.header .menu .main_menu .sub_menu li.with_border,
.header .menu .main_menu .sub_menu .subsub_menu li.with_border { border-top: 1px dashed #888; }
.header .menu .main_menu .sub_menu li:hover {
    background-color:#80a000;
    background: linear-gradient(top, #80a000 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #80a000), color-stop(0.00, #1e1e1e));
    background: -webkit-linear-gradient(top, #80a000 0%, #1e1e1e 100%);
    background: -moz-linear-gradient(top, #80a000 0%, #1e1e1e 100%);
    background: -o-linear-gradient(top, #80a000 0%, #1e1e1e 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80a000', endColorstr='#1e1e1e'); /* IE6,7用 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#80a000, EndColorStr=#1e1e1e)"; /* IE8,9用 */
    background: -ms-linear-gradient(top, #80a000 0%, #1e1e1e 100%);

    border:none;
    border-top: 1px solid #80a000;
    margin:0;
    text-shadow:0px 0px 6px #fff;
}
.header .menu .main_menu li:hover ul,
.header .menu .main_menu a:hover ul { visibility:visible; }
.header .menu .main_menu .sub_menu li
{
    float:none;
    margin:0;
    padding:0.5em;
    text-align:left;
}

/* subsub */
.header .menu .main_menu .sub_menu .subsub_menu {
    visibility:hidden;
    position:relative;
    left:15em;/* width of [.header .menu .main_menu .sub_menu] */
    top:-18px;
    margin-top:0.25em;/*.header .menu .main_manu liのpaddingの一個目*/
    margin-left:-1em;/*.header .menu .main_manu liのpaddingの二個目*/
    padding:0;
    width:15.0em;/* (width of [.sub_menu li]) + (margin-left) */
    background: linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7d7d7d), color-stop(0.00, #1e1e1e));
    background: -webkit-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    background: -moz-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);
    background: -o-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7d7d', endColorstr='#1e1e1e'); /* IE6,7用 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#7d7d7d, EndColorStr=#1e1e1e)"; /* IE8,9用 */
    background: -ms-linear-gradient(top, #7d7d7d 0%, #1e1e1e 100%);

    text-shadow: none;
}
.header .menu .main_menu .sub_menu a[subsub]:before {
    float:right;
    content:attr(subsub);
}
.header .menu .main_menu .sub_menu li:hover ul,
.header .menu .main_menu .sub_menu a:hover ul {
    visibility:visible;
}

.global-header-nav #personal a:first-child {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
@media screen and (max-width: 1200px){
    .global-header-nav #personal a:first-child { width: 80px; }
}
@media screen and (max-width: 541px){
    .global-header-nav #personal a:first-child { width: 0; }
}
*/

.global-header-nav body, p, div, input {
  font-size: 1rem;
  font-size: 16px;
}
.global-header-nav a i {
  line-height: 32px;
}
/* --------------------------------------------------------------
 HEADER 2.0
-------------------------------------------------------------- */

.header2 {
    left:0;
    top: 0;
    z-index:4;
    color:#fff;
    padding: 0.8em 1.4em;
    text-align:left;
    background-color:#666666;
    border-bottom: 1px solid #111;
    /* For Chrome and Safari */
    background-image: -webkit-linear-gradient(top, #444444, #666666);
    /* For old Fx (3.6 to 15) */
    background-image:    -moz-linear-gradient(top, #444444, #666666);
    /* For pre-releases of IE 10*/
    background-image:     -ms-linear-gradient(top, #444444, #666666);
    /* For old Opera (11.1 to 12.0) */
    background-image:      -o-linear-gradient(top, #444444, #666666);
    /* Standard syntax; must be last */
    background-image:         linear-gradient(top, #444444, #666666);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#666666')";
}

.header2 .fg2 {
    float:left;
}

.header2 .side2 {
    float: right;
}

#header_adv2 {
    float:left;
    margin: 0 20px;
}

.search_form2 {
    float: right;
}

.search_form2 .search2 {
    margin: 6px 2px;
    padding: 4px;
    width: 200px;
    background:transparent;
    color: #fff;
    border:1px solid #CCCCCC;
}

.search_form2 .search2:hover{
    background-color: #666;
}

.search_form2 .search2:focus{
    background-color:#fff;
    color: #000;
    opacity:1;
}

/* clearfix */
.side2:after{
  content: "";
  display: block;
  clear: both;
}

/* clearfix */
.header2:after{
  content: "";
  display: block;
  clear: both;
}

.menu2 {
    text-align: left;
    font-size: 12px;
    width:100%;
}

.main_menu2, .main_menu2 ul{
    margin : 0;
    padding: 0;
    list-style: none;
}

.main_menu2 {
    margin: 0px auto;
    height: 30px;
    font-size: 90%;
    padding: 0 20px;
    border-top: 1px solid #b1b1b1;
    border-bottom: 2px solid #2cba01;
    background-color:#666666;
    /* For Chrome and Safari */
    background-image: -webkit-linear-gradient(top, #666666, #444444);
    /* For old Fx (3.6 to 15) */
    background-image:    -moz-linear-gradient(top, #666666, #444444);
    /* For pre-releases of IE 10*/
    background-image:     -ms-linear-gradient(top, #666666, #444444);
    /* For old Opera (11.1 to 12.0) */
    background-image:      -o-linear-gradient(top, #666666, #444444);
    /* Standard syntax; must be last */
    background-image:         linear-gradient(top, #666666, #444444);
     /*IE 8 */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#444444'),progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3)";
    box-shadow: 0 1px 0 #777;
}

.menu_label.main_menu2 {
    height: 24px;
    border-top: 1px solid #b1b1b1;
    border-bottom: 2px solid #83f43b;
    background-color:#858585;
    /* For Chrome and Safari */
    background-image: -webkit-linear-gradient(top, #b7b7b7, #969696);
    /* For old Fx (3.6 to 15) */
    background-image:    -moz-linear-gradient(top, #b7b7b7, #969696);
    /* For pre-releases of IE 10*/
    background-image:     -ms-linear-gradient(top, #b7b7b7, #969696);
    /* For old Opera (11.1 to 12.0) */
    background-image:      -o-linear-gradient(top, #b7b7b7, #969696);
    /* Standard syntax; must be last */
    background-image:         linear-gradient(top, #b7b7b7, #969696);
     /*IE 8 */
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#969696'),progid:DXImageTransform.Microsoft.Shadow(color=#969696,direction=180,strength=3)";
}

.main_menu2 li {
    float: left;
    height:30px;
    border-left: 1px solid #444444;
    border-right: 1px solid #666666;
    box-shadow: 1px 0 0 #444444;
    position: relative;
}

.menu_label.main_menu2 li {
    height:24px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    box-shadow: 0px 0 0 #444444;
}

.main_menu2 ul {
    margin: 0 0 0 0;
    border: 1px solid #343434;
    visibility: hidden;
    position: absolute;
    top: 26px;
    left: 0;
    z-index: 4;
    background: #444;
    box-shadow: 0 4px 12px #2e2e2e;
}

.menu_label.main_menu2 ul {
    border: 1px solid #acacac;
    background-color: #858585;
    box-shadow: 0 4px 8px #9a9a9a;
}

.main_menu2 li:hover > ul {
    visibility: visible;
    margin: 0;
}

.main_menu2 ul ul {
    top : 0;
    left: 170px;
    margin: 0 0 0 20px;
}

.main_menu2 ul li:last-child {
    box-shadow: none;
}

.main_menu2 ul a,
.main_menu2 ul a:visited,
.main_menu2 ul a:link{
    padding: 6px;
    width : 160px;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

.menu_label.main_menu2 #menu_music2 {
    background-color: #7eea39;
     background-image: -webkit-linear-gradient(top, #7fed39, #6bc730 );
    /* For old Fx (3.6 to 15) */
    background-image:    -moz-linear-gradient(top, #7fed39, #6bc730 );
    /* For pre-releases of IE 10*/
    background-image:     -ms-linear-gradient(top, #7fed39, #6bc730 );
    /* For old Opera (11.1 to 12.0) */
    background-image:      -o-linear-gradient(top, #7fed39, #6bc730 );
    /* Standard syntax; must be last */
	background-image: linear-gradient(top, #7fed39, #6bc730 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fed39', endColorstr='#6bc730')";
}

#menu_music2 img {
    margin-left:10px;
    height: 16px;
    padding: 0;
}

/*
.main_menu2 ul a:hover {
    background-color: #2cba01;
	background-image: linear-gradient(#2cba01, #28ad00);
}
*/

.main_menu2 li:hover {
    background-color: #2cba01;
     background-image: -webkit-linear-gradient(top, #31d100, #25a200);
    /* For old Fx (3.6 to 15) */
    background-image:    -moz-linear-gradient(top, #31d100, #25a200);
    /* For pre-releases of IE 10*/
    background-image:     -ms-linear-gradient(top, #31d100, #25a200);
    /* For old Opera (11.1 to 12.0) */
    background-image:      -o-linear-gradient(top, #31d100, #25a200);
    /* Standard syntax; must be last */
	background-image: linear-gradient(top, #31d100, #25a200);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#31d100', endColorstr='#25a200')";
}

.menu_label.main_menu2 li:hover {
    background-color: #7eea39;
     background-image: -webkit-linear-gradient(top, #7fed39, #6bc730 );
    /* For old Fx (3.6 to 15) */
    background-image:    -moz-linear-gradient(top, #7fed39, #6bc730 );
    /* For pre-releases of IE 10*/
    background-image:     -ms-linear-gradient(top, #7fed39, #6bc730 );
    /* For old Opera (11.1 to 12.0) */
    background-image:      -o-linear-gradient(top, #7fed39, #6bc730 );
    /* Standard syntax; must be last */
	background-image: linear-gradient(top, #7fed39, #6bc730 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fed39', endColorstr='#6bc730')";
}

.menu_label.main_menu2 #menu_music2:hover {
    background-color: #7eea39;
     background-image: -webkit-linear-gradient(top, #6bc730, #7fed39 );
    /* For old Fx (3.6 to 15) */
    background-image:    -moz-linear-gradient(top, #6bc730, #7fed39 );
    /* For pre-releases of IE 10*/
    background-image:     -ms-linear-gradient(top, #6bc730, #7fed39 );
    /* For old Opera (11.1 to 12.0) */
    background-image:      -o-linear-gradient(top, #6bc730, #7fed39 );
    /* Standard syntax; must be last */
	background-image: linear-gradient(top, #6bc730, #7fed39 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bc730', endColorstr='#7fed39')";
}

.main_menu2 ul li {
    float: none;
    display: block;
    border: 0;
}

.main_menu2 a,
.main_menu2 a:visited,
.main_menu2 a:link
{
    float: left;
    margin: 0px;
    padding: 0 2px;
    width : 96px;
    text-align: center;
    line-height:30px;
    color: #bebdbd;
    text-decoration: none;
    text-shadow: 0 -1px 0 #383838;
    font:bold 100%/30px sans-serif;
}

.menu_label.main_menu2 a,
.menu_label.main_menu2 a:visited,
.menu_label.main_menu2 a:link
{
  padding-top: 3px;
  color: #fafafa;
  text-shadow: 0 1px 0 #383838;
}

.right2 a,
.right2 a:visited,
.right2 a:link
{
    width : auto;
    padding: 0 18px;
}

.sub_menu2 a,
.sub_menu2 a:visited,
.sub_menu2 a:link
{
    text-align: left;
}

.main_menu2 .with_border2 {
    border-top : 1px solid #767676;
}

.menu_label.main_menu2 .with_border2 {
    border-top : 1px solid #a8a8a8;
}

.main_menu2 li:hover > a {
    color: #fafafa;
}

.menu_label.main_menu2 li:hover > a {
    color : #ffffff;
}

.main_menu2 li:hover > span a {
    color: #fafafa;
}


.main_menu2:before,
.main_menu2:after {
    content: "";
    display: table;
}

.main_menu2:after {
    clear:both;
}



.main_menu2 .right2{
    float:right;
}

#identity2 .sub_menu2{
    right:0;
    left:auto;
}

#small_search_menu2 {
    display:none;
}

#cart_menu .fa-shopping-cart.cart-in {
  text-shadow: 0 1px 0 #383838, 0 1px 6px #ed9c4c;
  color: #ffa810;
}

#cart_menu:hover .fa-shopping-cart.cart-in {
  color: #fff;
}

.small_search2 {
    padding: 4px 8px;
    margin: 2px 6px;
    border:1px solid gray;
    background-color:#ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.small_search2:hover{
    background-color:#fff;
}
.small_search2:focus{
    background-color:#fff;
}

#identity2 {
    display:none;
}

#cart_menu {
  display: none;
}

.menu_label #cart_menu {
  border-right-width: 0;
}

.main_menu2 .sub_menu2 a[subsub]:before {
    float:right;
    content:attr(subsub);
}

@keyframes show-reset {
  to {opacity:1; transform: translate3d(0,0,0)}
}

/* -------------------------------------------------------------- */
/* SIDE COLUMN                                                    */
/* -------------------------------------------------------------- */
.side_column { width:176px;background:url(/images/util/sidebox_bg.png) repeat-y;margin-bottom:8px; }
.side_column_head { width:180px;height:6px;background:url(/images/util/sidebox_head.png) no-repeat; }
.side_column_foot { width:180px;height:6px;background:url(/images/util/sidebox_foot.png) no-repeat; }
.side_column .column_title { padding:3px 8px;color:#666666; }
.side_column .column_body  { padding:3px 8px;font-size:10px; }
.side_column .column_body img { margin:2px; }
.side_column .column_body h3 { font-size:12px !important; }
.side_column .column_body ul { font-size:10px !important; margin:0; padding:0; }
.side_column .column_body ul li { width:175px; font-size:9px !important; margin:0; padding:0; list-style-type: none; overflow:hidden; }
.side_column p { font-size:10px; }

.side_column .loginbox { text-align:center; }
.side_column .loginlabel { display:block;width:150px;font-weight:bold;font-size:10px;text-align:left; }
.side_column .loginform  { width:150px;font-size:12px;text-align:left; }
.side_column .separator { height:1px;width:90%;border:none;background-color:#ddd; }

.pack_aud { display:block; margin:0.5em; vertical-align:middle; }
.tags_box { width:179px; margin:8px 20px; border:1px solid #ccc; padding:10px 8px; position:relative; }
.tags_box p { font-size:10px; }
.tweet { border-bottom:1px solid #ddd; }
.tweet .icon { border:none;width:48px;height:48px;margin:0 8px 0 0px; }
.tweet .screen_name{ display:block;margin:0;width:72px;overflow:hidden;float:left;text-align:left; }
.tweet .info_line{ font-size:9px; }

.side_column .column_body ol.ranking {
    text-align:left;
    padding:0;
    padding-left:1.6em;
}

/* -------------------------------------------------------------- */
/* GENERAL SETTING                                                */
/* -------------------------------------------------------------- */

.pseudo_button { border:1px solid gray; margin:0 2px; padding:2px 4px; background-color:#eee; }
button { border:1px solid gray; }
.image_button { margin:8px 0;text-align:center; }

.pagelink { text-align:center;margin:12px; }
.pagelink a { padding:3px 6px; }
.pagelink strong { padding:3px 6px; }

.column { margin:0; }
.column .loginbox { text-align:center; }
.column .loginlabel { display:block;width:460px;font-weight:bold;font-size:16px;text-align:left; }
.column .loginform  { width:460px;font-size:26px;text-align:left; }
.column .column_body  { padding:3px 8px;font-size:10px; }

.tracklist { font-size: 90%; }
#of_tweets { display:none; }

#content { margin:0px 0 0 0; padding:0; display:block; text-align:center;}
#row { margin:0 auto 0 auto; padding:0px 0 0 0; display:inline-block; }

.right {text-align:right;}

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


#content h2 { margin:0 4px 12px 4px;font-size:18px;color:#999999;letter-spacing:1px; }
#content h3 { margin:14px 0 4px 0;font-size:14px; }
#content h4 { margin:14px 0 4px 0;font-size:16px;color:#9bd921;letter-spacing:1px; }

ol.info { margin: 0 0.5em 1em 0.5em; padding: 0 0.5em; }
ol.info li { margin: 0; padding: 0 0.5em; }

span.price { font-size:21px;font-weight:bold; }
input.dbutton { width:400px;padding:4px;font-size:18px !important;font-weight:bold;border:2px solid #CCCCCC;background:#FFFFFF;border-color:#C0C0C0 #999999 #909090 #CCCCCC; }
input.dbutton:hover { background:#DDFFCC; }
span.doption { margin:0 auto;display:block;width:400px; text-align:right; }

p.sysmesg { margin:1em; }
p.caution { color:red; }
p.warning { color:red; }
p.notice { color:red; }

.list_frame { padding:1em; }
table.list { border-collapse:collapse;width:100%;border:1px solid #CCC; }
table.list th { vertical-align:top;padding:4px;font-weight:bold;white-space:nowrap;border:1px solid #CCC;background:#E0E0E0; }
table.list td { vertical-align:top;padding:4px;border:1px solid #CCC; }

table.form { border-collapse:collapse;width:100%;border:1px solid #CCC; }
table.form th { width:25%;vertical-align:top;padding:4px;font-weight:bold;white-space:nowrap;border:1px solid #CCC;background:#E0E0E0; }
table.form td { width:75%;vertical-align:top;padding:4px;border:1px solid #CCC; }

.search_result { font-size:90%; padding:0; }
table.search_result { border-collapse:collapse;width:100%;border:1px solid #CCC; }
table.search_result th { text-align:left;vertical-align:top;padding:4px;font-weight:bold;white-space:nowrap;border:1px solid #CCC;background:#E0E0E0; }
table.search_result td { text-align:left;vertical-align:top;padding:0 4px;border:1px solid #CCC; }

.search_result a{ color:#555; }
.search_result a:visited{ color:#aaa; }
.search_result a:hover{ color:#090; }

#resultbox h3 { text-align:left;border-bottom:1px solid #666;padding:4px;background:#9bd921; }

ul.personlist { list-style:none;clear:both; }
ul.personlist li { float:left;height:80px; }

ul.themlist { margin:10px 0;padding:0;list-style:none;clear:both; }
ul.themlist li { float:left;margin:0;padding:0 6px;line-height:1.35em;width:160px;font-size:10px; }
.movetop { clear:both;text-align:right;font-size:90%; }

table.p { margin:0;padding:0; }
td.photo72 { width:72px;height:72px;border:1px solid #CCC;vertical-align:middle;text-align:center; }
div.p_desc { font-size:10px;width:72px;text-align:center; }

table.o { margin:0;padding:0; }
table.o td { vertical-align:top; }
table.o td.title  { font-weight:bold;font-size:14px; }
table.o td.artist { font-weight:bold;font-size:12px; }
table.o td.body   { padding:8px;background:#EEFFEE; }
table.o td.button { text-align:center; }

table.persontable { margin:0;padding:0; }
table.persontable td.pt { vertical-align:top; }

p.guide { margin:1em;font-size:14px;line-height:1.6em; }
.sortform { margin:8px 0 8px 0; }

.command { text-align:center; }
.command ul { list-style:none;margin:0;padding:0; }
.command ul li { width:156px;height:32px;margin:1px 10px;padding:0; }

.track_price { margin:1px;padding:0 0 1px 0;font-size:85%;font-weight:normal;width:75px;height:21px;color:#eee;border:none;background-color:transparent; }
.album_price { margin:1px;padding:0 0 1px 0;width:165px;height:21px;color:#eee;border:none;background-color:transparent; }
.album_price_deco { display: block;margin:1px;padding:0 0 1px 0;width:165px;height:21px;color:#eee;border:none;background-color:transparent;font-weight:bold !important;font-size:120%; }
.lifetime { font-weight:bold;color:#0a0;font-size:90%; }
.big_nav { padding:1em;font-weight:bold;font-size:20px; }

/* -------------------------------------------------------------- */
/* MUSIC TOP                                                      */
/* -------------------------------------------------------------- */

.banner_area { width:726px; }

/**/
.em { font-weight:bold; }
div.osusume { font-size:88%; overflow:hidden; width:144px; }
div.osusume_base { width:106px; height:106px; text-align:left; background-color:#eee; padding:0; margin:0 0 -106px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; }
.osusume_trans { width:106px; height:106px; padding:0; border:0; }
img.osusume_jacket { width:104px; height:auto; border:0; margin:0; padding:0; }
.pack_title { white-space:nowrap; }

/* -------------------------------------------------------------- */
/* NEW RELEASES                                                   */
/* -------------------------------------------------------------- */
div.package_box { float:left;width:352px;height:195px;margin:0 5px 5px 0;border:1px solid #CCC;overflow:hidden; }
div.under_package_box { float:left;width:352px;height:195px;margin:0 5px 5px 0; }
div.package_box img.jacket { float:left;margin:2px 6px 0 2px;padding:1px;border:1px solid #E0E0E0; }
div.package_box h5.title { margin:2px;padding:0;font-size:14px;color:#9bd921;line-height:1.5em; }
div.package_box .bt_download { margin:3px 3px 3px 0; text-align:right; }

div.package_box_large { width:95%;height:auto;min-height:120px;margin:0 0 8px 8px; padding:0 0px 1px 0px; border:1px solid #ddd;overflow:hidden;text-align:center; }
div.package_box_large a { color:#222; }
div.package_box_large .internal_left { float:left;width:134px;height:auto;min-height:120px;margin:8px 8px 8px 0; padding:0 0px 1px 0px; border-right:1px solid #ddd;overflow:hidden; text-align:center; }
div.package_box_large .internal_right { float:right;width:134px;height:auto;min-height:120px;margin:8px 0 8px 8px; padding:0 0px 1px 0px; border-left:1px solid #ddd;overflow:hidden;text-align:center; }

.package_box_small { display:inline-block; width:132px;height:auto;min-height:203px;padding:0 0px 1px 0px; border:1px solid #ddd;overflow:hidden; text-align:center; line-height:0; position:relative; }
.package_box_small img.jacket { margin:2px;padding:1px;border:1px solid #eee; display:inline-block;}
.package_box_small h5.title { margin:2px;padding:0;color:#9bd921;line-height:1.5em; font-size:7pt; }
.package_box_small .trial_play { width:100%; text-align:center; display: inline-block; position:absolute;left:0;top:33%; z-index:2;}
.package_box_small .trial_play a { font-size:17pt; }
.trial_play:before
{
    color:white;
    font-size:22pt;
    content: "\25B6";
}


div.package_box_small_left { float:left;width:132px;height:auto;min-height:203px;margin:0 7px 8px 0; padding:0 0px 1px 0px; border:1px solid #ddd; border-bottom:none; overflow:hidden; text-align:center; line-height:0; position:relative; }

div.package_box_small_right { float:right;width:132px;height:auto;min-height:203px;margin:0 0 8px 7px; padding:0 0px 1px 0px; border:1px solid #ddd;overflow:hidden;text-align:center;line-height:0; position:relative; }

div.package_box_small_left .jacket,
div.package_box_small_right .jacket { margin:2px;padding:1px;min-height:120px;overflow:hidden; }

div.package_box_small_left div img.jacket,
div.package_box_small_right div img.jacket { border:1px solid #eee; }

div.package_box_small_left h5.title,
div.package_box_small_right h5.title { margin:2px;padding:0;color:#9bd921;line-height:1.5em;font-size:8px; }

.package_box_small .artist,
div.package_box_small_left .artist,
div.package_box_small_right .artist { margin:2px;padding:0;line-height:1.25em;font-size:8px; }

div.package_box_small_left .bt_download,
div.package_box_small_right .bt_download { margin:3px auto; text-align:center; }

div.package_box_small .bottom,
div.package_box_small_left .bottom,
div.package_box_small_right .bottom { position:absolute; left:0; bottom:0; width:100%; line-height:1.6em; height:1.6em; }

.bottom table { padding:0;margin:0 0 -1px 0;border:none;border-collapse:collapse;height:100%;width:100%;}
.bottom table a:hover,
.bottom table a:focus,
.bottom table a { color:white; }

div.package_box_small_left .bottom .left,
div.package_box_small_right .bottom .left { background-color:#555; color:white; width:50%; padding:0; margin:0; border-collapse:collapse; }

div.package_box_small_left .bottom .right,
div.package_box_small_right .bottom .right { background-color:#aaa; color:white; width:50%; padding:0; margin:0; border-collapse:collapse; }


div.youtube_box_small_right { float:right; margin:5px; margin-left:10px; }
div.youtube_box_small_left { float:left; margin:5px; margin-right:10px; }
div.youtube_box_small_center { text-align:center; margin:5px; margin-right:10px; }

div.bccks_box_right { float:right; margin:5px; margin-left:10px; }
div.bccks_box_left { float:left; margin:5px; margin-right:10px; }
div.bccks_box_center { text-align:center; margin:5px; margin-right:10px; }

div.review_survey { margin:0 0 12px 0;border:1px solid #CCC;width:714px; }
div.review_survey p { padding:8px 12px;line-height:160%;font-weight:bold; }
p.review { padding:8px; line-height:180%; }
p.prompt { color:#9bd921; text-align:right; font-weight:bold; }
span.prompt { color:#9bd921; text-align:right; font-weight:bold; }

/* -------------------------------------------------------------- */
/* ALBUM                                                          */
/* -------------------------------------------------------------- */
.album_fringe { width:100%; margin:2em 0 1em 0; text-align:center; }
.album_fringe .title {
display: inline-block;
font-size: 15px;
font-weight: bold;
color: #303030;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
border: none;
box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
border-radius: 4px;
text-decoration: none;
padding: 15px 20px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
background: url(/images/common/patterns_08.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #808080), color-stop(0.00, #e0e0e0));
background: url(/images/common/patterns_08.png) repeat, -webkit-linear-gradient(top, #e0e0e0 0%, #808080 100%);
background: url(/images/common/patterns_08.png) repeat, -moz-linear-gradient(top, #e0e0e0 0%, #808080 100%);
background: url(/images/common/patterns_08.png) repeat, -o-linear-gradient(top, #e0e0e0 0%, #808080 100%);
background: url(/images/common/patterns_08.png) repeat, -ms-linear-gradient(top, #e0e0e0 0%, #808080 100%);
background: url(/images/common/patterns_08.png) repeat, linear-gradient(to bottom, #e0e0e0 0%, #808080 100%);
text-align:center; }

.album_small { text-align:center; margin:1em; display:block; font-size:90%; }
.album_small img { width:96px; height:96px; border:none; margin:4px; }
.album_small .album_title { font-weight:bold; }

/* -------------------------------------------------------------- */
/* RECOMMEND                                                      */
/* -------------------------------------------------------------- */
div.recommend_box { clear:both;min-height:150px; }
div.recommend_person { float:left;margin-top:8px;width:120px;text-align:center; }
div.recommend_balloon { float:left;width:570px;text-align:left;background:url(/images/util/recommend_box.png) no-repeat; }
div.recommend_body { padding:12px 12px 12px 24px; }
div.recommend_body img.jacket { float:left;margin:2px 6px 0 2px;padding:1px;border:1px solid #E0E0E0; }
div.recommend_box h5.title { margin:2px;padding:0;font-size:14px;color:#9bd921;line-height:1.5em; }
div.recommend_box .bt_download { margin:3px 3px 3px 0; text-align:right; }

.genre_item { margin:0.125em; padding:0.125em; }

/* -------------------------------------------------------------- */
/* MESSAGE                                                        */
/* -------------------------------------------------------------- */
.message_tab { height:32px; }
.message_tab ul { width:100%;list-style:none;margin:0;padding:0; }
.message_tab ul li { float:left;display:table-cell;width:136px;background:#DDFFEE;font-weight:bold; }
.message_tab ul li span { display:table-cell; }
.message_tab ul li.current { background:#33AA99; }
.message_tab ul li.current a { color:#FFFFFF; }

table.message_list { width:100%;border-collapse:collapse;border:1px solid #CCC; }
table.message_list th { vertical-align:top;padding:3px 4px;font-weight:bold;white-space:nowrap;border:1px solid #CCC;background:#E0E0E0; }
table.message_list td { vertical-align:top;padding:3px 4px;border:1px solid #CCC; }

table.message_column { width:100%;border-collapse:collapse;border:1px solid #CCC; }
table.message_column th { vertical-align:top;padding:3px 4px;font-weight:bold;white-space:nowrap;border:1px solid #CCC;background:#E0E0E0; }
table.message_column td { vertical-align:top;padding:3px 4px;border:1px solid #CCC; }

/* -------------------------------------------------------------- */
/* COMPANY PROFILE                                                */
/* -------------------------------------------------------------- */
table.company_profile { border-collapse:collapse; }
table.company_profile th { vertical-align:top;padding:3px 4px 8px 4px;font-weight:bold;width:80px; }
table.company_profile td { vertical-align:top;padding:3px 4px 8px 4px; }
table.company_profile td ol,table.company_profile td ul,table.company_profile td li {
  list-style:none;
  margin:0;padding:0;line-height:1.6em;
}

/* -------------------------------------------------------------- */
/* FOOTER                                                         */
/* -------------------------------------------------------------- */
#foot { clear:both;height:64px;margin:0;padding:1em 0;font-size:11px;text-align:center;background-color:#E0E0E0;width:100%; }
#copyright { margin:16px;clear:both;text-align:center; }

#licensed_mark { margin:64px auto;width:480px;text-align:center; }
#licensed_mark ul { margin:0;padding:0;list-style:none; }
#licensed_mark ul li { float:left;height:54px;margin:0 10px;padding:0;font-size:9px;vertical-align:middle; }
#licensed_mark img { vertical-align:middle; }

.buttonfield { margin:10px auto;text-align:center; }

/* 古いデザインに依存しているのでそのうち消すかもしれないもの */
.redaster { color:#FF0000; }
.blueaster { color:#0000FF; }
.clear { clear:both; }
.padder { padding:8px; }


table.opusinfo { border-collapse:collapse;width:544px;border:1px solid #CCC;margin-bottom:18px; }
table.opusinfo th { vertical-align:top;padding:3px 4px;font-weight:bold;white-space:nowrap;border:1px solid #CCC; }
table.opusinfo td { vertical-align:top;padding:3px 4px;border:1px solid #CCC; }

table.persontable td { width:25%;text-align:center; }
table.p {  }
table.g { margin:0 auto;width:80px; }
td div.desc { font-size:10px;text-align:center;vertical-align:top; }


/* NEWS TICKER */

#newsticker { margin:0 0 8px 0; padding:0; list-style:none;width:720px;height:28px;overflow:hidden;background:url(/images/util/2pane_column_head.png) no-repeat; }
.ticker { margin:0; padding:6px 8px 0 8px; font-size:14px;font-weight:bold;height:28px;overflow:hidden;line-height:1em; }
.ticker a, .ticker a:link, .ticker a:visited, .ticker a:active { color:#334433; }
.ticker a:hover { color:#CCFFCC; }

.attention { color:orange; }

.standard_body { font-size:10px; }

.spec_header {white-space:nowrap;text-align:right;vertical-align:top;}

/* audio.js */
.audiojs
{
    position:fixed;
    right:0px;
    bottom:0px;
    width: 100%;
    height: 40px;
    background: #404040;
    overflow: hidden;
    font-family: monospace;
    font-size: 8px;
    background-color: #444;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    z-index:8;
}
.audiojs .play-pause
{
    width: 64px;
    height: 40px;
    padding: 0px 8px 0px 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #000;
}
.audiojs p
{
    position:relative;
    width: 30px;
    height: 30px;
    top: 7px;
    left: 22px;
    cursor: pointer;
}
.audiojs .track-detail
{
    position:absolute;
    top:5px;
    left:10%;
    width:80%;
    color:white;
    font-size:11px;
    z-index:10;
}
.audiojs .scrubber
{
    position: relative;
    float:left;
    left:8%;
    top:17px;
    width: 66%;
    background: #5a5a5a;
    height: 3px;
    border: 1px solid #2f2f2f;
    border-right: 0px;
    border-bottom: 0px;
    overflow: hidden;
    z-index:9;
}
.audiojs .progress
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 3px;
    width: 0px;
    background: #ccc;
    z-index:10;
    background-image:
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
    background-image:
    -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%);
}
.audiojs .loaded
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 3px;
    width: 0px;
    background: #222;
}
.audiojs .time
{
    float: right;
    height: 40px;
    line-height: 40px;
    margin: 0px 0px 0px 6px;
    padding: 0px 6px 0px 12px;
    border-left: 1px solid #000;
    color: #ddd;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.audiojs .time em
{
    padding: 0px 2px 0px 0px;
    color: #f9f9f9;
    font-style: normal;
}
.audiojs .time strong {
    padding: 0px 0px 0px 2px;
    font-weight: normal;
}

.playing a { color:#f88; }
[audiosource] { white-space: nowrap; }
/******/
#iine {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    background-color: #590;
    background:linear-gradient(#be6, #590);
    background: url('/imgs/o11.png') no-repeat 3px 3px, -moz-linear-gradient(top, #be6, #590);
    background: url('/imgs/o11.png') no-repeat 3px 3px, -webkit-gradient(linear, left top, left bottom, from(#be6), to(#590));
    padding: 3px 0.25em 0.25em 18px;
    border: 1px solid #ddd;
    border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bfef6f', endColorstr='#5f9f0f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bfef6f', endColorstr='#5f9f0f')";
    zoom: 1;
}

#iine_count {
    font-weight: bold;
    font-size: 10px;
    white-space:nowrap;
    padding: 3px 0.25em 0.25em 3px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

/* 右のチャート */
.chart_right {
    overflow:hidden;
    line-height:140%;
}

.chart_right .title{
    white-space:nowrap;
    text-align:left;
}

.chart_right .title a{
    color: black;
}

.chart_right .artist{
    width:100%;
    text-align:right;
}

.chart_right .artist a{
    color: gray;
}

.chart_right .detail{
    width:100%;
    text-align:right;
}


.album_meta { margin:0; padding:0 24px; text-align:justify; font-size:10px; letter-spacing:-0.33px; overflow:hidden; }
.album_addendum { margin:0; padding:0.125em; width:239px; line-height:1.5em; text-align:left; overflow:hidden; }
.album_addendum .content { font-size:9px; }
.album_addendum .title {position:absolute;left:8px;top:-8px;background-color:#fff;padding:0 4px;}

/* ニュース */
.news_title {  }
.news_title .title { font-weight:bold; font-size:28px; white-space:nowrap; color:#444; }
.news_title .subtitle { display:block; font-weight:bold; font-size:14px; white-space:nowrap; text-align:justify; color:#777; width:100%; }
.news_headline { width:512px; box-shadow:2px 2px 2px 2px #888; padding:1em 0.5em; margin:0.5em; line-height:1.5em; height:6.0em; background-color:#fff;}/* widthはnewslib.phpで上書きしてるから注意 */
.news_headline .inner_box { width:100%; height:100%; overflow:hidden; }
.news_headline .lead { white-space:nowrap; font-weight:bold; color:#222; }
.news_headline .body { color:#888;  }

.post_content{
    margin-top:25px;
    position:relative;
    margin-bottom: 0px;
}
.post_content .post_divider{
}
#center .post_content h4 {
    background: none;
    height: auto;
}
.post_title{
    text-decoration:none;
    color:black;
    font-family:Arial,Helvetica,sans-serif;
    font-size:30px;
    line-height:30px;
    display:block;
    letter-spacing: -.07em;
}
.post_title a{
    text-decoration:none;
    color:black;
    font-family: Helvetica,sans-serif;
    font-size:30px;
    line-height:30px;
    display:block;
}
@media screen and (max-width: 480px){
  .post_title a{
    font-size:20px;
  }
}
.post_title a:hover{
    background-color:black;
    color:white;
}

.post_content .clear {
    height:8px;
    clear:both;
}
.post_time p {
    margin-right: 1em;
    text-decoration:none;
    color: #777;
    font-size: 14px;
    line-height:1.5em;
    text-align:right;
}
.post_body{
    margin-top: 1em;
    width: 95%;
    text-align:justify;
}

.post_body p{
    font-size: 14px;
    line-height: 165%;
    margin-bottom: 1.0em;
}

.post_body .photo{
    text-align:center;
}
.post_body .photo img{
    max-width:720px;
}

.post_divider{
    background-image:url(/images/post_divider.gif);
    width:720px;
    height:1px;
    overflow:hidden;
    }
.post_divider_short{width:720px;}

.post_head {
    text-align:left;
    font-size: 14px;
    float: left;
    display: inline-block;
}
.post_head a {
    color: #999;
}

.post_tag {
    white-space: nowrap;
    line-height:2.5em;
    margin:0.125em;
    padding: 0.25em 0.5em;
    border: 2px solid #ddd;
    color: #666;
    font-weight:bold;
}

.post_tail {
    text-align:right;
    font-size: 14px;
    float: right;
    display: inline-block;
}
.post_tail a {
    color: #000;
}

.post_footer{
    position:relative;
    width:720px;
    float:left; display:inline;
}

.post_footer .post_footer_left { font-size: 14px; font-style: italic; margin-bottom: -18px; padding-top: 22px; }
.post_footer_right{
    float:right;
    display:inline;
    padding-top:7px;
    position:relative;
    top:20px;
    *top:18px;
}

.post_twitter p {
background-color:#eee;
font-size:14px;
margin:0;
padding:0 1em;
font-weight:bold;
}

.post_related {
font-size: 14px;
line-height:1.6em;
}

.post_related p {
background-color:#eee;
margin:1em 0em 0em 0em;
font-size: 14px;
font-weight:bold;
}

.post_related li {
list-style:none;
}
.post_related li:before { content:"☞ " }

.post_content .social {
    float: right;
    list-style: none;
    vertical-align:top;
    height:30px;
}

.post_content .social li {
    display: inline-block;
    position: relative;
    vertical-align:top;
    height:30px;
}

.post_content .social li fb-like { /* facebook */
    display: table-row;
    overflow: hidden;
}

/* -------------------------------------------------------------- */
iframe.twitter-share-button {
    width:109px!important;
    margin-bottom:-2px;
}

iframe.hatena-bookmark-button-frame {
    margin-bottom:-2px;
}

/* ---- article ---------------------------------------------------------- */
#article {
    text-align:justify;
    padding-right:1.2em;
}
.vote {
    margin:0 0 20px 0;
}
/* ---- badge on right top ---------------------------------------------------------- */
.identity {
}
.identitiy span {
    display: inline-block;
}
.identity span a {
    display: block;
    position: relative;
}
.identity span a[data-badge]::after {
    z-index: 1;
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 11px;
    height: 11px;
    top: -3px;
    right: -3px;
    border-radius: 7px;
    font-size: 8px;
    line-height: 12px;
    border: solid 2px white;
    background-color: #e00;
    /*box-shadow: 1px 1px 1px #800;*/
    letter-spacing:-0.2em;
    font-weight:bold;
    content: attr(data-badge);
}

/* ---- badge on right top2 ---------------------------------------------------------- */

.identitiy2 span {
    display: inline-block;
}
.identity2 span a {
    display: block;
    position: relative;
}

#identity_content2 span a[data-badge]:after {
    z-index: 3;
    display: inline-block;
    position: absolute;
    top: -4px;

    margin: 0;
    line-height: 18px;
    font-size: 10px;
    height: 16px;
    padding: 0 5px;
    border-radius: 10px;
    border: solid 2px white;
    color : #fff;
    background-color: #e00;
    font-weight:100;
    content: attr(data-badge);
}

#cart_anchor[data-badge]:after {
    z-index: 3;
    display: inline-block;
    position: absolute;

    top: -4px;
    margin: 0;
    line-height: 18px;
    font-size: 10px;
    height: 16px;
    padding: 0 5px;
    border-radius: 10px;
    color : #fff;
    border: solid 2px white;
    background-color: #ee7600;
    font-weight:100;
    content: attr(data-badge);
}

#quit {
    display:none;
}

#identity {
    display:none;
}


/* ---- album /album/ ---- */
.album {
    float:left;
    padding:0px;
    height:160px;
    width:120px;
    overflow:hidden;
}
.album .info {
    padding:0;
    padding-right:1px;
    width:120px;
    height:32px;
    line-height:16px;
    font-size:10px;
    text-align:center;
    overflow:hidden;
}
.album .jacket {
    border:none;
    height:120px;
    width:120px;
}
.album_index {
    float:left;
    width:120px;
    height:160px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
}
.album_index .index_ch {
    margin:0px;
    padding:0px;
    color:#ccc;
    font-weight:bold;
}

/*--- Add to Cart ------*/

.cart_button {
    display: block;
    float: right;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
	padding: 0px 8px;
    height: 24px;
    line-height: 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-left: 10px;
    background-color: #279de6;
	background: -moz-linear-gradient(
		top,
		#80c6f2,
		#279de6);
	background: -webkit-linear-gradient(
		top, #80c6f2, #279de6);
    background: -ms-linear-gradient(top, #80c6f2,
		#279de6);
    background: linear-gradient(to bottom, #80c6f2,
		#279de6);
	border: 1px solid #4a92bf;
    border-radius: 4px;
	-moz-box-shadow:
		0px 1px 0px rgba(25,107,158,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 0px rgba(25,107,158,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 0px rgba(25,107,158,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(25,107,158,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.cart_button a,
.cart_button a:visited,
.cart_button a:link
{
  color: #ffffff;
}


.cart_button:hover {
    cursor: pointer;
  background-color: #54b8f5;
	background: -moz-linear-gradient(top,#9fd6f8,#2198e3);
	background: -webkit-linear-gradient(
		top, #9fd6f8, #2198e3);
    background: -ms-linear-gradient(top, #9fd6f8,#2198e3);
    background: linear-gradient(to bottom, #9fd6f8,#2198e3);
	border: 1px solid #5bbaf5;
	-moz-box-shadow:
		0px 1px 3px rgba(25,121,181,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(25,121,181,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(25,121,181,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(25,121,181,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.wish_button {
    display: block;
    float: right;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
	padding: 0px 8px;
    height: 24px;
    line-height: 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-left: 10px;
    background-color: #f280cb;
	background: -moz-linear-gradient(top,#f280cb,#e62762);
	background: -webkit-linear-gradient(
		top, #f280cb, #e62762);
    background: -ms-linear-gradient(top, #f280cb, #e62762);
    background: linear-gradient(to bottom, #f280cb, #e62762);
	border: 1px solid #bf4a80;
    border-radius: 4px;
	-moz-box-shadow:
		0px 1px 0px rgba(158, 25, 127, 0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 0px rgba(158, 25, 127, 0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 0px rgba(158, 25, 127, 0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(158, 25, 127, 0.5),
		0px 1px 0px rgba(255,255,255,0.3);
}

.wish_button a,
.wish_button a:link,
.wish_button a:hover,
.wish_button a:visited {
  color: #fff;
}

.wish_button:hover {
    cursor: pointer;
    background-color: #f58cd1;
	background: -moz-linear-gradient(
		top,
		#f280cb 0%,
		#e62762);
	background: -webkit-linear-gradient(
		top, #f09ad3, #e04776);
    background: -ms-linear-gradient(top, #f09ad3,
		#e04776);
    background: linear-gradient(to bottom, #f09ad3,
		#e04776);
	border: 1px solid #d952de;
	-moz-box-shadow:
		0px 1px 3px rgba(181, 25, 139, 0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(181, 25, 139, 0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(181, 25, 139, 0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(181, 25, 139, 0.5),
		0px 1px 0px rgba(255,255,255,0.3);
}

.sound_format,
.sound_format_track {
    display: block;
    background-color: #fff;
    background : url(/common/images/downmark_sound_format.png) right center no-repeat, -webkit-linear-gradient(top, #50a0d3, #196b9e);
    background: url(/common/images/downmark_sound_format.png) right center no-repeat, -moz-linear-gradient(top, #50a0d3, #1979b5);
  background: url(/common/images/downmark_sound_format.png) right center no-repeat, -ms-linear-gradient(top, #50a0d3, #1979b5);
    background: url(/common/images/downmark_sound_format.png) right center no-repeat, linear-gradient(to bottom, #50a0d3, #1979b5);
    float: left;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 2px 24px 2px 6px;
    margin: 0;
    border-radius: 0;
    border: 1px solid #338ec7;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .1px;
    text-overflow: "";
    cursor: pointer;
}

.sound_format {
  height: 24px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.sound_format::-ms-expand {
  display: none; }

.sound_format option {
  height: 24px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.sound_format option,
.sound_format_track option {
  color: #333;
  background-color: #fdfdfd;
}

.sound_format_track {
  padding: 2px 24px 2px 8px;
  font-size: 90%;
  color: #444;
  background-color: #fff;
    border: 1px solid #aaa;
    -webkit-appearance: none;
    -moz-appearance: none;
  background: url(/common/images/downmark_sound_format_dark.png) right center no-repeat, -webkit-linear-gradient(top, #fff, #bbb);
  background: url(/common/images/downmark_sound_format_dark.png) right center no-repeat, -moz-linear-gradient(top, #fff, #bbb);
  background: url(/common/images/downmark_sound_format_dark.png) right center no-repeat, -ms-linear-gradient(top, #fff, #bbb);
  background: url(/common/images/downmark_sound_format_dark.png) right center no-repeat, linear-gradient(to bottom, #fff, #bbb);
}

.sound_format_track::-ms-expand {
  display: none; }

.each2cart .fa, .add2cart .fa {
  font-size: 15px;
  line-height: 12px;
}

.album_info { height:auto !important;min-height:180px !important; }
.album_info .ainfo_wrapper { height:auto !important; min-height:180px !important;}

.ainfo_wrapper .form {
		height: auto !important;
		float:right !important;
		margin: 48px 0 8px !important;
}

.album_info form {
		position: static !important;
}

.ainfo_wrapper:after{
  content: "";
  display: block;
  clear: both;
}


div.modify_button {
    text-align:center;
    padding:16px;
}
input.modify_button {
    font-size:200%;
    font-weight:bold;
}