@charset "utf-8";

#contents #one_content {
	margin-top:10px;
	margin:10px auto 0 auto;
	width:640px;
}

#contents h2.store_ttl_s {
	/*background: url("/images_store/ttl_bg_s.png") no-repeat left;
	*/
	border:1px #999 solid;
	margin:0 0 20px 0;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0 5px 20px;
	clear:both;
}

h3.store_ttl_arrow {
	background: url("/images_store/arrow.png") no-repeat left;
	margin:0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 5px 20px;
	clear:both;
}

#contents #main_content {
	float:left;
	margin-top:10px;
	margin-left:50px;
	width:640px;
}
#contents #side_content {
	float:left;
	margin-top:10px;
	width:210px;
}
.job_order {
	color:#cc0000;
	font-size:95%;
	line-height:140%;
}
.job_order_zoom {
	font-size:120%;
}

/* フォーム用テーブル
*/
table.form {
	width:95%;
	table-layout:fixed;
	border-collapse:collapse;
	border-top:1px #333 solid;
	border-right:1px #333 solid;
	margin:0 auto 20px auto;
	
}
table.form th {
	padding:10px 15px;
	border-left:8px #666 solid;
	border-bottom:1px #444 solid;
	background-color:#333;
	width:25%;
	font-size:90%;
	text-align:left;
	color:#ffffff;
}
table.form td {
	padding:10px 20px;
	border-bottom:1px #444 solid;
	text-align:left;
}
input.style {
	border:1px #666 solid;
	color:#000;
	background-color:#ddd;
	line-height:20px;
	font-size:100%;
	height:20px;
}
input.imeAct {
	ime-mode:active;
}
input.imeIAct {
	ime-mode:inactive;
}
input.imeDis {
	ime-mode:disabled;
}
input.w_sss {
	width:40px;
}
input.w_ss {
	width:80px;
}
input.w_s {
	width:120px;
}
input.w_l {
	width:350px;
}
.mini {
	font-size:75%;
	font-weight:normal;
}
.red {
	font-weight:normal;
	color:#ff0000;
}

/* 枠つきエリア
*/
#linearea {
	width:558px;
	margin:0 auto;
}
#linearea .top {
	margin:0;
	padding:0;
	width:100%;
	height:20px;
}
#linearea .detail {
	background:url("/store/images_shared/line_bg.png") repeat-y;
	margin:0;
	padding:0;
	width:100%;
}
#linearea .detail p {
	padding:5px 0;
	margin:0 25px;
}
#linearea .under {
	margin:0;
	padding:0;
	width:100%;
	height:20px;
}
/********************************************************
ボタン設定
******************************************************/
/* confirm
*/

button.confirm, .buttons a.confirm {
    color:#fff;
    background-color:#b20200;
}
.buttons a.confirm:hover, button.confirm:hover {
    background-color:#ffd1d1;
    border:1px solid #ff9999;
    color:#b20200;
}
.buttons a.confirm:active {
    background-color:#ff4949;
    border:1px solid #eee;
    color:#fff;
}
/* mini
*/
button.mini, .buttons a.mini {
	font-weight:normal;
	font-size:80%;
	padding:2px 7px !important;
}
/* off_white
*/

button.off_white, .buttons a.off_white {
    color:#eee;
}
/* ボタンのセンタリング 
*/
.btn_centering {
	width:100%;
	margin:30px 0;
	text-align:center;
}
.btn_centering .buttons {
	margin:0;
	padding:0;
	display: inline-block;  /* 正当な指定。インラインブロックとして振る舞う */
	display: -moz-inline-box;     /* Firefox2.xは上に未対応なので独自のやつで。 */
	zoom: 1; *display: inline;    /* hasLayoutをかまし、さらにIEだけにinline指定。 */
}
.btn_centering button {
	margin:0 10px;
}
/* ボタンの左寄せ 
*/
.btn_left {
	text-align:left !important;
}
.btn_left button {
	margin:0 !important;
}
/* 戻るボタン 
*/
button.prev, .buttons a.prev {
	width:100px;
}
/* 次へボタン 
*/
button.next, .buttons a.next {
	width:100px;
}

