@charset "shift_jis";
body {
	color: #666666;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 13px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
/*背景グラーデーションこのページの使用色は、開始色：#FF9終了色：#9C0　参考アドレス http://honttoni.web.fc2.com/blog_honttoni/samples/sample13-3set/honttoni13-3_1y.html*/	
background:#9c0;
	background: -moz-linear-gradient(top, #ff9, #9c0);
	background: -webkit-linear-gradient(top, #ff9, #9c0);
	/*標準型（方向は省略＿デフォルトの to bottom になる）*/
	background: linear-gradient(#FF9, #9C0);
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #666666;
}
a:hover {
	color: #ae9f84;	/*マウスオン時の文字色*/
	text-decoration: none;	/*オン時に下線を消す設定。消さないならこの１行削除。*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 960px;	/*HP幅*/
	margin-right: auto;
	margin-left: auto;
	background: #FFF;	/*背景色*/
	padding: 0px 10px;	/*HPの左右に少し余白を設ける設定*/
	border-right: 4px solid #c6bca9;	/*HPの右側の線*/
	border-left: 4px solid #c6bca9;		/*HPの左側の線*/
}

/*ヘッダー（サイト名が入っているブロック）
---------------------------------------------------------------------------*/
#header {
	text-align: left;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
/*ロゴ設定*/
#header h1 {
  font-size: 250%;	/*文字サイズ*/
  letter-spacing: 0.2em;        /* 文字間隔0.5文字分 */
}


.shadow {
text-shadow:
02.1px 1px 0px rgba(255,255,255,0.3),
03.2px 2px 3px rgba(0,0,0,0.5);}


#header h1 span {
	color: #444;	/*ロゴのアクセントカラー設定*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu {
	height: 40px;
	background: #020002;	/*メニュー背景色黒*/
}
ul#menu li {
	float: left;
}
ul#menu li a {
	line-height: 40px;
	height: 40px;
	color: #FFF;	/*文字色*/
	text-decoration: none;
	text-align: center;
	display: block;
	width: 159px;
	border-right: 1px solid #FFF;	/*メニューごとの右側に入る線の幅、線種、色*/
}
ul#menu li a:hover {
	background: #c6bca9;	/*マウスオン時の背景色*/
}
ul#menu li.last a {
	border-right-style: none;
}

/*コンテンツ（contents-in,side,footerを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 100%;
}

/*mainとsubを囲むコンテンツ
---------------------------------------------------------------------------*/
#contents-in {
	float: left;
	width: 750px;
}

/*メインコンテンツ（中央ブロック）
---------------------------------------------------------------------------*/
#main {
	float: right;	/*contents-inにはmainとsubブロックがあり、mainを右側によせる設定*/
	width: 540px;	/*メインコンテンツ幅*/
	padding-bottom: 30px;
	padding-top: 20px;
}

div.shadowbox /*DIVの枠に線を付けているマチダ*/
{
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    padding: 2px;
	margin-bottom: 1em;/*DIVの終了から次に始まる間隔指定*/
}
/*BOXを右3列に並べるマチダ*/
#wrapper {
	width: 530px;
	margin: 0 auto;/*ブラウザの中央に配置*/
}
.container {
	width: 530px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
}
.box {
	width: 155px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが200pxになります。*/
	padding: 5px;/*上下左右に5pxの内余白*/
	float: left;/*横並びにしています*/
	margin-right: 5px;/*各ボックスの右側に20pxの外余白*/
	margin-topt: 5px;/*各ボックスの右側に20pxの外余白*/
	background: #fff;
	margin-bottom: 1em;/*DIVの終了から次に始まる間隔指定*/

	p :line-height: 0.5em
}


		



p { 
line-height: 150%
}

/*段落タグの余白設定*/
#main p {
	padding: 0.5em 0px 1em;	/*左から、上、左右、下への余白*/
}
/*トップページのメイン画像*/
#main p#mainimg {
	padding-top: 0px;
}

/*商品ボックス（メインコンテンツ用）
---------------------------------------------------------------------------*/
#main .box1 {
	padding: 10px;	/*ボックス内の余白*/
	border: 1px solid #ae9f84;	/*枠線の幅、線種、色*/
	width: 520px;
	overflow: hidden;
	margin-bottom: 0.5em;	/*ボックスの下にあけるスペース*/
}
/*ボックス内のh3タグ設定*/
#main .box1 h3 {
	color: #ae9f84;	/*文字色*/
	font-size: 100%;
}
#main .box1 h3 a {
	color: #ae9f84;	/*リンク設定した場合の文字色*/
}
/*ボックス内のpタグ設定*/
#main .box1 a{
	padding: 0px;
}
/*ボックス内のimg(イメージ画像)タグ設定*/
#main .box1 img {
	float: left;	/*イメージ画像を左側に回り込みさせる設定*/
	margin-right: 10px;	/*イメージ画像の右側にあけるスペース*/
}

