@charset "utf-8";
/* CSS Document */

/*------------------------------
流れ
------------------------------*/
.flow_box {
	border: 1px solid #ccc;
	margin: 15px 0px 20px;
	padding: 10px 20px;
	/*width: 650px;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.flow_box p.comment {
	margin: 10px 10px 20px;
	padding: 0px;
	overflow: hidden;
	font-size: 0.8em;
}
.flow_box ul {
	margin: 15px 0px 20px;
	padding: 10px 20px;
	font-size: 0.8em;
}
.flow_box ul li {
	list-style: none;

}
.flow_box h4 {
	font-size: 0.8em;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 3px 0px 3px 2em;
	border-top-left-radius: 5px;
	-webkit-top-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	border: 1px solid #DEDEDE;
	background: linear-gradient(to bottom, #f0f1f0, #FFF);
    background: -moz-linear-gradient(top, #f0f1f0, #FFF);
    background: -webkit-linear-gradient(top, #f0f1f0, #FFF);
	/*background-image: url(/common/images/p_tt_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;*/
	line-height: 1.6em;
	color: #00359F;
}
.step_box {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 10px 0px;
	padding: 0px;

	height: auto;
	overflow: hidden;
	background-image: url(/common/images/illust/step_arrow.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.step_box_lease {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 10px 0px;
	padding: 0px;
	height: auto;
	overflow: hidden;
	background-image: url(/common/images/illust/step_arrow_lease.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.step_box_last {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 10px 0px;
	padding: 0px;
	height: auto;
	overflow: hidden;
	background-image: url(/common/images/illust/step_arrow_last.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.step_box h4, .step_box_lease h4, .step_box_last h4 {
	font-size: 1.0em;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 3px 0px 3px 2em;
	border-top-left-radius: 5px;
	-webkit-top-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	border: 1px solid #DEDEDE;
	background: linear-gradient(to bottom, #f0f1f0, #FFF);
    background: -moz-linear-gradient(top, #f0f1f0, #FFF);
    background: -webkit-linear-gradient(top, #f0f1f0, #FFF);
	
	/*background-image: url(/common/images/p_tt_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;*/
	line-height: 1.6em;
	color: #00359F;
}
.step_box h4 a, .step_box_lease h4 a, .step_box_last h4 a {
	color: #00359F;
}
.step_box h4 a:hover, .step_box_lease h4 a:hover, .step_box_last h4 a:hover {
	color: #00359F;
}
.step_img {
	/*width: 100%;*/
	height: auto;
	width: 65%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0px 0px 0px 70px;
	padding: 0px;
	float: left;
}
.step_box p, .step_box_lease p, .step_box_last p {border: 1px solid #eaeaea\9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*width : 100%;*/
	top : 50px;
	margin: 15px 3px 10px 3px;
	padding: 10px 5px 10px 10px;
	float: right;
	background-image: url(/common/images/illust/flow_bg.png);
	background-repeat: repeat;
	background-position: left top;
	box-shadow: 0 0 3px #ccc;
	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 0.8em;
}
.step_box ul.link_text {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px 0px 0px 80px;
	float: left;
}
.step_box ul.link_text li {
	list-style: disc inside;
}
/*
*/
.info_box {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 10px 0px 0px;
	padding: 0px;
	height: auto;
	overflow: hidden;
}
.info_box h4 {
    font-size: 0.9em;
    padding: 5px 5px 5px 1em;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 3px #ccc;
    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    border: 1px solid #DEDEDE;
    /*text-indent: 1em;*/
    background: linear-gradient(to bottom, #f0f1f0, #FFF);
    background: -moz-linear-gradient(top, #f0f1f0, #FFF);
    background: -webkit-linear-gradient(top, #f0f1f0, #FFF);
    display: block;
}
}
.info_box h4 a {
	color: #00359F;
}
.info_box h4 a:hover {
	color: #00359F;
}
.info_box_img {
	width: 100%;
	height: auto;
	width: 180px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 10px 0px 0px;
	padding: 0px;
	float: left;
}
.info_box p {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*width : 70%;*/
	top : 50px;
	margin: 10px 3px 10px 0px;
	padding: 10px 5px 10px 10px;
	/*float: right;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 0.8em;
}
.info_box p.full {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width : 100%;
	top : 50px;
	margin: 10px 3px 10px 0px;
	padding: 10px 5px 10px 10px;
	float: right;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.ll_img {
	width: 610px;
	height: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 10px 0px;
	padding: 0px;
}
.text_before{
	color: #333;
	text-shadow: -1px -1px 0px #fff,
1px -1px 0px #fff,
1px 1px 0px #fff,
-1px 1px 0px #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #F69;
	margin: 5px 5px 5px 0px;
	padding: 1px 8px;
	font-weight: bold;
	font-size: 0.8em;
}
.text_after{
	color: #333;
	text-shadow: -1px -1px 0px #fff,
1px -1px 0px #fff,
1px 1px 0px #fff,
-1px 1px 0px #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #33FF33;
	margin: 5px 5px 5px 0px;
	padding: 1px 8px;
	font-weight: bold;
	font-size: 0.8em;
	height: 22px;
}
.info_box .img_center {
	width: 100%;
	text-align: center;
    margin: 0px auto;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width:  580px; 
    display: block;
}

/*960px以上*/
@media screen and (min-width: 960px) {
.step_box p, .step_box_lease p, .step_box_last p {
	width : 55%;
	}
.step_img {
	width: 30%;
}
.step_box ul.link_text {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px 0px 0px 300px;
}
}