@charset "utf-8";
@import url("../../css/cmn.css");
/* ==========================================================

title : 生活施設検索
scope : ユーザー様登録機能「おすすめ・イイネ！」について

last modify : 2018/10/12 309_nakai リード文などのテキストの横幅を修正

2016/06/13 264_tanabe デザイン改修に伴う変更 #9489
2013/11/06 153_miyano コメント投稿の注意事項追加
2013/03/15 180_usuda
========================================================== */

img.button_kuchikomi{
	vertical-align:middle;
	margin:0 5px 0 0;
}

#main{
  width:960px;
  margin:0 auto;
}
/* ----------------------------
 #main_ttl
------------------------------ */

* > #main_ttl {
	width:960px;
  margin:0 auto;
}

.main_txt {
	width: 620px;
	margin: 12px auto 14px;
  line-height:1.6;
}
.main_txt span {
  display:inline-block;
  height:22px;
  background:url(../image/icon_star_flat.png) no-repeat left center;
  padding-left:28px;
  margin-left:3px;
}


/* ----------------------------
 inner_box
------------------------------ */
.inner_box {
  width:800px;
  margin:0 auto 50px;
  text-align:center;
}

.inner_box p {
  margin: 5px auto 30px;
  text-align: left;
  width: 610px;
}

/* ----------------------------
 post_howto
------------------------------ */
.post_howto {
  position:relative;
  display:inline-block;
  width:825px;
  margin-top:24px;
  margin-left:10px;
  border-collapse: collapse;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post_howto tr td {
  width:180px;
  text-align:left;
  border:#51a81e 1px solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.post_howto tr:first-of-type td {
  /*width:164px;*/
  padding:30px 14px 0px;
  vertical-align:top;
  border-bottom:none;
}
.post_howto tr:first-of-type td img.num1,
.post_howto tr:first-of-type td img.num2,
.post_howto tr:first-of-type td img.num3,
.post_howto tr:first-of-type td img.num4 {
  width:auto;
  position:absolute;
}
.post_howto tr:first-of-type td img.num1 {
  top:-24px;
  left:-10px;
}
.post_howto tr:first-of-type td img.num2 {
  top:-24px;
  left:205px;
}
.post_howto tr:first-of-type td img.num3 {
  top:-24px;
  left:420px;
}
.post_howto tr:first-of-type td img.num4 {
  top:-24px;
  left:635px;
}
.post_howto tr:first-of-type td.post_howto_arw {
  border:none;
  padding:0;
  vertical-align:middle;
  text-align:center;
}
.post_howto tr:first-of-type td.post_howto_arw img {
  margin:0 auto;
}
.post_howto tr:last-of-type td {
  padding:7px;
  vertical-align:top;
  border-top:none;
}
.post_howto tr:last-of-type td img {
  display:block;
  margin:0 auto;
}
.post_howto tr:first-of-type td:first-of-type,
.post_howto tr:first-of-type td:last-of-type,
.post_howto tr:last-of-type td:first-of-type,
.post_howto tr:last-of-type td:last-of-type {
  background-color:#f5ffd9;
}
.post_howto tr td img.post_howto_comp {
  display:block;
  margin:5px auto 0;
}

.post_howto li:nth-child(3) {
  margin-right:41px;
}
.post_howto li:last-of-type {
  margin-right:0;
}
.post_howto li img.post_howto_img {
  position:absolute;
  bottom:5px;
  left:0;
}

/* ----------------------------
 post_screen_area
------------------------------ */
.post_screen_area {
  display:inline-block;
  width:800px;
  margin:0 auto;
  padding:34px 0 40px;
  background-color:#faf3f6;
}
.post_screen_area h3 {
  margin-bottom:25px;
}
.post_screen_lead {
  width:570px;
  margin:0 auto;
  text-align:left;
  line-height:1.5;
}
.post_screen_img {
  display:block;
  margin:0 auto 30px;
}
.post_screen_img:last-of-type {
  margin-bottom:0;
}
.post_screen_hr {
  width:750px;
  margin:40px auto 30px;
  border:0;
  border-top: 1px solid #fff;
	border-bottom: 1px solid #d7c1ca;
}
.post_screen_lead_memo {
  display:inline-block;
  padding-left:1em;
  text-indent:-1em;
}
.post_screen_lead span.star_col_gr,
.post_screen_lead span.star_col {
  display:inline-block;
  height:24px;
  padding-left:30px;
  margin-left:3px;
}
.post_screen_lead span.star_col_gr {
  background:url(../image/icon_star_gr.png) no-repeat left center;
}
.post_screen_lead span.star_col {
  background:url(../image/icon_star.png) no-repeat left center;
}


/* ----------------------------
 #howto
------------------------------ */

#howto{
	width:960px;
	display:block;
	overflow:hidden;
	margin: 0 auto 20px;
	background: url(../../image_cmn/bg_sec.gif) repeat-y 0 0;
	}
