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

h1{
	background-image:url(img/index/title.jpg);
	background-repeat:no-repeat;
}


div.waku{
	margin-bottom:20px;
	background-color:#fff;
	height:100%;
}

div.wakuTitle{
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:1px solid #777;
	background-color:#E0FCE8;
	background-image:url(../img/bgTitle.png);
	background-repeat:no-repeat;
	font-size:16px;
	line-height:140%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
}

div.wakuNaiyou{
	padding:10px 50px 10px 50px;
	border:1px solid #777;
	background-color:#fff;
	font-size:14px;
	line-height:140%;
	height:100%;
}

div.wakuNaiyou table{
	width:100%;
	margin-top:10px;
}

div.wakuNaiyou td{
	vertical-align:top;

}

div.wakuNaiyou td.arrow{
	vertical-align: middle !important;
	text-align: center;
}

div.wakuNaiyou td.naiyouAfter{
	text-align: right;
}

div.wakuNaiyou td.naiyouBefore img, div.wakuNaiyou td.naiyouAfter img{
	width:360px;
}

div.wakuNaiyou p{
	font-size:12px;
	line-height:120%;
	color:#333;
	margin-top:0;
}


div.wakuKaiketu{
	border-top:1px dashed #777;
	padding-top:8px;
	font-size:18px;
	font-weight:bold;
	color:#FF3300;
}

img.imgRight{
	float:right;
	margin-left:10px;
	padding:5px;
	border:1px solid #666;
	background-color:#fff;
}


@media only screen and (max-width:900px){
	div.wakuNaiyou td.naiyouBefore, div.wakuNaiyou td.naiyouAfter{
		width:40%;
	}
	
	div.wakuNaiyou td.naiyouBefore img, div.wakuNaiyou td.naiyouAfter img{
		width:260px;
	}

}

@media only screen and (max-width:700px){
	
	div.wakuNaiyou td.naiyouBefore img, div.wakuNaiyou td.naiyouAfter img{
		width:180px;
	}
}

@media only screen and (max-width:550px){
	div.wakuNaiyou td.naiyouBefore, div.wakuNaiyou td.naiyouAfter{
		display: block;
		width:100%;
		text-align: center;
	}
	
	div.wakuNaiyou td.arrow{
		display: none;
	}
	
	div.wakuNaiyou td.naiyouBefore img, div.wakuNaiyou td.naiyouAfter img{
		width:100%;
	}
}