@charset "utf-8";


/* ===================
contentsBody
===================*/
#blogTop #contents #contentsBody{
	background: none !important;
	}



/* ===================
contentsHeader
===================*/
#blogTop #contentsHeader{
	
	}

#blogTop #contentsHeader h2{
	display: inline;
	float: left;
	width: 240px;/*260*/
	padding-right: 0;
	letter-spacing: 0.4em;
	}

#blogTop #contentsHeader p{
	display: inline;
	float: left;
	width: 487px;/*502*/
	padding-top: 8px;
	color: #e46518;
	}



/* ===================
classHeader
===================*/
#blogTop #classHeader{
	background-color: #ffffff;
	padding: 3px 0;
	}
#blogTop #classHeader span{
	margin: 0 3px;
	display: block;
	border: 1px solid #5fb0d9;
	}

#blogTop #classHeader h3{
	font-weight: bold;
	padding: 16px 15px 13px 20px;
	letter-spacing: 0.4em;
	color: #5fb0d9;
	}



/* ===================
ecoHeader
===================*/
#blogTop #ecoHeader{
	background-color: #ffffff;
	padding: 3px 0;
	}
#blogTop #ecoHeader span{
	margin: 0 3px;
	display: block;
	border: 1px solid #57a95d;
	}

#blogTop #ecoHeader h3{
	font-weight: bold;
	padding: 16px 15px 13px 20px;
	letter-spacing: 0.4em;
	color: #57a95d;
	}



/* ===================
voiceHeader
===================*/
#blogTop #voiceHeader{
	background-color: #ffffff;
	padding: 3px 0;
	}
#blogTop #voiceHeader span{
	margin: 0 3px;
	display: block;
	border: 1px solid #dbae00;
	}

#blogTop #voiceHeader h3{
	font-weight: bold;
	padding: 16px 15px 13px 20px;
	letter-spacing: 0.4em;
	color: #dbae00;
	}



/* ===================
pickUp
===================*/
#blogTop #pickUp{
	background-color: #ffffff;
	margin-bottom: 10px;
	padding: 15px 20px 15px 15px;
	position: relative;
	}

#blogTop #pickUp .thumbnail{
	display: inline;
	float: left;
	width: 388px;
	text-align: center;
	}

#blogTop #pickUp h3{
	padding: 3px 0 8px 0;
	}

#blogTop #pickUp .data{
	display: inline;
	float: left;
	width: 146px;
	}
#blogTop #pickUp .data .mark{
	display: inline;
	float: left;
	width: 24px;
	padding-top: 8px;
	}
#blogTop #pickUp .data .date{
	display: inline;
	float: right;
	width: 118px;/*122*/
	color: #221815;
	}
#blogTop #pickUp .data .class{
	display: inline;
	float: right;
	width: 118px;/*122*/
	padding-top: 3px;
	font-weight: bold;
	color: #5fb0d9;
	}
#blogTop #pickUp .data h4{
	display: inline;
	float: left;
	width: 146px;
	padding-top: 10px;
	}
#blogTop #pickUp .data .txt{
	display: inline;
	float: left;
	width: 146px;
	padding-top: 10px;
	color: #221815;
	}
	#blogTop #pickUp .data .txt a{
		color: #221815;
		}
	#blogTop #pickUp .data .txt a:link {
		text-decoration: none;
		color: #221815;
		}
	#blogTop #pickUp .data .txt a:visited {
		text-decoration: none;
		color: #221815;
		}
	#blogTop #pickUp .data .txt a:hover {
		text-decoration: underline;
		color: #e46518;
		}
	#blogTop #pickUp .data .txt a:active {
		text-decoration: underline;
		}
	#blogTop #pickUp .data .txt a:focus {
		}
#blogTop #pickUp .data .more{
	width: 146px;
	position: absolute;
	bottom: 15px;
	right: 20px;
	text-align: right;
	color: #221815;
	}
	#blogTop #pickUp .data .more a{
		padding-left: 15px;
		color: #221815;
		background: url(/common/img/arrow-line.png) no-repeat left 50%;
		}
	#blogTop #pickUp .data .more a:link {
		text-decoration: none;
		color: #221815;
		}
	#blogTop #pickUp .data .more a:visited {
		text-decoration: none;
		color: #221815;
		}
	#blogTop #pickUp .data .more a:hover {
		text-decoration: underline;
		color: #e46518;
		}
	#blogTop #pickUp .data .more a:active {
		text-decoration: underline;
		}
	#blogTop #pickUp .data .more a:focus {
		}



/* ===================
entryList
===================*/
#blogTop #classList{
	padding-bottom: 10px;
	margin-right: -10px
	}

#blogTop #classList .entryCell{
	background-color: #ffffff;
	display: inline;
	float: left;
	width: 183px;
	margin-right: 10px;
	margin-top: 10px;
	}

#blogTop #classList .entryCell .box{
	padding: 15px 15px 25px 15px;
	/*IE7 BugFix*/
	zoom: 1;
	}

#blogTop #classList .entryCell .thumbnail{
	text-align: center;
	}

#blogTop #classList .entryCell .data{
	padding-top: 10px;
	}
#blogTop #classList .entryCell .mark{
	display: inline;
	float: left;
	width: 24px;
	padding-top: 8px;
	}
#blogTop #classList .entryCell .data .date{
	display: inline;
	float: right;
	width: 125px;/*128*/
	color: #221815;
	}
