@charset "utf-8";
/* --------------------------------------COMMON-------------------------------------- */
.margin_reset {margin: 0px;padding: 0px;}
.margin_bottom10{margin-bottom:10px;}
.margin_bottom17{margin-bottom:17px;}
.margin_top26{margin-top:26px;}
p{padding:10px 0px;}
.leftAlign{text-align:left;}
.rightAlign{text-align:right;}
.centerAlign{text-align:center;}

/* --------------------------------------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-------------------------------------- */
#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:130%;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 {margin-bottom:50px;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;}
#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; }


/*---------------------------ケーススタディ店舗一覧（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)のスタイル設定-----------------------*/
#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;}
#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;}
#need_inPage .box_layout div.inbox02{width:515px;height:93px;padding:15px 15px 15px 150px;}
.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;}
#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  ================================== */
.big_d_red { font-weight:bold; font-size:15px; color:#b5151d; }