@charset "utf-8";


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 Reset CSS
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
	}
ul,ol,li{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
hr {
	display:none;
	}
a {
	text-decoration: none;
	
}
a:hover {
	text-decoration: underline;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
img{
	vertical-align: bottom;
}

/* clearfix
----------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body {
	padding : 0 0 0 0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:15px;
	line-height: 1.7em;
}

#wrapper {
	padding : 0;
	width : 100%;
	overflow:hidden;
}


/*　ヘッダー　*
----------------------------------------------------------*/
#header{
	width:100%;
	margin:auto;
	background-image:url(../img/common/head_back.png);
	background-position:center top;
	background-repeat: repeat-x;
}
#header h1{
	font-size:11px;
	padding-bottom:3px;
}
.header_inner{
	width:900px;
	margin:auto;
	padding:5px 0;
}
#navi{
	background-image:url(../img/common/navi_back.png);
	background-repeat:repeat-x;
	width:100%;
	height:42px;
}
ul.top_navi{
	width:903px;
	margin:auto;
}
ul.top_navi li{
	float:left;
}

.top_img{
	width:1000px;
	margin:auto;
}

/*　フッター　*
----------------------------------------------------------*/
#footer{
	width:100%;
}
ul.f_link01{
	text-align:center;
	margin-bottom:20px;
}
ul.f_link01 li{
	display:inline;
	margin:0 3px;
}
.footer_inner{
	width:100%;
	background-color:#005637;
	color:#ffffff;
}
.f_menu_waku{
	width:900px;
	margin:auto;
	padding-top:20px;
}
.f_menu{
	float:left;
	padding-right:30px;
	font-size:85%;
}
.f_menu li{
	background-image:url(../img/common/arrow_white.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}
.f_menu li a{
	color:#ffffff;
}
.f_copy{
	text-align:center;
	font-size:11px;
	padding:10px;
}

#pagetop{
	width:900px;
	margin:0 auto;
	text-align:right;
}



/*　コンテンツ　*
----------------------------------------------------------*/
#main_contents{
	width:1000px;
	margin: auto;
}

#contents_inner{
	width:900px;
	margin:40px auto 40px auto;
}


/*　トップページ　*
----------------------------------------------------------*/
.step{
	position:relative;
	width:653px;
}
.step_btn{
	position: absolute;
	left: 485px;
	top: 32px;
}
.bnr_50up{
	clear:both;
	text-align:center;
	padding:20px 0;
}
#news{
	width:261px;
	height:223px;
	border:solid 1px #005637;
	float:left;
	padding:8px 8px 0 8px;
}
.ttl_news{
	color:#005637;
	font-weight:bold;
	float:left;
}
.back_green{
	background-color:#005637;
	width:70px;
	text-align:center;
	font-size:11px;
	color:#ffffff;
}
.back_green a{
	display:block;
	color:#ffffff;
}
.news_inner{
	width:100%;
	height:185px;
	overflow:auto;
	clear:both;
	border-top:solid 1px #005637;
	margin-top:3px;
	padding-top:8px;
	font-size:13px;
	line-height:1.4em;
}
.news_inner p{
	margin-bottom:10px;
}
table.menu_info{
	width:896px;
	margin:0 auto 20px auto;
}
.m_info{
	position:relative;
}
.m_info_cap{
	position: absolute;
	width: 242px;
	font-size: 15px;
	line-height: 1.2em;
	left: 183px;
	top: 8px;
}
.m_info_cap_s{
	position: absolute;
	width: 242px;
	font-size: 15px;
	line-height: 1.7em;
	left: 179px;
	top: 10px;
}

.top_seiri {
	width:882px;
	margin: 0 auto 20px auto;
	background-color:#F15A24;
	padding:0 8px 8px 8px;
	}
.top_seiri_title {
	float:left;} 
.top_seiri_in {
	padding:10px;
	font-size:14px;
	line-height:27px;
	text-align:left;
	background-color:#fff;
	clear:both;}
.top_seiri_img_l {
	width:370px;
	margin:5px 15px 15px 0;
	padding:10px;
	border:1px solid #ccc;
	float:left;
	}
.top_seiri_img_r {
	width:370px;
	margin:5px 0 5px 15px;
	padding:10px;
	border:1px solid #ccc;
	float:right;}
	
/*　こんなお悩みを解決　*
----------------------------------------------------------*/
.case_txt{
	background-image:url(../img/nayami/back_nayami.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:545px;
	padding:0 30px 40px 30px;
}

/*　作業終了までの流れ　*
----------------------------------------------------------*/
#contents_flow{
	width:710px;
	margin:40px auto 40px auto;
	font-size:16px;
}
dl.ttl_flow{
	width:710px;
	font-size:20px;
	font-weight:bold;
	color:#005637;
	margin-bottom:20px;
}
dl.ttl_flow dt {
  float:left;
}
dl.ttl_flow dd {
  margin-left:95px;
  padding-top:3px;
}
.step_green{
	background-color:#005637;
	width:90px;
	text-align:center;
	color:#ffffff;
}
.flow_arrow{
	text-align:center;
	margin:80px 0 30px 0;
}

