@import url(reset.css);

body{
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	background: #422819 url(../yoru_img/yoru_bg.jpg) repeat;
}

/* @group おおわく */
#header{
	background: url(../yoru_img/h_bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
}
#mainimg{
	background: url(../yoru_img/m_bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
}
#content{
	margin: 0;
	padding: 0;
	background: url(../yoru_img/c_bg.jpg) repeat-x;
}
#footer{
	background: url(../yoru_img/f_bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
}
/* @end */

/* @group header */
#h_box{
	display: block;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 164px;
}
h1{
	display: block;
	background: url(../yoru_img/h_rogo.jpg) no-repeat;
	width: 176px;
	height: 124px;
	margin: 0;
	text-indent: -5000px;
	overflow: hidden;
}
.top a{
	display: block;
	width: 176px;
	height: 124px;
	margin: 0;
	position: absolute;
	top: 0;
	text-indent: -5000px;
	overflow: hidden;
}
.h_navi{
	top: 136px;
	position: absolute;
}
.h_navi li{
	float: left;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}
.navi1 a{
	background: url(../yoru_img/h_navi.gif) 0 0;
	display: block;
	width: 250px;
	height: 28px;
}
.navi1 a:hover{
	background-position: 0 28px;
}
.navi2 a{
	background: url(../yoru_img/h_navi.gif) 250px 0;
	display: block;
	width: 250px;
	height: 28px;
}
.navi2 a:hover{
	background-position: 250px 28px;
}
.navi3 a{
	background: url(../yoru_img/h_navi.gif) 500px 0;
	display: block;
	width: 250px;
	height: 28px;
}
.navi3 a:hover{
	background-position: 500px 28px;
}
.navi4 a{
	background: url(../yoru_img/h_navi.gif) 750px 0;
	display: block;
	width: 250px;
	height: 28px;
}
.navi4 a:hover{
	background-position: 750px 28px;
}

.h_sub{
	display: block;
	float: right;
	font-size: 8px;
	color: #bfab90;
	top: -50px;
	position: relative;
}
.h_sub li{
	float: left;
	display: block;	margin-right: 10px;
	margin-left: 20px;
	background: url(../yoru_img/h_arr.gif) no-repeat 0 1px;
	padding-left: 15px;
}
.h_sub li a{
	font-size: 11px;
	color: #7b5239;
	text-decoration: none;
}
.h_sub li a:hover{
	color: #bfab90;
}

/* @end */

#m_box{
	display: block;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}

/* @group content */
#c_box{
	display: block;
	width: 1030px;
	margin-right: auto;
	margin-left: auto;
}
#top_l{
	width: 621px;
	display: block;
	padding-left: 37px;
	background: url(../yoru_img/c_lbox.jpg) no-repeat;
	float: left;
	padding-top: 36px;
	padding-bottom: 50px;
}
#top_r{
	width: 300px;
	display: block;
	padding-left: 29px;
	float: right;
	background: url(../yoru_img/c_rbox.jpg) no-repeat;
	margin-right: 0;
	padding-top: 40px;
	padding-bottom: 50px;
}
.top_newstitle{
	background: url(../yoru_img/c_topnews.gif) no-repeat 0 4px;
	text-indent: -5000px;
	overflow: hidden;
	width: 204px;
	height: 15px;
	display: block;
	margin-bottom: 34px;
	margin-left: 15px;
	float: left;
}
.top_allnews a{
	width: 101px;
	height: 19px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../yoru_img/c_allnews.gif) 0 0;
	float: right;
}
.top_allnews a:hover{
	background-position: 0 19px;
}
.top_news{
	display: block;
	margin-bottom: 15px;
	float: left;
}
.top_news b{
	color: #987a4e;
	font-size: 11px;
	display: block;
	float: left;
	width: 60px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.top_news h2{
	display: block;
	width: 556px;
	margin-left: 5px;
	color: #c0af92;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	padding-bottom: 1px;
	float: left;
	line-height: 140%;
}
.top_news h2 a{
	color: #c0af92;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.top_news h2 a:hover{
	border-bottom: 1px dotted #987a4e;
}
.top_linktitle{
	background: url(../yoru_img/c_toplink.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	width: 141px;
	height: 15px;
	display: block;
	margin-bottom: 36px;
	margin-left: 15px;
}
#top_r img{
	margin-bottom: 10px;
}

/* @end */

/* @group footer */
#f_box{
	display: block;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 185px;
	color: #6a5f49;
	font-size: 11px;
}

