@charset "utf-8";

/* �S�́A���C�A�E�g�̃X�^�C��
----------------------------------------------------------- */

body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3', Meiryo, ���C���I, sans-serif;
	font-size: 13px;
}

a:link{
	color: #303f4e;
	text-decoration: underline;
}
a:hover{
	color: #f24f77;
}
a:visited{
	color: #303f4e;
	text-decoration: underline;
}
a:active{
	color: #f24f77;
}


#wrapper{
	width: 100%;
}
#header{
	position: relative;
	width: 100%;
}
#content{
	width: 320px;
	margin: 0px auto;
}
#footer{
	clear: both;
	width: 100%;
	margin-top: 20px;
}

.space_r{
	padding-right: 1em;
}
.space_l{
	padding-left: 1em;
}

#fade{
	position: fixed;
	z-index: 15;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0;
}


/* #header�w�b�_�[�̃X�^�C��
----------------------------------------------------------- */

#header #h1_wrapper{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 30;
	width: 100%;
	height: 22px;
	background-color: #3a2f2d;
}
#header h1{

	width: 314px;
	height: 22px;
	padding-left: 6px;
	margin: 0px auto;
	color: #ffffff;
	line-height: 22px;
}
#header #header_inner_01{
	width: 320px;
	margin: 0px auto;
}
#header dl{
	position: relative;
	width: 100%;
}
#header dl dt{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 40;
	width: 10.9375%;
	cursor: pointer;
}
#header dl dt img{
	width: 100%;
	height: auto;
}
#header dl dd{
	display: none;
	position: relative;
	top: 12px;
	left: 0px;
	z-index: 20;
	overflow: hidden;
	width: 100%;
	height: 251px;
	background-image: url('./img/common/menu_bg.jpg');
}
#header ul#gnav{
	width: 100%;
	height: 215px;
	padding: 33px 0px 3px;
}
#header ul#gnav li{
	width: 100%;
	height: 35px;
	border-bottom: solid 1px #d7b06e;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
}
#header ul#gnav li.gnav_top{
	border: none;
}
#header ul#gnav li a{
	display: block;
	width: 100%;
	height: 100%;
}


/* #home �g�b�v�y�[�W */

#home #header h2{
	position: relative;
}
#home #header h2 img{
	display: block;
}
#home #header h2 img.title_word{
	margin: 6px 0px 0px 11px;
}
#home #header #header_inner_01{
	position: relative;
	width: 100%;
	margin: 0px auto;
	background-image: url('./img/top/header_bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
#home #header #header_inner_02{
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-image: url('./img/top/main_bg.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
}
#home #header #header_inner_02:after{
	padding-top: 63.4375%;
	display: block;
	content: "";
}
#home #header #header_inner_02 h2{
	position: absolute;
	width: 100%;
}
#home #header #header_inner_02 h2 img.title_logo{
	width: 51.5625%;
	height: auto;
}
#home #header #header_inner_02 h2 img.title_word{
	width: 38.125%;
	height: auto;
}
#home #header p#header_main{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 5;
	width: 57.5%;
}
#home #header p#header_main img{
	width: 100%;
	height: auto;
}


/*�R���e���c(���w)�y�[�W
#coffee,#shops,#order,#menu,#roast,#topics*/