#blogTop #classList .entryCell .data .class{
	display: inline;
	float: right;
	width: 125px;/*128*/
	padding-top: 3px;
	font-weight: bold;
	color: #5fb0d9;
	}
#blogTop #classList .entryCell .data h4{
	display: inline;
	float: left;
	width: 153px;
	padding-top: 10px;
	}



/* ===================
blogList
===================*/
#blogTop #blogList{
	padding-bottom: 10px;
	margin-right: -10px
	}

#blogTop #blogList .entryCell{
	background-color: #ffffff;
	display: inline;
	float: left;
	width: 183px;
	margin-right: 10px;
	margin-top: 10px;
	}

#blogTop #blogList .entryCell .box{
	padding: 15px 15px 25px 15px;
	/*IE7 BugFix*/
	zoom: 1;
	}

#blogTop #blogList .entryCell .thumbnail{
	text-align: center;
	}

#blogTop #blogList .entryCell .data{
	padding-top: 10px;
	}
#blogTop #blogList .entryCell .data .date{
	color: #221815;
	}
#blogTop #blogList .entryCell .data .class{
	padding-top: 3px;
	font-weight: bold;
	color: #57a95d;
	}
#blogTop #blogList .entryCell .data h4{
	padding-top: 10px;
	}



/* ===================
voiceList
===================*/
#blogTop #voiceList{
	padding-bottom: 20px;
	margin-right: -10px
	}

#blogTop #voiceList .entryCell{
	background-color: #ffffff;
	display: inline;
	float: left;
	width: 183px;
	margin-right: 10px;
	margin-top: 10px;
	}

#blogTop #voiceList .entryCell .box{
	padding: 15px 15px 25px 15px;
	/*IE7 BugFix*/
	zoom: 1;
	}

#blogTop #voiceList .entryCell .thumbnail{
	text-align: center;
	}

#blogTop #voiceList .entryCell .data{
	padding-top: 10px;
	}
#blogTop #voiceList .entryCell .data .date{
	color: #221815;
	}
#blogTop #voiceList .entryCell .data .class{
	padding-top: 3px;
	font-weight: bold;
	color: #dbae00;
	}
#blogTop #voiceList .entryCell .data h4{
	padding-top: 10px;
	}



/* ===================
etc
===================*/
#blogTop .asterisk {
	padding-bottom: 20px;
	}







/* ===================
subMenu
===================*/
#blogTop #subMenu{
	padding-bottom: 25px;
	}

#blogTop #subMenu h3{
	color: #221815;/*5fb0d9 57a95d dbae00*/
	font-weight: bold;
	margin: 15px 10px 0 15px;
	}
	#blogTop #subMenu h3 a{
		color: #221815;
		}
	#blogTop #subMenu h3 a:link {
		text-decoration: underline;
		color: #221815;
		}
	#blogTop #subMenu h3 a:visited {
		text-decoration: underline;
		color: #221815;
		}
	#blogTop #subMenu h3 a:hover {
		text-decoration: none;
		color: #221815;
		}
	#blogTop #subMenu h3 a:active {
		text-decoration: none;
		}
	#blogTop #subMenu a:focus {
		}
		#blogTop #subMenu h3.class{
			color: #5fb0d9;
			}
			#blogTop #subMenu h3.class a{
				text-decoration: none;
				color: #5fb0d9;
				}
			#blogTop #subMenu h3.class a:link {
				text-decoration: none;
				color: #5fb0d9;
				}
			#blogTop #subMenu h3.class a:visited {
				text-decoration: none;
				color: #5fb0d9;
				}
			#blogTop #subMenu h3.class a:hover {
				text-decoration: underline;
				color: #5fb0d9;
				}
			#blogTop #subMenu h3.class a:active {
				text-decoration: underline;
				color: #5fb0d9;
				}
		#blogTop #subMenu h3.eco{
			margin-top: 20px;
			color: #57a95d;
			}
			#blogTop #subMenu h3.eco a{
				text-decoration: none;
				color: #57a95d;
				}
			#blogTop #subMenu h3.eco a:link {
				text-decoration: none;
				color: #57a95d;
				}
			#blogTop #subMenu h3.eco a:visited {
				text-decoration: none;
				color: #57a95d;
				}
			#blogTop #subMenu h3.eco a:hover {
				text-decoration: underline;
				color: #57a95d;
				}
			#blogTop #subMenu h3.eco a:active {
				text-decoration: underline;
				color: #57a95d;
				}
		#blogTop #subMenu h3.voice{
			margin-top: 20px;
			color: #dbae00;
			}
			#blogTop #subMenu h3.voice a{
				text-decoration: none;
				color: #dbae00;
				}
			#blogTop #subMenu h3.voice a:link {
				text-decoration: none;
				color: #dbae00;
				}
			#blogTop #subMenu h3.voice a:visited {
				text-decoration: none;
				color: #dbae00;
				}
			#blogTop #subMenu h3.voice a:hover {
				text-decoration: underline;
				color: #dbae00;
				}
			#blogTop #subMenu h3.voice a:active {
				text-decoration: underline;
				color: #dbae00;
				}

#blogTop #subMenu dl{
	margin: 0;
	}
#blogTop #subMenu dt{
	margin: 0 10px 0 15px;
	padding-top: 15px;
	/*color: #221815;*/
	font-weight: bold;
	}

#blogTop #subMenu ul{
	list-style-type: none;
	margin: 0 10px 0 15px;
	padding-top: 0px;
	}
#blogTop #subMenu li{
	list-style-type: none;
	padding-top: 10px;
	}