/* 
copyright + credits{
	dragonsystem.net: MASATATSU SHOP edition;
	copyright: 2006 KanekoRyu. All rights reserved.;
	email: shop@dragonsystem.net ;
} 
*/

/*===== 1: universal reset =====*/
*{ /* set the fonts to a uniform size, including form fields as well as all headings etc. */
	font-size:100%;
	margin:0;
	padding:0;
}

/*===== 2: html and body =====*/
/*
html{
	min-width:770px;
}
*/

body{
	margin: 0; padding:0;
	text-align: left;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ",Meiryo,"MS P ゴシック",sans-serif;
	font-size: x-small !important;
	_font-size: 10px;
	color:#666666;
	
	background-color: #ffffff; background-image: url("../common/img_bg/headbase.jpg"); background-repeat: repeat-x;	
	}


/*===3:リンクカラーの基本設定===*/
a:link { /*リンクスタンバイ*/
	color: #0099ff;
	text-decoration: none;
	}
a:visited { /*リンク訪問済み*/
	color: #6699CC;
	text-decoration: none;
	}
a:active { /*リンクボタンダウン*/
	color: #3366CC;
	text-decoration: none;
	}
a:hover { /*リンクボタンオーバー*/
	color: #0033CC;
	text-decoration: none;
	}
	
/*=== 4:文字要素の設定 ===*/
p { /*本文指定*/
	font-size: x-small !important;
	_font-size: 10px;/*IE用の指定*/
	color: #818181;
	line-height: 180%;
	margin-bottom: 2em;
	}
	
h1 { /*H1見出し指定*/
	
	}
	
h2 { /*H2見出し指定*/
	
	}
	
h3 { /*H3見出し指定*/
	
	}

h3 { /*H3見出し指定*/
	
	}

h4 { /*H4見出し指定*/
	
	}

h5 { /*H5見出し指定*/
	
	}

h6 { /*H6見出し指定*/
	
	}

h2.midashiBsize {
	font-size: small !important;
	_font-size: 12px;/*IE用の指定*/
	font-weight: bold;
	color: #666666;
	margin-top: 1em;
	}
	
	h2.midashiBsizeDesigner {/*デザイナー名*/
	font-size: x-small !important;
	_font-size: 10px;/*IE用の指定*/
	font-weight: bold;
	color: #666666;
	margin-top: 1em;
	}

h3.midashiBsize {
	font-size: x-small !important;
	_font-size: 10px;/*IE用の指定*/
	font-weight: bold;
	color: #666666;
	margin-top: 1em;
	}
	
h3.midashiBsizeHome {
	font-size: x-small !important;
	_font-size: 10px;/*IE用の指定*/
	font-weight: normal;
	color: #333333;
	margin-top: 0.2em;
	}

/*=== リストの表示設定 ===*/
ul.Home_pCategory { /* MTで出力するサイドバーのリストHOME */
	margin: 0.3em 0 0.5em 0;
	padding: 0;
	list-style: none;
	}
ul.Home_pCategory li {
	width:100%;
	font-size: xx-small; line-height: 150%;
	_font-size: 10px; line-height: 160%;
	margin-top:0.3em;
	margin-bottom:0.5em;
	}

ul.Home_blogEntry { /* MTで出力するサイドバーのリストHOME */
	margin: 0.3em 0 0.5em 0;
	padding: 0;
	list-style: none;
	}
ul.Home_blogEntry li {
	width:100%;
	font-size: xx-small; line-height: 150%;
	_font-size: 10px; line-height: 160%;
	margin-top:0.3em;
	margin-bottom:0.5em;
	}
/*===*/
ul.inside_LocalMenu { /* MTで出力するサイドバーのリストHOME */
	margin: 0.3em 0 0.5em 0;
	padding: 0;
	list-style: none;
	}
ul.inside_LocalMenu li {
	width:100%;
	font-size: xx-small; line-height: 150%;
	_font-size: 10px; line-height: 160%;
	margin-top:0.3em;
	margin-bottom:0.5em;
	}


.regulation { /*利用規約ページのリスト*/
	margin: -1em 0 1em 0;
	padding: 0 0 0 8px;
	list-style: none;
	}


/*==== モジュール部分 ====*/

/*=== ヘッダー部分の設定 ===*/
#HeaderContainer {/*ヘッダーのコンテナ*/
	display: block;
	width: 970px; /*ヘッダ部分の幅(タブメニューの右エンド)になる*/
	height: 96px;
	/*position: absolute;*/
	/*top: 0px; left: 0px;*/
	}
	
#logoType{/*ロゴの表示部分の設定*/
	z-index: 1;
	position: absolute;
	top: 0px; 
	left:0px;
	display: block;
	width: 530px;
	height: 96px;
	background-image: url("img/logo.jpg");
	background-repeat: no-repeat;
	text-indent: -500px;
	margin: 0px 0px 0px 0px; padding: 0;
	}
	
