@charset "utf-8";
/* --------------------------------------COMMON-------------------------------------- */
/* case etc */

*{
	margin:0;
	/*border:0;*/
	list-style:none;
	font-weight:normal;
	font-style:normal;
	background-image: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/*img{
	vertical-align:bottom;
}*/
.margin_reset {margin: 0px;padding: 0px;}
body {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino　Kaku　Gothic　Pro", Osaka, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #4d4d4d;
	text-decoration: none;
	background-color: #F4F5EF;
	text-align: center;
}
img{border:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px;}
.fltrt { float: right;}
.fltlft { float: left;}
.margin_bottom10{margin-bottom:10px;}
.margin_bottom17{margin-bottom:17px;}
.margin_top26{margin-top:26px;}
a:link {color: #4d4d4d;text-decoration: none;}
a:visited {text-decoration: none;color: #4d4d4d;}
a:hover {text-decoration: none;color: #b5151d;}
a:active {text-decoration: none;}
p{padding:10px 0px;}
.leftAlign{text-align:left;}
.rightAlign{text-align:right;}
.centerAlign{text-align:center;}

/* --------------------------------------BASE LAYOUT-------------------------------------- */
#wrapper {width: 922px;margin-right: auto;margin-left: auto;position:relative;background-color: #FFFFFF;text-align: left;}
#cont {margin-right:0px;margin-left:10px;}
#header {height: 65px; }
h1{padding:10px 10px 0px 0px;font-weight:normal;font-style:normal;font-size: 12px;}
#TopImage{ width:904px; margin-bottom: 16px; padding-bottom:16px; }
#image { width:902px; margin-bottom: 16px; padding-bottom:16px; }
#contents {margin-bottom: 26px;}

/* --------------------------------------BASE NAVIGTION-------------------------------------- */
#navigation { float: left;width: 178px;margin-right:9px; margin-bottom:26px; }
.naviMain li { line-height:31px; margin-bottom: 6px; }
.naviMain a { display:block; height:31px; width:178px; background:url("../images/menu.gif") no-repeat; text-indent:26px; color:#4d4d4d4; }
.type00, .type01{ background:url("../images/menu-header.gif") no-repeat; text-indent:10px; color:#202020; }

.menu00 a:hover, .menu01 a:hover, .menu02 a:hover, .menu03 a:hover, .menu04 a:hover, .menu05 a:hover, .menu06 a:hover, .menu07 a:hover, .menu08 a:hover,
.menu03a a:hover, .menu03b a:hover, .menu03c a:hover, .menu03c2 a:hover, .menu03d a:hover, .menu03e a:hover, .menu03all a:hover
  { background:url("../images/menu-hover.gif") no-repeat; text-indent:26px; color:#4d4d4d; }

#navDesign .menu01 a, #navProduce .menu02 a, #navCafe .menu03a a, #navJapanese .menu03b a, #navFrench .menu03c a,
#navItalian .menu03c2 a, #navSale .menu03d a, #navBeauty_Salon .menu03e a, #navCase .menu03all a, #navNeed .menu04 a, #navFlow .menu05 a,
#navFaq .menu06 a, #navTerm .menu07 a, #navEstate .menu08 a
{ background:url("../images/menu-current.gif") no-repeat; text-indent:26px; color:#f4f5ef; }

#navigation #current a { background:url("../images/menu-current.gif") no-repeat; text-indent:26px; color:#f4f5ef; }

.type04 { margin-top:25px; }
.menu03all { height:45px; background:url("../images/menu-separate.gif") no-repeat 0 37px; }

/* --------------------------------------BASE Topnavi-------------------------------------- */
p.ar{
	padding:0;
	padding-left:10px;
	margin-left:5px;
	background:url(../img/indent_icon.gif) no-repeat center left;
}
ul.Topnavi li {float: left;width: 70px;text-align: center;}
ul.Topnavi {margin-left: 27px;}
#TopNavi {width:480px; float:right;}
#TopNavi .topNavi_second{
	margin-top:10px;
}
#TopNavi .topNavi_second p{
	padding:0;
	padding-right:10px;
}
.boder_l_dot {border-left-width: 1px;border-left-style: dotted;border-left-color: #999999;}

/* --------------------------------------TOP toppage base-------------------------------------- */
#navigationTop {float: left;width: 178px;margin-right: 20px;}
.naviMainTop li {line-height: 31px;margin-bottom: 6px;}
.naviMainTop a { display:block; height:31px; width:178px; background:url("../images/menu.gif") no-repeat; text-indent:26px; color:#4d4d4d4; }
#total {margin-bottom: 10px;}
#MainContent {float: left;width: 519px;margin-right: 19px;}
#sidebar02 {width: 165px;float: left;}
#sidebar02 h3{margin-top:20px;}
#sidebar02 #link{margin:10px 0px;}
#fooTop{
	color:#4d4d4d;
	margin-top: 30px;
}

/* --------------------------------------TOP work-------------------------------------- */
#work {margin-bottom: 26px;}
.work li {float: left;}
.margin_right17 {margin-right: 17px;}

/* --------------------------------------TOP recommend-------------------------------------- */
#reco h3{height:25px;font-weight:bold;color:#666;font-size:12px;background:url(../img/line.jpg) no-repeat right 20px;}
#reco h3 .data{padding-left:20px;font-weight:nomal;font-size:12px;}
#reco li{min-height:100px;padding:10px 0px 0px 0px;}
#reco p{margin:10px;padding:0px;}
#reco img{float:left;margin:10px 15px 5px 5px;}

/* --------------------------------------TOP what'new-------------------------------------- */
#news {margin-bottom: 10px;}
#wn li{background:url(../img/line.jpg) repeat-x bottom;}
#wnWrapper{padding:5px 10px;background:#fff url(../img/tit_what02.jpg) no-repeat top left;text-align:left;}
#wn h3{margin:0px 5px;font-weight:bold;font-size:12px;color:#666;}
#wn p{margin:0px 5px;padding-bottom:10px;color:#666;font-size:12px;}

/* --------------------------------------TOP hisada-------------------------------------- */
p#hisada{margin:0px;padding:0px;}
p#hisada img{margin:0px;padding:0px;}

/* --------------------------------------PAGE BASE topicpath-------------------------------------- */
p#topicpath {margin:5px 0px;margin-bottom:20px;padding:0px;color:#b5151d;text-align:left;font-weight:bold;background:url(../img/line02.jpg) no-repeat 215px 5px;}
p#topicpath02 {margin:5px 0px;padding:0px;color:#b5151d;text-align:left;font-weight:bold;background:url(../img/line02.jpg) no-repeat 300px 5px;}
p#topicpath a,p#topicpath02 a{color:#999999;background:#fff;font-weight:bold;}

/* --------------------------------------PAGE DISIGN-------------------------------------- */
#design {float: left;width:715px;margin:0px;padding:0px;}
#design #sentence {padding-left: 44px;}
#design #sentence h4 {font-size: 16px;font-weight: bold;}
#design #sentence p{line-height:300%;}
#design .green {color: #b5151d;}
#fooDisign {height: 100px;padding-top: 10px;padding-bottom: 10px;text-align:right;}
#fooDisign a {margin-right: 30px;}

/* --------------------------------------PAGE PRODUCE-------------------------------------- */
#produce{float:left;width:715px;margin:0px;padding:0px;}
#produce p{
	padding:5px 0 0 0;
}
#produce #note{margin:10px 30px 10px 18px;font-size:12px; line-height:170%; letter-spacing:4px;}
#produce h2 img{margin:0px;padding:0px;}
#produce li{width:682px;height:214px;margin:auto;background:url(../produce/img/con_line.jpg) no-repeat top right;}
#produce h3 {float:left;width:166px;margin:0px;padding:0px;}
#produce li div.waku{float:right;width:476px;}
div.waku p{width:450px;margin-top:2%; line-height:170%;}
#fooProduce{clear:both;padding:10px 32px;text-align:right;}

/* --------------------------------------PAGE SHOP NEED-------------------------------------- */
#need{float:left;width:716px;margin:0px;padding:0px;}
#need h2 img{margin:0px;padding:0px;}
#need p{text-align:center;}
p#topicpath {text-align:left;margin-bottom:20px;padding:0;}
#need h3{clear:both;margin:15px 10px;padding:0px;}
#need h4{margin:10px 0px 10px 10px;padding:0px;color:#b5151d;font-weight:bold;}
#need ul{float:left;margin-left:34px;}
#need ul.guide li{float:left;width:320px;}
#need ul.guide li.liT{border-top:dotted 1px #ccc;}
#need ul.guide li.liB{border-left:dotted 1px #ccc;border-top:dotted 1px #ccc;}
#need ul.guide li.liL{border-left:dotted 1px #ccc;}
#need ul.guide li p{margin:15px;padding:0px;text-align:left;}
#need div#imgNeed1{float:left;width:132px;margin:10px 0px;padding:0px;}
#need ul#imgNeed2{float:left;width:462px;height:405px;margin:10px 0px;padding:0px;} /* background:url(../shop/need/img/img_need04.jpg) no-repeat top left; */
#need ul#imgNeed2 li{height:137px;margin:0px 20px;padding:0px;}
#need ul#imgNeed2 p{margin:0px;padding:20px;text-align:left;}
#need div#imgNeed3{float:left;margin:9px 0px 12px 13px;}
#need div#imgNeed3 p{padding-top:0;}
#fooNeed{clear:both;padding:10px 10px;text-align:right;}

/* --------------------------------------PAGE SHOP FLOW-------------------------------------- */
#mainArea #flow {width: 717px;background-color: #FFFFFF;}
#flow #flowmain {background: url(../shop/flow/img/flow_backimg2.jpg) no-repeat;
	height: 1388px;width: 698px;margin-top: 20px;margin-left: 10px;}
.mt20 {margin-top: 20px;}
.ds2 {width: 171px;font-size:12px;line-height: 140%;vertical-align: top;}
.ds1 {vertical-align:top;font-size:13px;font-weight:bold;text-align: center;width: 171px;	}
#flow #btcontact {margin-top: 75px;padding-right: 10px;}

/* --------------------------------------PAGE SHOP Q&A-------------------------------------- */
#faq {float:left;width:716px;margin:0px;padding:0px;}
#faq #sentence {width: 715px;text-align: left;}
#faq #sentence h2 {margin-bottom: 10px;}
#faq #sentence .bg1 {
	background: url(../shop/faq/img/q_bg.png) no-repeat;
	height: 63px;
	width: 263px;
	font-size: 14px;
	padding:25px 10px 10px 65px;
	margin-right:10px;
	float:left;
}
#faq #sentence .bg1 p{
	padding:0;
}
#faq #sentence .bg2 {
	background: url(../shop/faq/img/a_bg.png) no-repeat top center;
	height: 120px;
	width: 263px;
	padding:25px 10px 10px 65px;
	font-size: 12px;
	line-height: 16px;
	margin-right:10px;
	float:left;
}
#faq #sentence .bg2 p{
	padding:0;
}
#faq #sentence .bg2_2 {
	background: url(../shop/faq/img/a_bg2.png) no-repeat top center;
	height:65px;
	width: 263px;
	font-size: 12px;
	line-height: 16px;
	padding:25px 10px 10px 65px;
	margin-right:10px;
	float:left;
}
#faq #sentence .bg2_2 p{
	padding:0;
}

