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

title : 生活施設検索
scope : 口ｺﾐ･写真/動画投稿の二次利用掲載について 

last modify : 2014/11/11 288_goto 小写真追加
2014/03/03 163_yamamoto


========================================================== */

/* ----------------------------
 #main_top
------------------------------ */

* > #main_top {
	display:block;
	min-height: 310px;
	background:url(../image/main_img.jpg) no-repeat right 0px;
	padding:0;
}

* > #main_top .main_txt p.caption2{
	font-size:13px;
	padding: 0 0 0 1em;
    text-indent: -1em; 
	margin: 10px 0 10px;
}

* > #main_top h1#main_ttl {
	margin:10px 0 5px;
}

#lead_point{
	padding:0px 0px 0px 9px;
	margin:0 0 7px 0;
	color:#093;
	font-size: 18px;
	font-weight:bold;
	border-left:#060 5px solid;
	}
	

.inner h3{
	font-size:18px;
	border-left:5px #3a5898 solid;
	margin:20px 0 10px ;
	padding:0 0 0 10px;
}

.inner h3.h3_mt {
    margin: 5px 0 10px;
}
.inner p{
	margin: 0 0 10px;
}
.inner p.caption{
	font-size:13px;
	padding: 0 0 0 1em;
    text-indent: -1em; 
}
.inner p.caption2{
	width:950px;
	font-size:13px;
	padding: 0 0 0 1em;
    text-indent: -1em; 
}
.center_box {
	text-align: center;
	margin: 20px;
}
.center_box img {
	margin: 5px 10px;
}
.contents .inner dl{
	position: relative;
	overflow:hidden;
	width:500px;
	margin:0 auto 10px;
	padding:10px;
	border: 1px solid #3b5998;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fcf2ed;
	behavior: url(/css/PIE.htc);
}

.contents .inner dl dd{
	margin:0 0 0 10px;
}
*+html .contents .inner dl dd{
	background:url(../image/icon_list_disc.gif) 0 9px no-repeat;
	padding: 0 0 0 15px;
}

p.gopagetop {
	margin: 0 15px 20px 0;
	margin: 0 15px 0px 0¥9; /* IE8 and below */
    *margin: 0 15px 0px 0; /* IE7 and below */
    _margin: 0 15px 0px 0; /* IE6 */
}

p.gopagetop:not(:target) {
    margin: 0 15px 0px 0¥9; /* IE9 */
}

.b_layout_style{
	width:468px;
	margin:0 auto;
	padding:15px 0 0 0;
	clear:both;
	}


.list_style dt {
	font-size:16px;
	text-align:center;
	color:#F63a74;
	margin:0 auto 10px;
	border-bottom:1px #F63a74 solid;
	width:85%;
	font-weight:bold;
	padding:0 0 5px 0;
	}
.list_style dd li{
	margin:0 0 2px 0;
	}
.list_style dd li:first-letter{
	color:#ff0099;
	}
	
.list_style dd {
	list-style:none;
	list-style-type:none;
	list-style-image:none;
	}
	
.font_color{
	color:#ff0099;
	}
/* ----------------------------
 .howto_step
------------------------------ */
dl.howto_step{
	clear:both;
	margin:0 0 20px 0;
	overflow:hidden;
}
dl.howto_step dt{
	margin: 0 0 2px 0;
	color:#009933;
	font-weight:bold;
}
dl.howto_step dd{
	margin: 0 0 10px 0;
}

/* ----------------------------
 .step_txt
------------------------------ */
ol.step_txt{
	clear:both;
	margin:0 0 5px 0;
	overflow:hidden;
}

ol.step_txt li {
    margin: 0 0 15px;
    padding: 0 0 0 25px;
	height:40px;
}
ol.step_txt li.no1{
	background:url(../image/icn_no1.gif) 0px 4px no-repeat;
}
ol.step_txt li.no2{
	background:url(../image/icn_no2.gif) 0px 4px no-repeat;
}
ol.step_txt li.no3{
	background:url(../image/icn_no3.gif) 0px 3px no-repeat;
}
ol.step_txt li.no4{
	background:url(../image/icn_no4.gif) 0px 4px no-repeat;
}
/* ----------------------------
 .step_img
------------------------------ */
ol.step_img{
	overflow:hidden;
	width:960px;
	height:143px;
	margin:0 auto 5px;
	padding:10px 0 0px;
	clear:both;
}
ol.step_img li{
	float:left;
	width:240px;
	background:url(../image/img_arrow2.gif) 206px 45px no-repeat;
}
ol.step_img li:last-child{
	width:200px;
}
ol.step_img li img{
	vertical-align:bottom;
}

div.img_device{
	margin:0 0 10px 0;
	}
/* ----------------------------
 .step_img_r
------------------------------ */
ol.step_img_r{
	background:#fff2bc;
	clear:both;
	overflow:hidden;
	width:720px;
	height:143px;
    margin: 5px 0 5px 80px;
	padding:15px 0 0px 35px;
	position:relative;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	behavior: url(/css/PIE.php);
	zoom:1;
}
ol.step_img_r li{
	float:left;
	width:240px;
	background:url(../image/img_arrow3.gif) 206px 45px no-repeat;
}
ol.step_img_r li:last-child{
	width:200px;
}
ol.step_img_r li img{
	vertical-align:bottom;
}

div.img_device{
	margin:0 0 20px 0;
	}


/* ----------------------------
 #main_top_about
------------------------------ */
* > #main_top_about {
	display:block;
	height: 263px;
	background:url(../image/main_img_about.jpg) no-repeat right 0px;
	padding:0;
	margin: 0 0 25px;
    text-align: left;
}

