@import url(common.css);





/*

----------------------------------------------------------------------------

div#wrapper メインエリア

----------------------------------------------------------------------------

*/



body#toppage div#flashArea {

	clear:both;

	width:100%;

	padding-bottom:5px;

}



div#wrapper {

	clear:both;

	width:758px;

	margin:0 auto;

	padding-left:2px;

}



div#wrapper div#mainArea {

	width:482px;

	padding-bottom:20px;

	float:left;

}



div#wrapper div#subArea {

	width:256px;

	padding-bottom:20px;

	float:right;

}



div#mainArea div#newsArea {

	padding-bottom:6px;

	background:#FBFAF7 url(../img/top/bg_news.jpg) no-repeat;

	border-bottom:#FFF 21px solid;

}



div#newsArea h2 {

	width:182px;

	height:49px;

	margin-bottom:24px;

	background:url(../img/top/cap_news.jpg) right bottom no-repeat;

	text-indent:-9999px;

	float:left;

}



div#newsArea p#backnum {

	width:138px;

	padding:19px 10px 0 0;

	float:right;

}



div#newsArea p#backnum a {

	display:block;

	height:36px;

	background:url(../img/top/bt_backnumber.jpg) no-repeat;

	text-indent:-9999px;

}



div#newsArea p#backnum a:hover { background:url(../img/top/bt_backnumber.jpg) -138px 0 no-repeat; }



div#newsArea div#newsDate {

	clear:both;

	width:471px;

	margin:0 5px;

	padding-bottom:7px;

	background:url(../img/top/bg_news-b.gif) left bottom no-repeat;

}



div#newsArea div#newsDate ul {

	clear:both;

	width:451px;

	margin:0 auto;

}



div#newsArea div#newsDate ul li {

	padding:8px 0 5px 10px;

	background:url(../img/top/ic_news.gif) 0 1.0em no-repeat;

	border-bottom:#BBB9AE 1px dotted;

	color:#5A594C;

}



div#newsArea div#newsDate ul li a {

	color:#5A594C;

}



div#mainArea div#specialBnr {

	padding:0 0 15px;

}


div.cont-all h3.st {
	height:25px !important;
	text-indent:-9999px;
}

div.cont-all h3#st01 { background:url(../img/top/st01.gif) no-repeat; }
div.cont-all h3#st02 { background:url(../img/top/st02.gif) no-repeat; }
div.cont-all h3#st03 { background:url(../img/top/st03.gif) no-repeat; }


div#mainArea div#blogArea {

	width:214px;

	float:left;

}



div#blogArea div.blogbox {

	width:202px;

	margin-bottom:10px;

	padding:5px;

	border:#D6D0CD 1px solid;

}



div#blogArea div.blogbox h3 {

	width:201px;

}



div#blogArea div.blogbox h3 a {

	display:block;

	height:65px;

	text-indent:-9999px;

}



div#blogArea div#blog01 h3 a { background:url(../img/top/cap_owner.jpg) no-repeat; }

div#blogArea div#blog02 h3 a { background:url(../img/top/cap_diario.jpg) no-repeat; }

div#blogArea div#blog03 h3 a { background:url(../img/top/cap_dttime.jpg) no-repeat; }



div#blogArea div.blogbox dl {

	width:195px;

	margin:0 auto;

}



div#blogArea div#blog01 dl { border-left:#2F1505 2px solid; }

div#blogArea div#blog02 dl { border-left:#D37676 2px solid; }

div#blogArea div#blog03 dl { border-left:#58592D 2px solid; }



div#blogArea div.blogbox dl dt,

div#blogArea div.blogbox dl dd {

	padding-left:10px;

	font-size:84%;

	line-height:130%;

	color:#333;

}



div#blogArea div.blogbox dl dt {

	font-weight:bold;

}



div#blogArea div.blogbox dl dd a {

	color:#333;

	text-decoration:none;

}



div#blogArea div.blogbox dl dd a:hover {

	text-decoration:underline;

}



div#mainArea div#txinfoArea {

	width:248px;

	float:right;

}



div#txinfoArea h3 {

	height:80px;

	background:url(../img/top/cap_seventh.jpg) no-repeat;

	text-indent:-9999px;

}



