@charset "Shift_JIS" ;
@import url("Article.css");
@import url("hatenabookmark.css");

html {
	margin : 0 ;
	padding : 0 ;
}

body {
	color: #444433 ;
	background-color : white ;
	margin : 0 ;
	padding : 0 ;
	font-size : 100% ;
	background-image : url(../../common/css_images/line-240.png) ;
	background-position : top left ;
}

/* 疑似クラス。アンカー関係 */

a:link {
	color : #00503D ;
	text-decoration : underline ;
	background-color : transparent ;
}

a:visited {
	color : green ;
	text-decoration : none ;
	background-color : transparent ;
}

a:hover {
	color : white ;
	text-decoration : none ;
	background-color : #00503D ;
}

a:active {
	color : white ;
	text-decoration : none ;
	background-color : red ;
}

div.Article h3 a:link {
	text-decoration : none ;
}

div.Article h3 a:hover {
	text-decoration : underline ;
	background-color : #00503D ;
}

/* 省略語関係。ACRONYMは廃止方向。 */
span.abbr ,
span.acronym {
	cursor :  help ;
	text-decoration : none ;
	border-bottom : 1px dashed gray ;
}

abbr ,
acronym {
	cursor :  help ;
	text-decoration : none ;
	border-style : none ;
}

/* ふりがな〜。扨をもんめと読まないようにするため。 */
span.Ruby {
	cursor: help;
	border-bottom : 1px dashed gray ;
}

p ,
li {
	line-height: 150% ;
}

/* 見出し */

h1 {
	margin : 0 ;
	padding : 10px 5% 336px 5% ;
	font-size : 340% ;
	font-weight : bold ;
	font-family : "New York" , "小塚明朝R" ,"Hiragino Mincho Pro" , "ヒラギノ明朝 Pro W3" , serif ;
	color : white ;
	background-color : gray ;
	border-style : none ;
	background-image : url(IMG_1010L.jpg) ;
	background-position : bottom right ;
	background-repeat : repeat-x ;
}

.DeleteArea h2 {
	font-size : 100% ;
	font-weight : normal ;
	margin : 0 ;
	padding : 2px 10px 2px 5px ;
	color : white ;
	border-bottom : 1px solid gray ;
	background-color : gray ;
}

.NavigationArea h2 , .BoardInfoArea h2 , .ControlPageArea h2 {
	display : none ;
}

div.ArticleArea {
	margin : 0 ;
	padding : 0 0 170px 0 ;
	background-image : url(shirokuma-g.png) ;
	background-repeat : no-repeat ;
	background-position : 5% 100% ;
}

body.WR250F div.ArticleArea {
	background-image : url(/WR250F/Images/background-IMG_0775.png) ;
	background-position : 5% 98% ;
}

.ArticleArea h2 {
	display : none ;
}

.note h3 {
	font-weight : bold ;
	font-size : 100% ;
	margin : 0 ;
	padding : 0 ;
}

div.Body h4 {
	font-family : "New York" , "小塚明朝R" ,"Hiragino Mincho Pro" , "ヒラギノ明朝 Pro W3" , serif ;
	font-weight : bold ;
	font-size : 150% ;
	margin : 0 ;
	padding : 0.75em 0 0.75em 0 ;
}

hr {
	display : none ;
}

/* 引用の関係。 */
blockquote {
	color : #003333 ;
	border-style : dashed ;
	border-color : gray ;
	border-width : 1px ;
	margin : 2em 0 2em 0 ;
	padding : 40px 1em 0.5em 2em ;
	background-image : url(quote.png) ;
	background-position : top left ;
	background-repeat : no-repeat ;
	background-color : white ;
	cursor : help ;
}

q {
	color : #003333 ;
	font-style : normal ;
	quotes : "\20\22\20" "\20\22\20" ;
	cursor : help ;
}

q:before {
	content : open-quote ;
}

q:after {
	content : close-quote ;
}

dfn {
	color : #003333 ;
	font-style : normal ;
	quotes : "\20\22\20" "\20\22\20" ;
	cursor : help ;
}

dfn:before {
	content : open-quote ;
}

dfn:after {
	content : close-quote ;
}

/* 投稿者欄 */
.Label {
	color : gray ;
}

/* 挨拶文 */
.Greeting {
	display : none ;
}

/* ナビゲーション */
.NavigationArea {
	font-size : 90% ;
	margin : 0 0 4em 0 ;
	padding : 0 5% 0 75% ;
	background-color : gray ;
}

/* 掲示板情報・投稿欄・コントロール */
.DeleteArea ,
.PostArea {
	margin : 0 ;
	padding : 0 5% 0 5% ;
	background-color : gray ;
}

