@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_body td{
    border: solid #737272 1px;
    padding: 3px;
}

div.blog_post{
	display:block;
	margin-bottom:24px;
	margin-left:14px;
	width:560px;
}
div.blog_post ul li{
	list-style-position: inside;
}
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;
    /*float: left;*/
}

	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;
        font-size:1em !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;}
#blog_tour2{display:inline-block;}
#blog_tour3{display:inline-block;}
#blog_tour4{display:inline-block;}


div.related_box{ width: 250px; float: left; margin-top: 6px;}
div.related_box2{ width: 250px;float: left; margin-top: 6px;height:70px; overflow: hidden;}
div.related_box3{ width: 95%; float: left; margin-top: 6px; text-align: left; margin-left: 12px;}
div.related_box3 span{margin-top: 6px; font-size: 12px;text-align: left;}
div.related_box3 img{float: left; margin: 3px;}
div.blog_post_search .related_box{width:100%;text-align: left;}
div.blog_post_search .related_box span{ font-size:14px;margin-left:12px;display: inline-block; width: 460px;}

div.related_box4{ width:95%;float: left; margin-top: 12px; text-align: left; margin-left: 6px;}
div.related_box4 img{float: right; }
div.related_box4 span{margin-top: 6px; margin-left: 12px; font-size: 12px;text-align: left; float: left; width: 190px;}

div.related_box5{ width: 95%; float: left; margin-top: 6px; text-align: left; margin-left: 12px;}
div.related_box5 span{margin-top: 6px; font-size: 12px;text-align: left;}
div.related_box5 img{float: left; margin: 3px;}


div.related_box span{margin-top: 6px; font-size: 12px}
div.related_box2 span{margin-top: 6px; font-size: 12px}
div.related_box2 img{ float: left; margin: 3px;}
div.related_box img{float: left; margin: 3px;}
.myPic{
 border-radius:10px;
 border:1px solid #ccc;
 margin: 3px;
}
div.cat_div_box{
	max-height: 500px; overflow-y: auto;
}
div.cat_div_box .tour_menu_recommend{
/*	position: fixed !important;  
    position: absolute;
    */
}
.myPic2{
 border-radius:10px;
 border:1px solid #ccc;
 margin: 3px;
 float: right;
/* display: none;*/
}