/********** elements **********/
body {
/**body/body_bg/全体の背景色**/ background-color: #ffffff;
/**body/body_text/全体の文字色**/ color: #666666;
margin: 0px;
font-size: 12px;
font-family: Verdana;
letter-spacing: 1px;
line-height: 15px;
text-align: center;
}
h1 {
/**h1/h1_bg/ヘッダー部見出しの背景色**/ background-color: #ccddff;
/**h1/h1_text/ヘッダー部見出しの文字色**/ color: #ffffff;
margin: 0px;
padding: 3px;
text-align: center;
font-size: 14px;
}
h2 {
font-size: 14px;
font-weight: normal;
}
a {
text-decoration:underline;
}
a:link {
/**a:link/a_link_text/リンク文字色**/ color: #0000cc;
}
a:visited {
/**a:visited/a_visited_text/訪問済みリンク文字色**/ color: #0000cc;
}
a:hover {
/**a:hover/a_hover_text/オンマウス時リンク文字色**/ color: #ff3333;
}
form {
margin: 0px;
}
table,th,td {
/**body/body_text/全体の文字色**/ color: #666666;
font-size: 12px;
font-family: Verdana;
letter-spacing: 1px;
line-height: 15px;
border-collapse: collapse;
}
td {
text-align: left;
}
textarea {
font-size: 12px;
}
img {
border: none;
}

/********** blocks **********/
/* ラッパー */
.wrapper {
border: 1px solid #eee;
text-align: left;
width: 760px;
margin-left: auto;
margin-right: auto;
padding: 3px;
}
/* ヘッダー */
.head {
width: 760;
clear: both;
margin: 0px;
}
/* コンテンツ */
.contents {
width: 760px;
}
/* フッター */
.foot {
width: 760px;
clear: both;
margin: 0px;
}
.foot p {
/**.foot p/foot_p_bg/フッター部の背景色**/ background-color: #ccddff;
padding: 2px;
margin: 0px;
text-align: center;
}
.foot a {
/**.foot a/foot_a_text/フッター部のリンク文字色**/ color: #0000cc;
}
/* 各種テーブル */
.border_t th {
background-color: #cdf;
color: #fff;
border: 1px solid #ccc;
padding: 4px;
text-align: center;
}
.border_t td {
background-color: #fff;
color: #666;
border: 1px solid #ccc;
padding: 4px;
}
/* ItemList */
.items p {
margin: 0px;
}
.item_list_t {
clear: both;
text-align: center;
}
.item_list_t table {
margin-left: auto;
margin-right: auto;
/**.item_list_t table/item_list_t_table_width/商品一覧テーブル幅**/ width: 90%;
}
.item_list_t th {
/**.item_list_t th/item_list_t_th_bg/商品一覧テーブル見出し背景色**/ background-color: #ccddff;
/**.item_list_t th/item_list_t_th_text/商品一覧テーブル見出し文字色**/ color: #ffffff;
border: 1px solid #ccc;
padding: 4px;
text-align: center;
}
.item_list_t td {
border: 1px solid #ccc;
padding: 4px;
}
.td1 {
/**.td1/td1_bg/商品一覧テーブルデータ背景色１**/ background-color: #efefef;
/**.td1/td1_text/商品一覧テーブルデータ文字色１**/ color: #666666;
}
.td2 {
/**.td2/td2_bg/商品一覧テーブルデータ背景色２**/ background-color: #ffffff;
/**.td2/td2_text/商品一覧テーブルデータ文字色２**/ color: #666666;
}
.item_note {
/**.item_note/item_note_text/商品一覧 備考の文字色**/ color: #ff3333;
}
.item_list_t p {
margin: 5px 0px;
}

/* PageUnit */
.page_unit {
float: right;
margin-top: 10px;
margin-bottom: 10px;
}