#headerMenuContainer { /*ヘッダメニューのコンテナ*/
	display: block;
	width: auto;
	height: 35px;
	padding: 0px 0px 0px 0px; margin: 0;
	float: right;
	}

.headerMenu {
	display:bloack;
	float:left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0px 0px 0px 10px;
	}


/*=== フッター部分の設定 ===*/
#FooterContainer {
	clear: both;
	display: block;
	width: auto; min-height: 60px;
	margin: 40px 0px 20px 0px;
	padding: 5px 0px 5px 0px;
	border-top:1px solid #E6E6E6;
	background-image: url("img_bg/footerbg.gif");
	background-repeat: no-repeat;
	background-position: top left;
	text-align: top;
	}
#Footer {
	display: block;
	width: 991px;　/*フッタ部分の幅(右エンド)になる*/
	height: auto;
	}
	
.copyright {/**コピーライト*/
	display: block;
	margin: 5px 0px 5px 25px;
	padding: 0px 0px 0px 0px;
	font-size: xx-small !important;
	_font-size: 9px;
	width: auto; height: auto;
	float: left;
	}
	
#footerMenuContainer{ 
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	width: auto;
	height: 13px;
	float: right;
	}
	
.footerMenu {
	display:block;
	margin: 0px 0px 0px 10px;
	float: left;
	font-size: xx-small;
	}

/*=== フロート ===*/
.imgFloatLeft {
	float: left;
	}
.imgFloatRight {
	float: right;
	margin: 0 0 5 10px;
	}
	
.floatLeft {
	float: left;
	}
.floatRight {
	float: right;
	}


/*=== ページトップ移動ボタン ===*/


.pageTop a{
	display: block; overflow:hidden;
	background-image: url("img_btn/pageTop.gif");
	background-position: right 0px;
	padding: 0;
	margin: 5px 0px 10px auto;
	_margin: 0px 0px 0px auto;
	text-align: right;
	width: 62px;  height: 13px;
	clear: both;
	
	background-repeat: no-repeat;
	}

.pageTop a:link {
	background-position: right 0px;
	display: block;
	width: 62px;  height: 13px;
	/*background-image: url("img_btn/pageTop.gif");*/
	background-repeat: no-repeat;
	}
	
.pageTop a:hover {
	display: block;
	background-position: right -13px;
	width: 62px;  height: 13px;
}

/*=+=+=コンテナブロック設定=+=+=*/
#wrapper {/*コンテンツ部分全体を覆うボックスモデル*/
	display: block;
	width: 991px;
	height: auto;
	margin: 20px 0 0 0 ;
	min-height: 500px; /*IEでは無効になる*/
	}


/* 1:コンテナ/HOME ===*/
/*フレーム*/
#cntrProductList { /*サムネール一覧のコンテナスペース*/
	display: block;
	float: left;
	width: 691px; min-height: 500px;
	/*background-color: #EBFFEB;*/ /*確認用の背景色*/
	}
	
#cntrPreview { /*商品プレビューの一覧を表示するコンテナ*/
	display: block;
	width: auto; height: auto;
	padding-left: 31px;
	/*background-color: #EBFFEB;*/ /*確認用の背景色*/
	}
#cntrPreview img {/*サムネールimgのボーダー(リンク部)を無しにする(FireFox用)*/
	border: 0;
	}

/*インナー*/
.sideBanner { /*ホームのサイドバー部分*/
	display: block; width: auto; height: auto;
	padding: 0;
	margin: 5px 20px 20px 10px;/*CSS対応が進めばマージンに切り替える*/
	background-color: #F5F4EB; 
	}
.SideBar02home {
	display: block; width: auto; height: auto;
	padding: 0;
	margin: 0px 15px 10px 50px;/*CSS対応が進めばマージンに切り替える*/
	/*background-color: #A4F0F0;*/ /*確認用の背景色*/
	}
.SideBar02products {/*サイドバー02商品トップ*/
	display: block; width: auto; height: auto;
	padding: 0;
	margin: 0px 15px 10px 50px;/*CSS対応が進めばマージンに切り替える*/
	/*background-color: #A4F0F0;*/ /*確認用の背景色*/
	}




/* 2:コンテナ/INSIDE ===*/

/*フレームcontainer*/
#cntrSideBar01 { /*サイドバー01フレームコンテナ*/
	display: block;
	float: left;
	width: 201px; min-height: 500px;
	padding-bottom: 20px;  margin-bottom: 20px;
	/*background-color: #FFEBEB;*/ /*確認用の背景色*/
	}
	
	.SideBar01About { /*アバウトページのサイドバーに設定*/
		background-image: URL("img_bg/markimage_bg.png");
		background-position: top right;
		background-repeat: no-repeat;
		min-height: 500px;
		}
		
	.SideBar01cart { /*カートページのサイドバーに設定*/
		background-image: URL("img_bg/markimage_bg.png");
		background-position: top right;
		background-repeat: no-repeat;
		min-height: 500px;
		}

