@charset "UTF-8";
body, p, div, td, th {
    color:#333;
    font-family:trebuchet ms, verdana, arial, sans-serif;
    }

body{
    background:#eee;
    color:#333;
    line-height:130%;
/*  font-family:Trebuchet MS, Trebuchet, MS UI GOTHIC, verdana, arial, sans-serif;*/
    font-size:10pt;
    margin:0px;
    padding-top:0px;
    padding-bottom:0px;
    }

#box{
    width:740px;
    background:white;
    border-left:1px solid #999;
    border-right:1px solid #999;
    padding:5px;
    }

#logo{
    text-align:left;
    margin-top:10px;
    margin-bottom:0px;
    }

input, textarea {
    font-size:11px;
    font-family: Verdana, Arial, sans-serif;
    }

.err {
    color:red;
    }

.notice {
    font: 10px verdana, arial, sans-serif;
    color: red;
    margin-top: 2px;
    margin-bottom: 3px;
    }

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

a:hover{
    color:#f00;
    }

a:active{
    color:#f00;
    }

td{
    font-size: 10pt;
    vertical-align: top;
    }

img{
    border: none;
    }

form{
    margin:0px;
    }

textarea{
    font-family: /*Trebuchet MS, Trebuchet, */MS UI GOTHIC, verdana, arial, sans-serif;
    font-size: 9pt;
    }

.textdeco a{
    color:#335;
    padding-bottom:0px;
    border-bottom:1px solid #ccf;
    line-height:145%;
    margin-bottom:5px;;
    }

/* @group floating-clear */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* @end floating-clear */

#main{
    background:white;
    float:left;
    width:554px;
    }

#main .box{
    background:white;
    margin-left:5px;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:5px;
    }

#main .bg_box{
    background:white;
    margin-left:5px;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:5px;
    background-image : url("http://socialtunes.net/images/tutune1.gif");
/*  background-attachment: fixed;*/
    background-position:100% 100%;
    background-repeat: no-repeat;
}

#main .entry_box{
    height:400px;
    background:white;
    margin-left:5px;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:5px;
    background-image : url("http://socialtunes.net/images/pyun1.gif");
/*  background-attachment: fixed;*/
    background-position:100% 100%;
    background-repeat: no-repeat;
}

#main .about_box{
    height:500px;
    background:white;
    margin-left:5px;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:5px;
    background-image : url("http://socialtunes.net/images/moon1.jpg");
/*  background-attachment: fixed;*/
    background-position:100% 100%;
    background-repeat: no-repeat;
}

.label .size_0{
    font-size:8pt;
    }

.label .size_1{
    font-size:9pt;
    }

.label .size_2{
    font-size:10pt;
    }

.label .size_3 {
    font-size:12pt;
    }

.label .size_4 {
    font-size:13pt;
    }

.label .size_5 {
    font-size:14pt;
    }

.label .size_6 {
    font-size:15pt;
    }

.label .size_7 {
    font-size:16pt;
    margin-top:3px;
    }

#labeled .box{
    background:white;
    margin-left:5px;
    border:1px solid #9c9;
    padding:5px;
    margin-bottom:5px;
    }

#main .title{
    padding-top:2px;
    padding-bottom:2px;
    border-left:5px solid #ccc;
    padding-left:6px;
    margin-bottom:5px;
    background: #f3f3f3;
    }

#main .sub_title{
    padding-top:2px;
    padding-bottom:2px;
    border-left:5px solid #ccc;
    padding-left:6px;
    margin-bottom:5px;
    background: #ffffff;
    }

.box_footer{
    border-top: 1px dashed #ccc;
    padding-top:5px;
    }

.box_footer_r{
    border-top: 1px dashed #ccc;
    margin-top:5px;
    padding-top:5px;
    text-align:right;
    }

#side{
    background:white;
    float:left;
    width:185px;
    }

#side .box{
    background:white;
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:5px;
    }

#side .title{
    padding-top:2px;
    padding-bottom:2px;
    border-left:5px solid #ccc;
    padding-left:6px;
    margin-bottom:5px;
    background: #f3f3f3;
    }

#side .title_public {
    padding-top:2px;
    padding-bottom:2px;
    border-left:5px solid #fd9;
    padding-left:6px;
    margin-bottom:5px;
    background: #f3f3f3;
    }

#side .box ul{
    list-style-type: none;
    margin-left:0;
    padding-left:0;
    margin-top:0;
    margin-bottom:0;
    }

#side .box li{
    background-image:url("../images/pt_s.gif");
    background-repeat:no-repeat;
    padding-left:9pt;
    }