/* SearchUnit */
.search_unit {
text-align: center;
}
.search_unit table {
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
.search_unit td {
border-bottom: 1px solid #ccc;
padding: 4px;
}
/* BackLink */
.back_link {
margin: 10px 0px;
}
/* ShowCart */
.show_cart_money {
margin: 10px 0px;
float: right;
}
.show_cart {
margin-left: auto;
margin-right: auto;
width: auto;
}
/* Flow */
.flow {
text-align: center;
margin-bottom: 20px;
}
.flow p {
/**.flow p/flow_p_bg/カートフロー背景色**/ background-color: #ffffdd;
/**.flow p/flow_p_text/カートフロー文字色**/ color: #666666;
border: 1px solid #ccc;
width: 500px;
margin: 0px auto;
padding: 5px;
}
.flow_now {
/**.flow_now/flow_now_text/カートフロー現在の文字色**/ color: #3333ff;
}
/* ButtonSet */
.btn_set {
clear: both;
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
}
.btn_set p {
margin-left: auto;
margin-right: auto;
}
/* CartForm */
.user_form {
text-align:center
}
.user_form table {
margin: 20px auto;
/**.user_form table/user_form_table_width/カート情報入力テーブル幅**/ width: 90%;
}
.user_form th {
/**.user_form th/user_form_th_bg/カート情報入力テーブル見出し背景色**/ background-color: #ccddff;
/**.user_form th/user_form_th_text/カート情報入力テーブル見出し文字色**/ color: #666666;
border: 1px solid #ccc;
padding: 4px;
text-align: center;
}
.user_form td {
/**.user_form th/user_form_td_bg/カート情報入力テーブルデータ背景色**/ background-color: #ffffff;
/**.user_form th/user_form_td_text/カート情報入力テーブルデータ文字色**/ color: #666666;
border: 1px solid #ccc;
padding: 4px;
}
.small {
/**.small/small_text/カート情報入力注釈の文字色**/ color: #3333cc;
font-size: 10px;
font-weight: normal;
}
.need_mark {
/**.need_mark/need_mark_text/カート情報入力必須項目※印文字色**/ color: #ff9999;
}
/********** 詳細画面 **********/
/* ラッパー */
.detail_wrapper {
border: 1px solid #eee;
text-align: left;
width: 550px;
margin-left: auto;
margin-right: auto;
padding: 3px;
}

/* ヘッダー */
.detail_head {
width: 550;
clear: both;
margin: 0px;
}
/* フッター */
.detail_foot {
width: 550px;
clear: both;
margin: 0px;
}
.detail_foot p {
/**.foot p/foot_p_bg/フッターの背景色**/ background-color: #ccddff;
padding: 2px;
margin: 0px;
text-align: center;
}
.detail_foot a {
/**.foot a/foot_a_text/フッター部のリンク文字色**/ color: #0000cc;
}
/* コンテンツ */
.detail_contents {
width: 550px;
}
/* イメージ */
.detail_img {
width: 304px;
float: left;
margin: 0px;
padding: 2px;
}
/* 商品情報 */
.detail_info {
width: 230px;
float: right;
margin: 0px;
padding: 2px;
}
.detail_info table {
margin-left: 4px;
}
.detail_info td {
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-left: 4px;
}
.detail_bottom_btn {
width: 550px;
clear: both;
text-align: center;
margin: 40px 0px;
}
.detail_show_cart_money {
text-align: center;
margin: 15px 0px;
}
/********** Extras **********/
.btn_route {
/**.btn_route/btn_route_bg/カート順路ボタン背景色**/ background-color: #ccccff;
/**.btn_route/btn_route_text/カート順路ボタン文字色**/ color: #003399;
/**.btn_route/btn_route_border/カート順路ボタンボーダー色**/ border-color: #ffff99;
width: 120px;
}
.w80 {
width: 80px;
}
.w100 {
width: 100px;
}
.w120 {
width: 120px;
}
.w160 {
width: 160px;
}
.clear {
clear: both;
}
.center {
clear: both;
text-align: center;
}
.right {
float: right;
text-align: right;
}
.input {
height: 20px;
}
.attent {
/**.attent/attent_text/各種注目すべき文字の文字色**/ color: #cc0000;
}
.text {
letter-spacing: 0px;
}
.no_border_t td {
border: none;
}
.bottom_border_t td {
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #ccc;
text-align: right;
}
/* Error 用 */
.error {
background-color: #fee;
color: #666;
border: 1px solid #fcc;
padding: 5px;
margin: 20px auto;
width: 90%;
text-align: left;
}
/* message 用 */
.message {
background-color: #eef;
color: #666;
border: 1px solid #cdf;
padding: 5px;
margin: 20px auto;
width: 90%;
}