@charset "UTF-8";
/* CSS EC-Rider */

/* =============== TOP CONTENTS ================= */
#top_contents_area{
	margin:0 auto;
	width:970px;
	 /*background: url(../img/main_vis_bg.gif) repeat-y center;*/
	 text-align:center;"
	
}
#top_contents_inner{
	margin-top:0; 
	margin-left:5px;
	background:#ffffff; 
	color:#000000;
	text-align:
	left;padding:10px;
	width:940px;
}
#top_contents_inner .top_catch{
  margin-top:20px;
  text-align:center;
}

#top_contents_inner h3{
  color:#0078bb;
  font-size:1.5em;
  font-weight:bold;
  margin-bottom: 10px;
  margin-left: 20px;
}

#top_contents_inner p{
  margin-left:30px;
  margin-right:50px;
}

#top_button_area {
  width:940px;
	text-align:center;
	margin-top:30px;
}
#top_contents_inner .button_box{
	width:470px;
	float:left;
	text-align:center;
}
  
/* =============== TOPICS ================= */
#topics {
	overflow:scroll;
	height:200px;
	background: #FFF;
	color: #003052;
	font-size: 10px;
	padding: 8px;
	text-align: left;
	}

#topics dl {
	clear: both;
	line-height: 1.7em;
	margin: 0;
	padding: 0;
	}
	
#topics dt {
	clear: both;
	float: left;
	margin-left: 5em;
	padding: 0;
	width: 15em;
	text-align: left;
	}
	
#topics dd {
	margin-left: 20em;
	padding: 0;
	}

/* =============== TEXT ================= */
.page_top {
	text-align: right;
	padding: 8px 0 5px;
	margin-bottom: 15px;
	}
	
#copy {
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 2em;
}


#copy table{
        width: 100%;
        background: #FFFFFF;
        margin: 0px;
        color: #000000;
}

#copy div{
        margin-top: 0px;
}
	
.content_h2 {
	background:url(../img/title_bg.gif) no-repeat;
	color: #FFF;
	height: 50px;
	font-weight: 400;
	font-size: 14px;
	margin-left: -10px;
	padding: 23px 30px 10px;
	}


/* =============== CONTENT LEFT ================= */
#content h2 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
	}
	
#content_title {
	margin-bottom: 35px;
	}
	
#content_title h4 {
	color: #946666;
	margin-top: -64px;
	padding-right: 180px;
	text-align: right;
	}
	
/* =============== Secondary page ================= */

#sec_content {
	/*background: url(../img/main_cont_bg.gif) center repeat-y;*/
	margin: 0 auto;
	padding: 20px 40px;
	text-align: left;
	width: 920px;
	}
	
.company_info {
	margin-bottom: 15px; 
	}
	

/********************** Case Study *****************************/

#case_study_main div.case_shop_info{
  margin-left:25px;
  padding-top:50px;
  padding-bottom:40px;
  border-bottom:1px dotted #666666;
}

#case_study_main div.case_shop_info div.case_shop_img{
  float:left;
  margin-left:10px;
  width:250px;
}
#case_study_main div.case_shop_info div.case_shop_img img{
  margin-bottom:10px;
    width:250px;
    height:220px;
    border:1px solid #cccccc;
}
#case_study_main div.case_shop_info div.case_shop_name{
  margin-left:265px;
  text-align:left;
  height:220px;
    padding-left:5px;
}

#case_study_main div.case_shop_info div.case_shop_name h3{
  font-size:0.8em;
  color:#e56b21;
  padding-top:5px;
  /*padding-top:25%;*/
}
#case_study_main div.case_shop_info div.case_shop_name h4{
  font-size:0.8em;
  padding-top:5px;
}
#case_study_main div.case_shop_info div.case_shop_name h3{
  font-size:0.8em;
}
#case_study_main div.case_shop_info div.case_shop_name a{
  font-size:0.8em;
}

#case_study_main div.case_shop_info div.case_shop_name h3.case_lead_title{
  font-size:18px;
}

#case_study_main div.case_shop_info p.case_shop_detail_bottom_p{
  padding-top:5px;
  font-size:0.7em;
  padding-bottom:5px;
}

.customers_voice {
  text-align:right;
  font-size:1.2em;
  font-decoration:bold;
  padding-top:5px;
  padding-right:15px;
  padding-bottom:10px;
  
}
.category {
  font-size:0.7em;
  color:#666666;
}
.notice_small{
  font-size:0.4em;
}
	
/* =============== CONCEPT ================= */
div.concept div{
	display:table-cell;
	vertical-align:top;
	}

div.noborder img{
	border: 0px;
}

* html div.concept div{/* IE 6 */
	display:inline;
	zoom:1;
	}

