/**
 * index block
 */

/* index_block */
div.index_block {
    margin: 0 0 30px 0;
}

div.index_block h2.main_title {
    float: left;
    margin: 0 0 10px 0;
}

div.index_block h2.main_title_n,
div.index_block_bottom h2.main_title_n {
    margin: 0 0 10px 0;
}

div.index_block_bottom {
    padding: 0 0 5px 0;
    background: url(/img/top/news_bg_bottom.gif) no-repeat bottom;
}

div.index_block div.view_all {
    float: right;
}

/* wear_type */
div.index_block .wear_type_box,
div.index_block .wear_type_box_r {
    float: left;
    display: inline;
    height: 140px;
}

div.index_block .wear_type_box p,
div.index_block .wear_type_box_r p {
    padding: 5px 0 0 0;
    font-size: 0.9em;
    text-align: center;
}

div.index_block .wear_type_box {
    margin: 0 25px 0 0;
}

/* index pattern */
div.index_block .pattern_box,
div.index_block .pattern_box_b,
div.index_block .pattern_box_r,
div.index_block .pattern_box_br {
    float: left;
}

div.index_block .pattern_box {
    margin: 0 10px 0 0;
}

div.index_block .pattern_box_b {
    margin: 10px 10px 0 0;
}

div.index_block .pattern_box_br {
    margin: 10px 0 0 0;
}

/* index price */
div.index_block .price_box {
    float: left;
    margin: 0 10px 0 0;
}

div.index_block .price_box a {
    display: block;
    padding: 10px;
    background-color: #f2f2f2;
}

/* index brands */
#index_brands_inner {
    padding: 0 0 8px 0;
    background: url(/img/top/brand_bg.gif) no-repeat;
}

#index_brands_inner .brands_box {
    float: left;
    display: inline;
    margin: 8px 0 0 8px;
}


/* index bnr */
#index_rightcolumn .right_bnr {margin-bottom: 10px;}


/* index searcharea */
#searcharea {
    height: 52px;
    background: url(/common/img/search_bg.gif) no-repeat;
}

#searcharea .search_input {
    float: left;
    display: inline;
    margin: 16px 0 0 41px;
}

#searcharea .search_input input {
    width: 212px;
    border: 1px solid #ddd;
}

#searcharea .btn {
    float: left;
    display: inline;
    margin: 16px 0 0 5px;
}

/* index ranking */
#ranking_list li {
    padding: 10px 0;
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
}

#ranking_list li.rank_list_first {
    padding: 0 0 10px 0;
}

#ranking_list table td {
    vertical-align: top;
}

#ranking_list td.rank_num {
    padding: 0 10px;
}

#ranking_list td.rank_comment h3 {
    margin: 3px 0 5px 0;
}

#ranking_list td.rank_comment h3 a:link,
#ranking_list td.rank_comment h3 a:visited {
    color: #e567a6;
    text-decoration: none;
}

#ranking_list td.rank_comment h3 a:hover,
#ranking_list td.rank_comment h3 a:active {
    color: #e567a6;
    text-decoration: underline;
}

#ranking_list td.rank_comment p {
    line-height: 1.6em;
}

#ranking_list td.rank_comment p a:hover,
#ranking_list td.rank_comment p a:active {
    text-decoration: underline;
}


/* index news */
#index_news {
    padding: 15px 10px 5px 10px;
    line-height: 1.6em;
    background: #f9f9f9 url(/img/top/news_bg_top.gif) no-repeat top;
}

#index_news dl {
    background: url(/img/top/news_bg_bottom.gif) no-repeat bottom;
}

#index_news dt {
    padding: 15px 5px 0;
    color: #7ed4e5;
    background: url(/common/img/border_dotted.gif) repeat-x top;
}

#index_news dt.news_first {
    padding: 0 5px 0;
    background-image: none;
}

#index_news dd {
    padding: 0 5px 15px;
}

#index_news a:hover,
#index_news a:active {
    text-decoration: underline;
}

/**
 * list page
 */
#list_maincolumn {
    float: left;
    width: 700px;
}