.disable{
    color:silver;
    }

#large_title{
    font-size:14pt;
    font-weight:bold;
    margin-top:5px;
    margin-bottom:10px;
    border-bottom:1px solid #999;
    padding-bottom:10px;
    }

.adsense_box{
    background:white;
    border:1px solid #ccc;
    width:185;
    margin-bottom:5px;
    }

.peta_box{
    border:1px solid #ccc;
    float:left;
/*  width:87px;*/
    width:97px;
    height:90px;
    margin-right:2px;
    margin-bottom:2px;
    padding:3px;
    text-align:left;
/*  padding-top:auto;
    padding-bottom:auto;*/
    overflow:hidden;
    line-height:110%;
    }

.peta_box a {
    color:#444;
}

.peta_box a:hover {
    color:red;
    }

.peta_title {
    font: 10px Trebuchet, verdana, arial, sans-serif;
    }

.peta_via {
    font: 10px Trebuchet, verdana, arial, sans-serif;
    }

.peta_via a {
    color: #66f;
    }

.peta_via a:hover {
    color: red;
    }

.peta_box img{
    margin-right:3px;
    }

.peta_box_page{
    border:1px solid #ccc;
    float:left;
/*  width:87px;*/
    width:97px;
    height:90px;
    margin:2px;
    padding:3px;
    }

.user_box{
    border:1px solid #ccc;
    float:left;
    width:76px;
    height:80px;
/*  margin:3px;*/
/*  margin-left:0;*/
    margin-right:2px;
    margin-bottom:2px;
    padding:3px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
    font-size:small;
    font: 10px Trebuchet, verdana, arial, sans-serif;
    }

.side_peta_box {
    border:1px solid #ccc;
    float:left;
    width:74px;
    height:78px;
    margin:3px;
    margin-left:0;
    padding:3px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
    }

.side_review_box{
    border:1px solid #ccc;
    float:left;
    width:74px;
    height:74px;
    margin:3px;
    margin-left:0;
    padding:3px;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
    }
.watch_box{
    float:left;
    width:82px;
    height:115px;
    border:1px solid #ccc;
    margin-right:5px;
    margin-bottom:5px;
    padding:0px;
    text-align:center;
    overflow:hidden;
    }

.item_box{
    border:1px solid #ddd;
    float:left;
    width:97px;
    height:80px;
    margin-right:2px;
    margin-bottom:2px;
    padding:3px;
    text-align:left;
    overflow:hidden;
    line-height:110%;
    }

.item_title{
    font: 10px Trebuchet, verdana, arial, sans-serif;
    }

.contact_box{
    float:left;
    width:82px;
    height:115px;
    border:1px solid #ccc;
    margin-right:5px;
    margin-bottom:5px;
    padding:0px;
    text-align:center;
    }

.peta_own {
    font-size: 8pt;
    color: red;
    vertical-align:top;
    }

.peta_wish {
    font-size: 8pt;
    color: gold;
    vertical-align:top;
    }

.peta_now {
    font-size: 8pt;
    color: purple;
    vertical-align:top;
    }

.peta_review {
    font-size: 8pt;
    color: blue;
    vertical-align:top;
    }

.peta_scrap {
    font-size: 8pt;
    color: silver;
    vertical-align:top;
    }

hr {
    color #ccc;
    }

.hr_dot {
    color: #ccc;
    height: 1px;
    border: #ccc 1px dashed;
    }

.hr_silver {
    color:#ccc;
    height:1px;
    }

#product_name {
    font-size:16pt;
    font-weight:bold;
    line-height:125%;
    }

h1 {
    font-size:16pt;
    font-weight:bold;
    line-height:125%;
    display: inline;
    }

.right {
    text-align: right;
    }

.result_title{
    font-size:10.5pt;
    }

.result_data{
    color:#444;
    }

.result_image{
    }
    
.review_title{
    font-size:10pt;
/*  font-weight:bold;*/
    border-bottom:1px solid #ccc;
    margin-bottom:8px;
    padding-bottom:3px;
    }

.keyword {
    color:green;
    }

.keyword_s {
    color:green;
    font: 10px verdana, arial, sans-serif;
    }

.keyword a, .keyword_s a {
    color:green;
    }

.keyword a:hover, .keyword_s a:hover {
    color:red;
    }

.label{
    margin-right:3px;
    color:green;
    }

.label a{
    color:green;
    }

.label a:hover{
    color:red;
    }

.label_s{
    margin-right:2px;
    font: 10px verdana, arial, sans-serif;
    color:green;
    }

.label_s a{
    color:green;
    }

.label_s a:hover{
    color:red;
    }

