/*オリジナル01*/

/* 各ページ共通 */
body {
	background-color:#ffffff; 
	color:#444444;
	padding:0px;
	margin:0px auto;
 	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック", "Helvetica", sans-serif;
	text-align:center;
}

td,th {
	font-size:12px;
}
caption {
	font-size:12px;
	text-align:center;
}
img {
	border:0px;
	}
A:link,A:visited { 
	color: #333333;
}
A:active,A:hover {
	color: #999999; 
} 


input.button{
z-index:1;
	}
input.next{
	display: none; 
	}
input {

	}

.header h1{
text-align:left !important;
}
	
/* トップ・フレーム共通 */
table.main_base{		/* 全体 */
	padding:0;
	margin:auto;
	width:700px;
}
/* マージン */
td.m_top_left,td.m_top,td.m_top_right,
td.m_left,td.m_right,
td.m_bottom_left,td.m_bottom,td.m_bottom_right{
	display:none;
}

/* トップ用 */
.m_header{
	padding:40px 0 20px;

}

.m_title {	/* ショップロゴ、バナー部分 */
	width:100%;
	}
.m_logo {	/* ショップロゴ部分 */
	height: 30px;
}
.m_logo a:hover img{
    filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}
.m_logo p{	/* ショップロゴ部分 */
	margin:0px;
}

.m_bn {	/* ショップバナー部分 */
display:none;
}
.m_footer{	/* 著作権部分 */
	font-size:9px;
	padding:5px 0 0 0;
	border-top:1px dotted #555555;
	text-align:left;
}

.m_footer img{	/* あとがき */
	vertical-align:middle;
}

/* フレーム用 */
.f_frame {		/* 右コンテンツ */
	text-align:center;
	padding:5px;
}

/* コンテンツページ用 */
/* ベース */
table.base{		/* 全体 */
	text-align:center;
	width:100%;
	margin:0 auto;
}	
td.title{	/* 「〔シキサイ〕ショッピングカート」 */
	font-size:10px;
	font-weight:normal;
	padding:5px 0 3px 0px;
	text-align:left;
	border-bottom:1px dotted #555555;
}
td.contents {		/* 内容 */
	text-align:center;
}

/* マージン */
td.top_left,td.top,td.top_right,
td.left,td.right,
td.bottom_left,td.bottom,td.bottom_right {
	display:none;
}

                                                /* 個々のテーブル */
table.box{
	margin:25px auto 35px;
	width:90%;
	border-collapse:collapse;
	}
.box caption {                         /* 「お客様情報」「配達情報」 */
	padding:5px;
	text-align: center;
	font-size:13px;
	color:#000000;
	font-weight: normal;
}
.box th {                                  /* 左の項目「お名前」「ご住所」等 */
	width:180px;
	padding:5px;
	font-size:12px;
	color:#333333;
	font-weight: normal;
	border:1px solid #cccccc;
}
.box td{		/* 通常 */
	padding:5px;
	border:1px solid #cccccc;
}

/* 補足画像用テーブル */

table.photo {
	margin:auto;
}
td.ph0 {
	text-align:center;
	width:171px;
}
td.ph1 {
	padding:0px 3px 3px 3px;
	width:171px;
	vertical-align:top;
}

/* 商品詳細：枠組み用テーブル */
table.item_box0{	/* テーブル全体 */
	width:90%;
	text-align:center;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	}
td.item_box1 {		/* 画像 */
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}
td.item_box2 {		/* 説明用 */
	text-align:left;
}
td.item_box3 {		/* 説明用テーブル */
	text-align:left;
	padding:10px;
}
/* 商品情報表示用テーブル */
table.list_box{	/* 全体 */
	width:95%;
	margin:auto;
	border-collapse:collapse;
}
.list_box th {		/* 見出し */
	width:50px;
	vertical-align:middle;
	border:1px solid #cccccc;
}
.list_box td {		
	padding:2px 5px;
	border:1px solid #cccccc;
}