#coffee #header #header_inner_01,
#shops #header #header_inner_01,
#order #header #header_inner_01,
#menu #header #header_inner_01,
#roast #header #header_inner_01,
#topics #header #header_inner_01{
	width: 100%;
	background-image: url('./img/contents/common/pagetitle_bg.jpg');
	background-repeat: repeat-x;
}
#coffee #header #header_inner_02,
#shops #header #header_inner_02,
#order #header #header_inner_02,
#menu #header #header_inner_02,
#roast #header #header_inner_02,
#topics #header #header_inner_02{
	width: 320px;
	height: 128px;
	margin: 0px auto;
}
#coffee #header #header_inner_01 p.contents_title,
#shops #header #header_inner_01 p.contents_title,
#order #header #header_inner_01 p.contents_title,
#menu #header #header_inner_01 p.contents_title,
#roast #header #header_inner_01 p.contents_title,
#topics #header #header_inner_01 p.contents_title{
	float: left;
	width: 170px;
	height: 99px;
}
#coffee #header #header_inner_01 h2,
#shops #header #header_inner_01 h2,
#order #header #header_inner_01 h2,
#menu #header #header_inner_01 h2,
#roast #header #header_inner_01 h2,
#topics #header #header_inner_01 h2{
	float: right;
}
#coffee #header #header_inner_01 p.contents_title img,
#shops #header #header_inner_01 p.contents_title img,
#order #header #header_inner_01 p.contents_title img,
#menu #header #header_inner_01 p.contents_title img,
#roast #header #header_inner_01 p.contents_title img,
#topics #header #header_inner_01 p.contents_title img{
	width: 170px;
	height: 99px;
}
#coffee #header #header_inner_01 h2{
	margin: 60px 4px 0px 0px;
}
#coffee #header #header_inner_01 h2 img{
	width: 143px;
	height: auto;
}
#shops #header #header_inner_01 h2{
	margin: 60px 21px 0px 0px;
}
#shops #header #header_inner_01 h2 img{
	width: 125px;
	height: auto;
}
#order #header #header_inner_01 h2{
	margin: 47px 20px 0px 0px;
}
#order #header #header_inner_01 h2 img{
	width: auto;
	height: 60px;
}
#menu #header #header_inner_01 h2{
	margin: 60px 4px 0px 0px;
}
#menu #header #header_inner_01 h2 img{
	width: auto;
	height: 47px;
}
#roast #header #header_inner_01 h2{
	margin: 47px 30px 0px 0px;
}
#roast #header #header_inner_01 h2 img{
	width: auto;
	height: 60px;
}


/* #footer�t�b�^�[�X�^�C��
----------------------------------------------------------- */

#footer ul#fnav{
	width: 300px;
	margin: 0px auto;
	padding-left: 19px;
}
#footer ul#fnav li{
	display: inline-block;
	padding: 0px 0px 12px 14px;
	margin-right: 10px;
	font-size: 11px;
	background-image: url('./img/common/fnav_point.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}
#footer #footer_inner_01{
	width: 100%;
	background-image: url('./img/common/footer_logo_bg.png');
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: auto 92px;
}
#footer #footer_inner_02{
	position: relative;
	width: 320px;
	height: 136px;
	margin: 0px auto;
}
#footer #footer_inner_02 p.pagetop{
	position: relative;
	top: 6px;
	left: 122px;
	z-index: 10;
	width: 82px;
	height: 86px;
}
#footer #footer_inner_02 p.pagetop img{
	width: 82px;
	height: 86px;
}
#footer #footer_inner_02 p.footer_title{
	position: relative;
	z-index: 20;
	width: 252px;
	height: 45px;
	margin: 0px auto;
}
#footer #footer_inner_02 p.footer_title img{
	width: 252px;
	height: 45px;
}
#footer #shop_info_wrapper_01{
	width: 100%;
	background-color: #bf8b4a;
}
#footer #shop_info_wrapper_02{
	position: relative;
	width: 320px;
	margin: 0px auto;
	padding: 18px 0px;
	background-image: url('./img/common/footer_shopinfo_bg.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#footer dl#shop_info{
	margin-left: 55px;
}
#footer dl#shop_info>dt{
	font-size: 14px;
	color: #362e2b;
	font-weight: bold;
}
#footer dl#shop_info>dt span.space_r{
	color: #362e2b;
	font-weight: bold;
}
#footer dl#shop_info>dd dl{
	overflow: hidden;
	padding-top: 4px;
	font-size: 12px;
	line-height: 1.6;
}
#footer dl#shop_info>dd dl dt{
	clear: left;
	float: left;
	color: #6b3711;
	font-weight: bold;
}
#footer dl#shop_info>dd dl dd{
	float: left;
	color: #ffffff;
}
#footer dl#shop_info .nofloat{
	float: none;
}
#footer dl#shop_info>dd dl dd.nofloat{
	padding-left: 1em;
}