#list_title_area {
    padding: 15px 10px 8px;
    background: #e5faff;
    border-top: 2px solid #3db4cc;
}

#listtitle {
    margin: 0 0 5px 0;
    font-size: 1.8em;
}

#listtitle h2 {
    font-weight: bold;
    color: #278298;
}

#topic_path {
    float: left;
    padding: 5px 0;
    color: #acbbbf;
}

#topic_path a:link,
#topic_path a:visited {
    color: #acbbbf;
}

#topic_path a:hover,
#topic_path a:active {
    color: #acbbbf;
}

#list_search {
    float: right;
}

#list_search p {
    float: left;
}

#list_search p.search_input {
    margin: 0 5px 0 0;
}

#list_search p.search_input input {
    width: 210px;
    border: 1px solid #ddd;
}

/* list main */
#undercolumn {
    margin: 1px 0 0 0;
    background: url(/common/img/border_dotted.gif) repeat-x top;
}

#undercolumn div.pagenumberarea {
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
}

#undercolumn div.pagenumberarea div.left {
    float: left;
    padding: 15px 0 0 0;
    width: 30%;
}

#undercolumn div.pagenumberarea div.left span {
    margin: 0 0 0 15px;
}

#undercolumn div.pagenumberarea div.center {
    float: left;
    width: 40%;
    padding: 15px 0 0 0;
    text-align: center;
}

#undercolumn div.pagenumberarea div.center a:link,
#undercolumn div.pagenumberarea div.center a:visited {
    color: #e567a6;
}

#undercolumn div.pagenumberarea div.right {
    float: right;
    width: 30%;
    padding: 10px 0;
    text-align: right;
    vertical-align: middle;
}

#undercolumn div.pagenumberarea div.right span img {
    margin: 0 9px 8px 0;
}

#undercolumn div.listarea {
    float: left;
    margin: 20px 0;
    width: 175px;
}

#undercolumn div.listarea div.listphoto {
    margin: 0 0 10px 0;
    padding: 0 8px 0 7px;
    text-align: center;
}

#undercolumn div.listarea div.listphoto a {
    display: block;
    position: relative;
}

#undercolumn div.listarea div.listphoto img.listimg_mask {
    position: absolute;
    top: 0;
    left: 0;
}

#undercolumn div.listarea div.listexp {
    font-size: 1.2em;
}

#undercolumn div.listarea div.listexp h3 {
    margin: 0 0 5px 0;
    padding-right: 15px;
    line-height: 1.5em;
}

#undercolumn div.listarea div.listexp span.price {
    color: #43abbf;
}

div.list_border {
    padding: 1px 0;
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
}

/**
 * detail
 */
#detailarea {
    padding: 20px 0 0 0;
}

#detailphotoblock {
    position: relative;
    float: left;
    padding: 0 0 30px 0;
    width: 400px;
}

#detailphotoblock img.mainimg_mask {
    position: absolute;
    left: 0;
    top: 0;
}

#detailmainimageblock {
    float: left;
    width: 400px;
}

#detailsubimageblock {
    float: right;
    width: 270px;
}

#detailsubimageblock h3 {
    margin: 0 0 12px 0;
}

#detailsubimageblock div.subimage {
    position: relative;
    float: left;
    margin: 0 5px 5px 0;
}

#detailsubimageblock div.subimage a {
    display: block;
}

#detailsubimageblock div.subimage img.subimage_mask,
#detailsubimageblock div.subimage_right img.subimage_mask {
    position: absolute;
    left: 0;
    top: 0;
}

#detailsubimageblock div.subimage_right {
    position: relative;
    float: left;
    margin: 0 0 5px 0;
    cursor: pointer;
}

#subImageexplain {
    margin: 4px 0 0 0;
    text-align: center;
}

#detailblock {
    float: left;
    width: 430px;
}

#detail_left {
    display: inline;
    float: left;
    width: 200px;
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
}

#detail_right {
    float: right;
    width: 200px;
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
}

#detail_left div.detail_section,
#detail_right div.detail_section {
    padding: 10px 0 8px 0;
    background: url(/common/img/border_dotted.gif) repeat-x top;
    line-height: 1.8em;
}

