@charset "UTF-8";
img { border:0; }
form { margin:0; padding:0; }
a,a:link,a:active { color:rgb(254,0,0);text-decoration:none; }
a:hover { color:rgb(255,145,145); }
body { margin:0;padding:0;text-align:center; height:100%; width:100%; behavior:url("/csshover.htc");}
/*body,p,div,th,td { color:#303030;font-family:HiraKakuPro-W3,Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:12px; }*/
body,p,div,th,td { color:#303030;font-family:HiraKakuPro-W3,Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:12px; }
h1,h3,h3,h4,h5,p { margin:0;padding:0; }

#wrap { position:relative;margin:0px 0 0 0; padding:0; 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 {
    position:fixed;
    left:0;
    top:0px;
    z-index:4;
/*
    opacity:0.9;
*/
    width:100%;
    height:70px;
    color:#fff;
    background-color:#888;
}
.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%, #676767 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1e1e1e), color-stop(0.00, #676767));
    background: -webkit-linear-gradient(top, #1e1e1e 0%, #676767 100%);
    background: -moz-linear-gradient(top, #1e1e1e 0%, #676767 100%);
    background: -o-linear-gradient(top, #1e1e1e 0%, #676767 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1e1e', endColorstr='#676767'); /* IE6,7用 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#1e1e1e, EndColorStr=#676767)";  /*IE8,9用 */
    background: -ms-linear-gradient(top, #1e1e1e 0%, #676767 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:24px;
/*
    opacity:0.9;
*/
/*
    filter: alpha(opacity=90);
*/
    background-color:#888;
    background: linear-gradient(top, #676767 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #676767), color-stop(0.00, #1e1e1e));
    background: -webkit-linear-gradient(top, #676767 0%, #1e1e1e 100%);
    background: -moz-linear-gradient(top, #676767 0%, #1e1e1e 100%);
    background: -o-linear-gradient(top, #676767 0%, #1e1e1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#1e1e1e'); /* IE6,7用 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#7d7d7d, EndColorStr=#1e1e1e)"; /* IE8,9用 */
    background: -ms-linear-gradient(top, #676767 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 {
    box-sizing:border-box;
    position:absolute;
    top:16px;
    right:1.3em;
    background:transparent;
    color:#FFFFFF;
    font-size:14px;
    border:1px solid #CCCCCC;
    padding:0 0.5em;
    width:14em;
    height:21px;
}

#small_search_menu {
    display:none;
}

.header .small_search {
    box-sizing:border-box;
    padding:1px 6px;
    height:20px;
    width:130px;
    border:1px solid gray;
    background-color:#ddd;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.header .small_search:focus{
    background-color:#fff;
    opacity:1;
}

.header .adv {
/*
    list-style-type:none;
    line-height:0;
    margin:0px;
    padding:0px;
*/
    position:absolute;
    right:21em;
    top:6px;
}

/*
.adv_down {
    display:none;
}
*/

.header .menu { white-space:nowrap; }
.header .menu ul
{
    margin:0;
    padding:0 1.5em;
    position:absolute;
    left:0px;
    top:46px;
    list-style-type:none;
    width:97%;
}
.header .in_the_menu
{
    padding-top:4px;
    width:6em;
}
.header .menu .main_menu li
{
    float:left;
    margin : 0;
    padding:0.25em 1em;
    font-family:'Lucida Grande';
    font-weight:bold;
    border-right:1px solid #404040;
    border-left:1px solid #7d7d7d;
    letter-spacing:0.2em;
    font-size:10px;
    line-height:18px;
    height:20px;
    width: 6em;/* ref1 */
    text-align:center;
}
.header .menu .main_menu .right { float:right; }
.header .menu .main_menu .long {
    border-right:none;
    border-left:none;
    width:128px;
    text-align:center;
 }
.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:0px;
    margin-top:0.48em;/*.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:18px;
    margin : 10px;
    padding: 10px;
    height:20px;
    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 dotted #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:-45px;
    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, #676767 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #676767), color-stop(0.00, #1e1e1e));
    background: -webkit-linear-gradient(top, #676767 0%, #1e1e1e 100%);
    background: -moz-linear-gradient(top, #676767 0%, #1e1e1e 100%);
    background: -o-linear-gradient(top, #676767 0%, #1e1e1e 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#1e1e1e'); /* IE6,7用 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#676767, EndColorStr=#1e1e1e)"; /* IE8,9用 */
    background: -ms-linear-gradient(top, #676767 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;
}


/* --------------------------------------------------------------
 HEADER 2.0
-------------------------------------------------------------- */

.header2 {
    position:relative;
    top: 0;
    left:0;
    z-index:4;
    color:#fff;
    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')";

    margin:0;
    padding:8px 32px 0 32px;
    height:48px;
    line-height:48px;
}

.header2 .fg2 {
    float:left;
    height:48px;
    line-height:48px;
}

.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 {
    position:relative;
    text-align: left;
    font-size: 12px;
    width:100%;
    box-shadow:0 4px 8px rgba(0,0,0,0.3);
    z-index:8;
}

.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;
}


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

.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;
}

.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_music2 { dipslay:block;height:30px;line-height:30px !important;text-align:center !important; }
#menu_music2 img {
    height: 22px;
    margin-top:4px;
    margin-left:8px;
    line-height:30px;
}

/*
.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(#31d100, #25a200);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#31d100', endColorstr='#25a200')";
}

.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 : 100px;
    text-align: center;
    line-height:30px;
    color: #bebdbd;
    text-decoration: none;
    text-shadow: 0 -1px 0 #383838;
    font:bold 100%/30px sans-serif;
/*
    font-weight:300;
	  font-family: 'PT Serif Caption',serif;
    text-transform: uppercase;
    font-weight: bold;
*/
}

.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;
}

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

.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;
}

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

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

#identity2 {
    display:none;
}

