@charset  "UTF-8";

/* top.css 

 01.top-content  トップページ コンテンツエリア
 02.komado-space  カナダの小窓 新着分
 03.column-space  コラム 新着分
 03.whats  更新情報 新着分
 
*/

/*
===============================================
 01.top-content  トップページ コンテンツエリア
----------------------------------------------- */
#top-content {
	clear: both;
	width: 716px;
	background-image: url(../images/top_base_middle.gif);
	background-repeat: repeat-y;
}

#top-content-inner {
	background-image: url(../images/top_cake.gif);
	background-repeat: no-repeat;
	width: 716px;
}

/*
===============================================
 02.komado-space  カナダの小窓 新着分
----------------------------------------------- */
#komado-space {
	float: right;
	width: 170px;
	padding: 240px 0 0 0;
}

#komado {
	width: 170px;
	margin: 0; 
	padding: 0 0 19px 0; 
	background-image: url(../images/komado_base_bottom.gif); 
	background-repeat: no-repeat;
	background-position: left bottom;
}

#komado-inner {
	background-image: url(../images/komado_base_middle.gif); 
	background-repeat: repeat-y;
	margin: 0; 
	padding: 0; 
}

#komado h2 {
	width: 170px;
	height: 48px;
	margin: 0; 
	padding: 0; 
	background-image: url(../images/komado_base_top.gif); 
	background-repeat: no-repeat;
	text-indent: -9999em;
	font-size: 10px;
}

#komado .entry {
	margin: 0; 
	padding: 15px 0 5px 0;
	height: 1%; 
	background-image: url(../images/komado_base_line.gif); 
	background-repeat: no-repeat;
	background-position: left bottom;
}

#komado .entry-content {
	margin: 0 25px 0 15px; 
}

#komado .entry-photo {
	margin: 0; 
}

#komado h3.date-header {
	margin: 0; 
	padding: 2px 6px;
	text-align: right;
	font-family: 'Lucida Grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #F3E6D4; 
	background-color: #662600;
}

#komado .entry-body {
	padding: 10px 0 0 0;
}

#komado .entry-body p {
	font-size: 11px;
	line-height: 1.3;
	padding: 0 0 1em 0;
}

#komado .paginate {
	font-family: 'Lucida Grande', verdana, helvetica, arial, sans-serif;
	margin: 0 25px 0 15px; 
	padding: 5px 0;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}

#komado .paginate a {
	margin: 0 2px; 
}

/*
===============================================
 03.column-space  コラム 新着分
----------------------------------------------- */
#column-space {
	float: left;
	width: 420px;
	padding: 370px 0 30px 0;
	margin: 0 96px 0 30px;
}

.column-day {
	clear: both;
	font-family: 'Lucida Grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 8px 0 0 0;
	padding: 24px 0 0 0;
	background-image: url(../images/title_heart.gif);
	background-repeat: no-repeat;
}

.column-title {
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0 20px 0;
	padding: 8px 0 0 0;
	background-image: url(../images/dotline_cha.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.column-text {
	margin: 0; 
	padding: 0;
}

.column-text p {
	font-size: 12px; 
	line-height: 1.5;
	margin: 0 0 1.5em 0; 
	padding: 0;
}

.column-text img {
	margin: 4px 10px 20px 0; 
	padding: 0;
	float: left;
	border: 3px solid #FFFFFF;
}

.more {
	margin: 10px 0 0 0; 
	padding: 0 0 20px 0; 
	text-align: right;
}

/*
===============================================
 03.whats  更新情報 新着分
----------------------------------------------- */
#whats {
	width: 160px;
	z-index: 2;
	left: 60px;
	top: 170px;
	position: absolute;
}

#whats img {
	vertical-align: top;
}

#whats-text {
	padding: 20px 30px 0 30px;
}

.whats-day {
	font-family: 'Lucida Grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px; 
	font-weight: bold;
	margin: 12px 0 0 0; 
}

.whats-top {
	background-image: url(../images/top_what_top.gif); 
	background-repeat: no-repeat;
	font-size: 10px; 
	width: 160px;
	height: 21px;
	text-indent: -7000em;
}

div.whats-middle {
	background-image: url(../images/top_what_middle.gif); 
	background-repeat: repeat-y;
	width: 160px;
}

div.whats-bottom {
	background-image: url(../images/top_what_bottom.gif); 
	background-repeat: no-repeat;
	width: 160px;
	height: 10px;
}

h3.whats {
	font-family: 'Lucida Grande', verdana, helvetica, arial, sans-serif;
	font-size: 10px; 
	color: #D74440; 
	font-weight: bold;
	margin: 0 10px; 
	padding: 6px 0 0 0;
}

p.whats {
	font-size: 11px;
	line-height: 1.3;
	font-weight: normal;
	margin: 0 10px; 
	padding: 2px 0 0 0;
}

p.news-more {
	margin: 8px 10px 0 0; 
	padding: 0;
	text-align: right; 
}