#detail_left div.detail_section h3,
#detail_right div.detail_section h3 {
    margin: 0 0 8px 0;
}

#detail_right span.price {
    color: #e567a6;
    font-size: 1.2em;
}

#item_attension {
    margin: 20px 0 30px 0;
    color: #f25555;
    line-height: 1.8em;
}

#item_attension p {
    margin: 0 0 30px 0;
}

#detail_cart_in_wrapper {
    float: right;
}

#detail_cart_in {
    width: 240px;
    background: url(/img/detail/cart_in_bg_top.gif) no-repeat top;
}

#detail_cart_in_inner {
    padding: 15px 0;
    background: url(/img/detail/cart_in_bg_bottom.gif) no-repeat bottom;
}

#detail_cart_in_inner form {
    padding: 0 18px;
    background: url(/img/detail/cart_in_bg.gif) repeat-y;
}

#detail_cart_in_inner p {
    padding: 10px 0 5px 0;
    width: 204px;
}

#detail_cart_in_inner dl {
    padding: 10px 0;
    width: 204px;
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
}

#detail_cart_in_inner dt {
    padding: 0 0 10px 0;
    width: 204px;
}

#detail_cart_in_inner dl#select_size {
    padding: 3px 0 10px 0;
}

#detail_cart_in_wrapper p.about_return {
    padding: 10px 0;
    text-align: center;
}

#whoboughtarea {
    width: 700px;
}

#whoboughtarea h2 {
    margin: 0 0 15px 0;
}

#whoboughtarea div.whoboughtblock div.whoboughtleft {
    float: left;
    width: 175px;
}

#whoboughtarea div.whoboughtblock div.whoboughtleft h3 {
    margin: 10px 0 5px 0;
    font-size: 1.2em;
}

#whoboughtarea div.whoboughtblock div.whoboughtleft span.price {
    color: #43abbf;
}

#backtolist {
    margin: 50px 0 0 0;
    text-align: center;
}

/**
 * rightcolumn category
 */
#categoryarea {
    margin: 9px 0 0 0;
    background: #f9f9f9 url(/img/side/category_bg_top.gif) no-repeat top;
}

#categorybgbottom {
    background: url(/img/side/category_bg_bottom.gif) no-repeat bottom;
}

#categorytree {
    padding: 14px;
}

#categorytree li {
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
}

#categorytree li.level1 {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
}

#categorytree li.level1_bottom {
    background: none;
}

#categorytree li ul {
    /*margin: 10px 0;*/
}

#categorytree li ul li {
    margin: 8px 0;
    padding: 0 0 0 8px;
    background: url(/img/side/side_arrow.gif) no-repeat left;
}

#categorytree li div.category_view_all {
    text-align: right;
}


#categorytree a:hover,
#categorytree a:active {
    text-decoration: underline !important;
}


/**
 * abouts andbeach
 */
#abouts_main {
    margin: 8px 0 0 0;
}

#abouts_main h2.title {
    margin: 0 0 5px 0;
}

#abouts_main p.exp_andbeach {
    margin: 20px 0;
    font-size: 1.2em;
    line-height: 2.5em;
}

#manager_profile {
    padding: 10px 0 0 0;
    background: url(/common/img/border_dotted.gif) repeat-x top;
}

#manager_profile h2.title_store_manager {
    margin: 0 0 15px 0;
}

#profile_photo {
    float: left;
}

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

#profile_texts p {
    margin: 20px 0;
    font-size: 1.2em;
    line-height: 1.5em;
}

#profile_texts p a:link {
    color: #e567a6;
}

#profile_texts p a:visited {
    color: #e567a6;
}

/**
 * 1column title
 */
#title_area {
    padding: 15px 10px 8px;
    background: #e5faff;
    border-top: 2px solid #3db4cc;
}

#title {
    margin: 0 0 5px 0;
    font-size: 1.8em;
}

#title h2 {
    font-weight: bold;
}

/**
 * shopping cart
 */
#shopping_cart {
    margin: 1px 0 0 0;
    padding: 20px 0 0 0;
    text-align: center;
    background: url("/common/img/border_dotted.gif") repeat-x top;
}