.BoardInfoArea {
	color : white ;
	margin : 0 0 0 0 ;
	padding : 8px 5% 2px 5% ;
	background-color : black ;
	background-image : url(woods.jpg) ;
	background-position : bottom right ;
	background-repeat : no-repeat ;
	clear : both ;
	float : none ;
}

.BoardInfoArea span.Label {
	display : none ;
}

.BoardInfoArea p {
	margin : 0.5em 0 0.5em 0 ;
	padding : 0 ;
	text-align : right ;
}

.BoardInfoArea p span.Name {
	font-size : 150% ;
	font-family : "New York" , "小塚明朝R" ,"Hiragino Mincho Pro" , "ヒラギノ明朝 Pro W3" , serif ;
	margin : 0 ;
	padding : 0 ;
}

.BoardInfoArea a {
	color : white ;
	text-decoration : none ;
	margin : 0 ;
	padding : 0 ;
}

.BoardInfoArea a:hover {
	color : white ;
	text-decoration : none ;
	background-color : transparent ;
}

.Outside ,
.Inside {
	margin : 0 ;
	padding : 0 12px 0 12px ;
	background-color : #909090 ;
}

.Outside ul ,
.Inside ul {
	list-style-type : none ;
	margin : 0  ;
	padding : 0 ;
}

.Outside li ,
.Inside li {
	line-height : 150% ;
	text-align : center ;
	padding : 0 ;
	border-right : 12px solid #999999 ;
	border-left : 12px solid #999999 ;
	background-color : silver ;
}

.ControlPageArea {
	margin : 0 ;
	padding : 0 5% 0 0 ;
	background-color : gray ;
}


.ControlPageArea ul {
	font-size : 85% ;
	list-style-type : none ;
	margin : 0  ;
	padding : 0 ;
	background-color : gray ;
	height : 2em ;
}

.ControlPageArea li {
/*	display : inline ;*/
	float : left ;
/*	line-height : 150% ;*/
	text-align : left ;
	padding : 0.2em 6px 0.2em 6px ;
	margin : 0 ;
	border-right : 6px solid #999999 ;
	border-left : 6px solid #999999 ;
	background-color : silver ;
}

.ControlPageArea li a span.Number {
	color: #444433 ;
	background-color : silver ;
	text-decoration : none ;
}

/* 本文・記事 */
.Article {
	margin : 1em 5% 9em 5% ;
	padding : 0 ;
}

.Article h3 {
	border-bottom : 1px solid gray ;
	font-size : 200% ;
	font-family : "New York" , "小塚明朝R" ,"Hiragino Mincho Pro" , "ヒラギノ明朝 Pro W3" , serif ;
	margin : 0 0 0.1em 0 ;
	padding : 0 0 0.2em 0 ;
}

.Article .Number {
	color : #099 ;
	font-weight : bold ;
}

.Article .Subject {
	margin-left : 0 ;
}

.Article .Info {
	margin : 0 0 1em 0;
	padding : 0 ;
	font-size : 90% ;
	text-align : right ;
/*	border-bottom : 1px solid gray ;*/
}

.Article .Info ul {
	list-style-type : none ;
	margin : 0 ;
	padding : 0 ;
}

.Article .Info li {
	display : inline ;
	margin : 0 ;
	padding : 0 ;
}

.Info li address {
	display : inline ;
	font-style : normal ;
	font-weight : normal ;
	margin : 0 ;
	padding : 0 ;
}

.Article .Footer {
	font-size : 90% ;
	text-align : right ;
	margin : 0 ;
	padding : 0 1em 0.5em 0;
}

.Article p {
	margin : 0 0 1em 0 ;
	padding : 0 ;
	line-height : 150% ;
	text-indent : 0 ;
}

.Article p.kaiwa {
	text-indent : 0 ;
}

.Article blockquote p {
	text-indent : 0 ;
}

.Body {
	padding : 0.5em 0 0.5em 30%;
	margin : 0 ;
	clear : both ;
}


/* 引用元表示 */
.Body p.source {
	font-size : 80% ;
	text-align : right ;
/*	position : relative ;
	bottom : 1.6em ;
	margin : 0 ;*/
	margin : -2em 0 2em 0 ;
	padding : 0 ;
}

/* 記事 */
.Body ul ,
.Body ol {
	list-style-position : inside ;
	padding : 0 ;
	font-size : 100% ;
	line-height : 150% ;
}

.Body ul {
	margin : 0 1em 1em 0 ;
	list-style-type : none ;
/*	list-style-image : none ;*/
	list-style-image : url("body-list.png") ;
}

.Body ol {
	margin : 0 1em 1em 0 ;
	list-style-type : decimal ;
	list-style-image : none ;
}

.Body ul li ,
.Body ol li {
	line-height : 150% ;
	margin : 1em 0 0 0 ;
}