.f_navi{
	display: block;
	float: left;
	margin-top: 10px;
	padding-bottom: 1px;
}
.f_navi a{
	color: #987A4E;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	margin-right: 10px;
	margin-left: 10px;
}
.f_navi a:hover{
	border-bottom: 1px dotted #6a5f49;
}
#f_box i{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 8px;
	display: block;
	background-image: url(../yoru_img/f_copy.gif);
	width: 194px;
	height: 10px;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
	margin-top: 140px;
	margin-left: 10px;
}
.adress{
	display: block;
	float: right;
	color: #34496f;
	text-align: left;
	background: url(../yoru_img/f_add.jpg) no-repeat;
	width: 315px;
	height: 185px;
	text-indent: -50000px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
/* @end */

/* @group cake */
.cake{
	display: block;
	float: left;
	width: 140px;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #422819;
	height: 180px;
	font-size: 14px;
}
*html .cake{
	margin-left: 12px;
	margin-right: 10px;
}
.cake h4{
	background: url(../cake/img/yoru_cake_bg.jpg) no-repeat;
	height: 80px;
	padding: 8px;
}
.cake a{
	color: #422819;
	text-decoration: none;
}
.cake a i{
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	display: block;
	margin-top: 4px;
	color: gray;
}
.ckae a img{
	width: 140px;
	display: block;
	float: left;
	margin-bottom: 5px;
}
.name_cake{
	height: 34px;
	display: block;
	background: url(../cake/img/yoru_name_cake.gif) no-repeat;
	margin-left: 12px;
	overflow: hidden;
	text-indent: -5000px;
	width: 981px;
	margin-bottom: 10px;
}
.name_cookie{
	height: 34px;
	display: block;
	background: url(../cake/img/yoru_name_cookie.gif) no-repeat;
	margin-left: 12px;
	overflow: hidden;
	text-indent: -5000px;
	width: 981px;
	margin-bottom: 10px;
}
.name_delica{
	height: 34px;
	display: block;
	background: url(../cake/img/yoru_name_delica.gif) no-repeat;
	margin-left: 12px;
	overflow: hidden;
	text-indent: -5000px;
	width: 981px;
	margin-bottom: 10px;
}
.name_season{
	height: 34px;
	display: block;
	background: url(../cake/img/yoru_name_seasonal.gif) no-repeat;
	margin-left: 12px;
	overflow: hidden;
	text-indent: -5000px;
	width: 981px;
	margin-bottom: 10px;
}
#tab{
	background: url(../cake/img/yoru_bg.jpg) no-repeat -3px 1px;
	display: block;
	float: left;
	padding-top: 20px;
	padding-left: 15px;
}

#countrydivcontainer{
	width: 1046px;
	float: left;
	display: block;
	padding-top: 20px;
	margin-left: 0px;
	background-color: #FFFFFF;
}
#cake_l{
	display: block;
	background: url(../yoru_img/cake_lbox.jpg) no-repeat;
	float: left;
	width: 720px;
	padding: 36px 30px 50px 45px;
}
#cake_l .title{
	color: #c0af92;
	font-size: 18px;
	letter-spacing: 2px;
}
#cake_l .cake_pm{
	background-image: url(../yoru_img/cake_pm.gif);
	width: 101px;
	height: 19px;
	display: block;
	float: right;
	text-indent: -5000px;
	overflow: hidden;
	top: -20px;
	position: relative;
}
#cake_l .cake_mmc{
	background-image: url(../yoru_img/cake_mcc.gif);
	width: 161px;
	height: 19px;
	display: block;
	float: right;
	text-indent: -5000px;
	overflow: hidden;
	top: -20px;
	position: relative;
}

#cake_l .cake_decor{
	background-image: url(../yoru_img/cake_decor.gif);
	width: 59px;
	height: 19px;
	display: block;
	float: right;
	text-indent: -5000px;
	overflow: hidden;
	top: -20px;
	position: relative;
}