#cart_menu {
  display: none;
}

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

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

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


/* -------------------------------------------------------------- */
/* SIDE COLUMN                                                    */
/* -------------------------------------------------------------- */


.side_column {
    width:176px;
    border: 1px solid #bbb;
    margin-bottom:8px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.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:0; padding:0; display:block; text-align:center;}
#row { margin:0 auto; padding:0; display:inline-block; }

#login_box {
    visibility: hidden;
}
#foot {
    visibility: hidden;
}

/*** 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;font-weight:bold;color:#303030;letter-spacing:1px; }
#content h3 { margin:14px 0 4px 0;font-size:16px;font-weight:bold;color:#303030; }
#content h4 { margin:14px 0 4px 0;font-size:14px;font-weight:bold;color:#303030;letter-spacing:1px; }

/* GENERAL SETTING 2 */

#row { padding:0; width:100%; text-align:center; clear:both;}

#content2 h2 { margin:0 4px 12px 4px;font-size:18px;font-weight:bold;color:#303030;letter-spacing:1px; }
#content2 h3 { margin:14px 0 4px 0;font-size:16px;font-weight:bold;color:#303030; }
#content2 h4 { margin:14px 0 4px 0;font-size:14px;font-weight:bold;color:#303030;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 { margin-bottom:20px;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:85%; overflow:hidden; width:144px; }
div.osusume_base { width:82px; height:82px; text-align:left; background-color:#eee; padding:0; margin:0 0 -82px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden; }
.osusume_trans { width:82px; height:82px; padding:0; border:0; }
img.osusume_jacket { width:80px; 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:128px;height:auto;min-height:203px;margin:0 8px 8px 0; padding:0 0px 1px 0px; border:1px solid #ddd; overflow:hidden; text-align:center; line-height:0; position:relative; box-shadow: 2px 2px 16px #ccc;}
.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:1;}
.package_box_small .trial_play a { font-size:12pt; text-shadow: 3px 3px 2px #fff, -3px 3px 2px #fff, 3px -3px 2px #fff, -3px -3px 2px #fff; }


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:0.5em 0 3em 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; }

/* ↓ modified */
.standard_body { font-size:12px; }

.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;
}
#trial_source
{
    white-space: nowrap;
}
/******/
#iine {
    padding: 3px 0.25em 3px 18px;
    border: 1px solid #590;
    font-size: 9px;
    font-weight: normal;
    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));
    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{
  position: relative;
  margin: 0 0 26px 0;
  padding: 20px 24px 28px 24px;
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 1px;
}

