@charset "UTF-8";


/** div#header */
/**************************************/
div#header {
    background:      url("../img/index/header_bg.gif") left bottom repeat-x;
    height:          275px;
    margin:          0 auto;
}

div#header div#header_main {
    position:        relative;
    top:             0px;
    left:            0px;
    background:      url("../img/index/header_main_bg.gif") center bottom no-repeat;
    width:           1000px;
    height:          104px;
    margin:          0 auto;
}

/*20130606 edit*/
div#header div#header_main h1 {
    font-size:       10px;
    /*text-align:      center;*/
    padding: 5px 0 0 20px;
    width: 830px;
    float: left;
}

div#header div#header_main div.yahoologo {
    float: left;
    margin: 5px 0 0 0;
}
/*20130606 edit end*/

div#header div#header_main > a {
    display:         block;
    width:           173px;
    height:          65px;
    margin:          8px auto 0 auto;
}

div#header div#header_main > p {
    position:        absolute;
    top:             34px;
}

div#header div#header_main > p > a {
  display:      block;
  width:        54px;
  height:       54px;
  overflow:     hidden;
  background:   url("../img/shared/header/nav.png") 0 0;
  text-indent:  100%;
  white-space:  nowrap;
}

div#header div#header_main > p > a:hover {
  opacity:      0.8;
  filter:       alpha(opacity=80);
  -ms-filter:   "alpha( opacity=80 )";
}

div#header div#header_main > p.nav_1 > a { background-position: 0 0; }
div#header div#header_main > p.nav_2 > a { background-position: -54px 0; }
div#header div#header_main > p.nav_3 > a { background-position: -108px 0; }
div#header div#header_main > p.nav_4 > a { background-position: 0 -54px; }
div#header div#header_main > p.nav_5 > a { background-position: -54px -54px; }
div#header div#header_main > p.nav_6 > a { background-position: -108px -54px; }

div#header div#header_main > p.nav_1 { left:  21px; }
div#header div#header_main > p.nav_2 { left: 102px; }
div#header div#header_main > p.nav_3 { left: 183px; }
div#header div#header_main > p.nav_4 { left: 763px; }
div#header div#header_main > p.nav_5 { left: 844px; }
div#header div#header_main > p.nav_6 { left: 925px; }

div#header div#link {
    text-align:      center;
    line-height:     33px;
    width:           1000px;
    height:          33px;
    margin:          5px auto 0;
}

div#header div#link a {
    color:           #ffffff;
    text-decoration: none;
}

div#header div#link a:hover {
    text-decoration: underline;
}

div#header div#header_search {
    width:           1000px;
    margin:          0 auto;
    text-align:      center;
}

div#header div#header_search div#header_category {
    font-size:       10px;
    padding:         8px 0 0 0;
}

/* 0808 change */
div#header div#header_search div#header_category a.on {
    color:           #333333;
    font-weight:     bold;
}

div#header div#header_search form {
    width:           490px;
    padding:         7px 0 0 0;
    margin:          0 auto;
}

div#header div#header_search form input[type=text] {
    border:          none;
    background:      url("../img/index/search_input_bg.gif") left top no-repeat;
    display:         block;
    line-height:     26px;
    width:           340px;
    height:          26px;
    float:           left;
    padding:         0 10px;
}

div#header div#header_search form input[type=submit] {
    border:          none;
    background:      url("../img/index/search_submit.gif") left top no-repeat;
    display:         block;
    text-indent:     -9999px;
    width:           130px;
    height:          26px;
    float:           left;
    cursor:          pointer;
}


/** div#container */
/**************************************/
div#containers {
    width:           1000px;
    margin:          0 auto 10px auto;
}


/** div#clm_170 */
/**************************************/
div#clm_170 {
    width:           170px;
    margin:          0 10px 10px 0;
    float:           left;
}


/** div#clm_560 */
/**************************************/
div#clm_560 {
    width:           560px;
    margin:          0 10px 10px 0;
    float:           left;
}


/** div#clm_250 */
/**************************************/
div#clm_250 {
    width:           250px;
    margin:          0 0 10px 0;
    float:           left;
}


/** div#footer */
/**************************************/
div#footer {
    border-top:      1px solid #cdcdcd;
    width:           1000px;
    margin:          0 auto 30px auto;
    padding:         10px 0 0 0;
}

div#footer p {
    text-align:      center;
    font-size:       11px;
    line-height:     1.5;
    margin:          0 0 5px 0;
}


/** div#global_menu */
/**************************************/
div#global_menu {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
    text-align: center;
    width: 1000px;
}

div#global_menu p {
    line-height:     1.8;
    text-align:      center;
}

div#global_menu a {
    font-size: 10px;
}


/** div#alert */
/**************************************/
div#alert {
    border:          1px solid #ff0000;
    background:      #fff9f9;
    margin:          0 0 10px 0;
    padding:         15px;
}

