﻿/* 文字セット */
.fseng {color: #A20E0A;}
.fs141 {font-size: 14px; color: #FF0000; font-weight: bold;}
.fs181 {font-size: 18px; color: #FF0000; font-weight: bold;}
.fs182 {font-size: 18px; color: #000066; font-weight: bold;}


/* 【LIST:4-3】横幅を固定する */
#mainWrapper {
	width: 1000px;
	border: solid 1px;
	margin-top: 3px;
	margin-bottom: 3px;	
	}


/* 【LIST:4-4】EZ-ページリンクをセンタリングする */
#navEZPagesTop {
	text-align: center;
	}


/* 【LIST:4-5】ヘッダに背景画像を指定する
#logoWrapper {
	background-image: url('../images/logo_back.gif');
	background-repeat: repeat-y;
	background-color: #E8D4E4;
	}*/
/* タグラインをロゴの下にする 
#logo {
	float: none;
	text-align: center;
	}*/
/* ロゴ画像の下の<br class="clearBoth" />による空白行を削除
#headerWrapper br.clearBoth {
	display: none;
	} */


/* 【LIST:4-6】ヘッダに背景画像を指定する */
#logoWrapper {
	background-image: url('../images/logo_back.gif');
	height: 80px;
	}
/*  ヘッダポジション2のバナーを非表示に */
#bannerTwo {
	display: none;
	}
/* ロゴ画像の下の<br class="clearBoth" />による空白行を削除 */
#headerWrapper br.clearBoth {
	font-size: 0;
	}
/* 画像に合わせてヘッダ部の背景色を変更 */
#headerWrapper,
#navMainWrapper, 
#logoWrapper,
#navCatTabsWrapper, 
#navEZPagesTop {
	background-color: #E2E296;
	}
/* ヘッダ部の文字色を変更 */
#headerWrapper ul li a ,
#navEZPagesTop a {
	color: #464600;
	}
/* ヘッダ部の文字にマウスを乗せた時の色を変更 */
#headerWrapper ul li a:hover ,
#navEZPagesTop a:hover {
	color: #CC9900;
	}


/* 【LIST:4-7】カテゴリタブメニューをボタン風にする */
/* ただし横幅を固定にした場合でないと、表示が乱れる。 */
/* またカテゴリが多く一行に収まらない場合は表示が乱れる。 */
#navCatTabsWrapper ul li a {
	border: outset 3px;
	background-color: #F1F1CD;
	margin: 4px 0px;
	padding: 3px 8px;
	font-size: 14px;
	}
/* マウスを乗せた時に色を反転 */
#navCatTabsWrapper ul li a:hover {
	border: inset 3px;
	color: #464600;
	background-color: #E2E296;
	}


/* 【LIST:4-8】ホームへのリンクとEZ-ページリンクを一行にまとめる */
#navSupp ul li div {
	display: inline;
	}
#navSupp ul li > a {
	padding-right: 5em;
	}
#navSuppWrapper {
	background-color: #464600;
	}
#siteinfoIP, #siteinfoLegal {
	background-color: #F1F1CD;
	}


/* 【LIST:4-9】サイドボックスの余白と背景色を指定する */
#navColumnOne, #navColumnTwo {
	background-color: #F1F1CD;
	}
.leftBoxContainer {
	margin: 0;
	border: 0;
	}


/* 【LIST:4-10】サイドボックスに枠を指定する 
.leftBoxHeading, .rightBoxHeading {
	border: 3px double #F1F1CD;
	background-color: #464600;
	}
.leftBoxContainer, .rightBoxContainer {
	border: 1px solid #464600;
	margin-bottom: 3px;
	}
*/


/* 【LIST:4-11】サイドボックスのタイトルに背景画像を指定する 
h3.leftBoxHeading, h3.rightBoxHeading {
	background-image: url('../images/sidebox.gif');
	background-repeat: no-repeat;
	padding: 0.5em 0em 0em ;
	height: 20px;
	font-size: 1em;
	color: #464600;
	}
h3.leftBoxHeading a, h3.rightBoxHeading a{
	font-size: 1em;
	color: #464600;
	}
*/


/* 【LIST:4-12】サイドボックス全体に背景画像を指定する 
div.leftBoxContainer, div.rightBoxContainer {
	background-image: url('../images/frame.gif');
	background-repeat: no-repeat;
	margin-bottom: 3px;
	}
h3.leftBoxHeading, h3.rightBoxHeading {
	color: #464600;
	background-color: transparent;
	}
h3.leftBoxHeading a, h3.rightBoxHeading a{
	color: #464600;
	}
div.sideBoxContent {
	background-color: transparent;
	padding-left: 1em;
	border-bottom: 5px solid #B6C260;
	}
*/