div#txinfoArea div#publishArea {

	width:149px;

	margin-bottom:24px;

	padding:0 0 20px 90px;

	background:url(../img/top/p_txpresso.jpg) 7px 4px no-repeat;

	border-bottom:#BBB9AE 1px dotted;

}



div#txinfoArea div#publishArea h4 {

	height:48px;

	background:url(../img/top/sub_txinfo.jpg) no-repeat;

	text-indent:-9999px;

}



div#txinfoArea div#publishArea p#infodoc {

	padding-bottom:10px;

	line-height:130%;

}



div#txinfoArea div#publishArea p#infonav {

	width:132px;

}



div#txinfoArea div#publishArea p#infonav a {

	display:block;

	height:22px;

	background:url(../img/top/bt_detail.jpg) no-repeat;

	text-indent:-9999px;

}



div#txinfoArea div#publishArea p#infonav a:hover { background:url(../img/top/bt_detail.jpg) 0 -22px no-repeat; }



body#toppage p#bnrWorkshop {

	width:248px;

}



body#toppage p#bnrWorkshop a {

	display:block;

	height:81px;

	background:url(../img/top/bn_barista.jpg) no-repeat;

	text-indent:-9999px;

}



body#toppage p#bnrWorkshop a:hover { background-position: 0 -81px; }



p.bnrdoc {

	padding-top:7px;

	line-height:120%;

	font-size:84%;

}



div#subArea div#businessArea {

	width:236px;

	height:472px;

	padding:0 10px 22px;

	background:url(../img/top/bg_business.jpg) no-repeat;

}



div#businessArea h3 {

	width:232px;

	height:51px;

	background:url(../img/top/cap_business.jpg) 0 11px no-repeat;

	text-indent:-9999px;

}



div#businessArea div.bussbox {

	width:187px;

	height:76px;

	margin-bottom:10px;

	padding-left:45px;

	border-bottom:#BBB9AE 1px dotted;

}



div#businessArea div#buss1 { background:url(../img/top/img_txpresso.jpg) no-repeat; }

div#businessArea div#buss2 { background:url(../img/top/img_consulting.jpg) no-repeat; }

div#businessArea div#buss3 { height:80px; background:url(../img/top/img_import.jpg) no-repeat; }

div#businessArea div#buss4 { height:79px; background:url(../img/top/img_cafeart.jpg) no-repeat; }



div#businessArea div.bussbox h4 {

	padding-bottom:10px;

}



div#businessArea div.bussbox h4 a {

	display:block;

	text-indent:-9999px;

	overflow:hidden;

}



div#businessArea div#buss1 h4 a { height:12px; background:url(../img/top/sub_txpresso.jpg) no-repeat; }

div#businessArea div#buss2 h4 a { height:13px; background:url(../img/top/sub_consulting.jpg) no-repeat; }

div#businessArea div#buss3 h4 a { height:31px; background:url(../img/top/sub_import.jpg) no-repeat; }

div#businessArea div#buss4 h4 a { height:30px; background:url(../img/top/sub_cafeart.jpg) no-repeat; }



div#businessArea div#buss1 h4 a:hover { background:url(../img/top/sub_txpresso.jpg) 0 -12px no-repeat; }

div#businessArea div#buss2 h4 a:hover { background:url(../img/top/sub_consulting.jpg) 0 -13px no-repeat; }

div#businessArea div#buss3 h4 a:hover { background:url(../img/top/sub_import.jpg) 0 -31px no-repeat; }

div#businessArea div#buss4 h4 a:hover { background:url(../img/top/sub_cafeart.jpg) 0 -30px no-repeat; }



div#businessArea div.bussbox p {

	text-indent:-9999px;

}



div#businessArea div#buss1 p { width:179px; height:34px; background:url(../img/top/txt_txpresso.jpg) no-repeat; }

div#businessArea div#buss2 p { width:173px; height:34px; background:url(../img/top/txt_consulting.jpg) no-repeat; }

div#businessArea div#buss3 p { width:164px; height:22px; background:url(../img/top/txt_import.jpg) no-repeat; }

div#businessArea div#buss4 p { width:172px; height:22px; background:url(../img/top/txt_cafeart.jpg) no-repeat; }



