@charset "utf-8";
/*スタイルシート*/
/*
mod:
-add max-width and max-height at div.maintxt div.articlebody img
-change comment h3's css because the margin is not incorrect at ie8
-change sidebar title css. display is incorrect when the title is so long
*/
/* init Start */
/*
http://yui.yahooapis.com/3.1.1/build/cssreset/reset-min.css
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*
http://yui.yahooapis.com/3.1.1/build/cssfonts/fonts-min.css
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* init End */

/* ページ全体の設定 */
body{
	margin: 0px;
	background-color: #dff3ff;
}

	/* 区切り線(コメント表示欄で使用)の設定 */
	hr{
		border:1px dashed #E7E3DF;
	}


/* id */
#wrapper {
	margin: 0 auto;
	width: 930px;
	background: #FFFFFF;
}

	#container {
		padding: 15px 50px
	}


/* title */
#header{
	height : 275px;
	background: url('http://blog-imgs-83.fc2.com/s/s/s/sss111/grtop.jpg') left top repeat;
}

	/* title detail */
	h1 {
		padding: 100px 30px 0 400px;
		height: 40px;
		font-size: 2.0em;
		line-height: 1em;
		text-align: right;
		color: #FFFFFF;
		text-shadow: 1px 1px 1px #000000;
	}

		h1 a:link    {color: #7c6824; text-decoration: none;}
		h1 a:active  {color: #eed16c; text-decoration: none;}
		h1 a:visited {color: #7c6824; text-decoration: none;}
		h1 a:hover   {color: #eed16c; text-decoration: underline;}


	/* blog description */
	#site_description{
		padding: 22px 20px 0 300px;
		height: 50px;
		text-align: right;
		color : #000000;
		overflow: hidden;
		text-shadow: 1px 1px 1px #000000;
	}

		#site_description strong {
			font-weight: normal;
		}

#boxmain {
	margin-bottom: 5px;
	width: 605px;
	color: #333333;
	float: left;
}

	#topentry {
		width: 100%;
	}

		/* entry title */
		div.h2wrap{
			margin-top: 5px;
			width: 100%;
			min-height: 38px;
			background: url('http://blog-imgs-54.fc2.com/s/s/s/sss111/goldenicon.gif') 10px 11px no-repeat;
		}
			div.h2cont{
				margin: 0 auto;
				width: 591px;
				border-bottom: 1px solid #CCCCCC;
			}

			h2.articletitle {
				height: 50px;
				margin: 0px 5px 0 40px;
				padding: 3px 0 0 0;
				font-size: 1.2em;
				text-align: left;
				color: #008000;
				font-weight: bold;
				font-family: monospace;
			}
				h2 span {
					display: table-cell;
					vertical-align: middle;
					height: 50px;
				}
				h2 a {color: #008000; text-decoration: none;}
				h2 a:hover {color: #FF6633; text-decoration: none;}

		/* non-entry title(monthly, tags...) */
		.h2wrapna{
			margin-top: 5px;
			width: 100%;
			min-height: 38px;
			background: url('http://blog-imgs-54.fc2.com/s/s/s/sss111/goldenicon.gif') 10px 11px no-repeat;
		}

			h2.narticletitle {
				height: 50px;
				margin: 0px 5px 0 40px;
				padding: 3px 0 0 0;
				font-size: 1.2em;
				text-align: left;
				color: #008000;
				font-weight: bold;
				font-family: monospace;
			}

				/* only tag erea*/
				h3#alltagstitle {
					margin-top: 5px;
					padding: 10px 5px 0px 5px;
					border-bottom: 1px solid #CCCCCC;
					font-size: 1.1em;
					font-weight: normal;
					font-family: monospace;
					color: #008000;
				}

					#alltags {
						padding: 5px 5px 0px 10px;
					}

		/* entry, comment, trackback */
		.maintxt {
			padding-top: 0.5em;
			padding: 5px 15px 8px 15px;
		}

			.maintxt a:link    {color: #0066FF; text-decoration: none;}
			.maintxt a:active  {color: #0066FF; text-decoration: none;}
			.maintxt a:visited {color: #0066FF; text-decoration: none;}
			.maintxt a:hover   {color: #0066FF; text-decoration: underline;}

				/* article brief*/
				.brief dt {
					font-weight: bold;
				}

					.brief dd{
						margin-bottom: 0.5em;
					}

		.post_date {
			padding-bottom: 1em;
			text-align: right;
			font-size: 0.8em;
			color: #999999;
		}
		
			.post_date span {
				background: url('http://blog-imgs-52.fc2.com/k/o/m/komitsudo/baseball_tmpl_edit-page-green.gif') top left no-repeat;
				padding: 1px 0 0 16px;
			}

		/* entry article */
		.articlebody {
		}

			.articlebody a:link    {color: #0066FF; text-decoration: underline;}
			.articlebody a:active  {color: #0066FF; text-decoration: underline;}
			.articlebody a:visited {color: #0066FF; text-decoration: underline;}
			.articlebody a:hover   {color: #0066FF; text-decoration: none;}

			.articlenextprev {
				text-align: right;
				font-size: 0.9em;
			}

				.articlenextprev .next {
					padding-left: 20px;
				}

				.articlenextprev a:link    {color: #0066FF; text-decoration: none;}
				.articlenextprev a:active  {color: #0066FF; text-decoration: none;}
				.articlenextprev a:visited {color: #0066FF; text-decoration: none;}
				.articlenextprev a:hover   {color: #0066FF; text-decoration: underline;}

			div.maintxt div.articlebody a.morelink {
				padding-left: 18px;
				background: url('http://blog-imgs-32.fc2.com/k/o/m/komitsudo/flowerfestival_bookopen.png') left top no-repeat;
			}

			div.maintxt div.articlebody img {
				padding: 2px;
				border: 0;
				max-width: 575px;
				max-height: 1000px;
			}

				div.maintxt div.articlebody a img{
					border: 1px solid #CCCCCC;
				}

				div.maintxt div.articlebody a img:hover {
					border: 1px solid #0066FF;
				}

			div.maintxt div.articlebody blockquote {
				padding: 0.5em 0 0.5em 0.5em;
				border-left: 0.3em solid #666666;
			}

			div.maintxt div.articlebody ul, div.maintxt div.articlebody ol {
				margin-left: 2em;
			}

			/* relate_list_area */
			.relate_dl {
				margin: 1em 0;
			}

				.relate_dt {
					padding: 6px 6px 3px 18px;
					border-bottom: 1px solid #CCCCCC;
					background: url('http://blog-imgs-54.fc2.com/s/s/s/sss111/goldenicon.gif') left 7px no-repeat;
					font-size: 1.1em;
					font-weight: bold;
				}

				.relate_dd {
					padding-top: 3px
				}

			/* theme ,genre */
			.articlefotterwrap {
				color : #FFFFFF;
			}

				.articlefottercont {
					margin: 0 auto;
					width: 575px;
					padding: 5px 8px 8px 8px;
					border-top: 1px solid #E0E0E0;
					border-bottom: 1px solid #E0E0E0;
					color: #666666;
					font-size: 0.9em;
					line-height: 1.5em;
				}

					.articlefottercont a:link    {color: #0066FF; text-decoration: none;}
					.articlefottercont a:active  {color: #0066FF; text-decoration: none;}
					.articlefottercont a:visited {color: #0066FF; text-decoration: none;}
					.articlefottercont a:hover   {color: #0066FF; text-decoration: underline;}

				/* state (post date,etc) */
				.state {
					padding: 5px 8px 8px 8px;
					font-size: 0.8em;
					color: #C8A848;
					letter-spacing : 1px;
					text-align: right;
					color : #FFFFFF;
				}

					.state a:link    {color: #0066FF; text-decoration: none;}
					.state a:active  {color: #0066FF; text-decoration: none;}
					.state a:visited {color: #0066FF; text-decoration: none;}
					.state a:hover   {color: #0066FF; text-decoration: underline;}

		/* comment and trackback */
		div.comment {
			width: 100%;
			overflow: hidden;
		}

			div.comment div.h3wrap{
				margin-top: 10px;
				height: 36px;
				background: url('http://blog-imgs-54.fc2.com/s/s/s/sss111/goldenicon.gif') 10px 0px no-repeat;
			}

				div.comment div.h3wrap div.h3cont{
					margin: 0 auto;
					height: 36px;
					width: 591px;
					border-bottom: 1px solid #CCCCCC;
				}

				/* comment and trackback title */
				div.comment div.h3wrap div.h3cont h3.entry_title{
					padding: 10px 5px 0px 40px;
					height: 22px;
					font-size: 1.1em;
					font-weight: bold;
					font-family: monospace;
					color: #008000;
				}

			div.comment div.maintxt div.severalcomment {
				padding: 0.5em 0 0 0;
			}

			div.comment div.maintxt div.severalcomment h4 {
				float: left;
				padding-left: 18px;
				background: url('http://blog-imgs-54.fc2.com/s/s/s/sss111/goldenicon4.gif') left top no-repeat;
				font-weight: bold;
				color: #99CC00;
			}
			
			div.comment div.maintxt div.severalcomment div.commentdate {
				float: right;
				padding-top: 2px;
				font-size: 0.8em;
				color: #999999;
			}

			div.comment div.maintxt div.severalcomment p {
				padding: 1em 0 1em 12px;
			}

			div.comment div.maintxt div.commented {
				margin-bottom: 10px;
				padding: 0 0 0.5em 0;
				border-bottom: 1px solid #E0E0E0;
				font-size: 0.8em;
				color: #999999;
				text-align: right;
			}

				div.comment div.maintxt div.commented .comment_name {
					color: #666666;
				}

		/* comment post */
		#commentpost {
			padding: 0.5em 0 1em 0;
			text-align: right;
		}
		
			#commentlayout {
				width: 575px;
				text-align: left;
			}

				#commentlayout td{
					padding-bottom: 0.5em;
				}

				#commentlayout .l {
					width: 87px;
					padding-left: 16px;
					background: url('http://blog-imgs-54.fc2.com/s/s/s/sss111/goldenicon5.gif') left 0px no-repeat;
				}

					#commentlayout .textbox { 
						border: 1px solid #999999;
						padding: 2px;
						-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
						-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
						box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
					}

					#commentlayout .textarea {
						vertical-align: top;
					}

				#comname, #commail, #url, #comtitle, #compass {
					width: 240px;
				}

				#sbmbutton {
					width: 150px;
					height: 23px;
					border: 1px solid #999999;
					background-color: #666666;
					color: #FFFFFF;
					cursor: pointer;
				}

					#sbmbutton:hover{
						background-color: #999999;
						color: #000000;
					}

				#sbmdelbutton {
					width: 120px;
					height: 23px;
					border: 1px solid #999999;
					background-color: #666666;
					color: #FFFFFF;
					cursor: pointer;
				}

					#sbmdelbutton:hover{
						background-color: #999999;
						color: #000000;
					}

		/* tracback area */
			div#tbarea div.maintxt dl {
				padding: 0 0 0.5em 0;
			}

				div#tbarea div.maintxt dt {
					padding: 0 0 0.5em 0.5em;
				}

				div#tbarea div.maintxt dd {
					padding: 0 0 0.5em 1em;
				}

					#tbarea .textbox { 
						border: 1px solid #999999;
						padding: 2px;
						-webkit-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
						-moz-box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
						box-shadow:2px 2px 2px 0 rgba(200,200,200,0.2) inset;
					}

				div#tbarea div.severaltb {
					border-top: 1px solid #E0E0E0;
					padding: 0.5em 0 0 0;
				}

				div#tbarea div.severaltb h4 {
					float: left;
					padding-left: 16px;
					background: url('http://blog-imgs-52.fc2.com/k/o/m/komitsudo/baseball_tmpl_bat.gif') left top no-repeat;
					font-weight: bold;
					color: #00FF00;
				}
				
				div#tbarea div.severaltb div.trackbackdate {
					float: right;
					padding-top: 2px;
					font-size: 0.8em;
					color: #999999;
				}

				div#tbarea div.severaltb p {
					padding: 1em 0 1em 12px;
				}

				div#tbarea div.trackbacked {
					padding: 0 0 0.5em 0;
					font-size: 0.8em;
					color: #999999;
					text-align: right;
				}

	/* to other pages  */
	.navi{
		margin-top: 3px;
		padding: 1px;
		font-size : 0.9em;
		color : #999999 ;
		text-align: center;
	}

		.navi a:link    {color: #0066FF; text-decoration: none;}
		.navi a:active  {color: #0066FF; text-decoration: none;}
		.navi a:visited {color: #0066FF; text-decoration: none;}
		.navi a:hover   {color: #0066FF; text-decoration: underline;}

/* サイドバーの設定 */
div#sideBar {
	float: right;
	margin-bottom: 5px;
	width: 207px;
	overflow: hidden;
	color: #666666;
}

	/* side bar */
	div#SideBarUp {
		margin-top: 5px;
	}

	div#sideBar div.side_bg{
		margin-top: 5px;
		padding: 3px;
		border: 1px solid #CCCCCC;
	}

		div#sideBar div.side_bg div.h3wrap {
			padding-bottom: 0.3em;
			border-bottom: 1px dashed #999999;
		}

			div#sideBar div.side_bg h3.side_title {
				padding: 8px 32px 0 2px;
				_height: 22px;
				min-height: 22px;
				color: #FF9900;
				font-weight : bold;
				font-size : 1em;
				background: url('http://blog-imgs-54.fc2.com/s/s/s/sss111/goldenicon2.jpg') right bottom no-repeat;
			}

			/* left_side, right_side */	
			div#sideBar div.side_txt {
				padding-top: 0.3em;
				font-size: 0.95em;
			}

				div#sideBar div.side_txt a:link    {color: #008000; text-decoration: none;}
				div#sideBar div.side_txt a:active  {color: #008000; text-decoration: none;}
				div#sideBar div.side_txt a:visited {color: #008000; text-decoration: none;}
				div#sideBar div.side_txt a:hover   {color: #008000; text-decoration: underline;}

				div#sideBar div.side_txt ul, div#sideBar div.side_txt ol, div#sideBar div.side_txt li{
					margin: 0 2px 0 2px;
					padding : 0;
					list-style-type: none;
				}
	
				div#sideBar div.side_txt li{
					padding: 0 0 0 14px;
					background: url('http://blog-imgs-52.fc2.com/k/o/m/komitsudo/baseball_tmpl_listlimg.png') left 3px no-repeat;
				}
	
				.side_txt p{
				}

				.side_txt a img{
					border: 0;
					padding: 1px;
				}

