@charset "UTF-8";
* {
    font-family: Verdana, Osaka, "ＭＳ Ｐゴシック";
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    background-color: #EFEFEF;
    text-align: center;
    line-height: 1.8em;
}

img {
    border-style: none;
    vertical-align: middle;
}

form {
    margin: 0px;
    padding: 0px;
}

.w_300 {
    width: 300px;
}

.w_200 {
    width: 200px;
}

.w_150 {
    width: 150px;
}

.w_100 {
    width: 100px;
}

.w_80 {
    width: 80px;
}

.w_50 {
    width: 50px;
}

.w_40 {
    width: 40px;
}

.w_30 {
    width: 30px;
}

.w_20 {
    width: 20px;
}

.red {
    color: #f00;
    font-size: 10px;
}

/* ==================== Links ==================== */
/* GreenLink@Default */
a:link {
    color: #390;
    text-decoration: none;
}

a:visited {
    color: #390;
    text-decoration: none;
}

a:hover {
    color: #F30;
    text-decoration: underline;
}

a:active {
    color: #390;
    text-decoration: none;
}

/* BlueLink */
.blu a:link {
    color: #09C;
    text-decoration: none;
}

.blu a:visited {
    color: #09C;
    text-decoration: none;
}

.blu a:hover {
    color: #F30;
    text-decoration: underline;
}

.blu a:active {
    color: #09C;
    text-decoration: none;
}

hr {
    text-align: center;
    border-top: 1px dashed #A99;
    border-style: dotted;
    margin-right: 10px;
}

html[xmlns * =
""]body:last-child hr {
    border-top: 0px;
}

/* ==================== pankuzu ==================== */
#pankuzu {
    text-align: left;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
}

#pankuzu a {
    margin: 10px;
}

#pankuzu a:link {
    color: #CCC;
    text-decoration: none;
}

#pankuzu a:visited {
    color: #CCC;
    text-decoration: none;
}

#pankuzu a:hover {
    color: #F30;
    text-decoration: underline;
}

#pankuzu a:active {
    color: #CCC;
    text-decoration: none;
}

#pankuzu strong {
    color: #333;
    margin-left: 3px;
}

/* ==================== main_conts ==================== */
#main_conts {
    width: 964px;
    background-position: center;
    background: url(/images/renew/mainBG.gif);
    background-repeat: repeat;
    margin: auto;
}

#main_conts p {
    color: #fff;
    text-align: right;
    letter-spacing: 1px;
    padding-right: 10px;
    margin-bottom: 0px;
}

/* ==================== head_conts ==================== */
#head_conts {
    width: 950px;
    background-color: #fff;
    margin: auto;
}

#head_conts p {
    color: #390;
    text-align: right;
}

#head_conts .first {
    float: left;
    padding: 10px;
}

#head_conts .second {
    float: right;
    padding: 10px;
    width: 640px;
    text-align: right;
}

#head_conts .second_in {
    float: right;
    width: 100px;
}

#head_conts .search {
    margin: 5px;
    padding: 0px;
    width: 400px;
    text-align: right;
    float: right;
}

#head_conts .search .btn {
    position: relative;
    top: 5px;
}

#head_conts .third {
    clear: both;
}

#head_conts ul {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 100%;
    height: 62px;
    padding: 0px;
    background-position: center;
    background: url(/images/renew/naviBG.jpg);
    background-repeat: repeat;
}

#head_conts li {
    margin: 0px;
    float: left;
    list-style-type: none;
}

/* ==================== left_conts ==================== */
#left_conts {
    float: left;
    height: 100%;
    width: 272px;
    padding: 5px;
    text-align: left;
}

#left_conts .login {
    margin: 2px;
    width: 266px;
    padding: 1px;
    background-color: #fff;
    border: solid 1px #aba;
}

#left_conts .login form {
    padding: 5px;
    background-color: #EDEFEE;
    height: 100%;
}

#left_conts .login form p {
    text-align: left;
    margin: 0px;
    color: #333;
    height: 50px;
}

