/********** elements **********/
body {
/**body/body_bg/全体の背景色**/ background-color: #fff;
/**body/body_text/全体の文字色**/ color: #2f3942;
margin: 0px;
font-size: 12px;
font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',Verdana,'ＭＳ Ｐ明朝','MS PMincho',serif;
//font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/* font-family: Verdana, serif;*/
/* letter-spacing: 1px; */
text-align: center;
}

h1 {
/**h1/h1_bg/ヘッダー部見出しの背景色**/ background-color: #0BA2C1;
/**h1/h1_text/ヘッダー部見出しの文字色**/ color: #fff;
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: #122639;
}
a:visited {
/**a:visited/a_visited_text/訪問済みリンク文字色**/ color: #122639;
}
a:hover {
/**a:hover/a_hover_text/オンマウス時リンク文字色**/ color: #a83f1b;
}
form {
margin: 0px;
}
table,th,td {
/**body/body_text/全体の文字色**/ color: #666666;
font-size: 12px;
/* font-family: Verdana; */
letter-spacing: 1px;
border-collapse: collapse;
}
td {
text-align: left;
}
textarea {
font-size: 12px;
}
img {
border: none;
}

/********** blocks **********/
/* ラッパー */
.wrapper {
border: 1px solid #eee;
text-align: left;
width: 860px;
margin-left: auto;
margin-right: auto;
padding: 3px;
}
/* ロゴ */
.logo { 
padding: 0px;
margin: 0px;
width: 860px;
}
.logo1 { 
height: 0px;
/*
 height: 46px;
 background-image: url("/images/top-1.jpg");
*/
}
.logo2 { 
height: 130px;
/*
background-image: url("./images/title.jpg");
background-repeat: no-repeat;
background-position: 5% 50%;
*/
/*
background-image: url("/images/top-2.jpg");
*/
background-image: url("./images/e.jpg");
background-repeat: no-repeat;
background-position: 3% 95%;
font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',Verdana,'ＭＳ Ｐ明朝','MS PMincho',serif;
}
.logo2 h1 { 
margin: 0px;
padding: 25px 50px 0px 0px;
color: #122639;
background-color: transparent;
text-align: right;
font-weight: normal;
font-size: xx-large;
}
.logo2 h2 { 
margin-top: -50px;
padding: 0px 50px 0px 0px;
color: #122639;
text-align: right;
font-size: x-large;
}
.logo2 .title { 
margin-right: 200px;
vertical-align: top;
color: #0d70b1;
font-weight: bold;
font-size: 220%;
}

.logo3 { 
height: 0px;
/*
height: 42px;
background-image: url("/images/top-3.jpg");
*/
}

/* ボーダー */
.boarder {
height: 49px;
width: 858px;
margin: 0px 0px 10px 0px;
padding: 0px;
background-image: url("/images/flowers.jpg");
background-repeat: repeat-x ;
}

/* ヘッダー */
.head {
width: 860px;
clear: both;
margin: 0px;
}

/* コンテンツ */
.contents {
width: 860px;
}

.left { 
  width: 255px;
  float: left;
}

.main { 
  padding-left: 15px;
  width: 580px;
  float: left;
}

/* フッター */
.foot {
width: 860px;
clear: both;
margin: 0px;
clear: both;
}

.foot p {
/**.foot p/foot_p_bg/フッター部の背景色**/ background-color: #0BA2C1;
padding: 2px;
margin: 0px;
text-align: center;
}
.foot a {
/**.foot a/foot_a_text/フッター部のリンク文字色**/ color: #0BA2C1;
}

/* 各種テーブル */
.border_t th {
background-color: #0BA2C1;
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 */
.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: 100%;
}
.item_list_t th {
/**.item_list_t th/item_list_t_th_bg/商品一覧テーブル見出し背景色**/ background-color: #0BA2C1;
/**.item_list_t th/item_list_t_th_text/商品一覧テーブル見出し文字色**/ color: #fff;
border: 1px solid #ccc;
padding: 4px;
text-align: center;
}
.item_list_t td {
border: 1px solid #ccc;
padding: 4px;
}
.item_list_t #itemnum {
width: 6em;
}
.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;
font-weight: bold;
}
.item_list_t p {
margin: 5px 0px;
}
.item_list_t .cartbtn2 { 
display: none;
}

/* PageUnit */
.page_unit {
float: right;
margin: 1px 0px 1px 0px;
}

/* SearchUnit & CartUnit*/
.bluebox { 
width: 240px;
margin-bottom: 10px;
padding: 0px 5px 5px 5px;
border: medium solid #0BA2C1;
text-align: left;
}

.bluebox h2 { 
padding: 2px 0px 2px 0px;
margin: 0px 0px 5px -5px;
width: 250px;
background-color: #0BA2C1;
color: #fff;
text-align: center;
font-family: sans-serif;
}

.bluebox select { 
width: 95%;
}