#faq #sentence td {
}
#fooFaq {height: 100px;padding-bottom: 10px;padding-top: 10px;text-align:right;}
#fooFaq a {margin-right: 30px;}

/* --------------------------------------PAGE SHOP TERM-------------------------------------- */
#term{float:left;width:716px;margin:0px;padding:0px;}
#term h2 img{margin:0px;padding:0px;}
#term h3{margin:20px 0px;padding:0px;clear:both;}
#term dl{margin:0px 40px;}
#term dt{float:left;width:120px;margin-bottom:10px;font-weight:bold;clear:both;}
#term dd{float:left;width:450px;margin-bottom:10px;padding-left:50px;background:url(../shop/term/img/con_line.jpg) no-repeat 0px 5px;}
#fooTerm{clear:both;padding:10px 10px;text-align:right;}

/* --------------------------------------PAGE CASE caseDetails-------------------------------------- */
#caseDetails01 		{
	float: left;
	width: 716px;
	margin-left: 7px;
}
#caseDetails02	 	{float: left;margin-top: 20px;}
#caseDetails02 li 	{background: url(../case/cafe/bc/img/square.png) no-repeat;
					padding-left: 13px;float: left;background-position: left 3px;}
#caseDetails01  ul#bukken02 {clear: both;}
#caseDetails01 .map {margin-left: 120px;}
#caseDetails01 h3 	{font-weight: bold;font-size: 12px;
					background: url(../case/cafe/bc/img/square.png) no-repeat left 3px;
						padding-left:13px;clear: both;}