#left_conts .login span {
    font-size: 10px;
}

#left_conts .login form .flo_r {
    float: right;
    margin: 0px;
}

#left_conts .login form .logout {
    background-color: #fff;
    text-align: center;
    padding: 5px;
    margin: 1px;
    width: 150px;
    border: 1px dotted #333;
}

#left_conts dt {
    margin-top: 15px;
    margin-left: 0px;
}

#left_conts dd {
    font-size: 13px;
    padding: 2px;
    margin-top: 0px;
    margin-left: 10px;
    line-height: 1.0em;
}

#left_conts dd a {
    text-decoration: underline;
}

#left_conts ul {
    margin-top: 0px;
    margin-left: 10px;
}

#left_conts li {
    list-style-image: url(/images/renew/arrow_green.gif);
    line-height: 1.5em;
}

/* ==================== body_conts ==================== */
#body_conts {
    height: 100%;
    width: 950px;
    background-color: #fff;
    padding-top: 10px;
    color: #666;
    margin: auto;
}

#body_conts {
    color: #666;
}

/* ==================== foot_conts ==================== */
#foot_conts {
    clear: both;
    margin: auto;
    color: #fff;
    width: 950px;
}

/* ==================== top_conts ==================== */
#top_conts {
    height: 100%;
}

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

#top_conts .left {
    height: 100%;
    float: left;
    width: 326px;
    text-align: left;
    padding: 0px;
}

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

#top_conts .left a:link, #top_conts .left a:visited, #top_conts .left a:active {
    line-height: 1.4em;
    color: #09C;
}

#top_conts .left a:hover {
    color: #F30;
}

#top_conts .left .info {
    margin: 5px;
}

#top_conts .left .info dt {
    float: left;
    width: 70px;
    color: #666;
}

#top_conts .left .info dd {
    float: left;
    margin: 0px;
    width: 240px;
}

#top_conts .left .info dd a:link, #top_conts .left .info dd a:visited, #top_conts .left .info dd a:active {
    line-height: 1.8em !important;
}

#top_conts .left .newitem {
    margin: 10px -10px 0px;
    padding: 3px;
    text-align: left;
    width: 326px;
}

#top_conts .left .newitem li {
    float: left;
    margin: 5px;
    width: 95px;
    list-style: none;
}

#top_conts .left .newitem li p {
    margin: 0px;
    text-align: left;
}

#top_conts .left .spitem {
    margin: 5px;
}

#top_conts .left .spitem dt {
    margin-top: 3px;
    float: right;
    width: 210px;
    color: #666;
    height: 207px;
    border-bottom: 1px dotted #ddd;
}

#top_conts .left .spitem dd {
    margin: 0px;
    margin-bottom: 2px;
    width: 95px;
    height: 208px;
    border-bottom: 1px dotted #ddd;
}

#top_conts .titlebar {
    padding: 0px;
    margin: auto;
}

#top_conts .ranking a:link, #top_conts .ranking a:visited, #top_conts .ranking a:active {
    line-height: 1.3em;
    color: #069;
}

#top_conts .ranking a:hover {
    color: #F30;
}

#top_conts .ranking p {
    text-align: left;
    margin-top: 0px;
    color: #666;
    line-height: 1.2em;
}

#top_conts .ranking .price {
    text-align: right;
    margin-top: 0px;
    color: #666;
    line-height: 1.2em;
}

#top_conts .ranking {
    width: 282px;
    margin-left: 0px;
    margin-right: 14px;
    padding: 5px;
    background-color: #F7F7F7;
    text-align: left;
    float: right;
}

#top_conts .ranking dt {
    margin: 0px;
    float: right;
    width: 160px;
    height: 110px;
    color: #666;
    height: 82px;
}

#top_conts .ranking dd {
    margin: 0px;
    width: 92px;
    height: 110px;
}

#top_conts .banner {
    width: 280px;
    margin-bottom: 5px;
    margin-right: 15px;
    border: 1px solid #ddd;
    float: right;
    z-index: 88;
}