/*サブコンテンツ（左側ブロック）
---------------------------------------------------------------------------*/
#sub {
	float: left;	/*contents-inにはmainとsubブロックがあり、subを左側によせる設定*/
	width: 190px;	/*サブコンテンツ幅*/
	padding-bottom: 30px;
	padding-top: 20px;
}

/*サブメニュー（subとsideで使っているサブメニュー）
---------------------------------------------------------------------------*/
ul.submenu {
	margin-bottom: 1em;
}
ul.submenu li a{
	display: block;
	width: 178px;
	text-decoration: none;
	border-right: 1px solid #ccc;	/*右側の線の幅、線種、色*/
	border-bottom: 1px solid #ccc;	/*下部の線の幅、線種、色*/
	border-left: 1px solid #ccc;	/*左側の線の幅、線種、色*/
	padding: 5px;	/*余白*/
}
ul.submenu li a:hover {
	background: #white;	/*マウスオン時の背景色*/
}

/*サイドコンテンツebebeb（右側ブロック）
---------------------------------------------------------------------------*/
#side {
	float: right;	/*右側に回り込み*/
	width: 190px;	/*サイドコンテンツ幅*/
	padding-top: 20px;
	padding-bottom: 30px;
}

/*サイド・サブ共通
---------------------------------------------------------------------------*/
/*h3タグ設定*/
#sub h3,
#side h3 {
	font-size: 100%;			/*文字サイズ*/
	padding: 5px;				/*余白*/
	color: #FFF;				/*文字色*/
	background: red;		/*背景色*/
	border: 1px solid #ae9f84;	/*枠線の幅、線種、色*/
}
/*段落タグの余白設定*/
#sub p,
#side p {
	padding: 0.5em 0px 1em;	/*左から、上、左右、下への余白*/
}
/*ショップインフォで使っているブロック*/
#sub .box2,
#side .box2 {
	font-size: 11px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	padding: 5px;		/*ボックス内の余白*/
	border-right: 1px solid #ae9f84;	/*ボックスの右側の線の幅、線種、色*/
	border-bottom: 1px solid #ae9f84;	/*ボックスの下側の線の幅、線種、色*/
	border-left: 1px solid #ae9f84;		/*ボックスの左側の線の幅、線種、色*/
}

/*商品ボックス（サイド・サブ共通）
---------------------------------------------------------------------------*/
#sub .box1,
#side .box1 {
	padding: 5px 0px;	/*左から、上下、左右への余白*/
	width: 190px;
	font-size: 10px;	/*文字サイズ*/
	line-height: 1.4;	/*行間*/
	border-bottom: 1px solid #ae9f84;	/*ボックスの下線の幅、線種、色*/
	overflow: hidden;
}
#sub .box1 img,
#side .box1 img {
	float: left;	/*イメージ画像を左に回り込み*/
	margin-right: 5px;	/*イメージ画像の右側にスペースを空ける*/
	vertical-align: bottom;
}
#sub .box1 p,
#side .box1 p {
	padding: 0px;
}
#sub .box1 h4,
#sub .box1 h4 a,
#side .box1 h4,
#side .box1 h4 a {
	color: #ae9f84;	/*ボックス内のh4タグの文字色*/
}

/*フッター
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	text-align: center;	/*文字をセンタリング*/
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	background: #ae9f84;	/*背景色*/
}
#footer a {
	text-decoration: none;
	color: #FFF;
}


/*よく頂く質問ページ用設定
---------------------------------------------------------------------------*/
/*質問の設定*/
dl.faq dt {
	font-weight: bold;	/*太字にする設定*/
	color: #ae9f84;		/*文字色*/
	text-indent: -2em;
	padding-left: 2em;
}
/*回答の設定*/
dl.faq dd {
	border-bottom: 1px solid #CCC;	/*下部の線*/
	text-indent: -2em;
	padding-left: 2em;
}

/*ショッピング詳細ページの「カートにいれる」パーツ設定
---------------------------------------------------------------------------*/
.cartbtn a {
	font-size: 16px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	text-decoration: none;
	background: #ae9f84;	/*背景色*/
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 250px;		/*ボタンの幅*/
	text-align: center;
	border: 3px double #FFF;	/*枠線の幅、線種、色*/
}
.cartbtn a:hover {
	background: #c6bca9;/*マウスオン時の背景色*/
}