div#businessArea p#bussnav {

	width:228px;

	margin:0 auto;

}



div#businessArea p#bussnav a {

	display:block;

	height:67px;

	background:url(../img/top/bt_business.jpg) no-repeat;

	text-indent:-9999px;

}



div#businessArea p#bussnav a:hover { background:url(../img/top/bt_business.jpg) 0 -67px no-repeat; }



body#toppage p#bnrCaffeart {

	width:248px;

}



body#toppage p#bnrCaffeart a {

	display:block;

	height:81px;

	background:url(../img/top/bn_latteart.jpg) no-repeat;

	text-indent:-9999px;

}



body#toppage p#bnrCaffeart a:hover { background-position: 0 -81px; }


body#toppage p#bnrJaxon {

	width:248px;

}



body#toppage p#bnrJaxon a {

	display:block;

	height:81px;

	background:url(../img/top/bn_jaxon.jpg) no-repeat;

	text-indent:-9999px;

}

body#toppage p#bnrJaxon a:hover { background-position: 0 -81px; }

div#subArea p#bnrWorkshop,
div#subArea p#bnrCaffeart,
div#subArea p#bnrJaxon,
div#subArea p.bnrdoc{ width:248px; margin:0 auto; }

div#subArea p.bnrdoc { padding-bottom:10px; }



/*

----------------------------------------------------------------------------

div#shopinfoArea 店舗情報

----------------------------------------------------------------------------

*/



div#shopinfoArea {

	clear:both;

	width:754px;

	margin:0 auto;

}



div#shopinfoArea h3 {

	height:57px;

	background:url(../img/top/cap_shopinfo.gif) no-repeat;

	text-indent:-9999px;

}



div#shopinfoArea ul {

	height:64px;

}



div#shopinfoArea ul li {

	padding-right:3px;

	float:left;

}



div#shopinfoArea ul li#dn01 { width:120px; }

div#shopinfoArea ul li#dn02 { width:120px; }

div#shopinfoArea ul li#dn03 { width:140px; }

div#shopinfoArea ul li#dn04 { width:120px; }

div#shopinfoArea ul li#dn05 { width:120px; padding-right:2px; }

div#shopinfoArea ul li#dn06 { width:120px; padding:0; }



div#shopinfoArea ul li a {

	display:block;

	height:46px;

	text-indent:-9999px;

}



div#shopinfoArea ul li#dn01 a { background:url(../img/top/dnav01.jpg) no-repeat; }

div#shopinfoArea ul li#dn02 a { background:url(../img/top/dnav02.jpg) no-repeat; }

div#shopinfoArea ul li#dn03 a { background:url(../img/top/dnav03.jpg) no-repeat; }

div#shopinfoArea ul li#dn04 a { background:url(../img/top/dnav04.jpg) no-repeat; }

div#shopinfoArea ul li#dn05 a { background:url(../img/top/dnav05.jpg) no-repeat; }

div#shopinfoArea ul li#dn06 a { background:url(../img/top/dnav06.jpg) no-repeat; }



div#shopinfoArea ul li#dn01 a:hover { background:url(../img/top/dnav01.jpg) 0 -46px no-repeat; }

div#shopinfoArea ul li#dn02 a:hover { background:url(../img/top/dnav02.jpg) 0 -46px no-repeat; }

div#shopinfoArea ul li#dn03 a:hover { background:url(../img/top/dnav03.jpg) 0 -46px no-repeat; }

div#shopinfoArea ul li#dn04 a:hover { background:url(../img/top/dnav04.jpg) 0 -46px no-repeat; }

div#shopinfoArea ul li#dn05 a:hover { background:url(../img/top/dnav05.jpg) 0 -46px no-repeat; }

div#shopinfoArea ul li#dn06 a:hover { background:url(../img/top/dnav06.jpg) 0 -46px no-repeat; }



div#shopinfoArea div#contactArea {

	clear:both;

	width:690px;

	height:89px;

	margin:0 auto 22px;

	background:url(../img/top/bg_contact.gif) no-repeat;

}



div#contactArea div#contactInfo {

	width:452px;

	padding:20px 0 0 20px;

	float:left;

}



