/*★★★TOP以外のページ★★★*/


/*全体*/
* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font-size: 12px;
	line-height: 16px;
	color: #3E0F13;
	background-color: #DBCECE;
	background: #DBCECE url(image/bg.gif) left top repeat-x;
}
/*TOPのみ背景が違うので*/
.topbg {
	background: #DBCECE url(image/top_bg.gif) left top repeat-x;
}

#pagebody{
	width:760px;
	margin:0 auto;
	background-color:#FFFFFF;
}

/*他のフォント*/
.font1 {
	font-size: 10px;
	line-height: 14px;
}
.font2b {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}


/*普通のリンク色の設定 */
a         { text-decoration: underline; }
a:link    { color: #990000; }
a:visited { color: #990000; }
a:hover   { color: #000000; }
a:active  { color: #000000; }

/*左右*/
left{
	width:150px;
	color: #FFFFFF;
	background-color: #BCA6A6
}

/*メイン*/
#main{
	width:610px;
	margin: 0;
	padding: 0;
}
#main570{
	width:570px;
	margin:8px 0px 20px 20px;
}


/*フッタ*/
#footer{
	clear: both;
	float:right;
}

/*TOPのNews&Information*/
#news{
	width:344px;
	margin:0 0 15px 20px;
	padding:0;
}


/*TOPメニュー01*/
#topmenu01 {
	width:450px;
	height:108px;
	background:url(image/top_menu01.gif) ;
	margin:0;
	padding:0;
}
#topmenu01 ul {
	padding:0;
}
#topmenu01 li {
	display:inline;
	list-style-type:none;
}
#topmenu01 li a {
	height:108px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#topmenu01 li.navi01 a {
	background:url(image/top_menu01_a.gif) no-repeat 0px 0px;
	width:150px;
}
#topmenu01 li.navi02 a {
	background:url(image/top_menu01_a.gif) no-repeat -150px 0px;
	width:150px;
}
#topmenu01 li.navi03 a {
	background:url(image/top_menu01_a.gif) no-repeat -300px 0px;
	width:150px;
}
#topmenu01 li.navi01 a:hover {
	background:url(image/top_menu01_a.gif) no-repeat 0px -108px;
}
#topmenu01 li.navi02 a:hover {
	background:url(image/top_menu01_a.gif) no-repeat -150px -108px;
}
#topmenu01 li.navi03 a:hover {
	background:url(image/top_menu01_a.gif) no-repeat -300px -108px;
}

/*TOPメニュー02*/
#topmenu02 {
	width:310px;
	height:108px;
	background:url(image/top_menu02-new.gif) ;
	margin:0;
	padding:0;
}
#topmenu02 ul {
	padding:41px 0 0 13px;
}
#topmenu02 li {
	display:inline;
	list-style-type:none;
}
#topmenu02 li a {
	height:67px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#topmenu02 li.navi01 a {
	background:url(image/top_menu02_a-new.gif) no-repeat 0px 0px;
	width:99px;
}
#topmenu02 li.navi02 a {
	background:url(image/top_menu02_a-new.gif) no-repeat -99px 0px;
	width:99px;
}
#topmenu02 li.navi03 a {
	background:url(image/top_menu02_a-new.gif) no-repeat -198px 0px;
	width:90px;
}
#topmenu02 li.navi01 a:hover {
	background:url(image/top_menu02_a-new.gif) no-repeat 0px -67px;
}
#topmenu02 li.navi02 a:hover {
	background:url(image/top_menu02_a-new.gif) no-repeat -99px -67px;
}
#topmenu02 li.navi03 a:hover {
	background:url(image/top_menu02_a-new.gif) no-repeat -198px -67px;
}


/*上部メニュー01*/
#menu01 {
	width:610px;
	height:34px;
	background-color: #3E0F13;
	background:url(image/menu01.gif) ;
	margin:0;
	padding:0;
}
#menu01 ul {
	padding:0 0 0 370px;
}
#menu01 li {
	display:inline;
	list-style-type:none;
}
#menu01 li a {
	height:34px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#menu01 li.m1navi01 a {
	background:url(image/menu01_a.gif) no-repeat 0px 0px;
	width:120px;
}
#menu01 li.m1navi02 a {
	background:url(image/menu01_a.gif) no-repeat -120px 0px;
	width:120px;
}
#menu01 li.m1navi01 a:hover {
	background:url(image/menu01_a.gif) no-repeat 0px -34px;
}
#menu01 li.m1navi02 a:hover {
	background:url(image/menu01_a.gif) no-repeat -120px -34px;
}


