@charset "UTF-8";
/* CSS Document */
#archive{
	width:100%;
	margin:0 0;
	text-align:center;	
}

#archive #archive02{
	width:960px;
	margin:auto auto 10px auto;
}
#archive #archive02 p.caption {
	font-size:24px; 
}

#archive #archive02 p.texts{
	text-align:left;
	padding:20px 30px;
	font-size:19px; 
	line-height:1.6;
}

#archive #archive02 p.no01{background:url(../img/common/num01.png) no-repeat 15px center; text-align:left; padding:15px 15px 15px 55px;font-size:20px; }
#archive #archive02 p.no02{background:url(../img/common/num02.png) no-repeat 15px center; text-align:left; padding:15px 15px 15px 55px;font-size:20px; }
#archive #archive02 p.no03{background:url(../img/common/num03.png) no-repeat 15px center; text-align:left; padding:15px 15px 15px 55px;font-size:20px; }
#archive #archive02 p.no04{background:url(../img/common/num04.png) no-repeat 15px center; text-align:left; padding:15px 15px 15px 55px;font-size:20px; }
#archive #archive02 p.no05{background:url(../img/common/num05.png) no-repeat 15px center; text-align:left; padding:15px 15px 15px 55px;font-size:20px; }

#archive #archive02b{
	padding:40px 0;
	margin-bottom:60px;
	background:url(../img/common/bg2.jpg);
}



#archive #archive02c{
	width:960px;
	margin:0 auto 60px auto;
}







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

div#archive {
	width:100%;
	margin:0;
	float:none;
	background-image:none;
}

#archive #archive02,
#archive #archive02c{
	width:90%;
	margin: 2% 5% 5% 5%;
}
#archive #archive02b{
	width:100%;
	margin: 2% 0 5% 0;
}
#archive #archive02b img{
	width:95%;
}
#archive #archive02 p.caption {
text-align:left !important;
	font-size:18px; 
}

#archive #archive02 p.texts{
	text-align:left;
	padding: 4% 4%;
}

#archive #archive02 p.no01{background:url(../img/common/num01.png) no-repeat 0px center; text-align:left; padding:15px 15px 15px 40px;font-size:20px; }
#archive #archive02 p.no02{background:url(../img/common/num02.png) no-repeat 0px center; text-align:left; padding:15px 15px 15px 40px;font-size:20px; }
#archive #archive02 p.no03{background:url(../img/common/num03.png) no-repeat 0px center; text-align:left; padding:15px 15px 15px 40px;font-size:20px; }
#archive #archive02 p.no04{background:url(../img/common/num04.png) no-repeat 0px center; text-align:left; padding:15px 15px 15px 40px;font-size:20px; }
#archive #archive02 p.no05{background:url(../img/common/num05.png) no-repeat 0px center; text-align:left; padding:15px 15px 15px 40px;font-size:20px; }

}




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}