div#contactArea div#contactInfo h4 {

	height:25px;

	background:url(../img/top/cap_contact.gif) no-repeat;

	text-indent:-9999px;

}



div#contactArea div#contactInfo dt {

	width:270px;

	height:26px;

	background:url(../img/top/txt_phone.gif) no-repeat;

	text-indent:-9999px;

	float:left;

}



div#contactArea div#contactInfo dd {

	color:#5A594C;

	line-height:120%;

	float:right;

	white-space:nowrap;

}



div#contactArea div#contactInfo dd a {

	color:#5A594C;

	text-decoration:none;

}



div#contactArea div#contactInfo dd a:hover {

	text-decoration:underline;

}



div#contactArea ul#conav {

	width:194px;

	padding:4px 13px 0 0;

	float:right;

}



div#contactArea ul#conav li {

	width:194px;

}



div#contactArea ul#conav li a {

	display:block;

	text-indent:-9999px;

}



div#contactArea ul#conav li#cn01 a { height:37px; background:url(../img/top/bt_fax.jpg) no-repeat; }

div#contactArea ul#conav li#cn02 a { height:40px; background:url(../img/top/bt_form.jpg) no-repeat; }



div#contactArea ul#conav li#cn01 a:hover { background:url(../img/top/bt_fax.jpg) -194px 0 no-repeat; }

div#contactArea ul#conav li#cn02 a:hover { background:url(../img/top/bt_form.jpg) -194px 0 no-repeat; }





/*

----------------------------------------------------------------------------

inquiry お問い合わせ

----------------------------------------------------------------------------

*/



body#inquiry div#container {

	clear:both;

	width:760px;

	margin:0 auto;

	color:#666;

}



body#inquiry div#container p#pankuz {

	padding:3px 0 2px;

}



body#inquiry div#container h2 {

	padding-bottom:17px;

	overflow:hidden;

}



body#inquiry div#container p#introdoc {

	padding-bottom:22px;

	line-height:180%;

}



body#inquiry div#container p#introdoc span {

	color:#CC0001;

}



body#inquiry div#container table {

	width:759px;

	border-top:#C8C8C8 1px solid;

	border-left:#C8C8C8 1px solid;

}



body#inquiry div#container table th,

body#inquiry div#container table td {

	padding:6px 20px 4px;

	border-bottom:#C8C8C8 1px solid;

	border-right:#C8C8C8 1px solid;

}



body#inquiry div#container table th {

	width:188px;

	background:#EEE;

	font-weight:normal;

	text-align:left;

}



body#inquiry div#container table th span,

body#inquiry div#container table td span {

	color:#CC0001;

}



body#inquiry div#container table td input.nametxt {

	width:245px;

}



body#inquiry div#container table td input.addtxt {

	width:458px;

}



body#inquiry div#container table td input.numtxt {

	width:145px;

}



body#inquiry div#container table td textarea {

	width:458px;

}



body#inquiry div#container div#scbtn {

	padding:18px 0 20px;

	text-align:center;

	overflow:hidden;

}



body#inquiry div#container p.thanksdoc {

	padding-bottom:20px;

	line-height:160%;

}



body#inquiry div#container p.thanksdoc span {

	color:#CC0001;

}



body#inquiry div#container div#topbtn {

	padding-bottom:68px;

	text-align:center;

}



body#inquiry div#container div#topbtn button {

	display:block;

	width:138px;

	height:36px;

	background:url(../inquiry/img/bt_submit.jpg) no-repeat;

	text-indent:-9999px;

}





/*

----------------------------------------------------------------------------

huckclearfix クリア

----------------------------------------------------------------------------

*/



div#wrapper:after,

div#newsArea:after,

div#newsDate dl:after,

div#shopinfoArea:after {

	content: "";

	display: block;

	height:0;

	clear: both;

	visibility:hidden;

	}	



div#wrapper,

div#newsArea,

div#newsDate dl,

div#shopinfoArea {

	display:inline-block;

	}

 

/*\*/



* html div#wrapper,

* html div#newsArea,

* html div#newsDate dl,

* html div#shopinfoArea {

	height:1%;

}



div#wrapper,

div#newsArea,

div#newsDate dl,

div#shopinfoArea {

	display:block;

	}



/**/