#cake_l #syouhin{
	display: block;
	background: url(../yoru_img/dot01.gif) repeat-x;
	margin-top: 12px;
	padding-top: 18px;
	color: #ded2bd;
	font-size: 14px;
}
#cake_l #spec{
	display: block;
	float: left;
	width: 540px;
}
#cake_l .cake_code{
	display: block;
	float: left;
	margin-right: 5px;
	padding-top: 4px;
	margin-top: 12px;
}
#cake_l h2{
	font-size: 18px;
	letter-spacing: 2px;
	margin-top: 12px;
	display: block;
}
#cake_l #spec .size{
	display: block;
	margin-top: 14px;
	float: left;
	letter-spacing: 1px;
	line-height: 140%;
}
#cake_l #spec i{
	color: #987a4e;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
}
#cake_l .buy{
	display: block;
	float: right;
}
.cake_tel a{
	background: url(../cake/img/01tel.gif) no-repeat 0 -36px;
	width: 154px;
	height: 36px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin-top: 8px;
}
.cake_tel a:hover{
	background-position: 0 0px;
}
.cake_net a{
	background: url(../cake/img/01net.gif) no-repeat 0 -36px;
	width: 154px;
	height: 36px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin-bottom: 3px;
}
.cake_net a:hover{
	background-position: 0 0px;
}

.cake_mail a{
	background: url(../cake/img/01mail.gif) no-repeat 0 -36px;
	width: 154px;
	height: 36px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin-top: 8px;
}
.cake_mail a:hover{
	background-position: 0 0;
}
.cake_tel02{
	background: url(../cake/img/yoru_02tel.gif) no-repeat;
	width: 154px;
	height: 106px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
}
.cake_deli a{
	background: url(../cake/img/01deri.gif) no-repeat 0 -36px;
	width: 154px;
	height: 36px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin-bottom: 3px;
}
.cake_deli a:hover{
	background-position: 0 0;
}
#cake_l #syoukai{
	display: block;
	background: url(../yoru_img/dot02.gif) repeat-x;
	margin-top: 12px;
	padding-top: 30px;
	float: left;
	color: #cfc4b0;
	font-size: 12px;
	line-height: 200%;
	width: 720px;
}
#cake_l #syoukai h3{
	color: #bdd2ed;
	font-size: 16px;
	line-height: 160%;
	display: block;
	margin-bottom: 20px;
}
#cake_l .photo{
	float: right;
	display: block;
	margin-left: 30px;
}
#cake_l .photo img{
	margin-bottom: 2px;
}
.cake_foot{
	display: block;
	background: url(../yoru_img/dot01.gif) repeat-x 0 40px;
	clear: both;
	padding-top: 40px;
}
#cake_r{
	width: 191px;
	display: block;
	padding-left: 20px;
	float: right;
	background: url(../yoru_img/cake_rbox.jpg) no-repeat;
	margin-right: 0;
	padding-top: 40px;
	padding-bottom: 50px;
}
.cake_menu{
		background: url(../yoru_img/cake_title.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	width: 141px;
	height: 15px;
	display: block;
	margin-bottom: 16px;
	margin-left: 15px;
}
.menu_pm .close{
	background: url(../yoru_img/cake_01.jpg) no-repeat 0 0;
	width: 177px;
	height: 50px;
	margin-bottom: 3px;
	text-indent: -5000px;
	overflow: hidden;
	margin-top: 16px;
}
.menu_pm .open{
	background: url(../yoru_img/cake_01.jpg) no-repeat 0 -50px;
	width: 177px;
	height: 50px;
	margin-bottom: 3px;
	text-indent: -5000px;
	overflow: hidden;
	margin-top: 16px;
}
.menu_mmc .close{
	background: url(../yoru_img/cake_02.jpg) no-repeat 0 0;
	width: 177px;
	height: 50px;
	margin-bottom: 3px;
	text-indent: -5000px;
	overflow: hidden;
}
.menu_mmc .open{
	background: url(../yoru_img/cake_02.jpg) no-repeat 0 -50px;
	width: 177px;
	height: 50px;
	margin-bottom: 3px;
	text-indent: -5000px;
	overflow: hidden;
}
.menu_decor .close{
	background: url(../yoru_img/cake_03.jpg) no-repeat 0 0;
	width: 177px;
	height: 50px;
	margin-bottom: 3px;
	text-indent: -5000px;
	overflow: hidden;
}
.menu_decor .open{
	background: url(../yoru_img/cake_03.jpg) no-repeat 0 -50px;
	width: 177px;
	height: 50px;
	margin-bottom: 3px;
	text-indent: -5000px;
	overflow: hidden;
}
#accordion{
	margin: 16px 0 0;
	padding: 0;
}
.accordion dd {
	overflow:hidden; 
}
#cake_r dd{
	display: block;
	margin-bottom: 10px;
	padding-left: 4px;
	*padding-left: 3px;
}

