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

VERSION: APR/15/11

*/

/* 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_post_date{
	margin-top:-38px;
	margin-bottom: 30px;
	font-style: oblique;
	font-size: 20px;
	font-family: Helvetica;
	text-align: center;
}
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;
	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:12px;
	height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
/*	margin-left: 24px;
	margin-right: 24px;*/
	margin-top: 24px;
	margin-bottom: 24px;
	background-color: #fff;
}

	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;
		}
		
		div#blog_archive li a:hover{
			text-decoration:underline;
		}

div.blogpagenation{width:90%; display: block;margin: auto;}
div.blogpagenation .pg{display:block; font-size:1.1em; float: left; border:solid #663822 1px; margin: 2px;}
div.blogpagenation .cur{ background-color: #663822; color:#fff; padding: 4px 5px;}
div#blog_archive_list img{margin: 2px; float: right;}
div#blog_archive_list .blog_menu_txt{ display:block;}
div#blog_archive_list li{ display: block; height: 50px;}
div.blogpagenation .cur a, div.blogpagenation .pg a{display:block; padding: 4px 5px;}
div.pg a{color:#663822;}
div.pg a:hover{background-color: #663822; color:#fff;}
div.new_blog{
background-image: url(../img/blog_new.png);
background-repeat: no-repeat;
background-position: left;
}

	div.new_blog p{
		margin-left:32px;
	}
div#top_uptodate_box div.top_uptodate_img a{
	padding-left: 0px;
}

#blog_main_img{float: right;margin: 0 0 12px 12px;}