#footer #shop_info_wrapper_02 p.footer_move{
	position: absolute;
	bottom: 0px;
	right: 3px;
}
#footer #shop_info_wrapper_02 p.footer_move img{
	width: 88px;
	height: 65px;
}
#footer dl#shop_info a{
	color: #ffffff;
}
#footer #shop_info_wrapper_03{
	width: 100%;
	height: 25px;
	background-color: #3a2f2d;
}
#footer p#copy{
	width: 314px;
	height: 16px;
	padding: 9px 6px 0px 0px;
	margin: 0px auto;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	text-align: right;
}



/* #home�g�b�v�y�[�W�R���e���g�X�^�C��
----------------------------------------------------------- */

#home #content #special_wrapper{
	overflow: hidden;
}
#home #content #special_wrapper h3{
	float: right;
	width: 227px;
	height: 65px;
	margin: 18px 13px 11px 0px;
}
#home #content #special_wrapper h3 img{
	width: 227px;
	height: 65px;
}
#home #content #special_wrapper p.coffee_move{
	float: left;
	width: 62.5px;
	height: 67px;
	margin: 1px 0px 0px 10px;
}
#home #content #special_wrapper p.coffee_move img{
	width: 62.5px;
	height: 67px;
}
#home #content #special_wrapper p.sp_btn{
	clear: both;
	width: 309px;
	height: 30px;
	margin: 0px auto;
}
#home #content #special_wrapper p.sp_btn img{
	width: 309px;
	height: 30px;
}

#home #content #topics_wrapper{
	width: 320px;
	min-height: 268px;
	padding-top: 11px;
	margin-top: 19px;
	background-image: url('./img/top/content_topics_bg.jpg');
	background-repeat: repeat-y;
}
#home #content #topics_wrapper h3{
	float: left;
	width: 146px;
	height: 42px;
	margin-left: 17px;
}
#home #content #topics_wrapper h3 img{
	width: 146px;
	height: 42px;
}
#home #content #topics_wrapper p.topics_more{
	float: left;
	width: 73px;
	height: 35px;
	margin: 3px 0px 0px 61px;
}
#home #content #topics_wrapper p.topics_more img{
	width: 73px;
	height: 35px;
}
#home #content #topics_wrapper dl{
	clear: left;
	width: 320px;
	padding-top: 14px;
}
#home #content #topics_wrapper dl dt{
	width: 75px;
	height: 20px;
	margin: 6px 0px 0px 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	background-color: #fff26d;
	border-radius: 2px;
}
#home #content #topics_wrapper dl dd{
	font-size: 13px;
	line-height: 1.4;
	padding: 4px 22px 3px;
	background-image: url('./img/top/content_topics_line.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#home #content p.takeout{
	position: relative;
	width: 320px;
	height: 217px;
	margin-top: 7px;
}
#home #content p.takeout img.takeout_word{
	position: absolute;
	top: 0px;
	right: 22px;
	z-index: 10;
	width: 115px;
	height: 109px;
}
#home #content p.takeout img.takeout_move{
	position: absolute;
	left: 30px;
	bottom: 0px;
	z-index: 5;
	width: 222.5px;
	height: 183.5px;
}


/* ���w�y�[�W���ʃX�^�C��
----------------------------------------------------------- */


#coffee #content,
#shops #content,
#order  #content,
#menu #content,
#roast #content,
#topics #content{
	font-size: 11px;
	line-height: 1.9;
}

#coffee #content h4,
#shops #content h3,
#order  #content h3,
#roast #content h3,
#topics #content h3{
	clear: both;
	height: 25px;
	margin: 22px 0px 0px 6px;
	padding-left: 20px;
	color: #ef2f6e;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	background-image: url('./img/contents/common/subtitle_point.png');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 25px;
}



/* #coffee���ւ̂������y�[�W�R���e���g�X�^�C��
----------------------------------------------------------- */