/* @end */
/* @group page */
#online_l{
	width: 621px;
	display: block;
	padding-left: 37px;
	background: url(../yoru_img/c_lbox.jpg) no-repeat;
	float: left;
	padding-top: 36px;
	padding-bottom: 50px;
	color: #c0af92;
	line-height: 180%;
}
#online_l a{
	color: #b5ada0;
}
.online{
	background: url(../online/img/yoru_title.gif) no-repeat 0 4px;
	text-indent: -5000px;
	overflow: hidden;
	width: 204px;
	height: 18px;
	display: block;
	margin-bottom: 20px;
	margin-left: 15px;
}
.delivery{
	background: url(../delivery/img/yoru_title.gif) no-repeat 0 4px;
	text-indent: -5000px;
	overflow: hidden;
	width: 204px;
	height: 18px;
	display: block;
	margin-bottom: 20px;
	margin-left: 15px;
}
#online_l h2{
background:transparent url(../yoru_img/dot01.gif) repeat-x scroll 0 0;
color:#BDD2ED;
display:block;
font-size: 18px;
padding-top:18px;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 60px;
}
.link_btn{
	float: right;
	display: block;
	background-image: url(../online/img/link.gif);
	width: 160px;
	height: 50px;
	text-indent: -5000px;
	overflow: hidden;
	margin-top: 5px;
}
#online_l p{
	padding: 10px 5px 20px 10px;
	float: left;
	display: block;
	width: 608px;
}
.online_text{
	display: block;
	padding-left: 20px;
	float: left;
	width: 544px;
	height: 147px;
	background: url(../yoru_img/online_text.jpg) no-repeat;
	padding-top: 90px;
	color: #080807;
	padding-right: 60px;
	line-height: 160%;
	font-size: 13px;
	margin: 0px;
}
*html .online_text{
	margin-left:4px
}
#c_box #online_l p.pay_i{
	background-color: #584639;
	color: #cfc4b0;
	width: 590px;
	margin-left: 8px;
	margin-right: 0;
}
.pay_i strong{
	font-size: 16px;
	display: block;
}
.pay_i i{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color:#BDD2ED;
}
.pay_i .tel{
	font-size: 20px;
	color: #494847;
	letter-spacing: 2px;
	margin-top: 10px;
	padding-top: 2px;
	margin-bottom: 20px;
}
.pay_i .tel b{
	font-weight: bold;
}
.reco{
	background-image: url(../yoru_img/online_reco.gif);
	height: 65px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0 7px 0 8px;
	padding: 0 10px;
	float: left;
	width: 586px;
}
.reco2{
	background-image: url(../yoru_img/decor_reco.gif);
	height: 65px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0 7px 0 8px;
	padding: 0 10px;
	float: left;
	width: 586px;
}
.reco_cake{
	background-color: #584639;
	color: #cfc4b0;
	margin: 0;
	padding: 20px 24px 20px 10px;
	display: block;
	margin: 0 7px 0 8px;
	font-size: 12px;
	float: left;
	line-height: 140%;
	width: 572px;
}
.reco_cake img{
	float: left;
	margin-right: 24px;
	margin-left: 24px;
}
.reco_cake h3{
	font-weight: bold;
	padding-bottom: 10px;
}
#online_l .reco_cake h3 a{color: #BDD2ED}
.decor_text{
	display: block;
	padding-left: 24px;
	float: left;
	width: 376px;
	height: 250px;
	background: url(../yoru_img/decor2_text.jpg) no-repeat;
	padding-top: 130px;
	color: #080807;
	padding-right: 220px;
	line-height: 200%;
	font-size: 13px;
	margin: 0px;
	text-align: left;
}
*html .decor_text{
	margin-left:4px
}
#online_l h4{
	background-image: url(../company/img/yoru_bp.gif);
	height: 65px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin: 20px 7px 0 8px;
	padding: 0 10px;
	float: left;
	width: 586px;
}
#online_l h5{
	background-image: url(../company/img/yoru_media.gif);
	height: 65px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin: 20px 7px 0 8px;
	padding: 0 10px;
	float: left;
	width: 586px;
}
.o{
	background-image: url(../hiru_img/online_reco.gif);
	height: 65px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0 7px 0 8px;
	padding: 0 10px;
	float: left;
	width: 586px;
	
		color: #5275b5;
	font-size: 16px;
	margin-top: 30px;
	display: block;
	float: left;
	padding-left: 20px;
}
#online_l .ex{
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.company{
	background: url(../company/img/yoru_title.gif) no-repeat 0 4px;
	text-indent: -5000px;
	overflow: hidden;
	width: 204px;
	height: 18px;
	display: block;
	margin-bottom: 40px;
	margin-left: 15px;
}
.link{
	background: url(../company/img/yoru_link.gif) no-repeat 0 4px;
	text-indent: -5000px;
	overflow: hidden;
	width: 204px;
	height: 18px;
	display: block;
	margin-bottom: 40px;
	margin-left: 15px;
}
.recrut{
	background: url(../company/img/yoru_staff_title.gif) no-repeat 0 4px;
	text-indent: -5000px;
	overflow: hidden;
	width: 204px;
	height: 18px;
	display: block;
	margin-bottom: 20px;
	margin-left: 15px;
}
.map{
	float: right;
	margin-left: 10px;
	margin-right: 0;
	display: block;
	margin-top: 5px;
}
.shop{
	text-indent: -5000px;
	overflow: hidden;
	width: 204px;
	height: 18px;
	display: block;
	margin-bottom: 30px;
	margin-left: 15px;
	background: url(../shop/img/yoru_title.gif) no-repeat 0 4px;
}
.shop_list{
	width: 50%;
	float: left;
	background: #432b1c repeat-x;
	color: #bfae90;
	font-size: 13px;
}
table.shop_list td{
	background: url(../shop/img/yoru_g01.gif) repeat-x;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
}
table.shop_list tr.shop_2 td{
	background-image: none;
	padding-bottom: 0;
}
td.shop_mai{
	color: #987a4e;
	font-weight: bold;
}