/* ==================== brand_conts ==================== */
#brand_conts {
    height: 100%;
}

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

#brand_conts .items {
    width: 640px;
    float: left;
}

#brand_conts .item {
    width: 130px;
    height: 250px;
    margin: 5px;
    float: left;
    padding: 5px;
    border-bottom: 1px dotted #ddd;
}

#brand_conts .pr {
    text-align: right;
    padding: 15px;
    float: right;
    z-index: 99;
}

#brand_conts p, #brand_conts .item p {
    margin-top: 0px;
    text-align: left;
    color: #333;
}

#brand_conts a:link, #brand_conts a:visited, #brand_conts a:active {
    line-height: 1.4em;
    color: #09C;
}

#brand_conts a:hover {
    color: #F30;
}

#brand_conts .item .price {
    text-align: right;
    color: #666;
    line-height: 1.2em;
}

#brand_conts .item .qt {
    text-align: right;
    color: #F63;
    font-size: 10px;
}

/* ==================== item_conts ==================== */
#item_conts {
    height: 100%;
}

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

#item_conts h1 {
    text-align: left;
    color: #000;
    font-size: 16px;
}

#item_conts p, #item_conts strong {
    text-align: left;
    color: #666;
}

#item_conts .detail {
    text-align: canter;
}

#item_conts .detail .left {
    margin: 10px;
    padding: 0px;
    width: 310px;
    float: left;
}

#item_conts .detail fieldset {
    background-color: #fff;
    border: 1px solid #000;
}

#item_conts .detail fieldset div {
    float: left;
    margin: 4px;
}

#item_conts .price {
    font-size: 15px;
    margin: 0px;
    text-align: right;
    color: #000;
    font-weight: bold;
}

#item_conts .detail .desc_box table {
    background-color: #999;
    color: #fff;
    width: 240px;
    font-size: 11px;
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #666;
    text-align: left;
}

#item_conts .detail .desc_box table th {
    width: 70px;
}

#item_conts .detail .size_box table {
    font-size: 11px;
    width: 240px;
    margin-top: 10px;
    padding: 10px;
    border-collapse: collapse;
    border-spacing: 0;
}

#item_conts .detail .size_box thead td {
    color: #333;
}

#item_conts .detail .size_box th {
    background-color: #666;
    color: #fff;
    margin: 0px;
    padding: 5px;
    border: 1px solid #999;
}

#item_conts .detail .size_box td {
    color: #069;
    border: 1px solid #999;
    margin: 0px;
    padding: 5px;
}

#item_conts .detail .cart_box {
    padding: 10px;
    margin-left: auto;
    margin-top: 20px;
    margin-right: 15px;
    background-color: #EDEFEE;
    width: 300px;
}

#item_conts .detail .cart_box p {
    text-align: center;
    color: #060;
}

#item_conts .detail .cart_box table {
    font-size: 11px;
    margin-top: 10px;
    padding: 10px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ccc;
}

#item_conts .detail .cart_box thead th {
    color: #999;
}

#item_conts .detail .cart_box th {
    margin: 0px;
    padding: 5px;
    border: 1px solid #999;
}

#item_conts .detail .cart_box td {
    color: #069;
    border: 1px solid #999;
    margin: 0px;
    padding: 5px;
}

#item_conts .fit_image img {
    float: left;
    margin: 18px;
}

#item_conts .fit_image div {
    width: 600px;
    color: #000;
    font-size: 13px;
    background-color: #EDEFEE;
    padding: 10px;
}

#item_conts .fit_image .fit_text {
    color: #000;
    margin-top: 0px;
    margin-right: 100px;
    margin-bottom: 10px;
    text-align: right;
    font-size: 14px;
    line-height: 1.2em;
}

#item_conts .fit_image p {
    color: #f66;
    margin-top: 0px;
    text-align: right;
    font-size: 10px;
    line-height: 1.2em;
}

#mainImage {
    height: 275px !important;
    width: 275px !important;
}