#caseDetails01 .line {margin: 0px 0px 10px;padding: 0px;clear: both;}
#caseDetails01 table#photo 	{clear: both;}
#caseDetails01 .line_tate	 {float: left;}
#caseDetails01 #concept {margin-top: 10px;}
#caseDetails01 #staff p {float: left;vertical-align: bottom;margin-right: 20px;}
#caseDetails01 #staff a {display: block;margin-top: 25px;}

#caseDetails01 #name 	{margin-top: 20px;}
#caseDetails01 .yajirusi {background: url(../case/cafe/bc/img/yajirusi.png) no-repeat left center;
							padding-left: 9px;}
#fooCaseDetails			 {text-align: right;margin-top: 1000px;}
#caseList				{float: left;padding-left: 20px;margin-top: 20px;}
#caseList h4			{color: #b5151d;font-weight: bold;font-size:12px;line-height: 12px;}
#caseList li p { margin-bottom:20px; padding:0; }

/* --------------------------------------PAGE footer-------------------------------------- */
#footerArea{clear:both;padding:10px 0px;text-align:right;}

/*---------------------------ケーススタディ店舗一覧（case index）のスタイル設定-----------------------------*/
#caseichiran {
	width:705px;
}
.mt20 {
	margin-top: 20px;
}
#casephoto {
	margin-left: 50px;
}