.news{
	background: url(../yoru_img/c_topnews.gif) no-repeat 0 4px;
	text-indent: -5000px;
	overflow: hidden;
	width: 204px;
	height: 18px;
	display: block;
	margin-bottom: 20px;
	margin-left: 15px;
}

.cake_foot{
	display: block;
	background: url(../yoru_img/dot01.gif) repeat-x 0 40px;
	clear: both;
	padding-top: 40px;
}
.news_kiji{background: url(../yoru_img/dot01.gif) repeat-x;
	display: block;
	font-weight: normal;
	font-style: normal;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
}
.new{
	background: url(../news/img/news.gif) no-repeat 80px 2px;
	display: block;
	color: #ea5753;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	float: right;
	margin: 0;
	padding-right: 80px;
}
.media{
	background: url(../news/img/media.gif) no-repeat 80px 2px;
	display: block;
	color: #f29500;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	float: right;
	padding-right: 80px;
	margin: 0;
}
#online_l .news_kiji h2{
	color: #BDD2ED;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	background-image: none;
	margin: 0;
	padding: 0 0 0 10px;
	display: block;
	width: 440px;
	float: left;
	border-left: 6px solid #54647d;
}
#online_l .news_kiji img{
	float: right;
	margin-left: 10px;
}
.news_kiji .honbun{
	margin-top: 20px;
	display: block;
	float: left;
}
.news_kiji .honbun .news_box{
	font-size: 13px;
	display: block;
	padding: 15px;
	margin-top: 10px;
	background-color: #584639;
}
.news_kiji .honbun .news_box h3{
	color: #BDD2ED;
	font-weight: bold;
	font-size: 14px;
}
.news_kiji .honbun .left{
	float: left;
	display: block;
	margin-right: 20px;
	width: 280px;
}
.news_kiji .honbun i{
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
}
table.t_ble td{
	padding-top: 12px;
}
table.t_ble3{
	border: 2px solid #988169;
}
table.t_ble3 td{
	background-color: #3a2217;
	color: #cfc4b0;
}
td.t_dot{
	background:transparent url(../yoru_img/dot01.gif) repeat-x scroll 0 0;
	padding-top: 12px;
	padding-right: 8px;
	padding-left: 8px;
}
td.t_dot2{
	background:transparent url(../yoru_img/dot01.gif) repeat-x scroll 0 0;
	padding-top: 12px;
	padding-right: 8px;
	padding-left: 8px;
	color: #BDD2ED;
}
.t_ble3 td.t_dot2{
	color: #BDD2ED;
}