#coffee #content .coffee_main{
	width: 247px;
	height: 58px;
	padding-left: 73px;
	margin: 6px 0px 19px;
	background-image: url('./img/contents/coffee/coffee_mainimage.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 64px 58px;
}
#coffee #content .coffee_main img{
	width: 240px;
	height: auto;
}

#coffee #content .sp_left{
	padding-left: 12px;
}
#coffee #content .sp_left p.sp_txt{
	padding: 6px 12px 0px;
}
#coffee #content .sp_left dl dt{
	height: 19px;
	padding-left: 6px;
	margin-top: 16px;
	border-left: solid 5px #ffbe53;
	font-size: 13px;
	font-weight: bold;
	line-height: 19px;
}
#coffee #content .sp_left dl dd{
	margin-top: 6px;
	padding: 0px 12px 0px;
}
#coffee #content p.sp_img{
	width: 310px;
	margin: 12px auto 0px;
}
#coffee #content p.sp_img img{
	width: 310px;
	height: auto;
}

#coffee #content p.fresh_txt{
	padding: 6px 24px 0px;
	margin-bottom: 12px;
}

#coffee #content ol{
	overflow: hidden;
}
#coffee #content ol li{
	clear: both;
	width: 314px;
	margin-left: 6px;
}
#coffee #content ol li dl{
	margin-top: 13px;
}
#coffee #content ol li dl dd{
	padding: 6px 10px;
}
#coffee #content ol li p{
	width: 91px;
}
#coffee #content ol li p.img img{
	width: 91px;
	height: auto;
}
#coffee #content ol li.right dl{
	float: right;
	width: 223px;
}
#coffee #content ol li.right dl dt img{
	width: 223px;
	height: auto;
}
#coffee #content ol li.right p{
	float: right;
}
#coffee #content ol li.left dl{
	float: left;
	width: 216px;
	margin-left: 6px;
}
#coffee #content ol li.left dl dt img{
	width: 216px;
	height: auto;
}
#coffee #content ol li.left p{
	float: left;
}

#coffee #content .aero{
	clear: both;
	width: 302px;
	padding: 22px 4px;
	margin: 20px auto 50px;
	font-size: 13px;
	background-color: #b28850;
	border-radius: 8px;
}
#coffee #content .aero p.txt{
	padding: 0px 4px 0px 68px;
	color: #ffffff;
	background-image: url('./img/contents/coffee/coffeecup.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}
#coffee #content .aero p.img{
	margin-top: 15px;
	text-align: center;
}
#coffee #content .aero p.img img{
	width: 123px;
	height: auto;
}


/* #shops�X�܏��y�[�W�R���e���g�X�^�C��
----------------------------------------------------------- */

#shops #content span.space_r{
	font-weight: bold;
}

#shops #content .left ul{
	width: 304px;
	margin: 0px auto;
}
#shops #content .left ul li{
	padding: 12px 0px 10px 12px;
	font-size: 13px;
	line-height: 1;
	background-image: url('./img/contents/shops/shops_line.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#shops #content .left ul li dl dt{
	display: inline-block;
}
#shops #content .left ul li dl dd{
	display: inline-block;
}
#shops #content .left ul li dl dd.holiday{
	padding-left: 70px;
}
#shops #content .left p{
	width: 304px;
	margin: 19px auto;
}
#shops #content .left p img{
	width: 304px;
	height: auto;
}
#shops #content iframe{
	width: 291px;
	height: 253px;
	border: solid 4px #81511c;
	margin: 0px 10px;
}
#shops #content p.service{
	width: 304px;
	margin: 12px auto 0px;
}
#shops #content p.service img{
	width: 304px;
	height: auto;
}