.Body dl {
	margin : 0.5em ;
	padding : 0.2em ;
}

.Body dt {
/*	display : inline ;*/
	display : run-in ;
	margin : 0 ;
	padding : 0.2em ;
	line-height : 150% ;
}

 .Body dd {
/*	display : inline ;*/
	margin : 0 ;
	padding : 0.2em ;
	line-height : 150% ;
}

.Body span.Number {
	display : inline !important;
	float : none !important;
}

.Body p img {
	vertical-align : bottom ;
	border : 1px solid gray ;
}

/* お約束の疑似クラス */

.Body a:link img {
	text-decoration : none ;
	border-style : none ;
	background-color : transparent ;
}

.Body a:visited img {
	text-decoration : none ;
	border-style : none ;
	background-color : transparent ;
}

.Body a:hover img {
	text-decoration : none ;
	border-style : none ;
	background-color : transparent ;
}

.Body a:active img {
	text-decoration : none ;
	border-style : none ;
	background-color : transparent ;
}

span.Date {
	background-image : url(date.png) ;
	background-repeat : no-repeat ;
	background-position : bottom left ;
}

cite {
	font-style : normal ;
}

/* 約物 */
em {
	font-style : normal ;
	font-weight : bold ;
	color : #990033 ;
}

ins {
	text-decoration : none ;
}

del {
	display : none ;
}

/* サンプル部 */
div.sample {
	font-size : 100% ;
	line-height : 150% ;
	color : #333333 ;
	border-style:dashed;
	border-color:gray;
	border-width: 1px;
	margin : 2em 0 2em 0 ;
	padding : 40px 1.5em 0.5em 2em ;
	background-image : url(sample2.png) ;
	background-position : top left ;
	background-repeat : no-repeat ;
	background-color : white ;
}

.sample p {
	text-indent : 0 ;
}

.sample address {
	text-align : right ;
	margin-top : 1em ;
}

.sample ul {
	margin-left : 0 ;
}

.sample ol {
	margin-left : 0 ;
}

.sample dl {
	margin : 0 ;
	padding : 0 ;
}

.sample dt {
	display : block ;
	margin : 0 ;
	padding : 0.2em ;
}

.sample dd {
	display : block ;
	margin : 0 0 1em 0 ;
	padding : 0.2em ;
}

/* 記事上のコメント風こめんと */
.boyaki {
	color : gray ;
	font-size : 90% ;
}

.boyaki q {
	color : gray ;
}

/* キーボード上のキーを表す。 */
kbd {
	font-style : normal ;
	font-size : 100% ;
	padding : 0 2px 0 2px ;
	border-right : 2px solid gray ;
	border-bottom : 2px solid gray ;
	border-top : 1px solid silver ;
	border-left : 1px solid silver ;
	background-color : white ;
	color : #333333 ;
}

pre {
	font-size : 90% ;
	font-style : normal ;
	font-weight : normal ;
	white-space : pre ;
}

code {
	font-size : 100% ;
	font-style : normal ;
	font-weight : normal ;
	font-family : "Lucida Grande" , "Avant Garde" , Helvetica , "Kozuka Gothic std" , "Hiragino Kaku Gothic Pro" , "小塚ゴシック Std R" , "ヒラギノ角ゴ Pro W3" , Osaka , sans-serif ;
/*	font-family : monospace ;*/
}

/* はてブコメント */
.bookmarklist {
	margin : 1em 5% 0 5% ;
	padding : 0 ;
	clear : both ;
}

.bookmarklist h3
{
	padding : 0 0 0.4em 0 ;
	margin : 0.5em 0 0.5em 30% ;
	border-bottom : 1px solid gray ;
	font-size : 100% ;
	font-family : "New York" , "小塚明朝R" ,"Hiragino Mincho Pro" , "ヒラギノ明朝 Pro W3" , serif ;
}

.bookmarklist ul
{
	font-size : 85% ;
	padding : 0.25em 0 0 30%;
	margin : 0 ;
}

.bookmarklist ul li
{
	margin : 0.5em 0 0.25em 0 ;
	padding : 0 ;
	list-style-type : none ;
}

.bookmarklist ul li span.timestamp
{
	display : none ;
}

.bookmarklist ul li a
{
	margin-right : 0.25em ;
	margin-left : 0.25em ;
}

.bookmarklist ul li a img
{
	margin-right : 0.25em ;
	border-style : none ;
	vertical-align : bottom ;
}

.bookmarklist ul li a:hover
{
	background-color : transparent ;
	color : red ;
}

.hatena-star-comment-container,
.hatena-star-star-container {
/*	margin-left : 1.5em ;*/
	padding-left : 0.5em ;
}