@charset "shift_jis";
/* CSS Document */

/* 1. 詳細画面
---------------------------------------------------------------- */

/* ==========　header area　==========*/

#detail_title {
    width:770px;
    margin:0 auto;
}

#tee_detail_content {
    position:relative;
    width:768px;
    margin:0 auto;
    background-color:#fff;
    /** border:solid 1px #000000; **/
}

#tee_detail_content h1,h2,h3{
    display: inline;
}

#label_detail_content {
    position:relative;
    width:768px;
    margin:0 auto;
    /** border-bottom:solid 1px #000000; **/
}

#label_detail_content .d_txt{
    min-height:132px;
    text-align:left;
    font-size:1.1em;
    color:#666666;
    padding:30px;
    clear: both;
}

#label_detail_content .d_txt img{
    padding:0 20px 0 0;
    float:left;
}

#artist_detail_content {
    position:relative;
    width:768px;
    /* height:148px; */
    margin:0 auto;
    background-color:#fff;
    border-bottom:solid 1px #000000;
    font-size:1.1em;
    color:#666666;
    clear: both;
}
#artist_detail_content .s_txt{
    padding:30px;
    text-align:left;
    font-size:1.1em;
    color:#666666;
}

#artist_detail_content .icon{
    position:absolute;
    width:128px;
    top:10px;
    left:30px;
}

#artist_detail_content .d_txt{
    position:absolute;
    width:550px;
    height:108px;
    top:20px;
    left:188px;
    text-align:left;
    font-size:1.1em;
    color:#666666;
}

/* レーベル紹介文*/
#detail_label_info {
    width: 730px;
    margin: 0 auto 10px auto;
    padding:20px;
    text-align:left;
    background-color: #ffffff;
    }

#tee_detail {
    position:relative;
    width:709px;
    margin:0 auto;
}

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

#tee_detail dl{
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold;
    font-size:9px;
    text-align:left;
}

#tee_detail dl dt{
    float:left;
    clear:both;
    width:3em;
}

#tee_detail dl dd{
    margin-left:3.5em;
    margin-right:1em;
}

dd:after {
    content:'';
    display:block;
    clear:both;
}

#tee_detail .tee_name {
    background-color:#fff;
    color:#000;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold;
    font-size:30px;
    word-break:break-all;
    margin: 10px 0 15px 0;
    padding: 0;
    text-align:left;
}

/*左メニュー*/

#tee_detail #left_menu {
    width: 200px;
    text-align:left;
    position:relative;
    float:left;
}

/*Label*/
#tee_detail #left_menu .detail_label_name {
    background-color:#fff;
    color:#000;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold;
    font-size:9px;
    word-break:break-all;
    padding: 0px;
    margin: 0;
}

/*Artist*/
#tee_detail #left_menu .designer_name {
    background-color:#fff;
    color:#000;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold;
    font-size:9px;
    word-break:break-all;
    padding: 0px;
    margin: 5px 0 0 0;
}

/*Color*/
#tee_detail #left_menu .tee_color {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold;
    font-size:9px;
    text-align:left;
    color:#000000;
    word-break:break-all;
    margin: 5px 0 0 0;
}

/*FAVORITE*/
#tee_detail #left_menu .favorite {
    width:135px;
    height:20px;
    margin: 5px 0 0 0;
}

#tee_detail #left_menu .designer_name a:link {font-size:9px;}
#tee_detail #left_menu .designer_name a:visited {font-size:9px;}
#tee_detail  #left_menu.designer_name a:active {font-size:9px;}
#tee_detail #left_menu .designer_name a:hover {font-size:9px;}


#tee_detail #right_menu {
    width: 500px;
    text-align:left;
    position:relative;
    float:left;
}

/*下メニュー*/
#bottom_menu {
    width: 709px;
    height:83px;
    text-align:left;
    position:relative;
    border:solid 1px #cccccc;
    margin:0 auto;
}