/********************************************************
ページャー設定
******************************************************/

#pager {
	width:100%;
	text-align:left;
}
#pager .buttons {
	margin:0;
	padding:0;
	display: inline-block;  /* 正当な指定。インラインブロックとして振る舞う */
	display: -moz-inline-box;     /* Firefox2.xは上に未対応なので独自のやつで。 */
	zoom: 1; *display: inline;    /* hasLayoutをかまし、さらにIEだけにinline指定。 */
}
#pager button {
	margin:0;
}
#pager a {
	line-height:110% !important;
	vertical-align:middle !important;
	display: block !important;
	padding:3px;
	font-size:110%;
	float:left;
}
#pager .btn {
	display: inline-block !important;
	float:left;
}
#pager .on {
	font-weight:bold;
	color:#0099FF;
	line-height:110% !important;
	vertical-align:middle !important;
	display: inline-block !important;
	padding:3px;
	font-size:110%;
	float:left;
}
/********************************************************
STOREトップ
******************************************************/
#store_top_cont {
	margin:30px auto;
	width:740px;
}
/* QRコードあり
#store_top_cont {
	margin:30px auto;
	width:860px;
}
*/

#news {
	width:300px;
	float:left;
	padding-bottom:20px;
}
h3.top_ttl {
	border-bottom:1px #333 solid;
	font-size:100%;
	font-weight:normal !important;
	color:#fff !important;
}
#news ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#news li {
	clear:both;
}
#news .date {
	color:#0099FF;
	float:left;
	width:30px;
}
#news .arrow {
	float:left;
	width:20px;
	text-align:center;
}
#news .arrow img {
	margin-top:5px;
}

#news .news_ttl {
	width:250px;
	float:left;
}
#recomend {
	width:410px;
	float:left;
	padding-left:30px;
}
#recomend ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#recomend li {
	float:left;
	margin:0 10px;
}

#QR {
	width:90px;
	float:left;
	padding-left:30px;
}
#QR img {
	text-align:center;
}
/********************************************************
カート内の商品
******************************************************/

#contents #cartarea {
	width:600px;
	margin:0 auto;
	clear:both;
}

#contents #cartarea table {
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	border-top:1px #333 solid;
}

#contents #cartarea table th {
	border-bottom:1px #333 solid !important;
	padding:8px !important;
}
#contents #cartarea table th img {
	margin:0 auto;
}
#contents #cartarea table td {
	border-bottom:1px #333 solid;
	padding:8px;
}
#contents #cartarea table .name {
	width:220px;
	text-align:left
}
#contents #cartarea table .cost {
	width:70px;
}
#contents #cartarea table .quantity {
	width:65px;
}
#contents #cartarea table .quantity img {
	display:inline;
	margin:0 4px;
}
#contents #cartarea table .quantity .del {
	margin:5px auto 0 8px !important;
}
#contents #cartarea table .quantity .del buttom {
	width:40px;
}
#contents #cartarea table .res_cost {
	width:70px;
}
#contents #cartarea table .total_ttl {
	border-bottom:0px;
	padding:20px 20px 20px 0;
	text-align:right;
}
#contents #cartarea table .total {
	border-bottom:0px;
}
#contents #cartarea table button {
	margin:0 !important;
}
#contents .cart_btn {
	margin:50px 0 0 20px;
}
#contents .cart_btn button {
	margin-bottom:20px;
	width:117px;
}