.post_content:first-child { margin-top: 32px; }

.post_content .post_divider {}
#center .post_content h4 {
  margin-top: 16px;
  background: none;
  height: auto;
}
.post_title {
  display: block;
  text-decoration: none;
  font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-size: 26px;
  line-height: 1.3em;
  color: rgb(51,51,51);
  letter-spacing: -.07em;
}
.post_title a,
.post_title a:link,
.post_title a:visited,
.post_title a:active {
  padding-bottom: 6px;
  display: block;
  text-decoration: none;
  color: rgb(51,51,51);
  font-family: "Roboto","Yu Gothic",YuGothic,"游ゴシック体",HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  font-size: 26px;
  line-height: 1.3em;
  letter-spacing: -1px;
  border-bottom: 6px solid rgb(255,166,166);
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.post_title a:hover {
  color: rgb(0,0,0);
  border-color: rgb(255,51,51);
}

.post_content .clear { clear:both;height:0; }
.post_time p {
  margin: 0;
  font-size: 14px;
  font-family: HiraKakuProN-W3,HiraKakuPro-W3,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
  line-height: 1em;
  text-align: left;
  color: rgb(128,128,128);
  text-decoration: none;
}
.post_body{
  margin-top: 1em;
  width: 100%;
  text-align:justify;
}

.post_body p{
  margin: 0 0 1.5em 0;
  font-size: 14px;
  line-height: 1.7em;
  letter-spacing: normal;
  word-wrap: break-word;
}
.post_body .photo{
  text-align:center;
}
.post_body .photo img{
  max-width:100%;
}

.post_divider{
  margin: 0px;
  width:100%;
  height:0;
  overflow:hidden;
}
.post_divider_short{ width:100%;height:0; }

.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: rgb(254,0,0);
}

.post_footer{
  display:none !important;
  position:relative;
  width:100%;
  float:left; display:inline;
}

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

/* ↓ modified */
.post_twitter table {
  padding-right:1em;
}

.post_twitter table td {
  padding: 2px 0px;
}

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

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

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

.post_related li {
  list-style:none;
}
.post_related li:before { content:"\261E  " }

.post_content .social {
  float: right;
  list-style: none;
}

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

.post_content .social li fb-like { /* facebook */
  margin-top: -10px;
  display: table-row;
  overflow: hidden;
}
.post_content .social li .facebook-button {
  margin-right: 12px;
  width: 70px !important;
}

/* -------------------------------------------------------------- */
.huge {
  font-size:47pt;
  font-weight:bold;
}
/* -------------------------------------------------------------- */
iframe.twitter-share-button {
  width:62px!important;/* no ballon */
/* 1figure   width:89px!important;*/
/* 2figure   width:93px!important;*/
  vertical-align: top;
}

iframe.hatena-bookmark-button-frame {
  vertical-align: top;
}

/* ---- article ---------------------------------------------------------- */
#article {
  /* text-align:justify; */
  padding:0 0.6em;
}
.vote {
  margin:0 0 20px 0;
}
/* ---- badge on right top ---------------------------------------------------------- */
.identity2 {}
.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;
  /*box-shadow: 1px 1px 1px #800;*/
  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;
  /*box-shadow: 1px 1px 1px #800;*/
  font-weight:100;
  content: attr(data-badge);
}

#quit { display:none; }

#identity { display:none; }

/*--- Social Buttons ------*/