#shops #content .company{
	overflow: hidden;
	margin-bottom: 40px;
}
#shops #content .company dl{
	margin-left: 12px;
}
#shops #content .company dl dt{
	clear: left;
	float: left;
	height: 19px;
	padding-left: 6px;
	margin-top: 12px;
	border-left: solid 5px #ffbe53;
	color: #004986;
	font-size: 13px;
	font-weight: bold;
	line-height: 19px;
}
#shops #content .company dl dd{
	float: left;
	height: 19px;
	padding-left: 13px;
	margin-top: 12px;
	font-size: 13px;
	line-height: 19px;
}
#shops #content .company dl dd.add{
	padding-left: 64px;
	margin-top: 0px;
}


/* #order�����y�[�W�R���e���g�X�^�C��
----------------------------------------------------------- */

#order #content .caution{
	color: #d5342d;
}

#order #content p.order_txt{
	margin: 12px;
	padding-left: 14px;
	font-size: 13px;
	line-height: 1.2;
	background-image: url('./img/contents/order/order_point_01.png');
	background-repeat: no-repeat;
	background-position: top left;
}
#order #content table.ordersheet{
	width: 100%;
	margin: 0px auto;
	border: solid 2px #959595;
	line-height: 1.2;
}
#order #content table.ordersheet th{
	padding: 4px 0px;
	border: solid 2px #959595;
	color: #ffffff;
	text-align: center;
	background-color: #81511c;
}
#order #content table.ordersheet td{
	padding: 4px;
	border: solid 2px #959595;
}
#order #content table.ordersheet tr.tr_01 td{
	background-color: #ffffff;
}
#order #content table.ordersheet tr.tr_02 td{
	background-color: #fbf4e8;
}
#order #content table.ordersheet th.name{
	width: 80px;
}
#order #content table.ordersheet th.comment{
	width: 80px;
}
#order #content table.ordersheet th.price{
	width: 42px;
}

#order #content table.ordersheet td.price,
#order #content table.ordersheet td.quantity,
#order #content table.ordersheet td.bean,
#order #content table.ordersheet td.powder{
	text-align: center;
}
#order #content table.ordersheet td.price{
	padding: 0px;
	white-space: nowrap;
}
#order #content table.ordersheet tr.user td{
	border-top: solid 4px #666666;
}
#order #content table.ordersheet tr.user td.price{
	padding: 10px 4px 4px 8px;
	line-height: 1.4;
	text-align: left;
	word-break: break;
}
#order #content table.ordersheet tr.user td.price ul li{
	margin-bottom: 6px;
}
#order #content table.ordersheet tr.user td.price ul li span{
	display: block;
}
#order #content table.ordersheet tr.user td.price ul li span.space_r{
	display: inline;
}
#order #content table.ordersheet tr.user td.price ul li dl>dd dl{
	margin-top: 6px;
}
#order #content table.ordersheet tr.user td.price ul li dl>dd dl dd{
	padding: 0px 0px 6px 6px;
}
#order #content table.ordersheet tr.user_height{
	height: 70px;
}

#order #content ul.order_way{
	overflow: hidden;
	min-height: 370px;
	margin-top: 12px
}
#order #content ul.order_way>li{
	width: 282px;
	min-height: 340px;
	padding: 12px 9px;
	border: solid 3px #81511c;
	margin: 0px auto 12px;
	border-radius: 16px;
}
#order #content ul.order_way>li dl dt{
	width: 282px;
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	background-image: url('./img/contents/order/order_line.png');
	background-repeat: no-repeat;
	background-position: bottom center;
}
#order #content ul.order_way>li dl dt img{
	display: block;
	margin: 0px auto;
}
#order #content ul.order_way>li.tel dl dt{
	color: #ef2f6e;
}
#order #content ul.order_way>li.fax dl dt{
	color: #3695c6;
}
#order #content ul.order_way>li.mail dl dt{
	color: #55ac53;
}
#order #content ul.order_way>li dl dd ol{
	padding: 12px 0px 0px 4px;
	font-size: 12px;
	line-height: 1.6;
}
#order #content ul.order_way>li dl dd ol li{
	padding-left: 18px;
}
#order #content ul.order_way>li dl dd ol li.list_01{
	background-image: url('./img/contents/order/ol_bg_01.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}
#order #content ul.order_way>li dl dd ol li.list_02{
	background-image: url('./img/contents/order/ol_bg_02.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}
#order #content ul.order_way>li dl dd ol li.list_03{
	background-image: url('./img/contents/order/ol_bg_03.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}


#order #content p.rules_txt{
	padding: 0px 6px 0px 24px;
	font-size: 11px;
	font-weight: bold;
}
#order #content p.contact{
	clear: left;
	padding: 0px 6px 0px 24px;
	margin: 22px 0px 40px;
}

#order #content dl.rules{
	overflow: hidden;
	padding: 0px 6px 0px 12px;
}
#order #content dl.rules>dt{
	height: 19px;
	padding-left: 6px;
	margin-top: 16px;
	border-left: solid 5px #ffbe53;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
}
#order #content dl.rules>dd{
	padding-left: 11px;
}
#order #content dl.rules>dd ol{
	padding-left: 11px;
}