/********************************************************
サインイン
******************************************************/
#contents #login {
	width:558px;
	height:237px;
	background:url("../images_shared/login_bg.png") no-repeat top left;
	margin:0 auto 30px auto;
	padding:3px 0 0 0;
}
#contents #login table.up {
	width:85%;
	margin:13px auto;
	text-align:left;
}
#contents #login table.up th {
	padding:15px 0;
	width:150px;
}
#contents #login table.up input#user_id , #contents #login table.up input#user_pass {
	border:1px #666 solid;
	width:300px;
	ime-mode:disable;
	color:#000;
	background-color:#ddd;
	line-height:20px;
	font-size:100%;
	height:20px;
}
#contents #login table.down {
	width:75%;
	margin:10px auto;
	text-align:left;
}
#contents #login table.down th {
	width:260px;
	font-size:9px;
	font-weight:normal;
}
#contents #login table.down th input {
	width:15px;
	height:15px;
	margin-right:5px;
}
#contents #login table.down td.caution {
	padding-top:20px;
	font-size:9px !important;
	font-weight:normal !important;
	text-align:left !important;
}
#contents #entry {
	width:100%;
}
#contents #entry p {
	margin:0 auto 0px auto;
	width:80%;
}

/********************************************************
お客様情報の入力
******************************************************/
#flow {
	width:718px;
	text-align:center;
	margin:15px auto 30px auto;
}

/********************************************************
お届け先の指定
******************************************************/
.deliv_name {
	width:80px;
}
/********************************************************
お支払い方法・お届け時間の指定
******************************************************/
.subttl {
	margin:0 0 10px 15px !important;
	padding:0 !important;
}
.store_contact {
	width:90%;
	margin:10px auto;
}
.store_contact textarea {
	padding:0;
	margin:0;
	width:100%;
	height:80px;
	border:1px #666 solid;
	color:#000;
	background-color:#ddd;
	font-size:100%;
}
.pay_ecorect {
	padding-left:20px;
}
div.chargetitle {
	font-weight:bold;
	margin:5px 0;
}
table.chargelist {
	margin:0;
	table-layout:fixed;
	border-collapse:collapse;
	clear:both;
	width:80%;
}
table.chargelist th {
	color:#fff;
	background-color:#555;
	border-top:1px #333 solid;
	border-bottom:1px #333 solid;
	border-left:7px #333 solid;
	text-align:center;
	padding:7px 0;
	font-size:100%;
	width:230px;
}
table.chargelist td {
	border-top:1px #333 solid;
	border-bottom:1px #333 solid;
	border-right:1px #333 solid;
	padding:7px;
	text-align:center;
	width:80px;
}
/********************************************************
ご注文内容の確認
******************************************************/
#contents #cart table .total_ttl_line {
	padding:10px 20px 10px 0;
	text-align:right;
}
#contents #cart table .total_ttl_conf {
	border-bottom:0px;
	padding:10px 20px 20px 0;
	text-align:right;
}
#contents #cart table .total_conf {
	border-bottom:0px;
	padding:10px 0 20px 0;
}

/********************************************************
ご注文完了
******************************************************/
#contents #complete {
	width:558px;
	height:200px;
	background:url("/images_store/comp_bg.png") no-repeat top left;
	margin:0 auto 40px auto;
}
#contents #complete p {
	padding:0;
	margin:23px 25px auto 25px;
}
/********************************************************
新規会員登録
******************************************************/
button.kiyaku, .buttons a.kiyaku {
	font-size:120%;
	padding:6px 20px;
}
/********************************************************
MYPAGE
******************************************************/
#mypage_menu {
	width:100%;
	padding-left:80px;
}
#mypage_menu .m_title {
  font-weight:bold;
  width:240px;
  float:left;
}
.m_category_in{
	float:left;
	width:310px;
}
#m_category{
	clear:both;
	width:560px;
	padding-bottom: 0px;
	border-bottom: dotted 1px #666666;
	margin-bottom:20px;
}
/********************************************************
購入履歴一覧
******************************************************/
#bullist_area {
	margin:0 auto;
	width:90%;
}
table.buylist {
	margin:10px 0 0 0;
	table-layout:fixed;
	border-collapse:collapse;
	clear:both;
	width:100%;
}
table.buylist th {
	color:#fff;
	background-color:#708090;
	border-top:2px #555 solid;
	border-bottom:2px #555 solid;
	text-align:center;
	padding:7px 0;
	font-size:100%;
}
table.buylist .detail {
	width:80px;
}
table.buylist td {
	border-bottom:1px #555 solid;
	padding:7px;
	text-align:center;
}
table.buylist .btn_centering {
	width:100%;
	margin:0 0;
	text-align:center;
}
table.buylist .btn_centering .buttons {
	margin:0;
	padding:0;
	display: inline-block;  /* 正当な指定。インラインブロックとして振る舞う */
	display: -moz-inline-box;     /* Firefox2.xは上に未対応なので独自のやつで。 */
	zoom: 1; *display: inline;    /* hasLayoutをかまし、さらにIEだけにinline指定。 */
}
table.buylist .btn_centering button {
	margin:0;
}
/********************************************************
購入商品詳細
******************************************************/
#buydetail_area {
	margin:0 auto;
	width:90%;
}