/*.leftBoxHeading,*/ .rightBoxHeading {
	border: 3px double #F1F1CD;		/* 二重線 */
	background-color: #464600;
	}
/*.leftBoxContainer,*/ .rightBoxContainer {
	border: 1px solid #464600;		/* 一本線 */
	margin-bottom: 3px;
	}
/* 【LIST:4-13】サイドボックスの項目に背景画像を指定する */
#informationContent ul li a {
	background-image: url('../images/sidebox_item.gif');
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	padding: 0.5em 0em 0em 2em;
	font-size: 1em;
	color: #464600;
	}
#informationContent ul li a:hover {
	background-image: url('../images/sidebox_hover.gif');
	background-repeat: no-repeat;
	}
#informationContent {
	padding: 0;
	}


/* 【LIST:4-14】パン屑リストに下線を表示する */
/* パン屑リスト */
div#navBreadCrumb {
	background-color: #FFFFFF;
	margin-left: 1em;
	}
/* 中央カラム */
div.centerColumn {
	background-image: url('../images/line.gif');
	background-repeat: no-repeat;
	margin-left: 1em;
	}


/* 【LIST:4-15】中央ボックスのタイトルに背景画像を設定する */
h2.centerBoxHeading {
	/*background: url('../images/line.gif') repeat-y;*/
	background-image: url('../images/line.gif');
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	color: #F1F1CD;
	text-align: left;
	}

/* 【LIST:4-17】商品リストの背景を1行おきに変える */
.productListing-rowheading { /* ヘッダ行 */
	background-color: #E2E296;
	}
.productListing-odd { /* 奇数行 */
	background-color: #F1F1CD;
	}
.productListing-even { /* 偶数行 */
	background-color: #E2E296;
	}
.productListing-heading, /* ヘッダセル */
.productListing-data { /* データセル */
	padding: 5px ;
	}
.productListing-data { /* データセル */
	text-align: left;
	}


/* 【LIST:4-19】左サイドボックスの角を丸くする */
.roundTable {
	border-collapse: collapse;     /* 隣接するセルの間隔を空けない */
}
.roundTable td {
	padding: 0;                    /* セル内側の余白 0 */
	vertical-align: top;           /* 垂直位置を上部に指定 */
	background-color: #B6C260;     /* セルの背景色 */
}
.roundTable .sideBoxContent {
	background-color: transparent; /* コンテンツ部の背景色透明 */
	padding-left: 1em;             /* コンテンツ左側の余白 1em */
}
.leftBoxHeading {
	background-color: transparent; /* ヘッダの背景色透明 */
	}
.leftBoxContainer {
	margin: 0 0 1em 0;             /* サイドボックス間の余白 1em */
	}
#navColumnOneWrapper {
	padding: 1em;                  /* 左カラム内側の余白 1em */
	}



/* 【LIST:5-16】 */
#lastLogin {
	font-size: 0.5em;
}

/* 【図3-21の補足】
#productAttributes {
	float: left;
}
*/

/* 【やすらぎ定義】 */

div#site-top {
	font-size:14px;
	width:600px;
	color:#000000;
   	background-image: url(../images/top_back.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
   	background-position: right center;
	margin:0 auto;
	text-align:left;
}

.top-bn {
	width:600px;
	color:#666666;
	margin:0px auto 20px auto;
	text-align:left;
}

.top-box {
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.top-box-t {
	width: 60px;
	color:#ffffff;
	font-size:16px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding:5px;
	text-align: center;
	background-color: #990000;

}

.top-box-g {
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
	text-align: left;
}

.bfl {
	float: left;
	padding:0px;
	text-align: left;
}


.msg-box1 {
	line-height: 3em;
	padding: 0.1em;
	border: 1px solid #000000;
	font-weight: bold;
}

/* ----- 店舗情報ボックス ----- */

.shop-bn {
	width:710px;
	color:#666666;
	margin:0px auto 20px auto;
	text-align:left;

	background-color: #990000;


}

table.shop-w {
	width: 700px;
	font-size: 12px;
	margin-bottom: 5px;
	table-layout:fixed;
	border-collapse: collapse;
	border:1px solid #999999;
	padding:3px;
}

td.shop-r {
	width:220px;
	text-align: left;
	border:1px solid #999999;
}





/* ----- float解除 ----- */

div.clear
{
	clear:both;;
}

div.clear hr
{
	display:none;
}