#mainImage img {
    height: 275px !important;
    width: 275px !important;
}

/* ==================== plain_conts ==================== */
#plain_conts {
    height: 100%;
}

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

#plain_conts p {
    text-align: left;
    color: #333;
}

#plain_conts img {
    margin: 5px;
}

#plain_conts .company .info, #plain_conts .tos table {
    margin: 5px;
    font-size: 12px;
    text-align: left;
}

#plain_conts .tos th {
    width: 200px;
    color: #fff;
    background-color: #09c;
    padding: 5px;
}

#plain_conts .tos td {
    padding: 5px;
    border: solid 1px #FF9900;
}

#plain_conts .tos .info {
    background-color: #EEF7FD;
    padding: 10px;
}

#plain_conts .company {
    float: left;
    margin: 5px;
    width: 400px;
}

#plain_conts .company_img {
    width: 200px;
    height: 200px;
    margin: 5px;
    float: right;
}

#plain_conts .tos {
    float: left;
    width: 620px;
    text-align: left;
    margin-left: 12px;
}

#plain_conts .deco_orange {
    color: #FF6600;
    border-bottom: solid 1px #FF9900;
    font-weight: bold;
    margin-top: 10px;
}

#plain_conts .p_block {
    margin: 0px;
}

#plain_conts .boshu {
    font-size: 12px;
    text-align: left;
    width: 600px;
}

#plain_conts .boshu h3 {
    margin: 10px;
    text-align: center;
}

#plain_conts .boshu dt {
    font-weight: bold;
}

#plain_conts .boshu p, #plain_conts .boshu dt {
    margin-left: 10px;
}

#plain_conts .boshu dd {
    background-color: #ffe;
    padding: 10px;
}

#plain_conts .boshu .sendboshu {
    background-color: #eee;
    margin: 10px;
    padding: 10px;
    border: 1px dashed #999;
}

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

#plain_conts .merumaga {
    text-align: left;
    margin-left: auto;
    margin-right: 15px;
    padding: 5px;
    width: 620px;
    color: #000;
    font-size: 13px;
    float: right;
}

#plain_conts .merumaga dl {
    clear: both;
    border-bottom: dotted 1px #666;
    padding-bottom: 5px;
}

#plain_conts .merumaga dt {
    float: left;
    width: 250px;
}

#plain_conts .merumaga dd {
    text-align: left;
    width: 300px;
}

#plain_conts .error {
    color: #f30;
    font-weight: bold;
    font-size: 15px;
    background-color: #ff9;
    padding: 5px;
    margin: 5px;
}

#plain_conts .team {
    font-size: 13px;
    margin: 0px 20px 0px;
    text-align: left;
}

#plain_conts .team dt {
    font-weight: bold;
}

#plain_conts .team img {
    float: right;
}

#plain_conts .team .red {
    font-size: 13px;
}

#plain_conts .order_sample {
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: left;
    margin: 15px;
    padding: 15px;
    height: 500px;
    background-color: #FFFFE6;
    border-style: dotted;
    border-width: 1px;
    border-color: #999;
}

/* ==================== brand_list ==================== */
.brand_list {
    width: 600px;
    margin: 10px;
    text-align: left;
    line-height: 1.2em;
    border: solid 1px #666;
    margin-right: 15px;
}

.brand_list .brand_logo {
    background-color: #fff;
    padding: 5px;
    height: 100%;
}

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

.brand_list .brand_comment {
    width: 430px;
    float: right;
    background-color: #eee;
    padding: 5px;
}

/* ==================== cart_conts ==================== */
#cart_conts {
    height: 100%;
    width: 620px;
    float: right;
    margin-right: 25px;
}

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

#cart_conts p {
    text-align: left;
    color: #333;
}

#cart_conts .error {
    color: #f30;
    font-weight: bold;
    font-size: 15px;
    background-color: #ff9;
    padding: 5px;
    margin: 5px;
}