* > #main_top_about .main_txt p.caption2{
	font-size:13px;
	padding: 0 0 0 1em;
    text-indent: -1em; 
}

* > #main_top_about h1#main_ttl {
	margin:10px 0 0px;
}

* > #main_top_about .main_txt {
    margin: 0 10px 15px;
    padding: 0;
    width: 600px;
}

* > #main_top_about .main_txt p {
    line-height: 1.4;
    margin: 0 0 7px;
    padding: 0;
}

/* ----------------------------
 ﾊﾟｿｺﾝ･ﾀﾌﾞﾚｯﾄ端末､ｽﾏｰﾄﾌｫﾝ､及びｹｰﾀｲでの登録と利用方法
------------------------------ */
.inner .inner_category{
	border-bottom:1px #3a5898 solid;
	padding:0 0 15px 0;
	margin:0 auto 10px;
	width:920px;
}
.inner h4{
	clear:both;
	margin:15px auto 15px;
	background:;
	padding:5px 10px 5px 30px;
	font-size: 17px;
	background: url("../image/icon_square.gif") no-repeat scroll 5px 9px #DCEED2;
    border: 1px solid #66A543;
	height:23px;
	}
.inner .process_box {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 5px 10px;
    position: relative;
    width: 880px;
}
.inner .process_box dl {
	width:660px;
	overflow:hidden;
}
.inner .process_box dl dt {
    color: #128414;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 0 0 3px 18px;
    text-indent: -1em;
	font-weight:bold;
	border-bottom:1px dotted #128414;
}
.inner .process_box dl dd {
    line-height: 1.5;
	padding:0 5px 10px;
}
.inner .process_box dl dd.dd_center {
    margin: 10px 0 5px 60px;
	text-align:center;
}
.inner .process_box dl dd .site_url{
    background: #eaffe0;
    border: 1px solid #003300;
	padding:6px 15px;
	width:440px;
	text-align:center;
}
.inner .process_box dl dd .site_url span{
	color:#ff0099;	
	font-weight:bold;
}
.inner img.img_r {
    float: right;
    margin: 0 0 10px 15px;
}
.inner img.arrow_middle {
    display: block;
    margin: 0 auto 5px;
}


.inner .process_box .center_box {
	width: 780px;
	overflow:hidden;
	margin:0 auto 5px;
}
.inner .process_box .center_box dt.ttl_process {
	margin:10px auto 3px;
    color:#fff;
	font-weight:bold;
	font-size: 16px;
	background: #5299A0;
	text-align:center;
	padding:3px 0;
}
.inner .process_box .center_box dd {
    line-height: 1.5;
	padding:0 0 10px;
}
.inner .process_box .center_box dd ul {
    background: none repeat scroll 0 0 #F3FDFE;
    border: 1px solid #5299A0;
    border-radius: 6px;
	position:relative;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	behavior: url(/css/PIE.php);
	zoom:1;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 20px 15px 25px;
    position: relative;
}
.inner .process_box .center_box dd ul li {
    list-style: disc outside none;
    margin: 5px 0 5px 10px;
	text-align:left;
}

/*2次利用 流れ*/
.flow{
	margin:25px auto;
	overflow:hidden;
	height:auto;
	width:920px;
	clear:both;
	display:block;
	}
.flow_step2{
	width:620px;
	}
.flow dl{
	width:320px;
 	float:left;
    background: url("../image/img_arrow2.gif") no-repeat scroll right 100px;
	margin:0 5px 0 0;
}

.flow dl:last-child {
    background:none;
}
.flow dl dt{
	width:260px;
	height:115px;
	padding: 0 30px 0 25px;
	line-height:1.3;
}
.flow dl dd{
	margin:0px auto 0 ;
    padding: 0 75px 0 40px;
	width:200px;
}
.flow dl.bk_non{
	width:270px;
 	float:left;
	margin:0;
}
.flow dl.bk_non dt{
	width:245px;
	height:115px;
	padding: 0 0px 0 25px;
}
.flow dl.bk_non dd{
	margin:0px auto 0 ;
	padding: 0 35px 0 35px;
	width:200px;
}

.flow dl dt.no1 {
    background: url("../image/icn_no1.gif") no-repeat scroll 0 4px ;
}
.flow dl dt.no2 {
    background: url("../image/icn_no2.gif") no-repeat scroll 0 4px ;
}
.flow dl dt.no3 {
    background: url("../image/icn_no3.gif") no-repeat scroll 0 4px ;
}
.flow dl dt span{
	font-size: 12px;
	margin:7px 0 0 0;
	display:block;
}

/* ----------------------------
 .mini_photos
------------------------------ */

section.mini_photos {
	display:block;
	width:835px;
	margin:0 auto;
}

section#facebook_mini_photos,
section#twitter_mini_photos,
section#youtube_mini_photos {
	margin:30px auto;
	}

section.mini_photos ul li{
	display:block;
	width:135px;
	margin-right:5px;
	float:left;
}

section.mini_photos ul li.turn_p,
section.mini_photos ul li:last-child
{
	margin-right:0;
}
section.mini_photos ul li.top{
	margin-bottom:3px;
}

section.mini_photos ul li div{
	border:solid 2px #cccccc;
}

section.mini_photos ul li div span{
	display:block;
	padding:1px;
	
}

section.mini_photos ul li div span img{
	display:block;
}

div.line_gray {
	width:960px;
	margin:0 auto;
	/*border-top:1px solid #cccccc;*/
	
}