/*上部メニュー02*/
#menu02 {
	width:610px;
	height:29px;
	background-color: #CFBE7C;
	background:url(image/menu02.gif) ;
	margin:0;
	padding:0;
}
#menu02 ul {
	padding:0 0 0 6px;
}
#menu02 li {
	display:inline;
	list-style-type:none;
}
#menu02 li a {
	height:29px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#menu02 li.m2navi01 a {
	background:url(image/menu02_a.gif) no-repeat 0px 0px;
	width:200px;
}
#menu02 li.m2navi02 a {
	background:url(image/menu02_a.gif) no-repeat -200px 0px;
	width:200px;
}
#menu02 li.m2navi03 a {

	background:url(image/menu02_a.gif) no-repeat -400px 0px;
	width:200px;
}
#menu02 li.m2navi01 a:hover {
	background:url(image/menu02_a.gif) no-repeat 0px -29px;
}
#menu02 li.m2navi02 a:hover {
	background:url(image/menu02_a.gif) no-repeat -200px -29px;
}
#menu02 li.m2navi03 a:hover {
	background:url(image/menu02_a.gif) no-repeat -400px -29px;
}


/*THEOBROMA 左メニュー*/
#navilist1{
	width:150px;
	background:url(theobroma/image/theo_menu.gif) ;
	margin:0;
	padding:0;
}
#navilist1 ul{
	padding:45px 0 0 0;
}
#navilist1 li{
    list-style-type:none;
	}
#navilist1 li a{
	width:150px;
	display:block;
	vertical-align:top;
}
#navilist1 a span{display:none;} 
#navilist1 li.navi01 a {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat 0px 0px;
	height:26px;
}
#navilist1 li.navi02 a {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat 0px -26px;
	height:26px;
}
#navilist1 li.navi03 a {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat 0px -52px;
	height:26px;
}
#navilist1 li.navi04 a {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat 0px -78px;
	height:26px;
}
#navilist1 li.navi05 a {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat 0px -104px;
	height:26px;
}
#navilist1 li.navi01 a:hover {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat -150px 0;
}
#navilist1 li.navi02 a:hover {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat -150px -26px;
}
#navilist1 li.navi03 a:hover {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat -150px -52px;
}
#navilist1 li.navi04 a:hover {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat -150px -78px;
}
#navilist1 li.navi05 a:hover {
	background:url(theobroma/image/theo_menu_a.gif) no-repeat -150px -104px;
}


/*CHOCOLAT 左メニュー*/
#navilist2{
	width:150px;
	background:url(chocolat/image/choco_menu.gif) ;
	margin:0;
	padding:0;
}
#navilist2 ul{
	padding:45px 0 0 0;
}
#navilist2 li{
    list-style-type:none;
	}
#navilist2 li a{
	width:150px;
	display:block;
	vertical-align:top;
}
#navilist2 a span{display:none;} 
#navilist2 li.navi01 a {
	background:url(chocolat/image/choco_menu_a.gif) no-repeat 0px 0px;
	height:26px;
}
#navilist2 li.navi02 a {
	background:url(chocolat/image/choco_menu_a.gif) no-repeat 0px -26px;
	height:26px;
}
#navilist2 li.navi03 a {
	background:url(chocolat/image/choco_menu_a.gif) no-repeat 0px -52px;
	height:26px;
}
#navilist2 li.navi04 a {
	background:url(chocolat/image/choco_menu_a.gif) no-repeat 0px -78px;
	height:26px;
}
#navilist2 li.navi01 a:hover {
	background:url(chocolat/image/choco_menu_a.gif) no-repeat -150px 0;
}
#navilist2 li.navi02 a:hover {
	background:url(chocolat/image/choco_menu_a.gif) no-repeat -150px -26px;
}
#navilist2 li.navi03 a:hover {
	background:url(chocolat/image/choco_menu_a.gif) no-repeat -150px -52px;
}
#navilist2 li.navi04 a:hover {
	background:url(chocolat/image/choco_menu_a.gif) no-repeat -150px -78px;
}


/*▼▼▼▼▼ここから個別▼▼▼▼▼*/

/*TOPICS*/
.pickup{
	width:132px;
	margin:11px 0 11px 11px;
}
.pickup img{
	margin:0px 0 5px 0px;
	border:1px solid #E8E2E2;
}

.topicsttl { 
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin:20px 0 0 0;
	padding:3px 0 0 0;
	background: url(topics/image/topics_ttlbg.gif) no-repeat;
	height:28px;
}
.topics530{
	width:530px;
	margin:8px 0px 8px 20px;
}
.topics530 td{
	padding:9px;
	border-bottom:1px solid #BCA6A6;
}
.topics530 table{
	padding:5px 0 10px 0;
	width:530px;
}

.topics530 img{
	float:left;
	margin:0 10px 10px 0;
	padding:9px;
	border:1px solid #E8E2E2;
}
.topics530 img.noborder{
	margin:8px 0 8px 0;
	padding:0;
	border:0;
}
.topicsline{
	clear: both;
}

/*店舗案内*/
.accessred { 
	font-size: 12px;
	line-height: 16px;
	color: #990000;
	margin:5px 0 7px 0px;
}