@charset "euc-jp";

/********** elements **********/

#main h1 {

/**h1/h1_bg/ヘッダー部見出しの背景色**/ background-color: #0000cc;

/**h1/h1_text/ヘッダー部見出しの文字色**/ color: #ffffff;

margin: 0px;

padding: 3px;

text-align: center;

/*font-size: 14px;*/

}

#main h2 {

/*font-size: 14px;*/

font-weight: normal;

}

#main a {

text-decoration:underline;

}

#main a:link {

/**a:link/a_link_text/リンク文字色**/ color: #0000cc;

}

#main a:visited {

/**a:visited/a_visited_text/訪問済みリンク文字色**/ color: #0000cc;

}

#main a:hover {

/**a:hover/a_hover_text/オンマウス時リンク文字色**/ color: #ff3333;

}

#main form {

margin: 0px;

}

#main table,th,td {

/**body/body_text/全体の文字色**/ color: #666666;

/*font-size: 12px;*/

font-family: Verdana;

letter-spacing: 1px;

line-height: 15px;

border-collapse: collapse;

}

#main td {

text-align: left;

}

#main textarea {

/*font-size: 12px;*/

}

#main img {

border: none;

}



/********** blocks **********/

/* ラッパー */

#main .wrapper {

text-align: left;

width: 700px;

margin: 0 auto;

padding: 3px;

}

/* WEBLITE組み込み時ヘッダー */

#main .cart_head {

width: 680;

clear: both;

margin: 0px;

}

#main .dittoArea .wrapper .cart_head h2{

 background-image:url(../images/title_bg.gif); background-repeat: no-repeat;

color:#FFFFFF; font-weight: bold;

}



/* ヘッダー */

/*

.head {

width: 680px;

clear: both;

margin: 0px;

}

*/

/* コンテンツ */

#main .contents {

padding-left: 30px;

width: 650px;

}

/* フッター */

#main .foot {

width: 680px;

clear: both;

margin: 0px;

}

#main .foot p {

/**.foot p/foot_p_bg/フッター部の背景色**/ background-color: #0000cc;

padding: 2px;

margin: 0px;

text-align: center;

}

#main .foot a {

/**.foot a/foot_a_text/フッター部のリンク文字色**/ color: #0000cc;

}

/* 各種テーブル */

#main .border_t th {

background-color: #cdf;

color: #fff;

border: 1px solid #ccc;

padding: 4px;

text-align: center;

}

#main .border_t td {

background-color: #fff;

color: #666;

border: 1px solid #ccc;

padding: 4px;

}

/* ItemList */

#main .items p {

margin: 0px;

}

#main .item_list_t {

clear: both;

text-align: center;

}

#main .item_list_t table {

margin-left: auto;

margin-right: auto;

/**.item_list_t table/item_list_t_table_width/商品一覧テーブル幅**/ width: 99%;

}

#main .item_list_t th {

/**.item_list_t th/item_list_t_th_bg/商品一覧テーブル見出し背景色**/ background-color: #0000cc;

/**.item_list_t th/item_list_t_th_text/商品一覧テーブル見出し文字色**/ color: #ffffff;

border: 1px solid #ccc;

padding: 4px;

text-align: center;

}

#main .item_list_t td {

border: 1px solid #ccc; background:#fff;

padding: 4px;

}





#main .item_list_t .th01 { width: 20px;}

#main .item_list_t .th02 { width: 90px;}

#main .item_list_t .th03 { width: 90px;}

#main .item_list_t .th04 { width: 150px;}

#main .item_list_t .th05 { width: 80px;}

#main .item_list_t .th06 { width: 80px;}

#main .item_list_t .th07 { width: 150px;}





#main .td1 {

/**.td1/td1_bg/商品一覧テーブルデータ背景色１**/ background-color: #efefef;

/**.td1/td1_text/商品一覧テーブルデータ文字色１**/ color: #666666;

}

#main .td1 td p{

font-size:12px;

}

.td2 {

/**.td2/td2_bg/商品一覧テーブルデータ背景色２**/ background-color: #ffffff;

/**.td2/td2_text/商品一覧テーブルデータ文字色２**/ color: #666666;

}

#main .td2 td p{

font-size:12px;

}

#main .item_note {

/**.item_note/item_note_text/商品一覧 備考の文字色**/ color: #ff3333;

}

#main .item_list_t p {

margin: 10px auto; text-align: center;

}



/* PageUnit */

#main .page_unit {

float: right;

margin-top: 30px;

margin-bottom: 30px;

}



/* SearchUnit */

#main .search_unit {

width: 650px;

margin: 30px 0px 20px 30px;

padding-top: 10px;

text-align: center;

}

#main .search_unit table {

margin-bottom: 10px;

margin-left: auto;

margin-right: auto;

}

#main .search_unit td {

border-bottom: 1px solid #ccc;

padding: 4px;

}

/* BackLink */

#main .back_link {

margin: 10px 0px;

}

/* ShowCart */

#main .show_cart_money { background: #FFFFFF; padding: 5px; border: #666666 1px solid;

margin: 10px 0px;

float: right;

}

#main .show_cart {

