/*stripe03_green */

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

td,th {
	font-size:12px;
}
caption {
	font-size:12px;
	text-align:center;
	background-color:#8FBC8F;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}
img {
	border:0px;
	}

input {
	margin:3px ;
	}
A:link,A:visited { 
	color: #333333;
}
A:active,A:hover {
	color: #336600; 
} 

input.next{
	font-weight:bold;
	}
	
/* トップ・フレーム共通 */
table.main_base{		/* 全体 */
	padding:0px;
	margin:auto;
	background-color:#ffffff;
	width:850px;
	border:3px outset #9ACD32;
}
/* マージン */
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{		/* 右下 */
}

/* トップ用 */
.m_header{
	padding:0px;
	margin:0px;
	background-image:url(title.gif);
	background-repeat:no-repeat;
	background-position:50% 0%;
	height:130px;
}

.m_title {	/* ショップロゴ、バナー部分 */
	width:100%;
	color:#336600;
	}
.m_logo {	/* ショップロゴ部分 */
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.m_bn {	/* ショップバナー部分 */
	text-align:right;
}
.m_navi {	/* ナビゲーション */			
	font-size:10px;
	text-align:center;
	padding:5px 0px;
	background-color:#CCFF66;
}
.m_navi span{	/* ナビゲーション */
	margin:auto 10px;
	padding:3px;
	}
.m_lframe{	/* 左フレーム */
	vertical-align:top;	
	width:180px;
	text-align:center;
	padding:5px;
}
.m_mframe{	/* 中央フレーム */
	vertical-align:top;
	height:100%;
	padding:5px 0px;
	width:450px;
}
.m_rframe{	/* 右フレーム */
	vertical-align:top;
	text-align:center;
	padding:5px;
	width:150px;
}
.m_footer{	/* あとがき */
	font-size:10px;
	text-align:center;
}

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

/* 左フレームコンテンツ */
.m_contents_left table{
	width:100%;
	border-collapse: collapse;
	padding:0px;
	margin:0px 0px 10px;
	}
.m_contents_left th {
	padding:5px;
	height:25px;
	background-color:#F0FFF0;
	border:1px solid #9ACD32;
}
.m_contents_left td {
	padding:10px;
	border:1px solid #9ACD32;
	background-color:#ffffff;
}
.m_contents_left ul	{
	margin:0px 20px;
	padding:0px;
}
.m_contents_left span {
	padding:10px;
	margin:5px auto 10px;
	display:block;
	font-weight:bold;
	width:160px;
	height:35px;
	border-top:1px solid #9ACD32;
	text-align:center;
}

/* 中央フレームコンテンツ */
.m_contents table{
	width:100%;
	margin:0px 0px 10px;
}
.m_contents th {
	padding:7px;
	height:35px;
	background-image:url(th.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
.m_contents td {
	padding:10px;
	color:#333333;
}
.m_contents img {
	float:left;
	margin-right:5px;
	}
.m_contents p {
	margin:3px;
	}

/* 右フレームコンテンツ */
.m_contents_right table{
	width:100%;
	margin:0px 0px 10px auto;
	text-align:center;
	border-collapse:collapse;
}
.m_contents_right th {
	padding:5px;
	height:25px;
	background-color:#F0FFF0;
	border:1px solid #9ACD32;
}
.m_contents_right td {
	padding:5px;
	border:1px solid #9ACD32;
}

.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 {
	padding:10px;
	margin:0px auto 10px;
	display:block;
	font-weight:bold;
	width:130px;
	height:30px;
	border-top:1px solid #9ACD32;
	text-align:center;
}
.m_contents_right p {
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}
.m_contents_right img {
	text-align:center;
	margin:2px auto;
}

/* フレーム用 */
.f_frame {		/* 右コンテンツ */
	vertical-align:top;
	width:600px;
	height:100%
	text-align:center;
	padding:5px;
}

/* コンテンツページ用 */
/* ベース */
table.base{		/* 全体 */
	padding:0px;
	text-align:center;
	width:100%;
	margin:auto auto 5px;
}	
td.title{	/* タイトル */
	font-weight:bold;
	height:35px;
	text-align:center;
	background-image:url(th2.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
}
td.contents {		/* 内容 */
	text-align:center;
	padding:0px 5px 0px 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{	/* 全体 */
	margin:0px auto 10px;
	width:95%;
	border-collapse:collapse;
	}
.box caption {		/* 見出し1 */
	padding:5px;
	margin:0px auto;
	font-weight:bold;
}
.box th {		/* 見出し2 */
	width:180px;
	padding:5px;
	border:1px solid #666666;
	background-color:#F5F5F5;
}
.box td{		/* 通常 */
	padding:5px;
	border:1px solid #666666;
	background-color:#ffffff;
}

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

table.photo {
	margin:0px auto 10px;
	background-color:#ffffff;
	width:95%;
	border-top:1px solid #9ACD32;
}
td.ph0 {
	text-align:center;
	width:171px;
	padding-top:5px;
}
td.ph1 {
	padding:0px 3px 3px 3px;
	width:171px;
	vertical-align:top;
}

/* 商品詳細：枠組み用テーブル */
table.item_box0{	/* テーブル全体 */
	width:95%;
	text-align:center;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	}
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;
	background-color:#F5F5F5;
	border:1px solid #666666;
}
.list_box td {		
	padding:2px 5px;
	border:1px solid #666666;
	background-color:#ffffff;
}

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

/* カテゴリ一覧：写真用枠組み */
table.c2_box0{	/* テーブル全体 */
	width:95%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	}
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:95%;
	text-align:center;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	}
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;
	padding-right:20px;
}
.navi1{		/* ソート */		
	margin:auto;
}
.navi1 td{		
	font-size:10px;
}
.navi2 {		/* 件数表示 */		
	margin:5px auto;
}
.navi2 td{		
	font-size:10px;
}
.anchor{
	font-size: 10px;
	text-align: center;
}

/* コンテンツ */
table.header {	/* 前書き */
	width:95%;
	margin:5px auto;
	}

.footer{	/* あとがき */
	width:100%;
	margin:0px auto;
}
.msg{ 	/* その他メッセージ */
	width:90%;
	margin:10px auto;
	border:1px solid #666666;
}
.msg td{ 	/* その他メッセージ */
	padding:10px;
}

.info{
	border:1px solid #666666;
}
.info td{
	text-align:left;
}
.error{
	border:1px solid #FF0000;
}
.comment{	/* 注意書き */
	font-size:10px;
	}

/* エラー */
.error_box{
	width:95%;
	border:3px double red;
	color:red;
	margin:10px auto;
	background-color:#ffffff;
}
.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: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;
	}

/* リンク用 */

table.link {
	width:95%;
}
td.link0 {
	text-align:center;
	width:33%;
}
td.link1 {
	padding:0px 3px 3px 3px;
	vertical-align:top;
}

.mame2 {
	text-align:center;
	margin:0px auto;
	width:850px;
	}
.mame2 td {
	font-size:10px;
}
.propose{
	width:80%;
	margin:10px auto;
	border:1px solid #666666;
}
.propose th{
	font-weight:normal;
	text-align:left;
	background-color:#8FBC8F;
	text-indent:10px;
	height:20px;
}
.propose td{
	padding:10px;
}