#shopping_cart p.total_money {
    color: #43abbf;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

#shopping_cart table {
    margin: 20px auto;
    width: 750px;
    border: none;
    text-align: left;
    border-collapse: separate;
    border-spacing: 1px;
}

#shopping_cart th {
    color: #fff;
    background: #5cb9cc;
}

#shopping_cart th div {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.6em;
    padding: 8px 10px;
}

#shopping_cart td {
    background: #f7f7f7;
    font-size: 1.2em;
    vertical-align: middle;
}

#shopping_cart td div {
    padding: 8px 10px;
}

#shopping_cart td.photo {
    text-align: center;
    width: 85px;
}

#shopping_cart td.price {
    text-align: center;
}

#shopping_cart td#quantity {
    text-align: center;
}

#shopping_cart td#quantity li {
    display: inline;
}

#shopping_cart td.subtotal {
    text-align: center;
}

#shopping_cart td.del {
    text-align: center;
}

#shopping_cart th.resultth {
    color: #404040;
    background: #e5e5e5;
}

#shopping_cart td.resulttd {
    text-align: center;
}

#shopping_cart th.totalth {
    color: #fff;
    background: #5cb9cc;
}

#shopping_cart td.totaltd {
    color: #e37e19;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

#shopping_cart div.tblareabtn {
    margin: 15px 0;
}

/**
 * shopping
 */
#shopping {
    margin: 0 auto;
    width: 800px;
}

#shopping div.guest_area {
    margin: 20px 20px 0;
    padding: 15px 0 20px;
    text-align: center;
    background: #f2f0ed;
}

#shopping div.guest_area h2 {
    color: #734d2e;
    font-size: 1.5em;
    font-weight: bold;
    padding: 7px 0 10px;
    text-align: center;
}

#shopping div.loginarea {
    display: inline;
    float: left;
    margin: 20px 0 0 20px;
    width: 400px;
    background: #c3b2a5;
}

#shopping div.loginarea h2 {
    padding: 7px 5px 5px 8px;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    background: #5cb9cc;
}

#shopping div.loginarea p {
    color: #734d2e;
    font-weight: bold;
}

#shopping div.loginarea div.c_inner {
    padding: 15px;
    background: #fff;
    border: 2px solid #e5e5e5;
}

#shopping div.loginarea dl {
    background: url(/common/img/border_dotted.gif) repeat-x top;
    margin-top: 6px;
    padding-top: 12px;
}

#shopping div.loginarea dt {
    float: left;
    padding-top: 10px;
    font-size: 1.2em;
    font-weight: bold;
    width: 100px;
}

#shopping div.loginarea dd {
    float: right;
    width: 260px;
}

#shopping div.loginarea dd span {
    display: block;
    padding-top: 5px;
}

#shopping div.submit {
    background: url(/common/img/border_dotted.gif) repeat-x top;
    margin-top: 6px;
    padding-top: 12px;
    text-align: center;
}

#shopping div.register_area {
    display: inline;
    float: right;
    margin: 20px 20px 0 0;
    width: 330px;
}

#shopping div.register_area h2 {
    color: #e37e19;
    font-size: 1.8em;
    font-weight: bold;
    padding: 7px 0 0;
    text-align: center;
}

#shopping div.register_area p {
    margin-top: 15px;
    font-size: 1.2em;
    line-height: 1.5em;
}

#shopping div.register_area div.btn {
    background: #f2f0ed;
    margin-top: 15px;
    padding: 15px 0;
    text-align: center;
}

/**
 * shopping entry
 */
#shopping p.lead {
    padding: 15px 0 0 20px;
    font-size: 1.2em;
    line-height: 1.8em;
}

#shopping div.guest_table {
    margin: 0 0 0 30px;
    text-align: left;
}

#shopping div.guest_table table {
    border: none;
    margin-top: 20px;
    width: 740px;
    border-collapse: separate;
    border-spacing: 1px;
}

#shopping div.guest_table th {
    background: #5cb9cc;
    vertical-align: top;
    width: 148px;
}