/* 著作権表示の設定 */
#copyrightwrap {
	clear: both;
	margin: 0 auto;
	height: 94px;
	background: url('http://blog-imgs-54.fc2.com/s/s/s/sss111/goldenicon3.jpg') top left no-repeat;
	color : #FFFFFF;
}

	#copyright{
		padding: 15px 0.5em 0 0.5em;
		font-size : 0.9em;
		color : #000000;
		text-align: left;
	}
	
		#copyright a {
			font-weight: bold;
			text-decoration: underline;
		}
		#copyright a:link    {color: #000000; text-decoration: none;}
		#copyright a:active  {color: #000000; text-decoration: none;}
		#copyright a:visited {color: #000000; text-decoration: none;}
		#copyright a:hover   {color: #000000; text-decoration: underline;}


/* 記事検索の設定 */
.search input{
	font-size :12px;
	line-height: 15px;
	border-width:1px;
	background-color:#fafafa;
	border-color:#cccccc; 
	font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",Osaka ;
}


/* プロフィール画像の設定 */
.pay {
	text-align: center;
	margin: 5px 0px 0px 5px;
}

/* fc2 bookmark,favorite */
.fc2_footer {

}

/*カレンダー*/
div#sideBar div.plugin-calender {
	margin: 0 auto;
	padding: 0 auto;
}

	div#sideBar table.calender {
		margin: 0 auto;
		padding: 0 auto;
		font-size: 1em;
		width: 90%;
		border-top: 1px dotted #666666;
	}
		div#sideBar table.calender caption {
			margin: 0 auto 0.2em auto;
			padding: 0 auto;
			width: 90%;
			text-align: center;
			font-weight: bold;
			font-size: 1.1em
		}

			div#sideBar table.calender caption a {
				font-weight: normal;
				font-size: 0.9em
			}

		div#sideBar table.calender th {
			font-weight: normal;
			padding: 3px 0 2px 0;
			text-align: center;
		}
		div#sideBar table.calender td {
			color: #999999;
			padding: 1px 0px;
			text-align: center;
			width: 22px;
		}
		div#sideBar table.calender td a {
			display: block;
			font-weight: bold;
		}
		th#sun {
			color: #CC3D3D;
		}
		th#sat {
			color: #2996CC;
		}
		div#sideBar table.calender td a:link, #calendar td a:visited, #calendar td a:hover, #calendar td a:active {
			font-weight: bold;
			text-decoration: none;
		}

/**********************************************/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}