table strong{
	font-size: 16px;color:#BDD2ED;
}
.com_toi{
	width: 604px;
	height: 128px;
	display: block;
	float: left;
	overflow: hidden;
	margin-left: 8px;
	text-indent: -5000px;
	background: url(../company/img/yoru_tel.gif) no-repeat;
	margin-bottom: 15px;
}
.com_media{
		width: 604px;
	height: 128px;
	display: block;
	float: left;
	overflow: hidden;
	margin-left: 8px;
	text-indent: -5000px;
	background: url(../company/img/yoru_mediatel.gif) no-repeat;
	margin-bottom: 15px;
}
.del_toi{
	width: 605px;
	height: 273px;
	display: block;
	float: left;
	overflow: hidden;
	margin-left: 7px;
	text-indent: -5000px;
	background: url(../delivery/img/yoru_tel.gif) no-repeat;
	margin-bottom: 15px;
}
.ol_toi{
	width: 605px;
	height: 225px;
	display: block;
	float: left;
	overflow: hidden;
	margin-left: 7px;
	text-indent: -5000px;
	background: url(../online/img/yoru_tel.gif) no-repeat;
	margin-bottom: 15px;
}
#linklist{
	margin-top: 30px;
}
#linklist a{
	text-decoration: none;
	color: #bdd2ed;
}
#linklist a:hover{
	text-decoration: none;
	color: #8f9fc7;
}

.linkbox{
	width: 203px;
	height: 173px;
	display: block;
	float: left;
	border-top: 1px dotted #59363b;
	border-left: 1px dotted #59363b;
	font-size: 12px;
	text-align: center;
}
.linkbox1{
	width: 203px;
	height: 173px;
	display: block;
	float: left;
	border-top: 1px dotted #59363b;
	border-left: 1px dotted #59363b;
	border-right: 1px dotted #59363b;
	font-size: 12px;
	text-align: center;
}
.linkbox2{
	width: 203px;
	height: 173px;
	display: block;
	float: left;
	border-top: 1px dotted #59363b;
	border-left: 1px dotted #59363b;
	border-bottom: 1px dotted #59363b;
	font-size: 12px;
	text-align: center;
}
.linkbox3{
	width: 203px;
	height: 173px;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	border: 1px dotted #59363b;
}
#linklist h2{
	font-size: 16px;
	text-align: center;
	margin: 0;
	padding: 50px 0 0;
	color: #bdd2ed;
	background-image: none;
	border-style: none;
}

/* @end */

/* @group tabs */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
}
.shadetabs li{
display: block;
margin: 20px 0 0;
}
.shadetabs li ul{
	float: left;
}
.shadetabs li{
display: block;
margin: 0;
float: left;
}
.shadetabs .pm_cake{
	margin-right: 11px;
}
.shadetabs .decor_cake{
	margin-right: 10px;
}

/* link a */

.shadetabs .pm_cake a{
	width: 182px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat 0 -40px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}
.shadetabs .decor_cake a{
	width: 182px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat -193px -40px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}
.shadetabs .mcc_cake a{
	width: 252px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat -385px -40px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}

/* link hover */

.shadetabs .pm_cake a:hover{
	width: 182px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat 0 0;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}
.shadetabs .decor_cake a:hover{
	width: 182px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat -193px 0;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}
.shadetabs .mcc_cake a:hover{
	width: 252px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat -385px 0;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}

/* link selected */

.shadetabs .pm_cake a.selected{
	width: 182px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat 0 -80px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}
.shadetabs .decor_cake a.selected{
	width: 182px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat -193px -80px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}
.shadetabs .mcc_cake a.selected{
	width: 252px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat -385px -80px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}

/* link selected hover */

.shadetabs .pm_cake a:hover.selected{
	width: 182px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat 0 0px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}
.shadetabs .decor_cake a:hover.selected{
	width: 182px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat -193px 0px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}
.shadetabs .mcc_cake a:hover.selected{
	width: 252px;
	height: 40px;
	background: url(../cake/img/yoru_ichiran_menu.jpg) no-repeat -385px 0px;
	display: block;
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}

#m_box{
	display: block;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}




/* @end */
.right{
	float: right;
	display: block;
}
.right i{
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}
#omc_r{
	background: url(../delivery/img/omc_bk_yoru.jpg) no-repeat;	
	width: 300px;
	display: block;
	padding-left: 29px;
	float: right;
	margin-right: 0;
	padding-top: 40px;
	padding-bottom: 50px;
	overflow: hidden;
	text-indent: -5000px;
}
#omc_r img{
	margin-left: 15px;
	margin-bottom: 10px;
	display: block;
	float: left;
}