#shopping div.guest_table td {
    background: #f7f7f7;
    width: 589px;
}

#shopping div.guest_table th div {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.6em;
    padding: 8px 10px;
    text-align: left;
}

#shopping div.guest_table td div {
    font-size: 1.1em;
    padding: 8px 10px;
    line-height: 1.5em;
    vertical-align: top;
}

#shopping div.guest_table p.zipimg img {
    margin-top: 5px;
}

#shopping div.guest_table input.box60 {
    width: 60px;
}

#shopping div.guest_table input.box120 {
    width: 120px;
}

#shopping div.btn_set {
    margin-top: 30px;
    text-align: center;
}

/**
 * shopping deliv
 */
#shopping div.delivery_table {
    margin: 30px 0 0 30px;
}

#shopping div.delivery_table table {
    width: 740px;
    text-align: left;
    border: none;
    border-collapse: separate;
    border-spacing: 1px;
}

#shopping div.delivery_table th {
    background: #5cb9cc;
    font-size: 1.1em;
}

#shopping div.delivery_table th div {
    color: #fff;
    font-weight: bold;
    line-height: 1.6em;
    padding: 8px 10px;
}

#shopping div.delivery_table td {
    background: #f7f7f7;
    font-size: 1.1em;
    vertical-align: middle;
}

#shopping div.delivery_table td div {
    padding: 8px 10px;
}

#shopping div.delivery_table td.select {
    text-align: center;
}

#shopping div.delivery_table td.option {
    text-align: center;
}

#shopping div.delivery_table td.edit {
    text-align: center;
}

#shopping div.delivery_table td.del {
    text-align: center;
}


#shopping p.addbtn {
    margin-top: 20px;
    text-align: center;
}


/**
 * shopping payment
 */
#shopping div.payment_box {
    margin: 25px 30px 0;
}

#shopping div.payment_box table {
    border: none;
    margin-top: 10px;
    text-align: left;
    width: 740px;
    border-collapse: separate;
    border-spacing: 1px;
}

#shopping div.payment_box th {
    background: #5cb9cc;
    font-size: 1.1em;
}

#shopping div.payment_box td {
    vertical-align: middle;
    background: #f7f7f7;
}

#shopping div.payment_box th div {
    color: #fff;
    font-weight: bold;
    line-height: 1.6em;
    padding: 8px 10px;
}

#shopping div.payment_box td div {
    padding: 8px 10px;
}

#shopping div.payment_box td.check {
    background: #f0f0f0;
    text-align: center;
    width: 50px;
}

#shopping div.payment_box h3 {
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
    color: #e37e19;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0 0 4px 3px;
}

#shopping div.payment_box p {
    padding: 10px 0 0 10px;
    font-size: 1.2em;
}

#shopping div.payment_box em {
    color: #30a509;
    font-weight: bold;
}

#shopping div.payment_box div.date_box {
    margin-top: 10px;
    padding: 10px 13px;
    font-size: 1.2em;
    background: #f7f7f7;
}

#shopping div.payment_box div.etc_box {
    margin: 10px 0 0 10px;
}

#shopping div.payment_box div.btn_set {
    margin-top: 30px;
    text-align: center;
}

/**
 * shopping confirm
 */
#shopping div.confirm_box {
    margin: 20px 0 0 30px;
}

#shopping div.confirm_box table {
    border: none;
    text-align: left;
    width: 740px;
    border-collapse: separate;
    border-spacing: 1px;
}

#shopping div.confirm_box th {
    color: #fff;
    font-size: 1.1em;
    background: #5cb9cc;
}

#shopping div.confirm_box th div {
    font-weight: bold;
    line-height: 1.6em;
    padding: 8px 10px;
}

#shopping div.confirm_box td {
    background: #f7f7f7;
    font-size: 1.1em;
    vertical-align: middle;
}

#shopping div.confirm_box td div {
    padding: 8px 10px;
}

#shopping div.confirm_box td.photo {
    text-align: center;
    width: 85px;
}

#shopping div.confirm_box td.price {
    text-align: center;
}

#shopping div.confirm_box td.num {
    text-align: center;
}