div#alert h2 {
    background:      url("../img/shared/head/pink.gif") left 1px no-repeat;
    font-size:       13px;
    font-weight:     bold;
    color:           #ff0000;
    margin:          0 0 15px 0;
    padding:         0 0 0 10px;
}

div#alert p {
    line-height:     1.5;
}

div#alert p strong {
    color:           #ff0000;
}


/** div#campaign */
/**************************************/
div#campaign {
    border:          1px solid #6eccee;
    background:      url("../img/index/campaign_bg.jpg") left bottom repeat-x;
    margin:          0 0 10px 0;
    padding:         9px;
}

div#campaign div.scroll {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           540px;
    overflow:        hidden;
}

div#campaign div.scroll ul {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           9999px;
}

div#campaign div.scroll ul li {
    width:           82px;
    float:           left;
    margin:          0 15px 0 0;
}

div#campaign div.scroll ul li img {
    border:          1px solid #707070;
}


/** div#watched_product */
/**************************************/
div#watched_product {
    background:      url("../img/index/watched_product_bg.jpg") left bottom repeat-x;
    margin:          0 0 10px 0;
}

div#watched_product div.border h2 i {
    background-image: url("../img/index/watched_product_icon.png");
    width:           40px;
    height:          33px;
    margin:          -10px 5px 0 0;
}

div#watched_product div.border > div > p {
    font-weight:     bold;
    margin:          0 0 10px 0;
}

div#watched_product div.border > div > ul {
    height:          300px;
    margin:          0 0 15px 0;
    overflow-y:      scroll;
}

div#watched_product div.border > div > ul li {
    margin:          0 0 10px 0;
}

div#watched_product div.border > div > ul li table {
    border:          1px solid #666666;
    width:           68px;
    height:          68px;
    float:           left;
}

div#watched_product div.border > div > ul li table tr td {
    text-align:      center;
    vertical-align:  middle;
}

div#watched_product div.border > div > ul li span {
    display:         block;
    margin:          0 0 5px 75px;
}

div#watched_product div.border > div > ul li p {
    margin:          0 0 5px 75px;
}

div#watched_product div.border > div > ul li > div {
    margin:          0 0 5px 75px;
}

div#watched_product div.border > div > ul li dl {
    float:           left;
}

div#watched_product div.border > div > ul li dl * {
    display:         inline;
}

div#watched_product div.border > div > ul li dl dt {
    color:           #ff0000;
}

div#watched_product div.border > div > ul li dl dd {
    color:           #0098da;
}

div#watched_product div.border > div > ul li div.form {
    padding:         0 10px 0 0;
    float:           right;
}

div#watched_product div.border > div > ul li div.form select {
    position:        relative;
    top:             -4px;
}
div#watched_product div.border > div > ul li div.form img {
    right:           30px;
}

div#watched_product div.border > div > div.scroll {
    position:        relative;
    top:             0px;
    left:            0px;
    margin:          0 0 10px 0;
    overflow:        hidden;
    height: 100px;
}

div#watched_product div.border > div > div.scroll ul {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           9999px;
}

div#watched_product div.border > div > div.scroll ul li {
    width:           558px;
    /*float:           left;*/
    margin:          5px 15px 0 0;
}

div#watched_product div.border > div > div.scroll ul li p {
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 500px;
}

div#watched_product div.border > div > div.scroll ul li img {
	border:          1px solid #707070;
}


/** div#news_online */
/**************************************/
div#news_online {

}

div#news_online div.border > div > ul {
    height:          200px;
    margin:          0 0 15px 0;
    overflow-y:      scroll;
}

div#news_online div.border > div > ul li {
    margin:          0 0 10px 0;
}

div#news_online div.border > div > ul li table {
    border:          1px solid #666666;
    width:           68px;
    height:          68px;
    float:           left;
}

div#news_online div.border > div > ul li table tr td {
    text-align:      center;
    vertical-align:  middle;
}

div#news_online div.border > div > ul li p {
    margin:          0 0 5px 75px;
}

div#news_online div.border > div > ul li p a {
    line-height:     1.5;
}

div#news_online div.border > div > dl {
    margin:          0 0 5px 0;
}

div#news_online div.border > div > dl dt {
    width:           70px;
    float:           left;
    margin-top:      2px;
}

div#news_online div.border > div > dl dd {
    margin:          0 0 0 80px;
}

div#news_online div.border > div > dl dd a {
    line-height:     1.5;
}


/** div#original_product_information */
/**************************************/
div#original_product_information {
    margin:          0 0 10px 0;
}

div#original_product_information div.border > div > p {
    font-weight:     bold;
    margin:          0 0 10px 0;
}

div#original_product_information div.border > div > ul {
    height:          200px;
    margin:          0 0 15px 0;
    overflow-y:      scroll;
}

div#original_product_information div.border > div > ul li {
    margin:          0 0 10px 0;
}

div#original_product_information div.border > div > ul li table {
    border:          1px solid #666666;
    width:           68px;
    height:          68px;
    float:           left;
}