#cntrMainSpace {/*メインエリア*/
	display: block;
	float: left;
	width: 490px; min-height: 500px;  height: 100%;	
	padding-bottom: 20px;  margin-bottom: 20px;
	/*background-color: #EBFFEB;*/ /*確認用の背景色*/
	background-image: url("img_bg/sidebar01bg.gif"); 
	background-position: left; 
	background-repeat: repeat-y;
	}
	
	#cntrMainSpaceCartPage { /*メインエリア@カートページ*/
		display: block;
		float: left;
		width: 790px;  min-height: 500px;  height: 100%;
		padding-bottom: 20px;  margin-bottom: 20px;
		/*background-color: #EBFFEB;*/ /*確認用の背景色*/
		background-image: url("img_bg/sidebar01bg.gif"); 
		background-position: left; 
		background-repeat: repeat-y;
		}
	
#cntrSideBar02 { /*サイドバー02フレームコンテナ（HOMEのサイドバー部分）*/
	display: block;
	float: left;
	width: 300px; min-height: 500px; height: 100%;
	padding-bottom: 20px;  margin-bottom: 20px;
	/*background-color: #EBFFFF;*/ /*確認用の背景色*/
	background-image: url("img_bg/sidebar02bg.png"); 
	background-position: top left; 
	background-repeat: no-repeat;
	}
	
/*インナーcontainer*/
.SideBar01 {
	display:block; width: auto; height: auto;
	padding:0;
	margin: 5px 10px 20px 25px;/*CSS対応が進めばマージンに切り替える*/
	/*background-color: #FFA4D2;*//*確認用の背景色*/
	}
	
.MainSpace {
	display: block; width: auto; height: auto;
	padding: 0;
	margin: 5px 20px 20px 20px;/*CSS対応が進めばマージンに切り替える*/
	/*background-color: #B3FFA4;*/ /*確認用の背景色*/
	}

.SideBar02 {/*サイドバー背景付スペースの設定*/
	display: block; width: auto; height: auto;
	padding: 0;
	margin: 5px 20px 20px 10px;/*CSS対応が進めばマージンに切り替える*/
	/*background-color: #A4F0F0;*/ /*確認用の背景色*/
	}
		.SideBar02blogPage { /*ブログページのサイドバー02（最近のエントリなどのメニュー部）*/
		display: block; width: auto; height: auto;
		padding: 0;
		margin: 5px 20px 20px 10px;/*CSS対応が進めばマージンに切り替える*/
		background-color: #f8f8f8;
		}

/* 3: ===*/

/* 4:パン屑リストの設定 ===*/
#footPrint { /*コンテナと背景*/
	display:block;
	width: 100%;
	height: 20px;
	background-image: url("img_bg/footprintbg.png");
	background-repeat: repeat-x;
	background-position: top;
	background-color:#F1F2F2;
	padding: 0;
	margin: 0;
	}

.footPrintMenu {
	font-size: xx-small !important;
	_font-size: 9px;/*IE用の指定*/
	margin: 0 0 auto 201px;
	padding: 0.5em 0 0.5em 0;
	letter-spacing: 0.1em;
	vertical-align: middle; 
	}


/* 5:ページ・ディレクトリタイトル & 見出しのイメージタイトル コンテナ===*/
.dpTitle { /*ページ・ディレクトリタイトル*/
	display: block;
	margin: 0;  padding: 0;
	}
	
.midashiAsize { /*画像の見出しタイトル-Aサイズ*/
	display: block;
	padding: 0;
	margin: 0;
	}

.midashiBsize { /*画像の見出しタイトル-Bサイズ*/
	display: block;
	padding: 0;
	margin: 0;
	}


/* 6:商品詳細ページの設定 ===*/
#productsDetail { /*詳細情報・かごにいれるボタンのテーブル設定*/
	background-color: #f8f8f8;
	padding: 0 0 10px 0;
	}
.pImageMain { /*商品の写真 メイン*/
	display: block;
	margin: 10px auto 15px auto;
	text-align: center;
	}
.pNotice { /*諸注意など*/
	font-size: xx-small;
	color: #B0B0B0;
	margin: 1em 0 1em 0;
	}
.tdStyleA {/*品名〜購入までのタイトル部*/
	margin: 1px;
	padding: 0 0 0 3px;
	background-color:#CCCCCC;
	color: #ffffff;
	}

/* 7:カテゴリページの設定*/
#Zakka {/*雑貨(Zakka)一覧ページの、SideBar01のイメージ設定*/
	display: block;
	background-image: url(); background-position: ;
	}


/* 8:買い物かごページの設定*/
.cartCol3 {
	padding: 3px 5px 3px 5px;
	}