@charset "UTF-8";
/**
 *	JAPAN LABEL
 */
/**
 *	=RESET
 */
	html,body,div,p,ul,ol,li,dl,dt,dd,pre,h1,h2,h3,h4,h5,h6,table,th,td,form,fieldset,input,textarea,select,img { margin: 0px; padding: 0px; }
	ul,ol { list-style: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	caption,th { text-align: left; }
	th,td { empty-cells: show; }
	img,fieldset { border: 0px; }
	img { vertical-align: bottom; }
	label { margin-left: 2px; vertical-align: middle; }
	html>/**/body label { margin-left: .2em; }
	input { vertical-align: middle; }
	textarea { font-size: 1em; }
	hr { display: none; }
/**
 *  =FONTS
 *
 *  20px: 1.539em
 *  18px: 1.385em
 *  17px: 1.308em
 *  16px: 1.231em
 *  15px: 1.154em
 *  14px: 1.077em
 *  13px: 1em
 *  12px: .924em
 *  11px: .847em
 *  10px: .77em
 */
	body { font-size: 100.01%; line-height: 1.5; color: #333; font-family: "ＭＳ Ｐゴシック"\9; }
	div,p,pre,ul,ol,dl,dt,dd,table,h1,h2,h3,h4,h5,h6 { font-size: 13px; font-size: 81.25%\9; }
	div,p,pre,ul,ol,dl,dt,dd,em { font-style: normal; }
	div div,div p,div pre,div ul,div ol,div dl,div dt,div dd,div table,div h1,div h2,div h3,div h4,div h5,div h6 { font-size: 100%; }
/**
 *  =LAYOUT
 */	body { text-align: center; }
	#wrapper { width: 936px; margin: 0 auto; text-align: left; }
	#container { width: 936px; margin-top: 10px; margin-bottom: 30px; background: url(../images/bg_container.gif) top left repeat-y; }
	#header { width: 936px; padding: 3px 3px 0; background: url(../images/bg_header.gif) top left no-repeat; }
	#shadow-h1 { width: 930px; height:10px; margin-left: 3px;  background: url(../images/shadow-h1.gif) top left no-repeat; }
	#content { width: 936px; }
	#blogs { width: 724px; margin-left: 8px; float: left; display: inline; }
	#sidebar { width: 185px; margin-right: 3px; float: right; display:inline; }
	#footer { width: 936px; height: 3px; clear:both; background: url(../images/bg_footer.gif) bottom left no-repeat; }
	.status_bar li { display: inline; }
	/*=BLOG */
	body#index{ background: url(../images/bg_page.gif) top left }
	#header {  }
	#header h1 { width: 930px; }
	#header h1 img { displey: block; }
	.blog { width: 720px; margin-bottom: 20px; padding-bottom: 20px; background-color: #FFFFFF; border: solid 2px #CCC; }
	.blog h2 { margin-top: 15px; margin-left: 10px; font-size: 1.231em; color:#AA005B; }
	.blog h2 a { color:#AA005B; text-decoration: underline; }
	.blog h2 a:link { color:#AA005B; text-decoration: underline; }
	.blog h2 a:visited { color:#AA005B; text-decoration: underline; }
	.blog h2 a:hover { color:#333399; text-decoration: underline; }
	.blog .status_bar { margin-top: 7px; margin-left: 10px; }
	.blog .status_bar .date { font-weight: bold; font-size: .924em; }
	.blog .status_bar .blogger { margin-left:10px; font-weight: bold; font-size: .924em; }
	.blog .status_bar .name { margin-left: 2px; color: #339; font-size: .924em; }
	.blog .status_bar .name a { color: #339; text-decoration: none; }
	.blog .status_bar .name a:link { color: #339; text-decoration: none; }
	.blog .status_bar .name a:visited { color: #339; text-decoration: none; }
	.blog .status_bar .name a:hover { color: #D62E8F; text-decoration: underline; }
	.blog .hr { margin-left: 2px; }
	.blog .one-shot { width: 700px; margin-top: 10px; margin-left: 10px; }
	.blog .url { width: 710px; text-align: right; font-size: .924em; }
	.blog .url a { color: #339; }
	.blog .url a:link { color: #339; }
	.blog .url a:visited { color: #339; }
	.blog .url a:hover { color: #D62E8F; }
	
	#about_box { padding-bottom: 10px; }
	.blog #image_box { float: left; display: inline; width: 141px; margin-top: 5px; margin-left: 8px; }
	.blog #text_box { float: right; display: inline; width: 555px; margin-right: 6px; }
	.blog #text_box h2 { margin-top: 5px; }
	.blog #text_box p.hr {margin-top: 5px; margin-bottom: 10px; }
	.blog #btn_detail { margin-top: 10px; }
	
	/*=SIDEBAR*/
	#sidebar { padding: 0 5px; } 
	#sidebar .content-box { width: 185px; background: url(../images/bg_content-box.gif) top left no-repeat; }
	#sidebar .bottom_content-box { width: 185px; height: 15px; margin-bottom: 8px; background: url(../images/bg_content-box.gif) bottom left no-repeat; }
	#sidebar .bnr-box { width: 185px; margin-bottom: 15px; }
	#sidebar #blogger .image { width: 52px; margin-left: 5px; padding-top: 6px; }
	#sidebar #blogger .btn_profile { clear:left; margin-left: 5px; padding-top: 5px; }
	#sidebar #japanesewine {  }
	#sidebar #japanesewine .image { width: 173px; margin-top: 5px; margin-left: 5px; }
	#sidebar #japanesewine .image img { border: solid 1px #CCC; }
	#sidebar #latestarticles li { width: 169px; margin: 5px 5px 0 5px; padding: 0 3px; font-size: .77em; border-bottom: dotted 1px #AA005C; }
	#sidebar #latestarticles li a { color: #333; text-decoration: none; }
	#sidebar #latestarticles li a:link { color: #333; text-decoration: none; }
	#sidebar #latestarticles li a:visited { color: #333; text-decoration: none; }
	#sidebar #latestarticles li a:hover { color: #339; text-decoration: underline; }
	#sidebar #articlesarchive li { width: 175px; margin: 5px 5px 0 5px ; font-size: .77em; border-bottom: dotted 1px #AA005C; }
	#sidebar #articlesarchive li a { color: #333; text-decoration:  none; }
	#sidebar #articlesarchive li a:link { color: #333; text-decoration: none; }
	#sidebar #articlesarchive li a:visited { color: #333; text-decoration: none; }
	#sidebar #articlesarchive li a:hover { color: #339; text-decoration: underline; }
	#sidebar #mobilesite .image { width: 77px; margin: 10px auto 0; }
	#sidebar #bereader .image { width: 171px; margin: 10px auto 0 ; }
	#sidebar #bereader .image img { border: solid 1px #CCC; }
	#sidebar #hotnews .bnr { padding: 5px 3px 0; }
	#sidebar #hotnews .dsc-bnr { padding: 5px; font-size: 0.847em; }
	.pager { text-align: center; }
	.pager li { display: inline; font-size: .924em; }
	.pager .btn_active { font-weight: bold; color: #333333; }
	.pager .btn_numbers { color: #333399; }
	.pager .btn_numbers a { color: #333399; text-decoration: underline; }
	.pager .btn_numbers a:link { color: #333399; text-decoration: underline; }
	.pager .btn_numbers a:visited { color: #333399; text-decoration: underline; }
	.pager .btn_numbers a:hover { color: #D62E8F; text-decoration: underline; }
	
	.archive-header { margin: 5px 0 20px 10px; padding-left: 3px; font-size: 1.308em; line-height: 1em; border-left: 3px solid #AA005B; }
	.content-nav { text-align: center; margin-bottom: 20px; }

	#sidebar #rssimg { margin-top: 10px; padding: 0 auto; text-align: center; }
	#sidebar #about p { padding: 5px 10px; font-size: 10px; }
	#sidebar #about #btn_about { padding: 0 10px; }

/**
 * CLEAR HACK
 */
	div:after { content: ""; display: block; clear: both; height: 0.1px; overflow: hidden; }
	div { display: block; zoom: 1; }
	
	
/**
 * add 0901118
 */	
	
.clear{
	clear:both;
}
#comment{
	display:block;
	background:#FAF9F5;
	border: #CCC solid 1px;
	margin:20px 0;
	padding:10px;
	clear:both;

}

#comment strong{
	border-left:#D582AF solid 5px;
	padding-left:5px;
	color:#AA005B;
}
#comment p{
	padding-left:10px;
}

/**
 * add 100212
 */	

#one-shot2 { width: 700px; margin-top: 10px; margin-left: 10px; text-align:left; margin:10px 0 30px 0;}
#one-shot2 .profile-box { border-bottom:solid #CCC 1px; padding-right:10px;}
#one-shot2 .profile { border-left:solid #C69 3px; margin: 3px 0px;}
#one-shot2 h3{ font-size:1.2em; color:#AA005B; margin: 0 5px;}
#one-shot2 h4{ font-size:1.1em; margin:10px 0 0 0; color: #600;}
#one-shot2 p{  margin:0 0 20px 0;}