#lavel_name {
    background-color:#000;
    margin:0 auto;
    color:#FFF;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:15px;
    text-align:left;
    word-break:break-all;
    width:770px;
}

#lavel_name a:link {background-color:#000;color:#FFF;text-decoration:none;width:750px;padding:10px;display:block;font-size:15px;}
#lavel_name a:visited {background-color:#000;color:#FFF;text-decoration:none;width:750px;padding:10px;display:block;font-size:15px;}
#lavel_name a:active {background-color:#000;color:#FFF;text-decoration:none;width:750px;padding:10px;display:block;font-size:15px;}
#lavel_name a:hover {background-color:#645d5b;color:#fff;text-decoration:none;width:750px;padding:10px;display:block;font-size:15px;}

/* PRICE& DETAIL */
#tee_detail .pd {
    width:400px;
    height:34px;
    margin-top: 15px;
    margin-left: 20px;	/* font-weight: bold; */
}

/*説明文*/
#tee_detail #right_menu .explanation {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:10px;
    text-align:left;
    color:#666666;
    margin:0;
}

#tee_detail .explanation a:link {font-size:10px;}
#tee_detail .explanation a:visited {font-size:10px;}
#tee_detail .explanation a:active {font-size:10px;}
#tee_detail .explanation a:hover {font-size:10px;}

/*色パレット*/

/*詳細情報テーブル*/
#bottom_menu .color_picker .detail_tbl {
    width:351px;
    padding: 0;
    margin: 0;
    border-collapse:collapse;
    border:0;
}

/*詳細情報テーブル td*/
#bottom_menu .color_picker .detail_tbl td {
    padding:0px;
    margin:0px;
    border:0;
}


/*詳細情報テーブル td_d*/
#bottom_menu .color_picker .detail_tbl .td_d {
    font-family:Verdana, Geneva, sans-serif;
    font-weight:bold;
    text-align:center;
    padding:0px;
    margin:0px;
    width:349px;
    background-color:#ffffff;
}

#bottom_menu .color_picker .detail_tbl .td_d_l {
    background-color:#000;
    padding:0px;
    margin:0px;
    width:1px;
}

#bottom_menu .color_picker .detail_tbl .td_d_r {
    background-color:#000;
    padding:0px;
    margin:0px;
    width:1px;
}

#bottom_menu .color_picker .g_color ul {
    float: left;
    margin: 8px 0 3px 10px;
}

#bottom_menu .color_picker .g_color ul li {
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
    list-style-type: none;
}

#bottom_menu .button_area_l {
    position:relative;
    text-align:center;
    float:left;
}

/*価格*/
#bottom_menu .button_area_l .tee_price {
    color:#000000;
    margin: 15px 0 0 20px;
    /*width:265px;*/
    height:34px;
}

#bottom_menu .button_area_r {
    position:absolute;
    top:10px;
    left:333px;
    width:180px;
    padding-left:20px;
    border-left:solid 1px #cccccc;
}

#bottom_menu .buy {
    position:absolute;
    width:171px;
    top: 10px;
    right: 10px;
}

#bottom_menu2 {
    width: 709px;
    height:50px;
    text-align:left;
    position:relative;
    margin:0 auto;
}

#tee_detail #bottom_menu .button_area_r .size {
    position:relative;
    margin-top:7px;
    font-size:9px;
    width:170px;
}

#tee_detail #bottom_menu .button_area_r .amount {
    position:relative;
    margin-top:8px;
    font-size:9px;
    width:170px;
}

#tee_detail #bottom_menu .button_area_r .atention {
    position:relative;
    margin-top:10px;
    font-size:9px;
    width:180px;
    color:#F00;
}

.soldout {
    position:relative;
    font-size:1.5em;
    font-weight:bold;
    width:300px;
    text-align:left;
    color:#F00;
    height:60px;
    line-height:60px;
}