/* カテゴリ一覧：テキスト用枠組み */
table.c1_box{	/* テーブル全体 */
	width:90%;
	text-align:center;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	}
.c1_box th {		/* 見出し */
	padding:5px;
	border:1px solid #cccccc;
}
.c1_box td {		/* 商品情報 */
	text-align:left;
	padding:0px 5px;
	vertical-align:middle; 
	border:1px solid #cccccc;
}

/* カテゴリ一覧：写真用枠組み */
table.c2_box0{	/* テーブル全体 */
	width:90%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
td.c2_box1 {		/* 画像 */
	margin-left:auto;
	margin-right:auto;
	padding: 5px 0px 0px 0px;
}
td.c2_box2 {		/* 商品名、価格 */
	text-align:center;
	padding: 0px 0px 5px 0px;
}

/* カテゴリ一覧：写真+説明用枠組み */
table.c3_box0{	/* テーブル全体 */
	width:90%;
	text-align:center;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	}
td.c3_box1 {		/* 画像 */
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}
td.c3_box2 {		/* 商品情報 */
	text-align:left;
}
td.c3_box3 {		/* 説明 */
	vertical-align:top;
	text-align:left;
}
td.c3_box3 p {		/* 説明 */
	padding:10px;
	display:block;
	width:100%;
}
/* ナビゲーション */
.navi {				
display:none;
}
.navi1{		/* ソート */		
	margin:auto;
}
.navi1 td{		
	font-size:10px;
}
.navi2 {		/* 件数表示 */		
	margin:5px auto;
}
.navi2 td{		
	font-size:10px;
}

                                          /* ヘッダー・フッター */
table.header {	                     /* ヘッダー */
	width:90%;
	margin:20px auto 5px;
	text-align: right;
	}

.footer{	                         /* フッター */
	width:90%;
	text-align:center;
	margin:0px auto 0px;
	position: relative; top:-63px;
	z-index:2;
	background-color: white;
}

                                                  /* メッセージ（注文完了後） */
.msg{ 	
	width:90%;
	margin:10px auto 85px;
	border:1px solid #cccccc;
}
.msg td{
	padding:10px;
	line-height: 1.8;
}
.msg td center{
	margin-top: 20px; 
}
.msg td .smallnote{
	font-size:10px;
	color: #808080;
	margin-bottom: 0;
}

.comment{	/* 注意書き */
	font-size:10px;
	}

                                                  /* エラー */
.error_box{
	width:90%;
	border:1px dotted db5858;
	color: #bb3333;
	margin:10px auto;
}
.error_box td{
	padding:10px;
}


.mark {
	height:25px;
	}
.mark img	{
	margin:5px;
	vertical-align:middle;
	}
.item {
	display:inline !important;
	padding:0px !important;
	margin:0px !important;
	border-style:none !important;
	background-color:transparent !important;
}
.price {
	display:inline !important;
	padding:0px !important;
	margin:0px !important;
	border-style:none !important;
	background-color:transparent !important;
}
.stock{
}
.sale{
	font-weight:bold;
	display:inline !important;
	padding:0px !important;
	margin:0px !important;
	color:#ff0000 !important;
	border-style:none !important;
	background-color:transparent !important;
}
.small {
	font-size:10px;
	}

.mame2 {
	width:700px;
	margin:0 auto 10px;
	}
.mame2 td {
	text-align:right;
	font-size:9px;
	color:#999999; 
}
.propose{
	width:80%;
	margin:10px auto;
	border:1px solid #CCCCCC;
}
.propose th{
	text-align:left;
	text-indent:10px;
	height:20px;
}
.propose td{
	padding:10px;
}

/* オリジナルCSS */
table.button_box{
width: 100%;
height: 70px;
vertical-align: middle;
}
.button_box caption{
text-align: center;
}
.button_left{
height: 70px;
vertical-align: middle;
width: 124px;
text-align:left;
}
.button_center{
height: 70px;
vertical-align: middle;
width: 100px;
text-align:left;
}
.button_right{
height: 70px;
vertical-align: middle;
text-align:right;
}