#shopping div.confirm_box td.subtotal {
    text-align: center;
}

#shopping div.confirm_box th.resultth {
    color: #404040;
    background: #e5e5e5;
}

#shopping div.confirm_box td.resulttd {
    text-align: center;
}

#shopping div.confirm_box td.totaltd {
    text-align: center;
    color: #e37e19;
    font-size: 1.6em;
    font-weight: bold;
}

#shopping div.confirm_box th.deli_th {
    background: #e5e5e5;
    color: #404040;
    width: 200px;
}

/**
 * shopping complete
 */
#shopping div.comp_box {
    background: #f7f7f7;
    margin: 20px 50px 0;
    padding: 13px;
    font-size: 1.3em;
    line-height: 1.5em;
}

#shopping div.btn_set {
    margin-top: 30px;
    text-align: center;
}

#shopping p.lead em {
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
}

/**
 * shopping credit
 */
#shopping table.delivname {
    margin: 20px auto;
    width: 750px;
    text-align: left;
    border: none;
    border-collapse: separate;
    border-spacing: 1px;
}

#shopping table.delivname th {
    width: 200px;
    background: #5cb9cc;
    color: #fff;
}

#shopping table.delivname th div {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.6em;
    padding: 8px 10px;
}

#shopping table.delivname td {
    background: #f7f7f7;
    font-size: 1.2em;
    vertical-align: middle;
}

#shopping table.delivname td div {
    padding: 8px 10px;
}

#shopping table.delivname span.attention {
    display: block;
    color: #e54221;
    font-size: 0.8em;
    margin: 3px 0;
}

#shopping table.delivname p.mini {
    margin: 5px 0 0 0;
}

#shopping div.tblareabtn {
    margin: 0 auto 15px;
    width: 750px;
    text-align: center;
}

#shopping div.tblareabtn p {
    margin: 0 0 10px;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.6em;
}

/**
 * entry kiyaku
 */
#entry p.lead {
    padding: 15px 0 0 20px;
    font-size: 1.2em;
    line-height: 1.6em;
}

#entry p.lead em {
    font-weight: bold;
}

#entry div.kiyaku_form {
    margin-top: 20px;
    text-align: center;
}

#entry div.kiyaku_form textarea {
    font: 11px/1.5em "メイリオ","Meiryo",Verdana,Arial,Helvetica,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
    height: 300px;
    padding: 10px;
    width: 630px;
}

#entry div.btn_set {
    margin-top: 30px;
    text-align: center;
}

/* entry index */
#entry div.register_form {
    margin: 20px 0;
    text-align: left;
}

#entry div.register_form table {
    width: 700px;
    border: none;
    border-collapse: separate;
    border-spacing: 1px;
}

#entry div.register_form th {
    width: 148px;
    vertical-align: top;
    background: #5cb9cc;
}

#entry div.register_form th div {
    padding: 8px 10px;
    color: #fff;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.6em;
}

#entry div.register_form th span {
    color: #f2d69d;
}

#entry div.register_form td {
    background: #f7f7f7;
    width: 589px;
}

#entry div.register_form td div {
    padding: 8px 10px;
    vertical-align: top;
    font-size: 1.1em;
}

#entry div.register_form select {
    margin-bottom: 5px;
}

#entry div.register_form p.zipimg {
    margin-top: 5px;
}

#entry div.register_form input.box300,
#entry div.register_form input.box120 {
    margin-bottom: 5px;
}

#entry div.register_form div.attention {
    color: #e54221;
    font-size: 0.8em;
    line-height: 1.5em;
}

#entry div.btn_set {
    margin-top: 30px;
    text-align: center;
}

/**
 * entry complete
 */
#entry p.comp_box {
    margin: 20px 50px 0;
    padding: 13px;
    font-size: 1.2em;
    line-height: 1.6em;
    background: #f7f7f7;
}

/**
 * mypage login
 */
#mypage_login {
    margin: 20px auto 0;
    width: 800px;
}

#mypage_login div.login_area {
    display: inline;
    float: left;
    margin: 20px 0 0 20px;
    width: 400px;
}

