/********** elements **********/
body {
/**body/body_bg/全体の背景色**/ background-color: #ffffff;
/**body/body_text/全体の文字色**/ color: #666666;
margin: 0px;
font-size: 10px;
font-family: Verdana;
letter-spacing: 1px;
line-height: 15px;
text-align: center;
background-image:url(../../img/back_ground2.gif);
}
h1 {
/**h1/h1_bg/ヘッダー部見出しの背景色**/ background-color: #d9592d;
/**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:none;
}
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: #d9592d;
}
form {
margin: 0px;
}
table,th,td {
/**body/body_text/全体の文字色**/ color: #666666;
font-size: 10px;
font-family: Verdana;
letter-spacing: 1px;
line-height: 15px;
border-collapse: collapse;
}
td {
text-align: left;
}
textarea {
font-size: 10px;
}
img {
border: none;
}

/********** blocks **********/
/* ラッパー */
.wrapper {
border: 1px solid #eee;
text-align: left;
width: 760px;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;

}
.kanban{
width:760px;
background-color:#FFFFFF;
background-image:url(../slshop.gif);
background-repeat:no-repeat;
height:100px;
}
/* ヘッダー */
/* コンテンツ */
/**/
.head {
width: 90%;
clear: both;
margin: 0px;
margin-left:auto;
margin-right:auto;
}
/* コンテンツ */
.contents {
width: 760px;
}
/*view.php用*/
.head_view {
margin-left:auto;
margin-right:auto;
width: 504px;
margin-top:0;
clear: both;
}
.head_view img{
margin-bottom:20px;
}
/* コンテンツ */
.cont_view {
width: 760px;
}
.contents_view {
float:right;
width: 560px;
}

.col_view{
float:left;
width:200px;
}
/* フッター */
.foot {
width: 760px;
clear: both;
margin: 0px;
}
.detail_foot a {
text-decoration:none;
color:#CCCCCC;
}
.foot a:link {
color: #CCCCCC;
}
.foot a:visited {
color: #CCCCCC;
}
.foot a:hover {
color: #CCCCCC;
}
.foot p {
/**.foot p/foot_p_bg/フッター部の背景色**/ background-color: #ffffff;
/**.foot p/foot_p_text/フッター部の文字色**/ color: #CCCCCC;
padding: 2px;
margin: 0px;
margin-top:30px;
text-align: center;
}
/* 各種テーブル */