#order #content dl.rules dd.charge_table{
	width: 280px;
	margin: 12px 0px 20px;
}
#order #content dl.rules table{
	width: 274px;
	border: solid 2px #959595;
	font-size: 13px;
	line-height: 1.8;
}
#order #content dl.rules table th{
	border: solid 2px #959595;
	color: #ffffff;
	background-color: #81511c;
	text-align: center;
}
#order #content dl.rules table th.area{
	width: 200px;
}
#order #content dl.rules table th.charge{
	width: 48px;
}
#order #content dl.rules table td{
	border: solid 2px #959595;
}
#order #content dl.rules table td.area{
	padding-left: 2px;
}
#order #content dl.rules table td.charge{
	text-align: center;
}
#order #content dl.rules table tr.tr_01 td{
	background-color: #ffffff;
}
#order #content dl.rules table tr.tr_02 td{
	background-color: #fbf4e8;
}
#order #content span.space_l{
	display: block
}
#order #content dl.rules>dd ul.send>li{
	padding-left: 12px;
	margin: 8px 0px;
	line-height: 1;
	background-image: url('./img/contents/order/order_point_02.png');
	background-repeat: no-repeat;
	background-position: top left;
}
#order #content dl.rules>dd ul.send>li ul li{
	margin: 8px 0px;
}
#order #content dl.rules>dd ul.send>li ul li span.space_l{
	margin: 8px 0px;
}

#order #content dl.rules>dd.hyoji dl dt{
	padding-left: 12px;
	margin-top: 12px;
	background-image: url('./img/contents/order/order_point_02.png');
	background-repeat: no-repeat;
	background-position: center left;
}
#order #content dl.rules>dd.hyoji dl dd{
	padding-left: 12px;
}


/* #menu���j���[�y�[�W�R���e���g�X�^�C��
----------------------------------------------------------- */

#menu #content #allmenu{
	width: 320px;
	height: 483px;
	margin: 35px auto 0px;
	padding-top: 17px;
	background-image: url('./img/contents/menu/allmenu_bg.png');
	background-repeat: no-repeat;
	background-size: 320px 500px;
}
#menu #content #allmenu h3{
	display: table-cell;
	width: 320px;
	height: 58px;
	margin: 0px auto;
	color: #81511c;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-image: url('./img/contents/menu/allmenu_title_bg.png');
	background-repeat: no-repeat;
	background-size: 320px 58px;
}
#menu #content #allmenu h3 span.space_r{
	color: #362e2b;
	font-weight: bold;
}
#menu #content #allmenu h4{
	height: 16px;
	padding: 4px 0px 3px 30px;
	color: #6a3906;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	background-image: url('./img/contents/menu/menu_cup.png');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 20px;
}
#menu #content #allmenu .menu_left{
	width: 254px;
	margin: 12px 0px 0px 12px;
}
#menu #content #allmenu .menu_right{
	width: 296px;
	margin: 12px 0px 0px 12px;
}
#menu #content #allmenu ul{
	margin-top: 6px;
}
#menu #content #allmenu ul li{
	height: 11px;
	padding: 8px 12px;
	font-size: 11px;
	line-height: 1;
	border-bottom: solid 2px #f5f0e8;
}
#menu #content #allmenu ul li dl dt{
	float: left;
}
#menu #content #allmenu ul li dl dd{
	float: right;
	color: #7d0000;
	font-weight: bold;
}
#menu #content .othermenu{
	position: relative;
	width: 253px;
	height: 91px;
	padding: 30px 0px 0px 20px;
	margin: 40px 0px 0px 17px;
	background-color: #996c33;
	border-radius: 9px;
}
#menu #content .othermenu h4{
	position: absolute;
	top: -16px;
	left: 83px;
	width: 125px;
	height: 38px;
	margin: 0px;
	padding: 0px;
	background-image: none;
}
#menu #content .othermenu p.other_txt{
	color: #ffffff;
	line-height: 1.6;
}
#menu #content .othermenu p.other_img{
	position: absolute;
	bottom: -14px;
	right: -17px;
}

