/* template dot01_gray */

/* -----------------各ページ共通----------------- */
body {
	background-image:url(bg.gif); 
	color:#666666;
	text-align:center;
	font-family:'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

table {
	border-spacing:0px;
	border-collapse:collapse;
}
td {
	font-size: 12px;
	padding:0px;
}
th {
	font-weight:normal;
	font-size:12px;
	padding:0px;
	vertical-align:top;
	}
caption {
	font-size:12px;
	text-align:left;
}
img {
	border:0px;
	}

input {
	margin:3px ;
	}
A:link { color: #666666; }
A:visited { color: #666666; }
A:active { color: #ff3300; }
A:hover { color: #ff3300; } 

/* -----------------トップ・サブ共通----------------- */

/* -----全体----- */

table.main_base{
	border-collapse: collapse;
	text-align:center;
	width:802px;
	margin:40px auto 0px;
}

/* -----マージン----- */

td.m_top_left {		/* 左上 */
	background-image:url(top-left.gif);
	background-repeat:none;
	background-position:0% 0%;
	width:12px;
	height:12px;
}
td.m_top {		/* 中上 */
	background-image:url(top.gif);
	background-repeat:repeat-x;
	background-position:0% 0%;
	background-color:#ffffff;
}
td.m_top_right {		/* 右上 */
	background-image:url(top-right.gif);
	background-repeat:none;
	background-position:100% 0%;
	width:12px;
}
td.m_left {		/* 左 */
	background-image:url(left.gif);
	background-repeat:repeat-y;
	background-position:0% 1000%;
	background-color:#ffffff;
}
td.m_right {		/* 右 */
	background-image:url(right.gif);
	background-repeat:repeat-y;
	background-position:100% 0%;
	background-color:#ffffff;
}
td.m_bottom_left {		/* 左下 */
	background-image:url(bottom-left.gif);
	background-repeat:none;
	background-position:0% 100%;
	height:12px;
}
td.m_bottom {		/* 中下 */
	background-image:url(bottom.gif);
	background-repeat:repeat-x;
	background-position:100% 100%;
	width:12px;
	height:12px;
	background-color:#ffffff;
}
td.m_bottom_right {		/* 右下 */
	background-image:url(bottom-right.gif);
	background-repeat:none;
	background-position:100% 100%;
}

/* -----タイトル部----- */

.m_header{
	background-color:#ffffff;
	text-align:center;
}

.m_title {	/* ショップロゴ、バナー部分 */
	width:100%;
	margin:0px auto;
	height:100px;
	}
.m_logo {	/* ショップロゴ部分 */
	font-size:medium;
	font-weight:bold;
	color:#666666;
	text-align:center;
}
.m_bn {	/* ショップバナー部分 */
	text-align:right;
}

/* -----ナビゲーションバー----- */

.m_navi {
	font-size: 10px;
	text-align: center;
	height:20px;
	background-image:url(navi.gif);
}
.m_navi span{
	margin:5px;
	}

/* -----コンテンツフレーム----- */

.m_lframe{	/* 左フレーム */
	vertical-align:top;	
	width:180px;
	text-align:center;
	background-color:#ffffff;
}
.m_mframe{	/* 中央フレーム */
	vertical-align:top;
	text-align:center;
	height:100%;
	width:450px;
	background-color:#ffffff;
}
.m_rframe{	/* 右フレーム */
	vertical-align:top;
	text-align:center;
	width:150px;
	background-color:#ffffff;
}
.m_footer{	/* フッタ */
	background-image:url(navi.gif);
	background-repeat:none;
	background-position:50% 50%;
	height:20px;
	text-align:center;
}
.f_frame {		/* サブページ表示フレーム */
	background-color: #ffffff; 
	text-align:center;
	vertical-align:top;
	padding:10px;	
}

/* -----左フレームコンテンツ----- */
.m_contents_left table{
	width:160px;
	padding:0px;
	margin:10px auto;
	border-collapse:collapse;
	border:1px solid #666666;
	}
.m_contents_left th {
	padding:3px;
		border-bottom:1px dotted #666666;
}
.m_contents_left td {
	padding:3px;
}
.m_contents_left ul	{
	margin:0px 20px;
	padding:0px;
}
.m_contents_left li {
	list-style-type:square;
}
.m_contents_left span {
	width:160px;
	padding:5px;
	margin:10px auto;
	display:block;
	border:1px solid #666666;
}

/* -----中央フレームコンテンツ----- */
.m_contents table{
	width:100%;
	margin:10px auto;
	border:1px solid #bdb76b;
}
.m_contents th {
	background-image:url(th_bn.gif);
	padding:5px;
}
.m_contents td {
	padding:5px;
	}
.m_contents img {
	float:left;
	}

/* -----右フレームコンテンツ----- */
.m_contents_right table{
	width:130px;
	padding:0px;
	border:1px solid #666666;
	margin:10px auto;
	text-align:center;
}
.m_contents_right th {
	padding:3px;
	border-bottom:1px dotted #666666;
}
.m_contents_right td {
	padding:3px;
}

.m_contents_right ul	{
	margin:0px 20px;
	padding:0px;
	text-align:left;
}
.m_contents_right li {
	list-style-type:square;
	text-align:left;
}
.m_contents_right span {
	border:1px solid #666666;
	padding:5px;
	margin:10px auto;
	display:block;
	width:130px;
}
.m_contents_right p {
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}
.m_contents_right img {
	text-align:center;
	margin:auto;
}


/* ---------------サブページ用--------------- */

/* -----ベース----- */
table.base{		/* 全体 */
	border-collapse: collapse;
	text-align:center;
	width:560px;
}	
td.title{	/* タイトル */
	font-size:12px;
	font-weight:bold;
	background-image:url(th_bn.gif);
	text-align:left;
	height:25px;
	text-indent:20px;
}
td.contents {		/* 内容 */
	background-color: #ffffff;
	text-align:center;
	padding:0px; 
}

/* -----マージン----- */

td.top_left {		/* 左上 */
	display:none;
	}
td.top {		/* 中上 */
	display:none;
}
td.top_right {		/* 右上 */
	display:none;
}
td.left {		/* 左 */
	display:none;
}
td.right {		/* 右 */
	display:none;
}
td.bottom_left {		/* 左下 */
	display:none;
}
td.bottom {		/* 中下 */
	display:none;
}
td.bottom_right {		/* 右下 */
	display:none;
}

/* -----テーブル----- */

table.box{	/* 全体 */
	width:560px;
	margin:0px 0px 10px 0px;
	}
.box caption {		/* 見出し1 */
	background-color: #dcdcdc;
	padding:5px; 
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}
.box th {		/* 見出し2 */
	background-color: #f5f5f5; 
	border:1px solid #666666;
	width:180px;
	padding:5px; 
}
.box td{		/* 通常 */
	border:1px solid #666666;
	padding:5px; 
}

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

table.photo {
}
td.ph0 {
	text-align:center;
	width:180px;
}
td.ph1 {
	padding:0px 3px 3px 3px;
	width:180px;
}

/* -----商品詳細：枠組み用テーブル----- */

table.item_box0{	/* テーブル全体 */
	width:500px;
	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:100%;
	margin:auto;
	border-collapse:collapse;
	}
.list_box th {		/* 見出し */
	background-color: #f5f5f5;
	width:50px;
	vertical-align:middle;
	border:1px solid #666666;
}
.list_box td {		
	background-color: #ffffff; 
	padding:2px 5px;
	border:1px solid #666666;
}

/* -----カテゴリ一覧：テキスト用枠組み----- */

table.c1_box{	/* テーブル全体 */
	width:500px;
	text-align:center;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	}
.c1_box th {		/* 見出し */
	background-color: #f5f5f5;
	border:1px solid #666666; 
}
.c1_box td {		/* 商品情報 */
	text-align:left;
	padding:0px 5px;
	vertical-align:middle; 
	border:1px solid #666666;
}

/* -----カテゴリ一覧：写真用枠組み----- */

table.c2_box0{	/* テーブル全体 */
	width:500px;
	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:500px;
	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 {				
	font-size: 10px;
	text-align: right;
}
.navi1{		/* ソート */		
	margin:auto;
}
.navi1 td{		
	font-size: 10px;
}
.navi2 {		/* 件数表示 */		
	width:500px;
	background-color:#f5f5f5;
	margin:5px auto;
}
.navi2 td{		
	font-size: 12px;
}
.anchor{
	font-size: 12px;
	text-align: center;
}

/* -----コンテンツ----- */
table.header {	/* 前書き */
	width:500px;
	margin:10px auto;
	}

.footer{	/* あとがき */
	width:500px;
	margin:0px auto;
}
.msg{ 	/* その他メッセージ */
	width:550px;
	border:2px dotted #333333;
	margin:10px auto;
}
.msg td{ 
	padding:10px;
}

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

/* -----エラー----- */

.error_box{
	width:500px;
	border:3px double red;
	color:red;
	margin:10px auto;
}
.error_box td{
	padding:10px;
}


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

/* -----リンク用----- */

table.link {
}
td.link0 {
	text-align:center;
	width:180px;
}
td.link1 {
	padding:0px 3px 3px 3px;
	width:180px;
}
/* -----mame2.net著作権表示----- */

.mame2{ 
	width:780px;
	text-align:right;
	margin:auto;
	}

/* -----提案----- */

.propose{ 
	width:80%;
	border:2px dotted #cccccc;
	margin:10px auto;
}
.propose td{
	padding:10px;
}

/* -----ボタン----- */

input.next{
	font-weight:bold;
	background-color:f5f5dc;
	border:1px outset #bdb76b;
	}
input.button {
	background-color:f5f5dc;
	border:1px outset #bdb76b;
}