/*-----------------------------------------------------------------
 サブページ　コンテンツスタイリングシート 
 -----------------------------------------------------------------*/
 


/************************************
レイアウト
*************************************/

#contents_box_L{
  width:270px;
  float:left;
  margin:20px 0 0 0;
  }
  
#contents_box_R{
  width:660px;
  float:right;
  margin:20px 0 0 0;
  position:relative;
  padding:0 0 20px 0;
  }

#contents_R_main{
   background:url(../img/sub_common/contents_R_bg_top.jpg) top left no-repeat;
   width:658px;
  border-bottom:1px #CCCCCC solid;
  border-left:1px #CCCCCC solid;
  border-right:1px #CCCCCC solid;
  background-color:#FFFFFF;
  }

#contents_title_img{
  position:absolute;
  top:0;
  left:0;
  }
  
#contents_title_text{
  width:660px;
  height:51px;
  margin-bottom:30px;
  font-size:12px;
  }
  
#contents_R_mains{ padding:20px 10px 30px 9px;}
#contents_R_mainss{ padding:40px 7px 30px 7px;}
  

/*---その他共通----------------------*/
.page_top{width:580px; text-align:right; margin:40px 0px 40px 40px; } 
.page_top2{width:620px; text-align:right; margin:40px 0px 20px 0; }


/*---サブページ最終メニュー-----*/
#end_menubg1{background:url(../img/sub_common/end_menubg1.jpg) top left no-repeat; width:624px; height:36px; padding:61px 0 0 3px; margin-left:15px;}
#end_menubg2{background:url(../img/sub_common/end_menubg2.jpg) top left no-repeat; width:624px; height:36px; padding:61px 0 0 3px; margin-left:15px;}
#end_menubg3{background:url(../img/sub_common/end_menubg3.jpg) top left no-repeat; width:624px; height:36px; padding:61px 0 0 3px; margin-left:15px;}
#end_menubg4{background:url(../img/sub_common/end_menubg4.jpg) top left no-repeat; width:624px; height:36px; padding:61px 0 0 3px; margin-left:15px;}
#end_menubg5{background:url(../img/sub_common/end_menubg5.jpg) top left no-repeat; width:624px; height:36px; padding:61px 0 0 3px; margin-left:15px;}

#end_menu_step1{float:left; width:155px; text-align:center;}
#end_menu_step2{float:left; width:155px; text-align:center;}
#end_menu_step3{float:left; width:155px; text-align:center;}
#end_menu_step4{float:left; width:155px; text-align:center;}
#end_menu_step4 a{color:#FFFFFF;}


.end_menus{float:left; width:201px; height:74px; margin:0 0 20px 13px; _margin:0 0 20px 6px;}
*:first-child+html .end_menus{float:left; width:201px; height:74px; margin:0 0 30px 13px;}


/************************************
contents_L
*************************************/

/*--------エイチエムの強み（選ばれる理由）------------------------------------------------------------------------------------*/

.strengths_caption{
   position:relative;
   width:647px;
   height:77px;
   margin-bottom:15px;
   margin-top:10px;
   font-size:11px;
   }

.strengths_caption div{position:absolute; top:0; left:0;}

#strengths_contents1{position:relative; width:647px; height:614px;}
#strengths_contents1 div{position:absolute; top:0; left:0;}

#strengths_contents2{position:relative; width:647px; height:211px;}
#strengths_contents2 div{position:absolute; top:0; left:0;}

#strengths_contents3{position:relative; width:647px; height:64px; margin-bottom:60px}
#strengths_contents3 div{position:absolute; top:0; left:0;}

.strengths_text1{background:url(../strengths/img/strengths_content2_1.jpg) 30px 0px no-repeat; padding:0 20px 30px 230px; width:390px; height:140px;}
.strengths_text2{background:url(../strengths/img/strengths_content3_1.jpg) 30px 0px no-repeat; padding:0 20px 30px 230px; width:390px; height:140px;}
.strengths_text3{background:url(../strengths/img/strengths_content4_1.jpg) 30px 0px no-repeat; padding:200px 20px 30px 40px; width:570px; height:40px;}
.strengths_text4{background:url(../strengths/img/strengths_content5_1.jpg) 30px 0px no-repeat; padding:0 20px 30px 230px; width:390px; height:140px;}
.strengths_text5{background:url(../strengths/img/strengths_content6_1.jpg) 400px 0px no-repeat; padding:0 220px 0 40px; width:370px; height:140px;}



/*--------制作の流れ------------------------------------------------------------------------------------*/