#cart_conts table {
    margin: 5px;
    width: 95%;
    font-size: 12px;
    border: solid 1px #666;
    text-align: left;
	border-collapse: collapse;
	color: #000000;
}

#cart_conts th {
    margin: 0px;
    padding: 3px;
    background-color: #F0F0F0;
    border: solid 1px #666;
}

#cart_conts td {
    margin: 0px;
    padding: 5px;
    background-color: #fff;
    border: solid 1px #666;
}

#cart_conts thead th {
    border: solid 1px #666;
}

#cart_conts tfoot td {
    border-bottom: none;
    text-align: center;
}

#cart_conts strong {
    margin-top: 100px;
    font-size: 15px;
}

/* ==================== cartbanner =============== */
#cartbanner p {
    text-align: center;
    font-size: 12px;
}

#cartbanner p strong {
    font-size: 12px;
}

#cartbanner table {
    margin-bottom: 0px;
}

#cartbanner thead th {
    background-color: #09C;
    color: #fff;
}

#cartbanner th {
    background-color: #C1E6EE;
    color: #000;
}

#cartbanner div {
    background-color: #E1F8FF;
    clear: both;
    height: 40px;
    margin: 5px;
    padding: 5px;
    float: right;
    margin-top: 0px;
}

#cartbanner div p {
    text-align: left;
    margin: 5px;
    float: left;
    width: 400px;
    color: #f00;
}

#cartbanner div input {
    float: right;
    width: 180px;
}

/* ==================== community_left ==================== */
#layout_pick_up {
    width: 300px;
    background-color: #f9f9f9;
    border: solid 1px #CCC;
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-bottom: 5px;
}

#layout_pick_up span.text_align_l {
    display: block;
    width: 285;
    text-align: left;
    text-indent: 12px;
    margin-bottom: 5px;
}

#layout_pick_up h3 {
    height: 44px;
    text-indent: -9999px;
    background: url(/images/ec/community/img_pickUp_ttl.jpg) no-repeat bottom;
    margin: 0px 0px 5px 0px;
}

#layout_pick_up h4 {
    margin: 5px 0px;
    0px 0px;
}

img.rank_ttl {
    margin-left: 80px;
    margin-bottom: 5px;
}

#blog_ranking {
    width: 300px;
    margin-bottom: 5px;
    border-collapse: collapse;
    font-size: 12px;
    margin-left: 10px;
}

#blog_ranking td {
    width: 235px;
    border-bottom: dotted 1px #CCC;
}

#blog_ranking th {
    border-bottom: dotted 1px #CCC;
}

#blog_ranking a {
    font-weight: bold;
}

#left_conts div.list_btn_layout {
    width: 300px;
    text-align: right;
    margin-bottom: 50px;
    margin-left: 10px;
}

#left_conts a.entry_btn {
    margin-left: 10px;
}

/* ==================== community_conts ==================== */
#community_conts {
    height: 100%;
    width: 620px;
    float: right;
    margin-left: 15px;
    font-size: 12px;
}

#community_conts h3 {
    width: 600px;
    height: 36px;
    text-align: left;
    text-indent: -9999px;
    margin: 20px auto 5px auto;
}

#community_conts div.list_btn {
    position: relative;
    top: -35px;
    left: 250px;
    overflow: visible;
    height: 0px;
}

#community_conts div.celebrity_blog h3 {
    background: url(/images/ec/community/img_community_ttl.jpg) no-repeat bottom;
}

#community_conts div.entry_blog_list h3 {
    background: url(/images/ec/community/img_community_ttl2.jpg) no-repeat bottom;
}

#community_conts div.teamorder_profile h3 {
    background: url(/images/ec/community/img_community_ttl3.jpg) no-repeat bottom;
}

#community_conts div.court_list h3 {
    background: url(/images/ec/community/img_community_ttl4.jpg) no-repeat bottom;
}

#community_conts table {
    margin: 0px;
    width: 580px;
    border-collapse: collapse;
    border-width: 0px;
    margin: 0px auto;
}