/*その他
---------------------------------------------------------------------------*/
.look {
	background-color: #ebebeb;
}
.mb1em {
	margin-bottom: 1em;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px;
	list-style: disc;
}
ol {
	padding: 0em 30px;
}
.color1 {
	color: #FF0000;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}

.b2-3mar { margin: 10px; backGround-color: lightsalmon; } 
.b2-3pad1 { padding: 10px; backGround-color: lightpink; } 
.b2-3pad2 { padding: 10px 30px; backGround-color: palegreen; } 
.b2-3pad3 { padding: 10px 15px 10px 50px; backGround-color: moccasin; }


.clearLeft { 
clear: left; 
}
#container #contents #side .submenu li .shadowbox center p {
	color: #000000;
}
/*P下線*/
.pline  { text-decoration:underline;   }

/*DUI縞線マチダstripe*/
div.stripe {
    background-image: url("backsample.gif");/*使う画像の指定*/
    padding: 1px;/* (B)縞枠線の太さ */
    border: 2px solid green;/* (C)外側の枠線 */
	 }
 div.stripe p {
    background-color: white;
    margin: 5px;
    padding: 0.3em;
    border: 1px solid green;
	height: 1em;
 }

div.sima2 {
    background-image: url("backsample2.gif");/*使う画像の指定*/
    padding: 1px;
    border: 2px solid green;
	 }
 div.sima2 p {
    background-color: white;
    margin: 5px;
    padding: 0.3em;
    border: 1px solid green;
	height: 1em;
 }
/*テキストエリアTOP更新の表示*/ 
 textarea {
width: 100%;
height: 15em;
}

textarea.example {
line-height: 150%;
}
/*店長マチダからのお知らせBOXの色*/
.box_title{
        border:1px solid #000;
        padding:5px;
        width:500px;
        font-weight:bold;
        font-size:14px;
        background-color:#000;
        color:#fff;
    }

/*テキストエリア終わり*/
/*ヘッダーの文字ｈ２の指定*/
.box_h2{
	 font-saize:1em; 
	 }
/*終わり*/

/*BOX3個を横並びにする記述方法
<div id="box_3">
 <div id="box1">aaa</div>
 <div id="box2">bbb</div> 
 <div id="box3">ccc</div>
 <br />clear-both
 </div>
*/
 #box_3 {
	clear: both;
	width: auto;
 }
 #box_3 #box1 {
	float: left;
	width: 165px;
margin-right: 10px;/*BOX右に隙間調整*/
	background-color: #FFFFFF;
	 line-height: 1.5em;
 }
 #box_3 #box2 {
	float: left;
	width: 165px;
	 padding: 1px;
	background-color: #FFFFFF;
	 line-height: 1.5em;
 }

 #box_3 #box3 {
	float: right;
	width: 165px;
	 padding: 2px;
	background-color: #FFFFFF;
	 line-height: 1.5em;
 }
 #box_3 br {
 font-size: 1px;
 line-height: 1.5em;
 display: block;
 margin: 2px;
 padding: 1px;
 clear: both;
 height: 1px;
 width: 1px;
 }

/*角丸ボックス*/
div.kadomaru {
	-moz-border-radius: 5x;    /* Firefox */
	-webkit-border-radius: 5x; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	border: 1px green solid;     /* 枠線の装飾 */
	background-color: #ccffcc; /* 背景色 */
	height: 30px;
	margin:5px/*BOX間のスペース*/ 
}

/*TOP紅白幕のテーブルマチダ<div class="table"></div> 
*/
div.table {
	border-collapse: collapse;
	font-size: 100%;
	border-spacing: 0;
	height: 80px;
	background: url(../images/top-parts/kouhaku.gif) repeat-x;
}

td, th {
padding: 5px 5px 5px 5px;
}

/*Ｈ２フォント装飾枠付きマチダ*/
.h03_2{
font-size : medium;	/* フォントサイズ */
font-weight : bold;	/* フォントの太さ */
color : black;	/* フォントの色 */
background-color : white;	/* 背景の色 */
text-align : left;	/* テキストの左寄せ */
letter-spacing : 1px;	/* 文字間隔 */
padding-left : 0.5em;	/* 左の余白 */
line-height : 1.5em;	/* 領域（行）の高さ＝フォントの１．５倍 */
border-left-width : 1em;	/* 左境界線をマークとして使用 */
border-left-style : solid;	/* 左境界線（マーク）の種類 */
border-left-color : green;	/* 左境界線（マーク）の色 */
border-bottom-width : 1px;	/* 下境界線 */
border-bottom-style : solid;	/* 下境界線の種類 */
border-bottom-color : green;	/* 下境界線の色 */
}