#menu #content ul#tub_menu{
	width: 320px;
	height: 45px;
	margin-top: 60px;
}
#menu #content ul#tub_menu li{
	float: left;
	width: 80px;
	height: 36px;
	padding-top: 9px;
	color: #342b31;
	font-size: 6px;
	font-weight: bold;
	line-height: 1.0;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 80px auto;
}
#menu #content ul#tub_menu li.tub_01{
	background-image: url('./img/contents/menu/menutub_01.png');
}
#menu #content ul#tub_menu li.tub_02{
	background-image: url('./img/contents/menu/menutub_02.png');
}
#menu #content ul#tub_menu li.tub_03{
	background-image: url('./img/contents/menu/menutub_03.png');
}
#menu #content ul#tub_menu li.tub_04{
	background-image: url('./img/contents/menu/menutub_04.png');
}
#menu #content ul#tub_menu li.tub_01.on{
	background-image: url('./img/contents/menu/menutub_on_01.png');
}
#menu #content ul#tub_menu li.tub_02.on{
	background-image: url('./img/contents/menu/menutub_on_02.png');
}
#menu #content ul#tub_menu li.tub_03.on{
	background-image: url('./img/contents/menu/menutub_on_03.png');
}
#menu #content ul#tub_menu li.tub_04.on{
	background-image: url('./img/contents/menu/menutub_on_04.png');
}
#menu #content ul#tub_menu li span.space_r{
	font-weight: bold;
}
#menu #content ul#tub_menu li span.menu{
	display: block;
	margin-top: 2px;
	color: #7d0000;
	font-weight: bold;
}

#menu #content ul.tub_content{
	overflow: hidden;
	margin-bottom: 40px;
}
#menu #content ul.tub_content>li{
	display: none;
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
#menu #content ul.tub_content>li.menu_01{
	display: block;
}


#menu #content ul.tub_content li h3{
	height: 27px;
	margin: 0px auto 17px;
	color: #ffffff;
	font-size: 13px;
	line-height: 27px;
	text-align: center;
	background-color: #7e6b5a;
	border-radius: 4px;
}
#menu #content ul.tub_content li h4{
	height: 13px;
	padding: 4px 0px 2px 6px;
	margin-left: 12px;
	color: #59493f;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.0;
	border-left: solid 5px #ffbe53;
}
#menu #content ul.tub_content li ul{
	width: 288px;
	margin: 0px auto;
}
#menu #content ul.tub_content li ul li{
	overflow: hidden;
	min-height: 30px;
	padding-left: 11px;
	border-bottom: solid 2px #e0c496;
	font-size: 11px;
	line-height: 30px;
}
#menu #content ul.tub_content>li ul li dt{
	float: left;
}
#menu #content ul.tub_content>li ul li dd{
	float: right;
	padding-right:25px;
	color: #7d0000;
	font-weight: bold;
}
#menu #content ul.tub_content li p{
	padding: 0px 28px 0px 24px;
	color: #59493f;
}
#menu #content ul.tub_content li dl.menu_img{
	width: 298px;
	margin: 23px auto;
}
#menu #content ul.tub_content li dl.menu_img img{
	width: 298px;
	height: auto;
}
#menu #content ul.tub_content li dl.menu_img dd{
	width: 250px;
	height: 25px;
	margin: 11px auto;
	text-align: center;
	line-height: 25px;
	background-color: #ffbe53;
	border-radius: 8px;
}
#menu #content ul.tub_content li ul li.setmenu dd{
	padding-right: 6px;
}
#menu #content ul.tub_content li ul li.setmenu dd.set{
	clear: both;
}
#menu #content ul.tub_content li ul li.setmenu span.space_r{
	color: #000000;
}


