@charset "shift_jis";
/* CSS Document */

#contents h2{
	margin:0px; padding-bottom:20px;
}


#contents .title01{
	text-align:center;
}

#contents .pic01{
	width:680px; margin:0 auto; padding-top:15px;
}

#contents .pic01 .pic01-s1{
	float:left; width:215px;
}

#contents .pic01 .pic01-s2{
	float:left; padding:0 16px;
}



#contents .box01 h3{
	background-image:url(../common/img/bg-title.gif); background-repeat:no-repeat; padding:10px 15px; margin:0px;
}


#contents .box02{
	float:left; width:380px; padding-left:10px; padding-bottom:15px; font-weight:bold;
}
#contents .box02 div{
	line-height:25px;
}


#contents .box03{
	float:right; width:375px; padding-right:10px; padding-bottom:15px; font-weight:bold;
}








#contents .box03 div{
	line-height:25px;
}

#contents .box01 p.text{
	padding:15px 0
}

#contents .box01 table{
	border:solid #aaa 1px; border-collapse:collapse; width:680px; margin:0 auto;
}

#contents .box01 td,#contents .box01 th{
	border:solid #aaa 1px; border-collapse:collapse; padding:8px;
}

#contents .box01 th{
	background-color:#eee; font-weight:normal
}

#contents .ss-box01{
	padding:0 16px;
}

#contents .ss-box01 .f-b{
	float:left; width:365px;
}

#contents .ss-box01 .f-b2{
	float:right; width:365px;
}


#contents .ss-box01 .ff-b{
border:solid #27750c 1px; background-color:#eeffe1
}

#contents .ss-box01 h4{
margin:0px; font-size:14px; background-color:#27750c; color:#FFF; padding:5px 8px;
}

#contents .ss-box01 p{
	padding:8px;
}




#contents .red{
	color:red;
}

#contents .text02{
	text-align:center; font-weight:bold
}

#contents .f-10{
	font-size:10px;
}



@media screen and (max-width: 640px) {
#contents .title01 img{
	width:80%; height:auto;
}

#contents .ss-box01 .f-b{
	float:none; width:100%;
}

#contents .ss-box01 .f-b2{
	float:none; width:100%;
}

#contents .box02{
	float:none; width:100%; padding:0 0 0 15px;
}

#contents .box03{
	float:none; width:100%; padding:0 0 0 15px;
}
#contents .box01 table{
	width:90%;
}

#contents .pic01{
	width:90%; margin:0 auto; padding-top:15px;
}

#contents .pic01 .pic01-s1{
	float:left; width:44%; text-align:center;
}

#contents .pic01 .pic01-s2{
	float:right; width:44%; text-align:center;
}

#contents .pic01 .pic01-s1 img{
	width:100%;
}

#contents .pic01 .pic01-s2 img{
	width:100%;
}

#contents .box01{
		width:100%;}
#contents .box02{
	float:none; width:90%; padding-left:10px; padding-bottom:0;
}

#contents .box03{
	float:none; width:90%; padding-left:10px; padding-bottom:0;
}