@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%;
}
div.shadowbox /*DIVの枠に線を付けているマチダ*/
{
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #c0c0c0 #808080 #808080 #c0c0c0;
    padding: 2px;
	margin-bottom: 1em;/*DIVの終了から次に始まる間隔指定*/
}

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

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






/*フッター
---------------------------------------------------------------------------*/
#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;
}




/*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: 300px;
	margin-right: 10px;/*BOX右に隙間調整*/
	background-color: #FFFFFF;
	line-height: 1.5em;
	margin-bottom: 10px;
 }
 #box_3 #box2 {
	float: left;
	width: 300px;
	 padding: 2px;
	background-color: #FFFFFF;
	 line-height: 1.5em;
 }

 #box_3 #box3 {
	float: right;
	width: 300px;
	 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 : 1.5em;	/* フォントサイズ */
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;	/* 下境界線の色 */
}