.hatena-bookmark-button-frame { margin-left: 10px; }


/* feature */
.feature_img_right { margin:0 0 0 16px; }
.feature_img_left { margin:0 16px 0 0; }


/* ======================================= 
   search-box
   ======================================= */
#search-box { z-index:4;position:absolute;bottom:28px;right:40px;height:40px;margin-bottom:16px; }
#header-search-box { float:right; }
.form-search {}
.form-search>.search-text {
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  color: #333;
  margin:0 0 10px 0;
  padding:0 16px 0 12px;
  width:180px;
  height:30px;
  line-height:30px;
  vertical-align: middle;
  -webkit-border-radius: 15px 0 0 15px;
     -moz-border-radius: 15px 0 0 15px;
          border-radius: 15px 0 0 15px;
  border: 1px solid #cccccc;
  border-width:1px 0 1px 1px;
  *border: 0;
  border-color: #cccccc;
  outline: 0;
  background:rgba(255,255,255,0.9);
}
.form-search>.search-button {
  display:inline-block;
  font-size:123.1%;
  font-weight:normal;
  color:#555555;
  cursor:pointer;
  margin:0 0 10px 0;
  padding:0 15px 0 8px;
  width:36px;
  height:32px;
  line-height:26px;
  text-align:center;
  vertical-align:middle;
  -webkit-border-radius: 0 15px 15px 0;
     -moz-border-radius: 0 15px 15px 0;
          border-radius: 0 15px 15px 0;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.form-search>.search-text:focus,
.form-search>.search-button:focus { 
  outline:0; 
  box-shadow:0 0 5px rgba(255,255,255,0.5);
}
.form-search>.search-text:focus {
  background:rgba(255,255,255,1);
}

/** responsible breakpoint **/
@media (max-width: 640px) {

  .post_body p.post_tail {
    display: block;
    float: none;
    margin: 0 auto 10px auto;
    text-align: center;
  }
  .post_content{
    margin: 16px 0;
    padding: 16px 12px 18px 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 4px;
  }
  .post_content .social { float:none;text-align:center; }
  .post_footer_right { float:none; }
  .post_content:first-child { margin-top:16px; }

  .post_title a,
  .post_title a:link,
  .post_title a:visited,
  .post_title a:active {
    font-size: 19px;
    letter-spacing: 0;
    line-height: 1.3em;
  }
  .post_title a:hover {
    color: rgb(0,0,0);
    color: rgb(51,51,51);
    border-color: rgb(255,166,166);
  }

  .post_body {
    font-size: 15px;
    line-height: 1.6em;
  }
  #center .post_content h4 { margin-top:6px; }

  #content .post_body h1 { font-size:19px;font-weight:bold;font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6',"Yu Gothic",YuGothic,"游ゴシック体",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px; }
  #content .post_body h2 { font-size:16px;font-weight:bold;font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6',"Yu Gothic",YuGothic,"游ゴシック体",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px; }
  #content .post_body h3 { font-size:16px;font-weight:bold;font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6',"Yu Gothic",YuGothic,"游ゴシック体",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px; }
  #content .post_body h4 { font-size:16px;font-weight:bold;font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6',"Yu Gothic",YuGothic,"游ゴシック体",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px; }
  #content .post_body h5 { font-size:15px;font-weight:bold;font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6',"Yu Gothic",YuGothic,"游ゴシック体",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px; }
  #content .post_body h6 { font-size:15px;font-weight:bold;font-family: HiraKakuProN-W6,HiraKakuPro-W6,'ヒラギノ角ゴ ProN W6','ヒラギノ角ゴ Pro W6',"Yu Gothic",YuGothic,"游ゴシック体",'メイリオ',Meiryo,'ＭＳ ゴシック',Arial,HelveticaNeue,Helvetica,'Lucida Grande',sans-serif;line-height:1.3em;color:rgb(25,25,25);letter-spacing:-1px; }

  .post_body .photo img { max-width:100%; }
}