#community_conts th, #community_conts td {
    margin: 0px;
    padding: 2px 5px;
    border-collapse: collapse;
    background-color: #f9f9f9;
    border-bottom: solid 1px #FFF;
    text-align: left;
}

#community_conts div.celebrity_blog th, #community_conts div.celebrity_blog td {
    background-color: #fff;
}

#community_conts div.celebrity_blog td {
    width: 280px;
}

#community_conts div.teamorder_profile img {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}

#community_conts div.teamorder_profile dl {
    width: 300px;
    float: right;
}

#community_conts div.teamorder_profile table {
    width: 575px;
    margin-right: 25px;
    padding: 0px;
}

#community_conts div.teamorder_profile dt, #community_conts div.teamorder_profile dd {
    text-align: left;
    margin: 0px;
    padding: 0px;
}

#community_conts div.teamorder_profile dt {
    font-size: 18px;
    margin-bottom: 10px;
}

#community_conts div.teamorder_profile ul {
    margin: 15px 0px 15px 0px;
    padding: 0px;
}

#community_conts div.teamorder_profile li {
    list-style-type: none;
}

#community_conts div.entry_blog_list th, #community_conts div.court_list th {
    width: 320px;
}

#community_conts div.entry_blog_list td {
    text-align: right;
}

#community_conts div.entry_blog_list th img, #community_conts div.court_list th img {
    margin-right: 5px;
}

#community_conts div.court_list {
    margin-bottom: 20px;
}

#community_conts div.court_list td {
    text-align: left;
}

#community_conts div.btn_layout {
    margin-top: 30px;
}

#community_conts div.court_mass {
    margin-left: 25px;
    margin-right: 20px;
    text-align: left;
}

/* ==================== sjcup ==================== */
#sjcup {
    margin: auto;
}

#sjcup form {
    margin: auto;
    margin-top: 10px;
    width: 921px;
    background-color: #F6F6F6;
    padding: 20px;
}

#sjcup form table {
    width: 800px;
}

#sjcup form table th {
    text-align: left;
    color: #666;
    width: 200px;
    padding: 5px;
    font-size: 13px;
    border-bottom: dotted 1px #666;
}

#sjcup form table td {
    text-align: left;
    color: #666;
    padding: 5px;
    font-size: 13px;
    border-bottom: dotted 1px #666;
}

#sjcup form table thead td {
    text-align: left;
    color: #000;
    font-size: 14px;
    background-color: #E6E6E6;
    font-weight: bold;
    border-bottom: none;
    padding: 10px;
}

#sjcup p {
    color: #666;
    text-align: center;
    margin: auto;
}

#sjcup .error {
    color: #f30;
    font-weight: bold;
    font-size: 15px;
    background-color: #ff9;
    padding: 5px;
    margin: 5px;
}

/* ==================== sjcup ==================== */
#court {
    margin: auto;
    font-size: 13px;
    color: #333;
}

#court .main {
    width: 923px;
}

#court .sub {
    padding: 0px;
    margin: 3px;
    float: left;
    width: 453px;
    text-align: left;
}

#court .sub .desc {
    padding: 0px;
    margin: 5px;
}

#court .sub .desc img {
    float: right;
}

#court .contact {
    width: 500px;
    padding: 10px;
    margin: auto;
    background-color: #E4F4FA;
    border: 1px dashed #999;
    margin-top: 15px;
    margin-bottom: 50px;
}

/*=================que======================*/
.que {
}

.que td {
    border-bottom: 1px dotted #CCCCCC;
    padding-top: 10px;
    padding-bottom: 15px;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    margin: 5px 5px 5px 5px;
}

.que th {
    border-bottom: 3px solid #ABDA4E;
    color: #000051;
    padding-right: 20px;
    padding-top: 15px;
    text-align: left;
    vertical-align: top;
}

/*	クリアフィックステクニック
 -------------------------------------------
 :after{
 content:".";
 display: block;
 clear: both;
 height: 0px;
 visibility: hidden;
 }
 */