#step_start{width:640px; height:218px; position:relative; margin:0 0 0 0px;}
#step_start div{position:absolute; top:0; left:0;}

.step_caption{width:641px; height:48px; position:relative; font-size:11px; margin-bottom:20px;}
.step_caption div{position:absolute; top:0; left:0;}

#step1_text{background:url(../step/img/step1_img.jpg) 20px 0px no-repeat; padding:0 20px 0 230px; width:390px; height:140px; margin-bottom:40px;}
#step2_text{background:url(../step/img/step2_img.jpg) 20px 0px no-repeat; padding:190px 20px 0 20px; width:600px; height:40px; margin-bottom:100px;}
#step3_text{background:url(../step/img/step3_img.jpg) 20px 0px no-repeat; padding:10px 20px 0 230px; width:390px; height:150px; margin-bottom:40px;}
#step4_text{background:url(../step/img/step4_img.jpg) 400px 0px no-repeat; padding:10px 230px 20px 20px; width:370px; height:257px; margin-bottom:40px;}
#step5_text{background:url(../step/img/step5_img.jpg) 20px 0px no-repeat; padding:150px 20px 0 20px; width:600px; height:80px; margin-bottom:40px;}
#step6_text{background:url(../step/img/step6_img.jpg) 20px 0px no-repeat; padding:130px 20px 0 20px; width:600px; height:80px; margin-bottom:40px;}
#step7_text{background:url(../step/img/step7_img.jpg) 20px 0px no-repeat; padding:0 20px 0 230px; width:390px; height:170px; margin-bottom:40px;}
#step8_text{background:url(../step/img/step8_img.jpg) 20px 0px no-repeat; padding:190px 20px 0 20px; width:600px; height:40px; margin-bottom:100px;}
#step9_text{background:url(../step/img/step9_img.jpg) 20px 0px no-repeat; padding:0 20px 0 230px; width:390px; height:140px; margin-bottom:40px;}
#step11_text{background:url(../step/img/step10_img.jpg) 20px 0px no-repeat; padding:230px 20px 0 20px; width:600px; height:140px; margin-bottom:150px;}

.align_R{width:640px; text-align:right; margin:30px 0px 0 0;}
.align_R a{color:#0066FF; text-decoration:underline;}
.align_R a:hover{color:#000000; text-decoration:underline;}


/*--------プライバシーポリシー&サイト規約------------------------------------------------------------------------------------*/



.privacy_caption{
   background:url(../privacy/img/privacy_caption_bg.jpg) top left no-repeat;
   font-size:16px;
   padding:10px 0 0 10px;
   text-align:left;
   width:631px;
   height:29px;
   margin-bottom:20px;
   }
   
.privacy_text{
   width:621px;
   padding:0px 20px 0px 10px;
   margin-bottom:40px;
   }
   


/*--------よくある質問------------------------------------------------------------------------------------*/

#question_text{
   font-size:17px;
   line-height:170%;
   padding:0 0 0 10px;
   margin-bottom:30px;
   }
   
#question_list_box_L{
   width:277px;
   padding:10px 10px 10px 30px;
   border:1px #CCCCCC solid;
   font-size:12px;
   float:left;
   margin-bottom:50px
   }
   
#question_list_box_L li{margin-bottom:5px; text-indent:-26px;}
#question_list_box_R li{margin-bottom:5px; text-indent:-26px;}

#question_list_box_L li a,#question_list_box_R li a{color:#09C; text-decoration:underline;}
#question_list_box_L li a:hover,#question_list_box_R li a:hover{color:#09C; text-decoration:underline; font-weight:bold;}
   
#question_list_box_R{
   width:277px;
   padding:10px 10px 10px 30px;
   border-bottom:1px #CCCCCC solid;
   border-top:1px #CCCCCC solid;
   border-right:1px #CCCCCC solid;
   font-size:12px;
   float:left;
   margin-bottom:50px
   }
   
.question_caption{
   background:url(../question/img/question_caption.jpg) top left no-repeat;
   height:39px;
   width:591px;
   padding:10px 0 0 50px;
   font-size:16px;
   color:#069;
   }
   
.question_a{
   background:url(../question/img/question_a.jpg) 6px 10px no-repeat;
   width:571px;
   padding:10px 20px 0 50px;
   margin-bottom:40px;
   }
   
/*--------会社概要------------------------------------------------------------------------------------*/

#company_logo{margin:0 0 0 10px;}

#company_idea1{
width:602px; height:86px;
position:relative;
margin:40px 0 0 20px;
}

#company_idea2{
width:602px; height:93px;
position:relative;
margin:0 0 0 20px;
}