#mypage_login div.login_area h3 {
    background: #5cb9cc;
    color: #fff;
    font-size: 1.6em;
    font-weight: bold;
    padding: 7px 5px 5px 8px;
}

#mypage_login div.login_area div.c_inner {
    background: #FFFFFF;
    border: 2px solid #e5e5e5;
    padding: 15px;
}

#mypage_login div.login_area p {
    color: #734d2e;
    font-weight: bold;
}

#mypage_login div.login_area dl {
    background: url(/common/img/border_dotted.gif) repeat-x top;
    margin-top: 6px;
    padding-top: 12px;
}

#mypage_login div.login_area dt {
    float: left;
    padding-top: 10px;
    font-size: 1.1em;
    font-weight: bold;
    width: 100px;
}

#mypage_login div.login_area dd {
    float: right;
    width: 260px;
}

#mypage_login div.login_area dd span {
    display: block;
    padding-top: 5px;
}

#mypage_login div.login_area input.mail {
    font: 13px/1.5em "メイリオ","Meiryo",Verdana,Arial,Helvetica,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
    ime-mode: disabled;
    width: 260px;
}
#mypage_login div.login_area input.pass {
    font: 13px/1.5em "メイリオ","Meiryo",Verdana,Arial,Helvetica,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
    width: 260px;
}

#mypage_login div.login_area div.submit {
    background: url(/common/img/border_dotted.gif) repeat-x top;
    margin-top: 6px;
    padding-top: 12px;
    text-align: center;
}

#mypage_login div.register_area {
    display: inline;
    float: right;
    margin: 20px 20px 0 0;
    width: 300px;
}

#mypage_login div.register_area h3 {
    color: #e37e19;
    font-size: 1.8em;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
}

#mypage_login div.register_area p {
    margin-top:15px;
    font-size:1.2em;
    line-height:1.5em;
}

#mypage_login div.register_area div.btn {
    background:#f2f0ed;
    margin-top:15px;
    padding:15px 0;
    text-align:center;
}

/**
 * mypage index
 */
#mypage p.user_name {
    background:none repeat scroll 0 0 #f2f0ed;
    font-size: 1.4em;
    font-weight:bold;
    padding:5px 15px;
}

#mypage ul.mynavi {
    width:700px;
}

#mypage ul.mynavi li {
    float:left;
    text-align:center;
    width:175px;
}

#mypage ul.mynavi li a {
    display: block;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    background: #43abbf;

}

#mypage ul.mynavi li.active a {
    display: block;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    background: #278298;
}

#mypage ul.mynavi li a span {
    display: block;
    padding: 15px 0;
}

#mypage ul.mynavi li a:hover {
    background: #278298;
}

/**
 * mypage history
 */

#mypage div.my_history {
    margin-top: 15px;
}

#mypage div.my_history h3 {
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
    color: #5ab5c6;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0 0 4px 3px;
}

#mypage div.my_history p.empty {
    color:#805e46;
    font-size:18px;
    font-weight:bold;
    margin:170px 0 140px;
    text-align:center;
}

#mypage div.my_history p.lead {
    padding: 10px 0 0 10px;
    font-size: 1.2em;
    line-height: 1.6em;
}

#mypage div.my_history table {
    margin-top: 15px;
    width: 700px;
    text-align: left;
    border: none;
    border-collapse: separate;
    border-spacing: 1px;
}

#mypage div.my_history th {
    background: #278298;
    color: #FFFFFF;
    font-size: 1.1em;
}

#mypage div.my_history th.resulttd {
    background: #e5e5e5;
    color: #404040;
}
#mypage div.my_history th.deli_th {
    background: #e5e5e5;
    color: #404040;
    width: 200px;
}

#mypage div.my_history th div {
    padding: 8px 10px;
    font-weight: bold;
    line-height: 1.6em;
}

#mypage div.my_history td {
    background: #F7F7F7;
    font-size: 1.1em;
}

#mypage div.my_history td div {
    margin: 8px 10px;
}

#mypage div.btn_set {
    margin-top:30px;
    text-align:center;
}

/**
 * mypage change
 */