*:first-child+html div.concept div{/* IE 7 */
	display:inline;
	zoom:1;
	}

.concept_text {
	padding-left: 30px;
	}

.concept_text2 {
	padding-left: 30px;
	border: 0px;
	}

*html .concept_text {/*IE6*/
	width: 360px;
	}
	
*:first-child+html .concept_text {/*IE7*/
	width: 360px;
	}
	

.concept p {
	padding: 0 20px 0 25px;
	}
	
.concept img {
	/*border: 2px solid #002445;*/
	}

.concept img2 {
	/*border: 0px solid #002445;*/
	}

.concept h4 {
	color: #946666;
	font-weight: normal;
	margin-bottom: 25px;
	margin-top: -54px;
	padding-right: 180px;
	text-align: right;
	}
	

#service_main .inner_catch {
	 padding-left:80px;
}

#service_main .inner_list{
	  padding-left:90px;
	  font-size:12px;
}

#service_main .inner_list .service_list {
    margin-top:5px;
    list-style-image: url('../../img/services/dot.jpg')
}

/*Service////////////////////////////////////////////////////////////////////*/
#service_main .service_lineup{
  padding-top:20px;
  padding-bottom:20px;
}

#service_main  .service_lineup h4{
  color:#0078bb;
  font-size:1.5em;
  font-weight:bold;
  padding-bottom:10px;
  padding-left:20px;
}

#service_main  .service_lineup .service_lineup_detail{
  width:850px;
}

#service_main  .service_lineup .service_lineup_detail p{
  width:500px;
  float:left;
  padding-bottom:30px;
}

#service_main  .service_lineup .service_lineup_detail img.service_right_img{
  float:right;
}

#service_main  .service_lineup .service_lineup_detail hr{
  clear:both;
  margin-top:10px;
  margin-bottom:10px;

}
#service_main .service_lineup .service_lineup_detail .inquiry_btn {
  text-align: right; 
  margin-top: 10px; 
  margin-right: 10px;	
}


/* =============== PICK UP ================= */
#pickup_shelf{
	margin-top:15px;
	margin-left:50px;
	margin-bottom:10px;
}

#pickup_shelf .pickup_box{
  clear:both;
  vertical-align:top;
	padding:20px;
  width:950px;
  margin-bottom:10px;
}

#pickup_shelf .pickup_box .img_box{
	float:left;
  margin-right:15px;
  width:200px;
}

#pickup_shelf .pickup_box .pickup_text {
	float:left;
  padding-left: 20px;
  width:595px;
  }
  
  #pickup_shelf .pickup_box .pickup_text_mini {
  float:left;
  padding-left: 20px;
  width:595px;
  font-size:11px;
  }
  
#pickup_shelf img {
	border: 1px solid #888888;
}

#pickup_shelf h3 {
	color:#0078bb;
  font-size:1.2em;
  font-weight:bold;
  padding-bottom:10px;
}
	
/* =============== FOOD MANU ================= */

.food_menu {
	font-size: 11px;
	line-height: 1.5em;
	}

.foodmenu_float {
	float: left;
	margin-right: 15px;
	width: 280px;
	}
	
.foodmenu_right {
	float: right;
	width: 300px;
	}

.food_menu dt {
	clear: both;
	width: 13em;
	}
	
.food_menu dd {
	/*border-bottom: 1px solid #F5F0E1;*/
	margin-left: 13em;
	text-align: right;
	}
	
.food_menu h3 {
	color: #002445;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0 3px;
	}
	
/* =============== Contact ================= */
#contact_content {
	width: 630px;
	}

#contact_content form .submit {
	margin: 20px;
	background: url(../img/main_form_submit_bg.png) repeat-y center top;
	text-align: center;
}
#contact_content form .submit .top {
	height: 10px;
	background: url(../img/main_form_submit_top.png) no-repeat center top;
}
#contact_content form .submit .bottom {
	height: 10px;
	background: url(../img/main_form_submit_bottom.png) no-repeat center bottom;
}

.paragraph {
	clear: both;
	margin-bottom: 20px;
}
.indent {
	padding-left: 10px;
}
p.thanksmsg {
	margin-bottom: 150px;
}

/* =============== Plans ================= */
#top_plan {
	margin-left:50px;
}

#top_plan .main_description{
}

#button_area{
	width:850px;
	text-align:center;
}

#button_area .button_box{
  width:420px;
  float:left;
  text-align:center;
}
  
#top_button_area .button_box{
	width:400px;
	padding:12px;
	float:left;
}

#top_button_area .button_box .under_text{
  text-align:left;
	padding:10px;
	font-size:11px;
}

#top_button_area .button_box .price_link{
  padding:10px;
  font-size:10px;	
}