@import "/css/common.css";
@import "/css/other_inc.css";
/*==================================================================*/

/* unchiku css */

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

#title-area *{margin:0;padding:0;}
#title-area {
}

#title-area h1 {
	margin-bottom:10px;
}

/* サブメニュー */
#sub-menu {
	width:670px;
	margin:0 auto 15px;
	padding:0px 0 5px 15px;
	background:url('/shien/image/line_dot.gif') repeat-x 0 100%;
}

#sub-menu ul {
	margin-bottom:3px;
}
/* clear hack */
#sub-menu ul{zoom:1;}
#sub-menu ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#sub-menu li {
	float:left;
	display:block;
	list-style:none;
	width:145px;
	padding-right:8px;
}

#sub-menu a {
	padding:0 0 0 21px;
	background:url('/shien/image/arw_sbumenu.gif') no-repeat 0 1px;
}
#todokede-area .comment,
#necessary-area .comment{
	padding:0 5px;
	margin-bottom:15px;
}
h2.gray-title{
	margin-bottom:10px;
	background: #f5f5f5;
	border-radius:5px;
	border: 1px solid #e3e3e3;
	padding: 5px 10px !important;
}
h2.gray-title span{
	border-left: 8px double #990000;
	padding-left: 10px !important;
}
/* -----------------------------------------------------*/
/* 開業の手続き・届出 */
/* -----------------------------------------------------*/
#process #confirm{
	width: 620px;
	margin: 0 auto 40px;
	padding: 10px 20px 5px;
	background: url("../image/bg_confirm.gif") 0 0 repeat-y;
}
#process #confirm h2{
	margin-bottom: 30px;
	text-align: center;
	font-size: 30px;
	color: #704506;
}
#process #confirm .block{
	margin-bottom: 20px;
}
#process #confirm .block h3{
	margin-bottom: 10px;
	font-size: 20px;
}
#process #confirm .block .read{
	width: 600px;
	margin: 0 auto;
}
#process #confirm .block .read span,
#process #confirm .block .inner .comment strong{
	color: #cc0000;
	font-weight: bold;
}
#process #confirm .block .read .textlink{
	text-align: right;
}
#process #confirm .block .read .textlink a{
	padding-left: 15px;
	background: url("../image/arw_link.gif") 0 3px no-repeat;
}
#process #confirm .block .inner{
	overflow: hidden;
	width: 600px;
	margin: 0 auto;
	*zoom:1;
}
#process #confirm .block .inner .comment{
	float: left;
	width: 410px;
}
#process #confirm .block .inner .comment ul{
	margin: 0;
	padding: 10px 0 0 15px;
}
#process #confirm .block .inner .comment ul li{
	margin-bottom: 5px;
}
#process #confirm .block .inner .comment ul li.high{
	margin-bottom: 2em;
}
#process #confirm .block .inner .photo{
	float: right;
	width: 167px;
}
#process #confirm .block .inner .photo dl{
	margin: 0 0 15px;
}
#process #confirm .block .inner .photo dl dd{
	margin: 0;
	padding-right: 15px;
	background: url("../image/ico_outerlink.gif") 100% 5px no-repeat;
	text-align: right;
}
#process #confirm .block .inner .photo dl dd a{
	padding-left: 15px;
	background: url("../image/arw_link.gif") 0 3px no-repeat;
}

#todokede-area *{margin:0;padding:0;}
#todokede-area{
	width:675px;
	margin:0 auto 20px;
}

#todokede-area h2{
	margin-bottom: 20px;
}

#todokede-area h3{
	width: 635px;
	margin: 0 auto 10px;
	padding: 0 5px 0 10px;
	color:#372914;
	font-size:1.4em;
	border-bottom: 1px solid #d6cdbf;
	border-left: 5px solid #990000;
}

#todokede-area .flow h3 span{
	margin: 0 3px;
	padding: 2px 5px;
	color: #fff;
	font-weight: bold;
	background-color: #990000;
}

#todokede-area .flow div{
	min-height:50px;
	margin-bottom:20px;
	padding-left:72px;
	background:url('/shien/image/arw_todokede.gif') no-repeat 23px 5px;
}

*html #todokede-area div{
	height:50px;
}

#todokede-area div p{
	width:550px;
}

#todokede-area div span{
	color:#cc0000;
	font-weight:bold;
}

#todokede-area div p a{
	padding-left:15px;
	background:url('/shien/image/arw_link.gif') no-repeat 0 1px;
}

#todokede-area div.last{
	*height:20px;
	min-height:20px;
	padding-left:20px;
	background:none;
}
#todokede-area div.last p{
	width: 610px;
}
#process #matomete{
	width: 601px;
	height: 407px;
	margin: 40px auto;
	padding: 0 30px 30px;
	background: url("../image/bg_matomete.jpg") 0 0 no-repeat;
}
#process #matomete h2{
	margin-bottom: 10px;
	padding-top: 45px;
	text-align: center;
}
#process #matomete .inner{
	overflow: hidden;
	width: 580px;
	margin: 0 auto 10px;
	*zoom:1;
}
#process #matomete .inner .left{
	float: left;
	width: 236px;
}
#process #matomete .inner .right{
	float: right;
	width: 312px;
}
#process #matomete .bikou{
	text-align: center;
}
#process #matomete .bikou span{
	color: #cc0000;
	font-weight: bold;
}
#process .sp-only{
	display: none;
}
#link-area *{margin:0;padding:0;}
#link-area{
	width:634px;
	padding:8px;
	margin:0 auto 30px;
	background:url('/shien/image/back_link.gif') repeat 0 0;
}