#company_idea1 div,#company_idea2 div{
  position:absolute;
  top:0;
  left:0;
  }
  
#company_table_box{
  margin:30px 0 0 10px;
  }
  
.company_table_L{
  background-color:#e8e8e8;
  border:1px #CCCCCC solid;
  width:147px;
  text-align:center; 
  padding:10px 0 10px 0;   
  }
  
.company_table_R{
  border:1px #CCCCCC solid;
  width:470px;
  text-align:left; 
  padding:10px 10px 10px 10px;
   
  }
  
.company_text{
  font-weight:bold;
  margin-bottom:10px;
  font-size:13px;
  text-decoration:underline;
  }
  
.company_text2{
  font-weight:bold;
  margin-bottom:10px;
  margin-top:30px;
  font-size:13px;
  text-decoration:underline;
  }
  
.company_border{
  padding:0 0 30px 10px;
  border-bottom:1px #CCCCCC solid;
  width:460px;
  }
  
#company_hama{
   background:url(../privacy/img/privacy_caption_bg.jpg) top left no-repeat;
   font-size:16px;
   padding:10px 0 0 10px;
   text-align:left;
   width:631px;
   height:29px;
   margin: 50px 0 20px 0;
   }
   
#company_hama2{
   background:url(../company/img/comapny_hamamichis.jpg) top right no-repeat;
   width:620px;
   padding:0 0 0 20px;
   line-height:170%;
   }
   
#hama{
   text-align:right;
   margin:40px 10px 0 0;
   }
   
/*--------制作実績------------------------------------------------------------------------------------*/

.result_box{
   width:277px;
   height:280px;
   float:left;
   margin:20px 0 0px 30px;
   _margin:20px 0 0px 17px;
   }
   
.result_caption{
   background:url(../result/img/result_caption.jpg) top left no-repeat;
   padding:5px 0 0 0;
   text-align:center;
   width:277px;
   height:25px;
   font-size:12px;
   margin-bottom:0px;
   }
   
.result_img{
   padding:0 10px 10px 23px;
   background-color:#f3f3f3;
   border:1px #CCCCCC solid;
   }
   
.result_next{
   clear:left;
   text-align:center;
   }
   
.result_next a{padding:0 7px; line-height:25px; border:1px solid #ccc;}
.result_next a.prev{margin:0 30px 0;}
.result_next a:link{color:#fff;text-decoration:none; background:#333;}
.result_next a:visited{color:#fff;text-decoration:none; background:#333;}
.result_next a:hover{color:#fff;text-decoration:none; background:#999;}
.result_next a:active{color:#fff;text-decoration:none; background:#999;}


/*--------成功事例------------------------------------------------------------------------------------*/

.case_midashi{
   background:url(../case/img/case_midashi.jpg) top left no-repeat;
   text-indent:-9999px;
   width:339px;
   height:42px;
   float:left;
   margin:20px 0 10px 10px;
}
.case_midashi2{
    margin:20px 0 10px 10px;
	padding:0 0 4px 0;
	float:left;
	border-bottom:dotted 2px #cccccc;
	font-size:18px;
	font-weight:normal;
	color:#990100;
}
.w339{
	width:339px;
}
.w618{
	width:618px;
}

.name{
	margin-left:10px;
}
   
.case_img1{
   float:right;
   width:273px;
   height:251px;
   }
   
.case_caption{
   width:634px;
   margin:0px 0 60px 10px;
   position:relative;
   }
   
.case_caption div{
  position:absolute;
  top:0;
  left:0;
   }
 
.case_text{
  float:left;
  margin-left:10px;
  width:339px;
  }
  
.case_text2{
  float:left;
  margin-left:10px;
  width:600px;
  margin-bottom:20px;
  }
  
.case_text3{
   clear:both;
  width:330px;
  height:396px;
  background:url(../case/img/case_img2.jpg) top left no-repeat;
  padding:0 0 0 290px;
  margin-bottom:30px;
  }

.case_text4{
	width:339px;
	margin:0 0 0 10px;
}
  
.case_shop_data_L{
  width:178px;
  height:204px;
  float:left;
  margin:30px 20px 0px 10px;
  }
  
.case_shop_data_R{
  width:390px;
  height:204px;
  float:left;
  margin:30px 0px 20px 10px;
  }
  
.case_shop_data_R a{color:#0066FF;}#ra_btn {background:#000; text-align:center; padding:20px 0;}

.link{
	margin:20px 0 0 0;
	padding:5px;
	background:#FFE;
}
.aL{
	text-align:left;
}
.aR{
	text-align:right;
}