@charset "utf-8";
/* system_blog.css 

VERSION: JUL/23/10

*/

/* LEFT: ArticleBox */

div#blog_body{
	margin-right:12px;
	margin-top:12px;
	width:600px;
		font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","モナーフォント",sans-serif;

}

div.blog_post{
	display:block;
	margin-bottom:24px;
	margin-left:14px;
	width:560px;
}

div#blog_menu {
	display:block;
	float:right;
	margin-bottom:12px;
	margin-right:12px;
	padding:0 0 12px;
	width:368px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



/*=======旅行記のトップページのtable用 ========*/
.yume_01 {
	letter-spacing: 0.1pt;
	text-align: left;
	background-color: #FFCC99;
	text-indent: 3px;
	padding: 10px;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}

.yume_02 {
	letter-spacing: 0.1pt;
	text-align: left;
	background-color: #FFE1C4;
	text-indent: 3px;
	color: #333333;
	padding: 10px;
	margin: 0px;
}

.yume_03 {
	letter-spacing: 0.1pt;
	text-align: left;
	background-color: #FFFF99;
	text-indent: 3px;
	padding: 10px;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}

.yume_04 {
	letter-spacing: 0.1pt;
	text-align: left;
	background-color: #FFFFBB;
	text-indent: 3px;
	color: #333333;
	padding: 10px;
	margin: 0px;
}

.more {
	padding-top: 5px;
}

div.top_uptodate_box{
	display:block;
	width:470px;
	height:auto;
	border:1px solid #E4C29D;
	margin: 0 12px 7px 12px;
	background: #FFFFFF url(../img/german-ex/bg_top_box.png) repeat-x top;
	overflow:auto;
}

div.top_uptodate_box div.top_uptodate_content{
	margin:12px;
	/*
overflow:auto;
*/
	clear:both;
	display:block;	
	min-height:152px;
}

	div.top_uptodate_box div.top_uptodate_content p{
		line-height:1.3em;
	}

	div.top_uptodate_box div.top_uptodate_img{
		float:left;
		display:block;
		width:152px;	
	}
	
		div.top_uptodate_box div.top_uptodate_img img{
			border:1px solid #E4C29D;
		}
	
	div.top_uptodate_box div.top_uptodate_txt{
		margin-left:162px;
		text-align:left;
	}
	
		div.top_uptodate_box div.top_uptodate_txt p{
			line-height:1.5em;
		}
	
	div.top_uptodate_box h4.top_uptodate_title{
		margin-bottom:6px;
	}
	
		div.top_uptodate_box h4.top_uptodate_title a{
			margin-bottom:0;
			padding:0;
			width:auto !important;
			color:#663822;
		}
		
			div.top_uptodate_box h4.top_uptodate_title a:hover{
				text-decoration:underline;
			}
			
			div.top_uptodate_box h4.top_uptodate_title a:active{
				color:#267726;		
			}

		div.top_uptodate_box a#top_title_uptodate{
			background: url(../img/german-ex/top_title_uptodate.png) no-repeat 0 0;
			height:25px;
			padding-top:9px;
/*			width:100px;*/
			display:block;
			color:#FFFFFF;
			font-weight:bold;
			padding-left:40px;
		}

		div.top_uptodate_box a#top_title_blog{
			background: url(../img/german-ex/top_title_blog.png) no-repeat 0 0;
			display:block;
			width:414px;
			height:25px;
			margin-right:12px;
			text-align:left;
			color:#FFFFFF;
			font-weight:bold;
			font-size: 16px;
			padding-left: 76px;
			padding-top:12px;
			padding-bottom: 2px;
			}


/*-----------------------------------------------------------------------------------------------*/
/*                                         BLOG STYLES                                           */
/*-----------------------------------------------------------------------------------------------*/

/* BODY */

div#blog_body{
	width:600px;
	margin-right:12px;
	margin-top:12px;
	padding-top:160px;
	background:transparent url(/img/blog_header_default.png) no-repeat 0 0;
}

div.travelbook_wrap #blog_body{
	background:transparent url(/img/travelbook_header_default.png) no-repeat 0 0;
}


/* TITLE */

div#blog_title_img{
	display:block;
	width:572px;
	height:65px;
	margin-top:12px;
	margin-left:14px;
	
	overflow:hidden;
	text-indent:-999em;
	background: transparent url(../img/german-ex/blog_title_img.gif) no-repeat 0 0;
}


/* POST */


div.blog_post{
	display:block;
	width:560px;
	margin-left:14px;
	margin-bottom:24px;
}

	div.blog_post h1.blog_post_title{
		display:block;
		height:66px;
		margin-bottom:60px;
		color:#2A1105;
		font-size:2.0em;
	}
	
		div.blog_post h1.blog_post_title a{
		color:#2A1105;
		font-style:italic;
	}

	div.blog_post img{
		border: 1px solid #E6DBC9;
	}

div.blog_post_text{
	text-align:left;
	background-color:#FAF2DF;
	padding: 12px 24px 24px 24px;
	font-size:1.3em;
	line-height:1.5em;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

	div.blog_post_text p{
		line-height:1.5em !important;
	}



div.blog_post_text a.anchorbutton{
	display:block;
	float: left;
	height:42px;
	padding-right:20px;
	margin-right:6px;
	color:#FFFFFF;
	background:transparent url(../images/tour/btn_blog_post_right.png) no-repeat scroll top right; 
	}
	
	div.blog_post_text a.anchorbutton strong{
		
		display: block;
		line-height: 22px; 
		padding: 13px 0 12px 18px;
		background:transparent url(../images/tour/btn_blog_post_left.png) no-repeat;
	}


h1.blog_post_title{
	font-weight:bolder;
	color:#FF6600;
}


	
	h1.blog_post_title a{
		color:#DF4E00;
	}

div#blog_menu{
	float:right;
	display:block;
	width:368px;
	
	margin-right:12px;
	margin-bottom:12px;
	padding: 0 0 12px 0;
}

div#blog_content{
	float:left;
	display:block;
	width:572px;
	margin-left:12px;
	text-align:left;
	padding:12px 0;
}

div.blog_post_box img{
		border: 1px solid #E4C29D;
	}


div.blog_post_body{
	padding:12px;
	background-color:#EFEAE0;
}

	div.blog_post_body p{
		font-size:1.4em;
		text-indent:1em;
	}
	
	
	div.blog_post_body a{
		color:#663822;
	}
	
		div.blog_post_body a:hover{
			
		}
		
		div.blog_post_body a:active{
			color:#267726;
		}
		
/* SOCIAL BOOKMARKS */

div.blog_social{
	margin-top:12px;
	display:block;
	clear:both;
	border:1px dotted #E6DBC8;
	padding:6px;
	height: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	div.blog_social li{
		list-style-type:none;
		float:left;
		margin-right:9px;
	}
	
		div.blog_social li a img{
			border:none;
		}		

/* ARCHIVE */		

div#blog_menu{
	background: transparent url(../img/german-ex/blog_menu_bg.jpg) repeat-y 0 110px;
	
}		

div#blog_archive h3{
	display:block;
	width:368px;
	height:110px;
	background: transparent url(../img/german-ex/blog_menu_header.png) no-repeat 0 0;
	overflow:hidden;
	text-indent:-999em;
}

div#blog_archive{
	
}

	div#blog_archive ul{
		margin: 0 12px 0 24px;
	}
	
		div#blog_archive li{
			color:#2A1105;
			margin-bottom:6px;
			border-bottom : 1px solid #BFAD8F;
			text-align:left;
			font-size:1.4em;
			padding-bottom:6px;
			list-style-type:none;
		}