#mypage div.my_edit {
    margin-top: 15px;
}

#mypage div.my_edit h3 {
    padding: 0 0 4px 3px;
    color: #e37e19;
    font-size: 1.6em;
    font-weight: bold;
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
}

#mypage div.my_edit p.lead {
    padding:10px 0 0 10px;
}

#mypage div.my_edit table {
    margin-top: 15px;
    width: 700px;
    border: none;
    border-collapse: separate;
    border-spacing: 1px;
}

#mypage div.my_edit th {
    background: #278298;
    vertical-align: top;
    width: 148px;
}

#mypage div.my_edit th div {
    padding: 8px 10px;
    color: #fff;
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.6em;
}

#mypage div.my_edit th span {
    color: #f2d69d;
}

#mypage div.my_edit td {
    background: #f7f7f7;
    width: 589px;
}

#mypage div.my_edit td div {
    font-size: 1.1em;
    padding: 8px 10px;
    vertical-align: top;
}

#mypage div.my_edit input.box120 {
    width: 120px;
}

#mypage div.my_edit input.box60 {
    width: 60px;
}

#mypage div.my_edit input.box300 {
    margin-bottom: 5px;
    width: 300px;
}

#mypage div.my_edit p.zipimg {
    margin-top: 5px;
}

#mypage div.my_edit td img {
    vertical-align: middle;
}

#mypage div.my_edit td select {
    font: 13px/1.5em "メイリオ","Meiryo",Verdana,Arial,Helvetica,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
    margin: 0 5px 3px 0;
    vertical-align: middle;
}

/**
 * mypage complete
 */
#mypage .my_edit .comp_box {
    background: #F7F7F7;
    margin: 20px 20px 0;
    padding: 13px;
    font-size: 1.2em;
    line-height: 1.6em;
}

/**
 * mypage delivery
 */
#mypage div.my_delivery {
    margin-top: 15px;
}

#mypage div.my_delivery h3 {
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
    color: #e37e19;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0 0 4px 3px;
}

#mypage div.my_delivery p.lead {
    padding:10px 0 0 10px;
    font-size: 1.2em;
    line-height: 1.6em;
}

#mypage div.my_delivery p.add_btn {
    margin-top:20px;
    text-align:center;
}

#mypage div.my_delivery p.empty {
    color: #805e46;
    font-size: 1.8em;
    font-weight: bold;
    margin: 170px 0 140px;
    text-align: center;
}

#mypage div.my_delivery table {
    margin-top: 15px;
    text-align: left;
    width: 700px;
    border: none;
    border-collapse: separate;
    border-spacing: 1px;
}

#mypage div.my_delivery th {
    background: #278298;
    font-size: 1.1em;
}

#mypage div.my_delivery th div {
    color: #fff;
    font-weight: bold;
    line-height: 1.6em;
    padding: 8px 10px;
}

#mypage div.my_delivery td {
    background: #F7F7F7;
    font-size: 1.1em;
    vertical-align: middle;
}

#mypage div.my_delivery td div {
    padding:8px 10px;
    line-height: 1.6em;
}

#mypage div.my_delivery td.centertd div {
    text-align: center;
}

/**
 * mypage withdraw
 */
#mypage div.my_withdraw {
    margin-top: 15px;
}

#mypage div.my_withdraw h3 {
    background: url(/common/img/border_dotted.gif) repeat-x bottom;
    color: #e37e19;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0 0 4px 3px;
}

#mypage div.my_withdraw p.lead {
    padding: 10px 0 0 10px;
    font-size: 1.2em;
    line-height: 1.6em;
}

#mypage div.my_withdraw p.attention {
    padding: 0 0 0 10px;
    color: #30a509;
    font-size: 1.2em;
}

#mypage .my_withdraw p.del_btn {
    margin: 20px 20px 0;
    padding: 15px 0 20px;
    text-align: center;
    background: #f2f0ed;
}

#mypage div.my_withdraw div.comp_box {
    background: #F7F7F7;
    margin: 20px 50px 0;
    padding: 13px;
    font-size: 1.2em;
    line-height: 1.6em;
}