.small{
    font: 10px verdana, arial, sans-serif;
    }

.red{
    color:red;
}

.silver {
    color:silver:
    }

#peta_table{
    line-height:100%;
    }

#peta_table td{
    padding-top:3px;
    padding-bottom:3px;
    border-bottom:1px solid #ccc;
    vertical-align:middle;
    }

#browse_node_box{
    margin-left:0px;
    margin-right:0px;
    }

.browse_node_title{
    font-size:11pt;
    font-weight:bold;
    margin-bottom:3px;
    }

.browse_node_data{
    margin-left:10px;
    margin-bottom:15px;
    }

.page {
    color: #666;
    text-align: right;
    }

.page a{
    color: #666;
    }

.page #current_page{
    font-size:11pt;
    font-weight:bold;
    }

#footer {
    border-top:1px solid #999;
    text-align:center;
    margin-top: 5px;
    margin-bottom:10px;
    padding-top:10px;
    font-size: 9pt;
    }

.top10_box{
    border:1px solid #999;
    padding:5px;
    }

.top10_box2{
    border:0px solid #ccc;
    margin-right:5px;
    margin-bottom:5px;
    padding:5px;
    }

.top3_box{
    border:0px solid #999;
    padding:5px;
    }

.top3_title{
    padding-bottom:2px;
    padding-left:0px;
    margin-bottom:10px;
    background: #fff;
    border-bottom:1px solid #ccc;
    }

.top10_title{
    padding-bottom:2px;
    padding-left:0px;
    margin-bottom:10px;
    background: #fff;
    border-bottom:1px solid #ccc;
    font-weight: bold;
    }

.top_item{
    margin-bottom:10px;
    }

.top_item img {
    margin: 0 0 5px 3px;
    }

.ranking_small{
    color:#666;
    font: 10px verdana, arial, sans-serif;
    margin-top:3px;
    }

.clearing {
    clear: both;
    }

.form-item {
    }

.user_search_table {
    margin-bottom:6px;
    }

.user_search_table table {
    background: #ccc;
    }
.user_search_table td{
    background: #fff;
    }

.cart_table {
    margin-bottom:6px;
    }

.cart_table table {
    background: #ccc;
    }
.cart_table td{
    background: #fff;
    }

.tab_menu ul{
    margin:0px;
    margin-left:5px;
    padding:0px;
    list-style-type: none;
    }

.tab_menu li{
    margin-right:5px;
    float:left;
    border: 1px solid #ccc;
    padding:2px;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:5px;
    }

.tab_menu a{
    color: #666;
    }

.tab_menu .selected{
    border: 1px solid #ccc;
/*  background: #ffeedd;*/
    background: #eee;
    }

.tab_menu .selected a{
    color: #333;
    }

.comment_header {
    font: 10px verdana, arial, sans-serif;
    color: #666;
    }

.comment_header a{
    font: 10px verdana, arial, sans-serif;
    color: #666;
    }

.comment_header a:hover{
    font: 10px verdana, arial, sans-serif;
    color: red;
    }

.hidden {
    display: none:
    }

#logout {
    position:absolute;
    top: 30px;
    left: 0px;
    width: 740px;
    text-align:right;
    }

.via {
    color: green;
}

.via a {
    color: green;
}


.scrap {
  margin-bottom: 20px;
}

.scrap blockquote {
  margin: 0 0 0 10px;
  padding: 0;
}

ul#tab_navi{
/*  font: 11px verdana, arial, sans-serif;*/
    list-style-type: none;
    padding:0;
    padding-bottom: 24px;
    border-bottom: 2px solid #999;
    margin: 0;
    line-height:14px;
    margin-bottom:7px;
    padding-left:0px;
    }

ul#tab_navi li{
    float: left;
    height: 21px;
    background-color: #fff;
    margin: 2px 5px 0 0px;
    border: 0px solid #999;
    width:auto; /*(<- width is required) */
    }

#tab_navi .selected_tab{
    display: block;
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid red;
    padding: 4px;
    }

#tab_navi .disable_tab{
    display: block;
    color: #999;
    text-decoration: none;
    padding: 4px;
    }

ul#tab_navi a{
    display: block;
    color: #333;
    text-decoration: none;
    border: 0px solid #999;
    padding: 4px;
    }

ul#tab_navi a:hover{
    background:white;
    border: 0px solid #ccc;
    border-bottom: 2px dashed red;
    }

ul#tab_navi a.selected{
    border: 0px solid #999;
    border-bottom: 2px solid red;
    }

#tab_navi li.tab_right {
    text-align:right;
    background: blackk;
}