#buydetail_area #cartarea {
	width:95%;
	margin:0 auto;
	clear:both;
}

#buydetail_area #cartarea table {
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	border-top:1px #333 solid;
}

#buydetail_area #cartarea table th {
	border-bottom:1px #333 solid !important;
	padding:8px !important;
}
#buydetail_area #cartarea table th img {
	margin:0 auto;
}
#buydetail_area #cartarea table td {
	border-bottom:1px #333 solid;
	padding:8px;
}
#buydetail_area #cartarea table .name {
	width:220px;
	text-align:left
}
#buydetail_area #cartarea table .cost {
	width:70px;
}
#buydetail_area #cartarea table .quantity {
	width:60px;
}
#buydetail_area #cartarea table .quantity img {
	display:inline;
	margin:0 4px;
}
#buydetail_area #cartarea table .quantity .del {
	margin:5px auto 0 8px !important;
}
#buydetail_area #cartarea table .quantity .del buttom {
	width:40px;
}
#buydetail_area #cartarea table .res_cost {
	width:70px;
}
#buydetail_area #cartarea table .total_ttl {
	border-bottom:0px;
	padding:20px 20px 20px 0;
	text-align:right;
}
#buydetail_area #cartarea table .total {
	border-bottom:0px;
}
#buydetail_area #cartarea table button {
	margin:0 !important;
}
#buydetail_area .cart_btn {
	margin:50px 0 0 20px;
}
#buydetail_area .cart_btn button {
	margin-bottom:20px;
	width:117px;
}

/********************************************************
お届け先一覧
******************************************************/
#delivlist_area {
	margin:0 auto;
	width:90%;
}
#delivlist_area p {
	margin-left:0;
}

table.delivlist {
	table-layout:auto;
	border-collapse:collapse;
	clear:both;
	width:100%;
}
table.delivlist th {
	color:#fff;
	background-color:#708090;
	border-top:2px #555 solid;
	border-bottom:2px #555 solid;
	text-align:left;
	padding:7px;
	font-size:100%;
}
table.delivlist td {
	border-bottom:1px #555 solid;
	padding:7px;
	text-align:left;
}
table.delivlist .deliv_name {
	width:20%;
}
table.delivlist .deliv_addr {
	width:55%;
}
table.delivlist .deliv_btn {
	width:30%;
	text-align:center;
}

table.delivlist .btn_centering {
	width:100%;
	text-align:center;
	margin:0;
}
table.delivlist .btn_centering .buttons {
	margin:0;
	padding:0;
	display: inline-block;  /* 正当な指定。インラインブロックとして振る舞う */
	display: -moz-inline-box;     /* Firefox2.xは上に未対応なので独自のやつで。 */
	zoom: 1; *display: inline;    /* hasLayoutをかまし、さらにIEだけにinline指定。 */
}
table.delivlist .btn_centering button {
	margin:0 5px;
}