.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 {
width:90%;
margin: 0px;
margin-left:auto;
margin-right:auto;
}
.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: #fef2e1;
/**.item_list_t th/item_list_t_th_text/商品一覧テーブル見出し文字色**/ color: #532704;
border: 1px solid #ccc;
padding: 4px;
text-align: left;
}
.item_list_t td {
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
padding: 4px;
}
.item_list_t .le{
width:120px;
}
.item_list_t .ce {
width:214px;
text-align:left;
padding-left:28px;
}
.item_list_t .ri{
width:120px;
}
.td1 {
/**.td1/td1_bg/商品一覧テーブルデータ背景色１**/ background-color: #ffffff;
/**.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: #cc0033;
}
.item_list_t p {
margin: 6px 0px;
}
.item_list_t .strng {
font-weight:bold;
}
/* PageUnit */
.page_unit {
text-align:right;
width:90%;
margin-top: 10px;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
}

/* SearchUnit */
.view_search_unit {
background-image:url(../sidesearch.gif);
background-repeat:no-repeat;
text-align: left;
width:150px;
margin-top:2px;
margin-left:auto;
margin-right:auto;
background-color:#99CC66;/*#d9592d*/
padding:15px;
padding-top:32px;
color:#FFFFFF;
font-size:10px;
}
.search_unit {
text-align: center;
}
.search_unit table {
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color:#C09C7B;

}
.search_unit td {
border-bottom: 1px solid #ccc;
padding: 4px;
color:#FFFFFF;
}
/* BackLink */
.back_link {
width:90%;
margin-top:3px;
margin-bottom:15px;
margin-left: auto;
margin-right: auto;
}
/*topページへ*/
.totoppage{
width:90%;
margin-left:auto;
margin-right:auto;
}
/* ShowCart */
.show_cart_money {
margin-top:10px;
margin-bottom:0px;
width:180px;
margin-left:auto;
margin-right:auto;
font-size:10px;
}
.nowmoney{
margin-top:0px;
margin-bottom:6px;
padding-left:3px;
}
.show_cart {
margin-left: auto;
margin-right: auto;
width: auto;
}
.sidebanner {
margin-top:15px;
margin-left: auto;
margin-right: auto;
width: 180px;
}
/* Flow */
.flow {
text-align: center;
margin-bottom: 20px;
}
.flow p {
/**.flow p/flow_p_bg/カートフロー背景色**/ background-color: #ffffff;
/**.flow p/flow_p_text/カートフロー文字色**/ color: #666666;
border: 1px solid #ccc;
width: 500px;
margin: 0px auto;
padding: 5px;
}

.sidemenu{
background-image:url(../sidemenu.gif);
background-repeat:no-repeat;
padding-top:33px;
text-align: left;
width:165px;
padding-left:15px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
margin-top:30px;
}
.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: #fef2e1;
/**.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_th_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;
}
.tokutei{
margin-top:40px;
margin-bottom:0px;
width:450px;
margin-left:auto;
margin-right:auto;
padding:0;
}
.tokutei td{
border-bottom: 1px dotted #ccc;
padding-bottom:5px;
padding-top:5px;
}
.tokutei .le{
width:100px;
}
.tokutei .ri{
width:350px;
}
.tokutei h2{
font-size:12px;
font-weight:bold;
margin:0;
margin-bottom:15px;
padding:0
}
.kiyaku{
margin-top:40px;
margin-bottom:0px;
width:450px;
margin-left:auto;
margin-right:auto;
padding:0;
line-height:20px;
}
.kiyaku ul{
margin-left:20px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.kiyaku table{
margin-top:20px;
margin-bottom:0;
width:400px;
margin-left:auto;
margin-right:auto;
padding:0;
}
.kiyaku td{
border-bottom: 1px dotted #ccc;
padding-bottom:5px;
padding-top:5px;
}
.kiyaku .le{
width:300px;
}
.kiyaku .ri{
width:100px;
text-align:right;
}
.kiyaku h2{
font-size:12px;
font-weight:bold;
margin:0;
margin-bottom:15px;
padding:0
}
/********** 詳細画面 **********/
/* ラッパー */
.detail_wrapper {
background-color:#FFFFFF;
border: 0px;
text-align: left;
width: 550px;
margin-left: auto;
margin-right: auto;
padding: 3px;
}

/* ヘッダー */
.detail_head {
width: 550px;
clear: both;
margin: 0px;
margin-bottom:10px;
}
/* フッター */
.detail_foot {
width: 550px;
clear: both;
margin: 0px;
}
.detail_foot a {
text-decoration:none;
color:#CCCCCC;
}
.detail_foot a:link {
color: #CCCCCC;
}
.detail_foot a:visited {
color: #CCCCCC;
}
.detail_foot a:hover {
color: #CCCCCC;
}
.detail_foot p {
background-color: #ffffff;
color: #CCCCCC;
padding: 2px;
margin: 0px;
text-align: center;
}
/* コンテンツ */
.detail_contents {
width: 550px;
}
/* イメージ */
.detail_img {
width: 304px;
float: left;
margin: 0px;
padding: 0px;
}
/* 商品情報 */
.detail_info {
width: 230px;
float: right;
margin: 0px;
padding: 2px;
}
.detail_info table {
margin-left: 4px;
font-size:10px;
width:200px;
}
.detail_info td {
border-bottom: 1px dotted #ccc;
padding-bottom:6px;
padding-top: 8px;
padding-left: 8px;
line-height:13px;
}
.detail_option{
padding: 0px;
margin: 0px;
line-height:8px;
}
.detail_text{
width: 220px;
margin-top:20px;
line-height:20px;
}
.detail_text ul{
margin-left:20px;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.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: #5F4030;
/**.btn_route/btn_route_text/カート順路ボタン文字色**/ color: #fef2e1;
/**.btn_route/btn_route_border/カート順路ボタンボーダー色**/ border:0; 
width: 100px;
height:20px;
}
.w50 {
width: 50px;
}
.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;
}
.left{
text-align:left;
}
.input {
height: 20px;
}
.attent {
/**.attent/attent_text/各種注目すべき文字の文字色**/ color: #cc0033;
}
.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: 85%;
text-align: left;
}
/* message 用 */
.message {
background-color: #eef;
color: #666;
border: 1px solid #cdf;
padding: 5px;
margin: 20px auto;
width: 85%;
}