#menu #content ul.tub_content li.menu_01 h3{
	width: 130px;
}

#menu #content ul.tub_content li.menu_02 h3{
	width: 200px;
}
#menu #content ul.tub_content li.menu_02 p{
	margin: 10px 0px 12px;
}

#menu #content ul.tub_content li.menu_03 h3{
	width: 220px;
}
#menu #content ul.tub_content li.menu_03 .menu_right ul{
	margin-bottom: 24px;
}
#menu #content ul.tub_content li.menu_03 p{
	padding-right: 28px;
	margin: 10px 0px 12px;
}
#menu #content ul.tub_content li.menu_03 p span.space_l,
#menu #content ul.tub_content li.menu_04 p span.space_l{
	display: block;
}

#menu #content ul.tub_content li.menu_04 h3{
	width: 230px;
}
#menu #content ul.tub_content li.menu_04 .menu_left p{
	margin-top: 10px;
}
#menu #content ul.tub_content li.menu_04 .menu_right{
	margin-top: 20px;
}
#menu #content ul.tub_content li.menu_04 ul.dessert dt{
	float: none;
}
#menu #content ul.tub_content li.menu_04 ul.dessert dt.dessert_last{
	float: left;
}
#menu #content ul.tub_content li.menu_04 ul.dessert dd.set{
	clear: both;
	float: none;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}



/* #roast���ւ̂������y�[�W�R���e���g�X�^�C��
----------------------------------------------------------- */


#roast #content .roast_about_left{
	padding: 0px 12px 0px;
}
#roast #content .roast_about_left p{
	margin-bottom: 16px;
}
#roast #content .roast_about_left p.push{
	font-size: 13px;
	font-weight: bold;
}
#roast #content p.roast_img{
	width: 244px;
	margin: 0px auto;
}

#roast #content .sumi_roast{
	margin: 12px 0px 0px 12px;
}
#roast #content .sumi_roast img{
	width: 290px;
	height: auto;
}
#roast #content .sumi_roast p.push{
	margin: 8px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
}
#roast #content p.sumibi{
	width: 275px;
	margin: 11px auto;
}

#roast #content .sumi_about{
	overflow: hidden;
	margin-bottom: 40px;
}
#roast #content .sumi_about p.sumi{
	float: left;
	width: 102px;
	margin: 8px 0px 0px 4px;
}
#roast #content .sumi_about p.sumi img{
	width: 102px;
	height: auto;
}
#roast #content .sumi_about p.push{
	float: left;
	width: 200px;
	margin: 16px 0px 0px 6px;
	color: #81511c;
	font-size: 13px;
	line-height: 1.6;
	font-weight: bold;
}
#roast #content .sumi_about p.about{
	clear: left;
	padding: 12px;
}

#roast #content .sumi_about p.fire{
	width: 176px;
	margin: 0px auto;
}

/********************************
20170802追記
********************************/
#home #content #topics_wrapper #topicsArea{
	clear: left;
	width: 320px;
	padding-top: 14px;
}

#home #content #topics_wrapper li{
	background-image: url(./img/top/content_topics_line.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#home #content #topics_wrapper #topics_date{
	width: 75px;
	height: 20px;
	margin: 6px 0px 0px 20px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	background-color: #fff26d;
	border-radius: 2px;
}

#home #content #topics_wrapper #topics_title{
	font-size: 13px;
	line-height: 1.4;
	padding: 4px 22px 3px;
}