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

#content01 {
	background-image: url(../images/top/back03.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	text-align:center;
}

#content01 h2 {
	color:#FFF;
	font-size:2.5em;
	text-shadow: 2px 2px 0 #333;
	padding:50px 0;
	line-height:1em;
}
#content02 {
	background-color:#138B3B;
	padding: 1px 0;
	text-align:center;

}

#content02 p {
	font-size:1.3em;
	line-height:180%;
	font-weight:500;
}

#content02 p img {
	float:right;

}


#content03 {
	padding: 40px 0;
	color:#FFF;
}


#content03 .content {
	width:700px;
	float:right;
	background:url(../images/common/dotted.png) repeat rgba(0,0,0,0.3);
	padding:20px;
	margin-bottom:40px;
}

#content03 .content p {
	font-size:1.2em;
}

#content03 .content p img {
	margin:0 10px;
	border:#FFF 2px solid;
}

#content03 .content h3 {
	border-bottom:#FFF solid 1px;
	padding-bottom:5px;
	margin-bottom:10px;
}

#content03 .content h3 .date {
	color:#FFF;
	font-size:1.0em;
	font-weight:500;
	float:right;
	white-space:nowrap;
}

#content03 .content h3 .title {
	color:#FFF;
	
	float:left;
	white-space:nowrap;
}

#content03 .content h3 .title a {
	font-size:1.4em;
	font-weight:500;
	color:#FFF;
}


#archive {
	width:200px;
	float:left;
}

#archive ul li a {
	color:#FFF;
	font-weight:500;
	display:block;
	padding:5px;
	border-bottom:dotted 1px #FFF;
	font-size:1.2em;
}

#archive h2 {
	font-size:1.2em !important;
	text-align:center;
	background:#060;
	color:#FFF;
	padding:5px 0;
}

#bloglist {
	padding:5px 0;
	color:#FFF;
	font-size:1.2em;
	font-weight:500;
	background: #F60;
	display:block;
	width:180px;
	margin:20px 0 20px auto;
	text-align:center;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}