#howto h2{
	height:54px;
	margin:0 0 20px 0;
	}
#howto .inner{
	padding: 0 18px 20px !important;
	background: url(../../image_cmn/bg_sec_bottom.gif) no-repeat 0 bottom;
	}
#howto .inner p.p_text{
	margin:10px 0;
	}	
.howto_box {
	display:block;
	width:920px;
	overflow:hidden;
	margin:0 auto 20px !important;
	border:#4da619 2px solid;
	background:none !important;
	}
.howto_box.bg_on_l{
	background:url(../image/bg_howto_l.jpg) no-repeat left bottom !important;
	}
.howto_box.bg_on_r{
	background:url(../image/bg_howto_r.jpg) no-repeat right bottom !important;
	}
.howto_box h3{
	text-align:center;
	background:#eef9d6;
	height:36px;
	padding:6px 0 4px 0;
	border-bottom:#4da619 1px solid;
	line-height:36px;
	font-size:24px;
	font-weight:bold;
	}
.howto_inner{
	overflow:hidden;
	margin:20px;
	padding:0 0 20px 0;
	text-align:center;
	border-bottom:#E0E0E0 1px solid;
}
.howto_inner.last{
	border-bottom:none;
	margin:20px 20px 30px 20px;
	padding:0;
}
.howto_inner p,
.howto_inner p.step1,
.howto_inner p.step2,
.howto_inner p.step3,
.howto_inner p.step4,
.howto_inner p.step5{ 
	padding:20px 0 10px 50px;
	text-align:left;
	line-height:1.5;
}
.howto_inner p.sub_step{
	padding:90px 0 10px 50px; 
}
.howto_inner p.step1{
	background:url(../image/mrk_howto01.gif) no-repeat 0 0;
}
.howto_inner p.step2{
	background:url(../image/mrk_howto02.gif) no-repeat 0 0;
}
.howto_inner p.step3{
	background:url(../image/mrk_howto03.gif) no-repeat 0 0;
}
.howto_inner p.step4{
	background:url(../image/mrk_howto04.gif) no-repeat 0 0;
}
.howto_inner p.step5{
	background:url(../image/mrk_howto05.gif) no-repeat 0 0;
}
.howto_inner p img {
vertical-align: middle;
margin: -5px 4px 0;
}
.howto_inner img.cap{
	float:right;
	margin:-10px 0 0 20px;
	padding:0 ;
}
.howto_inner .star{
	width:360px;
	margin:10px 0 0 74px;
	padding:10px;
	text-align:left;
	background:#FFF;
	border:#CCC 1px solid;
}
*+html .howto_inner .star{/*IE7*/
	margin:10px 0 0 0;
}
.howto_inner .star li{
	margin:5px 0; 
}
.howto_inner .star li img{
	vertical-align:middle;
	margin:-7px 4px 0; 
}