#casephoto table .categoly_head { padding-top:50px; padding-bottom:16px; letter-spacing:0.5em; background:url("../case/img/bar_cafe.gif") 0 40px no-repeat; }
#casephoto table .categoly_head span { padding-right:10px; background-color:white; font-size:12px; line-height:1; }
.year {
	font-size: 24px;
	font-weight: bold;
	color: #b5151d;
	margin-top: 60px;
	margin-bottom: 30px;
}
.manth {
	font-weight: bold;
	color:#4d4d4d;
	margin-top: 20px;
	margin-bottom: 5px;
}
#shopichiran {
	margin-left: 57px;
	width: 650px;
}
#shopichiran #position1 {
	position: relative;
	bottom: -40;
}
#shopichiran #position2 {
	margin-top: 120px;
}
#shopichiran #position3 {
	padding-right: 45px;
}
#shopichiran span{
	margin:0 10px 0px 10px}
/*---------------------店舗設計デザインの流れ(shop flow index)のスタイル設定-----------------------*/
#mainArea #flow {
	width: 715px;
	background-color: #FFFFFF;
}
#flow #flowmain {
	background-image: url(../shop/flow/img/flow_backimg2.jpg);
	background-repeat: no-repeat;
	height: 1388px;
	width: 698px;
	margin-top: 20px;
	margin-left: 10px;
}
.mt20 {
	margin-top: 20px;
}
.ds1 {
	vertical-align:top;
	font-size:13px;
	font-weight:bold;
	text-align: center;
	width: 171px;	
}