div#original_product_information div.border > div > ul li table tr td {
    text-align:      center;
    vertical-align:  middle;
}

div#original_product_information div.border > div > ul li span {
    display:         block;
    margin:          0 0 5px 75px;
}

div#original_product_information div.border > div > ul li p {
    margin:          0 0 5px 75px;
}

div#original_product_information div.border > div > ul li p a {
    line-height:     1.5;
}

div#original_product_information div.border > div > ul li dl {
    margin:          0 0 5px 75px;
}

div#original_product_information div.border > div > ul li dl * {
    display:         inline;
}

div#original_product_information div.border > div > ul li dl dt {
    color:           #ff0000;
}

div#original_product_information div.border > div > ul li dl dd {
    color:           #0098da;
}

div#original_product_information div.border > div > div.scroll {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           540px;
    overflow:        hidden;
}

div#original_product_information div.border > div > div.scroll ul {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           9999px;
}

div#original_product_information div.border > div > div.scroll ul li {
    width:           82px;
    float:           left;
    margin:          0 15px 0 0;
}

div#original_product_information div.border > div > div.scroll ul li img {
    border:          1px solid #707070;
}


/** div#myalert */
/**************************************/
div#myalert {
    margin:          0 0 10px 0;
}

div#myalert ul li tr td {
    vertical-align: top;
}

div#myalert div.border h2 i {
    background-image: url("../img/shared/sidebar/myalert_icon.png");
    width:           32px;
    height:          24px;
    margin:          0px 5px 0 0;
}

div#myalert div.border h2 span.new {
    background:      url("../img/shared/sidebar/myalert_new.png") left 2px no-repeat;
    padding:         0 0 0 27px;
}

div#myalert div.border > div > ul {
    padding:         0 0 5px 0;
}

div#myalert div.border > div > ul li {
    line-height:     1.5;
    margin:          0 0 5px 0;
}

div#myalert div.border > div > ul li span {
    background:      url("../img/shared/sidebar/myalert_bell.png") left 2px no-repeat;
    display:         block;
    margin:          0 5px 0 0;
    padding:         0 0 0 17px;
    float:           left;
    width:           75px;
}

div#myalert div.border > div > ul li p {
    width:           170px;
    float:           left;
}

div#myalert div.border > div > ul li p a {
    line-height:     1.5;
}

div#myalert td.myalert_bellicon {
    padding: 0 15px 0 0;
}

/** div#new_reserve_infomation */
/**************************************/
div#new_reserve_infomation {
    margin:          0 0 10px 0;
}

div#new_reserve_infomation h2 {
    position:        relative;
}

div#new_reserve_infomation h2 a {
    position:        absolute;
    top:             4px;
    right:           5px;
}

div#new_reserve_infomation dl {
    margin:          0 0 5px 0;
}

div#new_reserve_infomation dl dt {
    width:           70px;
    float:           left;
}

div#new_reserve_infomation dl dd {
    margin:          0 0 0 80px;
}

div#new_reserve_infomation dl dd a {
    line-height:     1.5;
}

/** div#new_reserve_infomation */
/**************************************/
div#about_onlineshop p {
    line-height:     1.5;
    padding:         10px;
}


/** div#new_reserve_news */
/**************************************/
div#new_reserve_news {
    margin:          0 0 10px 0;
}

div#new_reserve_news h2 {
    position:        relative;
}

div#new_reserve_news h2 a {
    position:        absolute;
    top:             4px;
    right:           5px;
}

div#new_reserve_news dl {
    margin:          0 0 5px 0;
    line-height:     1.5;
}

div#new_reserve_news dl dt {
    width:           120px;
    float:           left;
}

div#new_reserve_news dl dd {
    float:           right;
    width:           400px;
}

/*20130606 edit*/
div#update_news {
    margin: 0 0 10px 0;
}

div#update_news dl {
    margin:          0 0 5px 0;
    line-height:     1.5;
}

div#update_news dl dt {
    width:           70px;
    float:           left;
}

div#update_news dl dd {
    float:           right;
    width:           450px;
}
div#update_news div.update_news_box {
    height:     200px;
    overflow-y: scroll;
}
/*20130606 edit end*/

div#new_reserve_news dl dd a {

}

div#new_reserve_news dl dt.news {
    background:      url("../img/index/icon_news.gif") no-repeat right;
}

div#new_reserve_news dl dt.apology {
    background:      url("../img/index/icon_apology.gif") no-repeat right;
}

/* 0806 change*/
div#update_news p.title {
    font-weight: bold;
    margin: 0 0 5px 0;
}
/* 0806 change*/
div#update_news p.detail {
    margin: 0 0 10px 10px;
}

/** div#top_search */
/**************************************/
div#top_search {
    width: 1000px;
    height: 73px;
    margin: 0 auto;
    background: url("../img/index/top_search_bg.png") center bottom no-repeat;
}

div#headerNavi div.column2A{
    width: 1000px;
    margin: 0 auto;
}

