body {
	font-family:'ＭＳ Ｐゴシック','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka';
	font-size: 90%;				/* 全般のテキストのサイズ */
	color: #555555;				/* 全般のテキスト色 */
	background: #FFFFFF url(../_img/bg.gif) repeat-x top;		/* 背景色と壁紙設定 */
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 0;				/* 行間 */
}

h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;				/* 画像の枠線なし */
}

.look {
	background: #f5f5f5;
}

.color1 {
	color: #762f07;
}

.color2 {
	color: #ff4500;
}

.color3 {
	color: #47A900;
}


/*---------------------------------------------------------------------------
　　全体的なリンク設定
---------------------------------------------------------------------------*/
a {
	color: #303060;				/* リンク部分の文字色 */
}

a:hover {
	color: #A000A0;				/* リンク部分のマウスオーバー時の文字色 */
}


/*---------------------------------------------------------------------------
　　コンテナー
---------------------------------------------------------------------------*/
#container {
	width: 960px;				/* ページ全体の幅を設定 */
	margin-right: auto;
	margin-left: auto;
	text-align: left;			/* テキストを左詰 */
}


/*---------------------------------------------------------------------------
　　コンテンツ全体
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	padding-top: 10px;			/* トップマージン */
	line-height: 2;				/* 行間 */
}


/*----ここまで基本設定-----------------------------------------------------*/



/*---------------------------------------------------------------------------
　　左サイドコンテンツ
---------------------------------------------------------------------------*/
#side_l {
	float: left;					/* サイドコンテンツは左側 */
	width: 200px;					/* サイドメニューの幅 */
	padding-top: 10px;				/* トップマージン */
	padding-bottom: 50px;			/* ボトムマージン */
}

#side_l h3 {
	background: url(../_img/h3_bg2.jpg) repeat-x;		/* サイドメニューの背景 */
	height: 50px;					/* サイドメニューの高さ */
	text-align: center;				/* サイドメニューのテキストはセンター */
	font-size: 130%;				/* 文字の大きさ */
	letter-spacing: 0.5em;			/* メニューのテキストの文字間隔を少し広くする */
	line-height: 50px;				/* テキスト位置の調整 */
	color: #303030;					/* テキストの色 */
}


/*---------------------------------------------------------------------------
　　サイドメニュー
---------------------------------------------------------------------------*/
div.sidemenu {
	line-height: 1;						/* 全般の行間 */
}

li.sidemenu1 a {
	color: #FFFFFF;						/* メニューの文字色 */
	font-size: 1%;						/* 文字の大きさ */
	text-decoration: none;
	display: block;
	width: 200px;						/* 幅を設定 */
	height: 50px;           			/* 高さを設定 */
	background-image: url(../_img/sidemenu_sakeleescheesecake2.jpg);
	text-align: center;
	text-indent:-9999px;				/* インデント */
}

li.sidemenu1 a:hover {
	background-position:left bottom;
	color: #FFFFFF;						/* マウスオーバー時の文字色 */
}

li.sidemenu2 a {
	color: #FFFFFF;						/* メニューの文字色 */
	font-size: 1%;						/* 文字の大きさ */
	text-decoration: none;
	display: block;
	width: 200px;						/* 幅を設定 */
	height: 50px;           			/* 高さを設定 */
	background-image: url(../_img/sidemenu_cake2.jpg);
	text-align: center;
	text-indent:-9999px;				/* インデント */
}

li.sidemenu2 a:hover {
	background-position:left bottom;
	color: #FFFFFF;						/* マウスオーバー時の文字色 */
}

li.sidemenu3 a {
	color: #FFFFFF;						/* メニューの文字色 */
	font-size: 1%;						/* 文字の大きさ */
	text-decoration: none;
	display: block;
	width: 200px;						/* 幅を設定 */
	height: 50px;           			/* 高さを設定 */
	background-image: url(../_img/sidemenu_combustion_cake2.jpg);
	text-align: center;
	text-indent:-9999px;				/* インデント */
}

li.sidemenu3 a:hover {
	background-position:left bottom;
	color: #FFFFFF;						/* マウスオーバー時の文字色 */
}

li.sidemenu4 a {
	color: #FFFFFF;						/* メニューの文字色 */
	font-size: 1%;						/* 文字の大きさ */
	text-decoration: none;
	display: block;
	width: 200px;						/* 幅を設定 */
	height: 50px;           			/* 高さを設定 */
	background-image: url(../_img/sidemenu_assortment2.jpg);
	text-align: center;
	text-indent:-9999px;				/* インデント */
}

li.sidemenu4 a:hover {
	background-position:left bottom;
	color: #FFFFFF;						/* マウスオーバー時の文字色 */
}

li.sidemenu5 a {
	color: #FFFFFF;						/* メニューの文字色 */
	font-size: 1%;						/* 文字の大きさ */
	text-decoration: none;
	display: block;
	width: 200px;						/* 幅を設定 */
	height: 50px;           			/* 高さを設定 */
	background-image: url(../_img/sidemenu_others2.jpg);
	text-align: center;
	text-indent:-9999px;				/* インデント */
}

li.sidemenu5 a:hover {
	background-position:left bottom;
	color: #FFFFFF;						/* マウスオーバー時の文字色 */
}


/*---------------------------------------------------------------------------
　　メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 737px;
/*	padding-top: 10px;      */
/*	padding-bottom: 50px;   */
	/* padding-left: 20px; */		/* IE8 未満の場合 */
	padding-left: 220px;			/* IE8とIE以外の場合 */
	font-size: 100%;				/* テキストのサイズ */
}

#main h2 {
	font-size: 130%;				/* テキストのサイズ */
	color: #8b4513;					/* テキストの色 */
	background: url(../_img/h2_bg.gif) no-repeat;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	padding-left: 25px;
	padding-right: 50px;
}


/*---------------------------------------------------------------------------
　　メインコンテンツ内の新着情報
---------------------------------------------------------------------------*/
#main dl.news {
	margin-top: 10px;				/* 領域の上余白 */
	margin-right: auto;
	margin-left: auto;
	width: 94%;						/* 領域の幅 */
	padding-left: 15px;				/* 領域内の余白 */
	background: #FDFAFD;			/* 背景の色 */
	border: 1px dotted #8b4513;		/* 囲み罫線 */
}

#main dt.news {
	font-weight: bold;				/* テキストを太字にする */
	padding-top: 5px;
}

#main dd.news {
	line-height: 1.3;				/* 行間設定 */
	border-bottom: 1px dotted #8b4513;	/* 下に1pxの点線(dotted)を#cfcfcfの色で入れる */
	padding-bottom: 5px;
	padding-left: 10px;
}


/*---------------------------------------------------------------------------
　　メインコンテンツ内のおすすめ商品
---------------------------------------------------------------------------*/
#main table.pickup {
	margin-left: 10px;			/* 領域の上余白 */
}

#main tr.pickup {
}

#main td.pickup {
	text-align: center;			/* テキストを中央寄せにする */
	line-height: 1.3;			/* 行間設定 */
	padding-right: 20px;
}

#main p {
	padding: 0.5em 10px 1em;
}


/*---------------------------------------------------------------------------
　　汎用テーブル１
---------------------------------------------------------------------------*/
#main table.hanyo1 {
	margin-left: 0px;			/* 領域の上余白 */
}

#main tr.hanyo1 {
}

#main td.hanyo1 {
	text-align: left;			/* テキストを左寄せにする */
	line-height: 1.7;			/* 行間設定 */
	padding-right: 20px;
}



/*---------------------------------------------------------------------------
    フッター
---------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	line-height: 1.4;
	text-align: center;
}