.ds2 {
	width: 171px;
	font-size:12px;
	line-height: 140%;
	vertical-align: top;
}
#flow #btcontact {
	margin-top: 75px;
	padding-right: 10px;
}

#need_inPage{float:left;width:716px;margin:0px;padding:0px;}
#need_inPage h2 img{margin:0px;padding:0px;}
#need_inPage p{
	text-align:left;
}
#need_inPage .box_layout{
	margin-bottom:15px;
}
#need_inPage .box_layout img{
margin:0; padding:0;
/*vertical-align:bottom;
*/}
#need_inPage .box_layout p{
padding:0;
}
.valign_top{
vertical-align:top;
}
#need_inPage .box_layout div.inbox{
	width:515px;
	height:93px;
	padding:15px 15px 15px 150px;
} /* background:url(../shop/need/img/img_pro01_bg.jpg) no-repeat; */
#need_inPage .box_layout div.inbox02{
	width:515px;
	height:93px;
	padding:15px 15px 15px 150px;
} /* background:url(../shop/need/img/img_pro02_bg.jpg) no-repeat; */

.margin_left10{
margin-left:10px;}
.margin_right10{
margin-right:10px;}
.padding5{
padding:5px 0;
}
.fontS14{
font-size:14px;
}
.pro_titleBer{
margin:15px 0;
}
.margin_left25{
margin-left:25px;
}
.margin_left25 p{
	padding-left:1em;
	text-indent:-1em;
}
.proTitleText{
margin:0 30px;
}
.tdPadding10{
padding:10px;
}
.tdlefPadding20{
padding:10px 10px 10px 20px;
}
.access_title {
	background-image: url(../case/img/mark1.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
	background-position: 3px;
}
#access {
	margin-top: 80px;
	padding-left: 50px;
	background-position: left 3px;
}
.access_left {
	width: 250px;
}
.gaiyou {
	margin-top: 50px;
	padding-left: 50px;
}
.gaiyou_item {
	width: 600px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.gaiyou_name {
	width: 200px;
	background-image: url(../case/img/mark1.gif);
	background-repeat: no-repeat;
	background-position: 3px;
	text-indent: 20px;
}
.green_text {
	color: #b5151d;
	font-weight: bold;
	font-size: 14px;
	margin-left: 20px;
}

#footer { padding:60px 10px 30px 0; text-align:center; font-size:80%; color:#666666; }
#footer DIV { margin:0 auto; border-top:1px solid #999999; padding-top:18px; }

#footer .margin_t45 { margin-left:45px; }
.text_l { text-align:left; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f16 { font-size:16px; }
#footer .line-h125 { line-height:1.5; }

#mail_form { width:705px; margin:0 10px; float:left; }
#mail_form IFRAME { width:643px; margin-left:10px; }


/* ===================================== pan kuzu ===================================== */
#pankuzu P { margin:5px 0px 20px; padding:0px; color:#b5151d; background-color:#ffffff; text-align:left; font-weight:bold; }
#pankuzu P a { color:#999999; background-color:#ffffff; font-weight:bold; }
#pankuzu P a:link ,P#pankuzu a:visited { color:#999999; font-weight:bold; }
#pankuzu P a:hover { color:#333333; font-weight:bold; }

/* ==================================  <h2> title header  ================================== */
#mainArea H2 { margin-bottom:60px; text-align:center; }

.big_d_red { font-weight:bold; font-size:15px; color:#b5151d; }