.tee_size {
    position:relative;
    font-size:0.5em;
    margin-top:2px;
    text-align:left;
}

.tee_size a:link {font-size:9px;}
.tee_size a:visited {font-size:9px;}
.tee_size a:active {font-size:9px;}
.tee_size a:hover {font-size:9px;}


#tee_size {
    text-align:center;
    position:relative;
    margin:0px;
}

#tee_detail_copyright {
    text-align:left;
    position:relative;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:10px 0 10px 20px;
    border-bottom:solid 1px #000;
}

/*PRODUCTS ICON*/
#tee_detail #bottom_menu .button_area_r .icon {
    margin:4px 0 0 0;
    position:relative;
    width:119px;
    height:57px;
}

/*PICKUP*/
#tee_detail #bottom_menu .button_area_r .icon .pickup {
    position:absolute;
    width:46px;
    height:46px;
    left:2px;
    top:0px;
}

#social_area {
    position:relative;
    width:709px;
    height:30px;
    margin:10px auto 0 auto;
}

/*BLOG PARTS*/
#social_area .blogparts {
    position:absolute;
    width:91px;
    height:20px;
    left:0px;
    top:0px;
}

/*TWITTER*/
#social_area .twitter {
    position:absolute;
    width:80px;
    height:20px;
    left:99px;
    top:0px;
}

/*LIKE BUTTON*/
#social_area .like_area {
    position:absolute;
    left:184px;
    width:180px;
    float:left;
    top:0px;
}

/*URL*/
#social_area  #url {
    background-color:#fff;
    position:absolute;
    right:0;
    top:0;
    font-weight:bold;
}

#url .url_f {
    width:250px;
    height:9px;
    font-size:9px;
    padding:5px 5px;
    font-family:Arial, Helvetica, sans-serif;
    word-break:break-all;
    color:#000;
    border:solid 1px #ccc;
}


/*　BLOG PARTS サイズ表　*/
#tee_detail_parts {
    text-align:left;
    position:relative;
    width:770px;
    margin:10px auto 0 auto;
    padding-bottom:10px;
}


#tee_detail_border {
    text-align:left;
    position:relative;
    width:553px;
    margin:0px;
    margin-left:210px;
    padding-bottom:10px;
}


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

/*BLOG PARTS*/

#tee_detail_parts .blog_parts {
    position:relative;
    width:174px;
    float:left;
}

#tee_detail_parts .blog_parts .title {
    position:relative;
    width:162px;
    height:25px;
}

#tee_detail_parts .blog_parts .parts {
    position:relative;
    width:162px;
    height:237px;
}

/*詳細カラーバリエーションサムネイル*/
#color_list {
    position:relative;
    width: 770px;
    margin: 20px auto 20px auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    clear:both;
}

#color_list .color_img {
    position:relative;
    width: 250px;
    margin-bottom: 10px;
    float: left;
    text-align:center;
}

#color_list .color_img .img {
    position:relative;
    margin:0;
    padding:0;
    height:250px;
    }

#color_list .color_img .today_up {
    position:absolute;
    width:71px;
    height:71px;
    top:140px;
    left:170px;
}

#color_list .color_img .txt {
    width: 250px;
    font-size:1em;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding:5px 0;
    font-weight:bold;
    margin-bottom:10px;
    }

.color_list_terminater {
    clear: left;
}

#warnings {
    position:relative;
    width: 709px;
    padding:5px 0;
    text-align:left;
    margin:0 auto;
    font-size:9px;
    color:#666666;
}

#large_image #warnings {
    margin: 790px 0 0 5px;
    font-size:11px;
    font-weight:bold;
    color:black;
}

#imgPreviewWithStyles {
    background: #fff url(/images/loading.gif) no-repeat center;
  border:solid 1px #CCC;
    z-index: 999;
}
#imgPreviewWithStyles span {
    color: white;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}

.favorite_m {
    padding:4px;
}