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

header .h_content nav li.navi05 img{
	display:none;
}

ul.sub_navi {
	width:943px;
	margin:0 auto 100px;
	overflow:hidden;
	background:url(../common/sub_navi_line.png) repeat-y left;
}

ul.sub_navi li {
	float:left;
	padding:0 26px;
	background:url(../common/sub_navi_line.png) repeat-y right;
	line-height:1.1;
}


/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 737px){
	
section{
	width:1010px;
}

section article {
	width:920px;
	margin:15px auto 0;
}

section article h4{
	padding-bottom:10px;
	border-bottom:1px dotted #4c4c4c;
	margin-bottom:20px;
	line-height:1.1;
}

section article p {
	line-height:38px;
}

section p.next {
	padding-bottom:50px;
	background:url(../images/flow/next.png) no-repeat 23px bottom ;
}

section.s01 h3 span{
	top: -78px;
	right: 42px;
}

section.s01 div.uchiawase {
	border:1px solid #666;
	width:100%;
	padding:20px 20px 5px 20px;
}

section.s01 div.uchiawase p{
	line-height:1.6;
	margin-bottom:15px;
}

section.s02 h3 span{
	top: -78px;
	right: 49px;
}

section.s03 h3 span{
	top: -56px;
	right: 49px;
}

section p a{
	color:#e2536a;
	padding-right:20px;
	background:url(../common/more_bg_img.png) no-repeat right;
	text-decoration:none;
}

section p a:hover{
	text-decoration:underline;
}

.map_bd{
	width:700px;
	margin:0 auto;
	line-height:0;
}
.map {
	width:642px;
	border:1px solid #CCC;
	margin:20px auto 40px;
	line-height:0;
}

.close {
	text-align:center;
}
.close a {
	color:#FFF;
	margin:0 auto;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	padding:15px;
	line-height:1.1;
	background:#B0B0B0;
	text-decoration:none;
}	
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media only screen and (max-width: 736px){

section article {
	width:88%;
	margin:15px auto 0;
}

section article h4{
	width:100%;
	padding-bottom:5px;
	border-bottom:1px dotted #4c4c4c;
	margin-bottom:10px;
	line-height:1.1;
}

section article p {
}

section p.next {
	padding-bottom:40px;
	background:url(../images/flow/next.png) no-repeat 23px bottom ;
}

section.s01 h3 span{
	top: -70%;
	right: 3%;
}

section.s01 div.uchiawase {
	border:1px solid #666;
	width:100%;
	padding:20px 20px 5px 20px;
}

section.s01 div.uchiawase p{
	line-height:1.6;
	margin-bottom:15px;
}

section.s02 h3 span{
	top: -90%;
	right: 3%;
}

section.s03 h3 span{
	top: -70%;
	right: 3%;
}

section p a{
	color:#e2536a;
	padding-right:20px;
	background:url(../common/more_bg_img.png) no-repeat right;
	text-decoration:none;
}

section p a:hover{
	text-decoration:underline;
}

.map_bd{
	width:700px;
	margin:0 auto;
	line-height:0;
}
.map {
	width:642px;
	border:1px solid #CCC;
	margin:20px auto 40px;
	line-height:0;
}

.close {
	text-align:center;
}
.close a {
	color:#FFF;
	margin:0 auto;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	padding:15px;
	line-height:1.1;
	background:#B0B0B0;
	text-decoration:none;
}	
	
}

@media only screen and (max-width: 425px){
	
	section.s02 h3 span{
	top: -75%;
	right: 3%;
}
	
	section.s03 h3 span{
	top: -65%;
	right: 3%;
}
}