margin-left: auto;

margin-right: auto;

width: auto;

}

/* Flow */

#main .flow {

text-align: center;

margin-bottom: 20px;

}

#main .flow p {

/**.flow p/flow_p_bg/カートフロー背景色**/ background-color: #ffffff;

/**.flow p/flow_p_text/カートフロー文字色**/ color: #666666;

border: 1px solid #ccc;

width: 500px;

margin: 20px auto;



padding: 5px;

}

#main .flow_now {

/**.flow_now/flow_now_text/カートフロー現在の文字色**/ color: #0000cc;

}

/* ButtonSet */

#main .btn_set {

clear: both;

margin-top: 30px;

margin-bottom: 20px;

text-align: center;

}

#main .btn_set p {

margin: 30px auto;

width: 95%;

text-align: right;

}

/* CartForm */

#main .user_form {

text-align:center

}

#main .user_form textarea { font-size: small;}

#main .user_form table {

margin: 20px auto;

/**.user_form table/user_form_table_width/カート情報入力テーブル幅**/ width: 100%;

}

#main .user_form th {

/**.user_form th/user_form_th_bg/カート情報入力テーブル見出し背景色**/ background-color: #ddeeff;

/**.user_form th/user_form_th_text/カート情報入力テーブル見出し文字色**/ color: #666666;

border: 1px solid #ccc;

padding: 4px;

text-align: center;

width: 200px;

}

#main .user_form td {

/**.user_form th/user_form_td_bg/カート情報入力テーブルデータ背景色**/ background-color: #ffffff;

/**.user_form th/user_form_th_text/カート情報入力テーブルデータ文字色**/ color: #666666;

border: 1px solid #ccc;

padding: 4px;

}

#main .small {

/**.small/small_text/カート情報入力注釈の文字色**/ color: #0000cc;

/*font-size: 10px;*/

font-weight: normal;

}

#main .need_mark {

/**.need_mark/need_mark_text/カート情報入力必須項目※印文字色**/ color: #ff9999;

}

/********** 詳細画面 **********/

/* ラッパー */

#main .detail_wrapper {

border: 1px solid #eee;

text-align: left;

width: 550px;

margin-left: auto;

margin-right: auto;

padding: 3px;

}



/* ヘッダー */

#main .detail_head {

width: 550;

clear: both;

margin: 0px;

}

#main .detail_head h1{

font-size: 14px;

color: #333;

}

/* フッター */

#main .detail_foot {

width: 550px;

clear: both;

margin: 0px;

}

#main .detail_foot p {

/**.foot p/foot_p_bg/フッターの背景色**/ background-color: #0000cc;

padding: 2px;

margin: 0px;

text-align: center;

}

#main .detail_foot a {

/**.foot a/foot_a_text/フッター部のリンク文字色**/ color: #0000cc;

}

/* コンテンツ */

#main .detail_contents {

width: 550px;

}

/* イメージ */

#main .detail_img {

width: 304px;

float: left;

margin: 0px;

padding: 2px;

}

/* 商品情報 */

#main .detail_info {

width: 230px;

float: right;

margin: 0px;

padding: 2px;

}

#main .detail_info table {

margin-left: 4px;

font-size: small;

}

#main .detail_info td {

border-bottom: 1px solid #ccc;

padding-top: 10px;

padding-left: 4px;

}

#main .detail_bottom_btn {

width: 550px;

clear: both;

text-align: center;

margin: 40px 0px;

}

#main .detail_show_cart_money {

text-align: center;

margin: 15px 0px;

}

/********** Extras **********/

#main .btn_route {

padding: 3px 10px; margin: 0 auto;

}

#main .w80 {

width: 80px;

}

#main .w100 {

padding: 3px 10px;

}

#main .w120 {

padding: 3px 10px;

}

#main .w160 {

width: 160px;

}

#main .clear {

clear: both;

}

#main .center {

clear: both;

text-align: center;

margin-top: 20px;

}

#main .right {

float: right;

text-align: right;

}

#main .input {

height: 20px;

}

#main .attent {

/**.attent/attent_text/各種注目すべき文字の文字色**/ color: #cc0000;

}

#main .text {

letter-spacing: 0px;

}

#main .no_border_t td {

border: none;

}

#main .bottom_border_t td {

border-top: none;

border-right: none;

border-left: none;

border-bottom: 1px solid #ccc;

text-align: right;

}

/* Error 用 */

#main .error {

background-color: #fee;

font-size: small;

line-height: 150%;

color: #666;

border: 1px solid #fcc;

padding: 10px;

margin: 20px;

width: 90%;

text-align: left;

}

/* message 用 */

#main .dittoArea .message {

background-color: #fee;

color: #666;

border: 1px solid #fcc;

padding: 10px;

margin: 20px auto;

width: 80%;

}



#main .message-font { font-size: small;}



#main .search_unit table { border: #666666 1px solid;}

#main .search_unit tbody { background: #FFFFFF;}

#main .search_unit td { border: none;}





#main .page_unit table { border: #666666 1px solid;}

#main .page_unit tbody { background: #FFFFFF;}

#main .page_unit td { border: #666666 1px solid; }