.bluebox ul  { 
list-style-type: none;
line-height: 1.8;
margin: 0px;
padding: 5px;
}
/* BackLink */
.back_link {
text-align: left;
margin: 1px 0px 1px 0px;
padding: 0px;
/*font-size: 12px;*/
}

/* ShowCart */
.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: #122739;
}
/* 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: #0BA2C1;
/**.user_form th/user_form_th_text/カート情報入力テーブル見出し文字色**/ color: #fff;
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;
}

/********* トップ画面 *********/
.top_page { 
padding-left: 20px;
clear: both;
/*
 background: transparent url("/images/top_flower.jpg") no-repeat scroll
            80% 10%;
*/
}

.top_page h2 { 
margin: 10px 0px 0px 0px;
padding-left: 120px;
padding-top: 40px;
padding-bottom: 40px;
background: transparent url("./images/stop_marijuana.jpg") no-repeat scroll
            center left;
font-weight: bold;
font-size: xx-large;
color: black;
}

.top_page p {
font-size: large;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.top_page .strong { 
font-size: x-large;
}

.top_page ul {
font-size: large;
padding-top: 0px;
margin-bottom: 20px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.top_page .features { 
float: left;
margin-right: 50px;
}

.top_page .feature {
margin: 5px 0px 5px -10px;
padding: 5px 0px 5px 40px;
background-image: url("./images/redcheck.jpg");
background-repeat: no-repeat;
vertical-align: baseline;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.top_page .feature1 {
vertical-align: baseline;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/********** 詳細画面 **********/
/* ラッパー */
.detail_wrapper {
border: 1px solid #eee;
text-align: left;
width: 550px;
margin-left: auto;
margin-right: auto;
padding: 3px;
}

/* ヘッダー */
.detail_head {
width: 550px;
clear: both;
margin: 0px;
}
/* フッター */
.detail_foot {
width: 550px;
clear: both;
margin: 0px;
}
.detail_foot p {
/**.foot p/foot_p_bg/フッターの背景色**/ background-color: #0BA2C1;
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;
float: left;
}
.detail_info table {
margin-left: 4px;
}
.detail_info td {
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-left: 4px;
}
.detail_bottom { 
width: 550px;
clear: both;
text-align: left;
padding: 40px 0px 10px 0px;
}
.detail_show_cart_money {
text-align: center;
margin: 15px 0px;
}
/********** Extras **********/
.btn_route {
/**.btn_route/btn_route_bg/カート順路ボタン背景色**/ background-color: #7d96ab;
/**.btn_route/btn_route_text/カート順路ボタン文字色**/ color: #fff;
/**.btn_route/btn_route_border/カート順路ボタンボーダー色**/ border-color: #303942;
width: 100px;
}
.w80 {
width: 80px;
}
.w100 {
width: 100px;
}
.w120 {
width: 120px;
}
.w160 {
width: 160px;
}

.center {
clear: both;
text-align: center;
}
.right {
float: right;
text-align: right;
}
.input {
height: 20px;
}
.attent {
/**.attent/attent_text/各種注目すべき文字の文字色**/ color: #a83f1b;
}
.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: left;
}
/* 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 #0BA2C1;
padding: 5px;
margin: 20px auto;
width: 90%;
}

/* 各ドキュメント */
.article { 
float: right;
margin: 20px 0px 20px 15px;
padding: 0px;
width: 590px;
font-size: small;
/* font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;*/
}

.article h2 {
margin: 3ex 0px 0px -0.5em;
width: 590px;
padding-left: 0.5em;
border-bottom: 4px solid #0BA2C1;
font-size: large;
}

.article h3 {
margin: 1ex 0px 0px 0px;
font-size: medium;
}

.article .strong { 
font-size: medium;
}

.article h4 { 
margin: 2ex 0px 0px 0px;
padding: 0px;
font-size: small;
}

.article p { 
margin: 1ex 0px 0.5ex 20px;
 }

.article img { 
vertical-align: middle;
 }

.article .noul { 
list-style-type: none;
margin: 1ex 0px 0.5ex 20px;
padding: 0px;
 }

.article table { 
color: #666666;
border: 2px solid #666666;
border-collapse: collapse;
font-size: small;
}

.article table .ttitle {
padding: 5px 5px 5px 5px;
width: 12em;
border: 2px solid #666;
background-color: #7d96ab;
/*0BA2C1;*/
color: #fff;
}

.article table .tdesc {
padding: 5px 5px 5px 5px;
border: 2px solid #666666;
background-color: #ffffff;
text-align: left;
}

.article #result { 
margin: 1ex 20px 0.5ex 40px;
border: 2px solid #666666;
border-collapse: collapse;
}

.article #result th {
border-bottom: 2px solid #666666;
text-align: center;
}

.article #result #result-col1 { 
width: 11em;
}

.article #result td {
padding: 5px;
border-bottom: 2px solid #666666;
}

.article #result img {
width: 12em;
}

.article #period  { 
margin: 1ex 20px 0.5ex 40px;
border: 1px solid #666666;
border-collapse: collapse;
}

.article #period td {
padding: 2px;
text-align: right;
border: 1px solid #666666;
}