/*　費用のご案内　*
----------------------------------------------------------*/
.f_large{
	font-size:22px;
	line-height:1.7em;
	margin-left:20px;
}
table.kakaku{
	width:870px;
	margin:0 auto 20px auto;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	font-size:18.5px;
}
table.kakaku th{
	background-color:#C7EA8F;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	text-align:center;
	padding:5px;
}
table.kakaku td{
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	text-align:center;
	padding:5px;
}
table.kakaku td.item{
	padding:5px 0;
	width:220px;
}
table.kakaku td.unit{
	padding:5px 0;
	width:100px;
}
table.kakaku td.price{
	padding:5px 10px;
	text-align:right;
}
table.kakaku td.w100{
	width:100px;
}
table.kakaku td.w180{
	width:180px;
}

/*　お客様の声　*
----------------------------------------------------------*/
#contents_voice{
	width:710px;
	margin:40px auto 40px auto;
}
table.response{
	width:100%;
	border:solid 1px #606060;
	margin-bottom:30px;
}
table.response th{
	border-bottom:solid 1px #606060;;
	background-color:#005637;
	color:#ffffff;
	font-size:21px;
	line-height:1.3em;
	padding:4px 10px 1px 10px;
}
table.response td{
	padding:15px;
}
table.response td.line{
	padding:0 15px;
}
.kei{
	border-bottom:solid 1px #606060;
	height:1px;
}
.voice_green{
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
	background-color:#005637;
	width:80px;
	text-align:center;
	color:#ffffff;
	margin-bottom:8px;
	padding-top:1px;
}

/*　スタッフ紹介　*
----------------------------------------------------------*/
.kaoimg{
	float:left;
	padding-top:30px;
	padding-right:30px;
}
table.syokai{
	width:620px;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	float:left;
}
table.syokai th{
	background-color:#C7EA8F;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	text-align:center;
	padding:5px 0;
	width:150px;
}
table.syokai td{
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	padding:5px;
}

/*　よくある質問　*
----------------------------------------------------------*/
.queriy_waku{
	border:solid 1px #E8DED4;
	width:680px;
	padding:15px;
	margin:0 auto 40px auto;
}
.queriy_arrow{
	text-align:center;
	margin:30px 0;
}

dl.yokuaru{
	width:680px;
}
dl.yokuaru dt {
  float:left;
  clear:left;
  width:45px;
  margin-bottom:10px;
}
dl.yokuaru dd {
  margin-left:45px;
  margin-bottom:10px;
  padding:5px 0;
}
dl.yokuaru dd.ques {
	font-size:21px;
}


/*　お問合せ　*
----------------------------------------------------------*/
#contents_contact{
	width:640px;
	margin:40px auto 40px auto;
}
.ttl_cont{
	color:#005637;
	font-size:21px;
	font-weight: bold;
	margin-bottom:20px;
}
table.tomail{
	width:620px;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	margin:10px 0;
}
table.tomail th{
	background-color:#C7EA8F;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	padding:5px;
	width:160px;
}
table.tomail td{
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	padding:5px;
}
.length_l{
	width:80%;
	padding:4px;
}
.sousin{
	width:150px;
	height:53px;
	background-image:url(../img/company/btn_submit.png);
	background-position:left top;
	background-repeat:no-repeat;
	border: none;
}


/*　会社概要　*
----------------------------------------------------------*/
.free_l{
	background-image:url(../img/company/free_l.png);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:37px;
	font-weight:bold;
	color:#005637;
	padding-left:63px;
	line-height:1.5em;
}
.free_s{
	background-image:url(../img/company/free_s.png);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:25px;
	font-weight:bold;
	color:#005637;
	padding-left:55px;
	padding-top:2px;
	line-height:1.5em;
}
.group_c{
	margin-left:20px;
	padding-left:30px;
	padding-bottom:30px;
}
.line_dot{
	border-bottom:dashed 1px #000000;
	margin-bottom:30px;
}

/*　プライバシーポリシー　*
----------------------------------------------------------*/
#contents_privacy{
	width:760px;
	margin:40px auto 40px auto;
}
#contents_privacy p{
	margin-bottom:20px;
}

/*　5つの約束事　*
----------------------------------------------------------*/
#contents_promise{
	width:800px;
	margin:40px auto 40px auto;
}

.yakusoku{
	width:410px;
	margin-left:40px;
}


/*　メディアに紹介されました　*
----------------------------------------------------------*/
.ttl_media{
	background-color:#005536;
	border-radius: 18px;
	-webkit-border-radius: 18px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 18px;	/* Firefox用 */
	height:29px;
	padding-top:6px;
	color:#ffffff;
	font-size:130%;
	padding-left:30px;
	margin-bottom:15px;
}
.media_name{
	font-weight:bold;
	font-size:120%;
	padding:0 30px;
}
table.media_contents{
	margin:10px 0 40px 0;
}
table.media_contents td{
	font-size:90%;
}
table.media_contents td.image{
	text-align:center;
	width:120px;
}