#link-area .inner{
	padding:10px;
	background:#f8f8f8;
}

#link-area ul{
	list-style:none;
	padding:5px 0px 5px 30px;
}
/* clear hack */
#link-area ul{zoom:1;}
#link-area ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#link-area li{
	float:left;
	padding-right:30px;
}

/* -----------------------------------------------------*/
/* 登記で必要なご印鑑 */
/* -----------------------------------------------------*/
#necessary-area *{margin:0;padding:0;}
#necessary-area{
	width:675px;
	margin:0 auto 20px;
}

#necessary-area .comment{
	padding:0 5px;
	margin-bottom:15px;
}

#necessary-area .syurui{
	margin-bottom:20px;
	padding:0 10px;
}
/* clear hack */
#necessary-area .syurui{zoom:1;}
#necessary-area .syurui:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#necessary-area .syurui .left{
	float:left;
	width:400px;
	padding-top:3px;
}

#necessary-area .syurui .left p{
	margin-bottom:8px;
}

#necessary-area .syurui .left a,
#necessary-area #note .date a{
	padding-left:15px;
	background:url('/shien/image/arw_link.gif') no-repeat 0 1px;
}

#necessary-area .syurui p.photo{
	float:right;
}

#necessary-area #note{
	padding:10px 15px;
	background:#f3f3f3;
	border:#999 3px double;
}

#necessary-area #note span{
	font-weight:bold;
	color:#cc0000;
}

#necessary-area #note .tel{
	font-size:1.2em;
	font-weight:bold;
}


/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
	.rwd-txt:after {
	  content: attr(data-label);
	  display: block;

	}
	.rwd-txt img {
	    display: none;
	}
	.rwd-txt {
	    margin: 0 auto 1em;
	    color: #000;
	    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin-bottom: 0.5em;
	    padding: 0.25em 0.5em 0 0.5em!important;
	    border-bottom: 5px solid #915c0c;
	    color: #fff;
	    background: #704506;
	    font-size: 1.8em;
	    font-weight: bold;
	    border-radius: 5px;
	  }
	/* サブメニュー */
	#sub-menu {
		display: none;
	}
	/* -----------------------------------------------------*/
	/* 開業の手続き・届出 */
	/* -----------------------------------------------------*/
	#process #confirm{
		max-width: 620px;
		width: 100%;
		box-sizing: border-box;
	}
	#process #confirm h2{
		font-size: 28px;
		line-height: 1.4em;
	}
	#process #confirm h2 span{
		display: block;
	}
	#process #confirm .block{
		margin-bottom: 40px;
	}
	#process #confirm .block h3{
		line-height: 1.4em;
		margin-bottom: 0;
		border-bottom: 1px dotted #555;
	}
	#process #confirm .block .read{
		max-width: 600px;
		margin: 0 auto;
		width: 100%;
	}
	#process #confirm .block .inner{
		max-width: 600px;
		width: 100%;
	}
	#process #confirm .block .inner .comment{
		float: none;
		max-width: 100%;
		overflow: auto;
		width: 100%;
		box-sizing: border-box;
	}
	#process #confirm .block .inner .comment ul{
		margin: 0;
		padding: 10px 0 0 15px;
		box-sizing: border-box;
		width: 100%;
	}
	#process #confirm .block .inner .comment ul li{
		margin-bottom: 5px;
	}
	#process #confirm .block .inner .comment ul li.high{
		margin-bottom: 2em;
	}
	#process #confirm .block .inner .photo{
		float: none;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
		width: 100%;
	}
	#process #confirm .block .inner .photo dl{
		width: 50%;
	}
	#process #confirm .block .inner .photo dl dd{
		font-size: 0.85em;
		text-align: center;
	}
	#todokede-area{
		width: 100%;
		max-width:675px;
	}
	#todokede-area h3{
		max-width: 635px;
		width: 90%;
		font-size: 18px;
		text-indent: -18px;
		padding-left: 30px;
	}
	*html #todokede-area div{
		height:50px;
	}

	#todokede-area div p{
		max-width:550px;
		width: 100%;
	}
	#todokede-area div.last p{
		max-width: 610px;
	}
	#todokede-area .flow div{
		background: none;
		padding: 0;
		width: 90%;
		margin: 0 auto 30px;
	}
	#todokede-area .flow div.last p{
		width: 100%;
	}
	#process .pc-only{
		display: none;
	}
	#process .sp-only{
		display: block;
	}
	/* -----------------------------------------------------*/
	/* 登記で必要なご印鑑 */
	/* -----------------------------------------------------*/
	#necessary-area *{margin:0;padding:0;}
	#necessary-area{
		max-width:675px;
		width: 100%;
	}

	#necessary-area .syurui{
		margin-bottom:20px;
		padding:0 10px;
	}
	#necessary-area .syurui .left{
		float:none;
		width:100%;
		margin-bottom: 20px;
	}


	#necessary-area .syurui p.photo{
		float:none;
		text-align: center;
	}

	#necessary-area #note{
		padding: 20px;
	}
	#necessary-area #note span{
		font-weight:bold;
		color:#cc0000;
	}

	#necessary-area #note .tel{
		font-size: 20px;
		padding: 20px 0;
		text-align: center;
	}
	#necessary-area #note .date{
		text-align:center;
	}

}