@charset "utf-8";
/*********************************************
**    Copyright (c) 2010.
**                  All Rights Reserved.
**********************************************/
/*======================================
Font-size Adjustment
77% = 10px	|	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|
=======================================*/
/**************************************************************************************************
Initialization
**************************************************************************************************/
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,td,th,
pre,code,
form,fieldset,legend,input,textarea,
p,blockquote {
	font-size		: 12px;
	font-family:Tahoma,/*"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",*/"ＭＳ Ｐゴシック", "MS PGothic", Osaka,  sans-serif;
	margin			: 0;
	padding			: 0;
}
table {
	border-collapse	: collapse;
	border-spacing	: 0;
}
fieldset,img {
	border			: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style		: normal;
	font-weight		: normal;
}
ol,ul { 
	list-style		: none;
}
caption,th {
	text-align		: left;
}

input,textarea {
	padding:2px;
}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.clearfix {
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
}
.clearfix {
	display			: block;
}
/* END OF FOR MAC IE */

.clear {
	margin			: 0;
	padding			: 0;
	display			: block;
	height			: 0;
	line-height		: 0;
	clear			: both;
	visibility		: hidden;
}
.ClearList {
	display			: block;
	margin			: 0 0 10px 0;
	padding			: 0;
	clear			: both;
	visibility		: hidden;
}

/* LINK
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color			: #1b5a43;
	text-decoration	: underline;
}
a:hover {
	color:#cc9900;
	text-decoration	: underline;
}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {
	margin			: 10px 0;
	padding			: 0;
	line-height		: 1.6;
	background:#3a8d6f;
	color:#333333;
	font-size		: 12px;
}
#Container {
	width			: 940px;
	margin			: 0 auto;
	padding			: 0;
}

/* HEADER
-------------------------------------------------------------------------------------------------*/
#Header {
	width			: 940px;
	height		: 170px;
	margin		: 0;
	padding		: 0;
}
	#Header h1 {
		float		: left;
		width		:150px;
		margin	: 0;
		padding	: 0;
	}
	#Header h2 {
		float		: right;
		width		: 770px;
	}

/**************************************************************************************************

 Left Contents

**************************************************************************************************/

/* Layout
-------------------------------------------------------------------------------------------------*/

#Left {
	float:left;
	width:150px;
}
	#Left h4 {
		margin:20px 0 0 0;
	}
	#Left ul {
		color:#FFFFFF;
	}
		#Left li {
			font-size:10px;
			background:url(../images/arrow_menu.gif) no-repeat 0 4px;
			padding-left:6px;
			margin:0 0 4px 0;
			line-height:1.2;
		}
		#Left li a {
			color:#FFFFFF;
			text-decoration:none;
		}
		#Left li a:hover {
			color:#FC0;
			text-decoration:underline;
		}

	#Left .Input #Btn {
		margin:0;
		padding:0 0 2px 0;
		vertical-align:middle;
	}

/**************************************************************************************************

 Right Contents

**************************************************************************************************/

#Right {
	float:right;
	width:770px;
}
#Title {
	clear:both;
	width: 710px;
	background:url(../images/bg_top.gif) no-repeat top;
	padding:10px 31px 0 31px;
}

/* Contents
-------------------------------------------------------------------------------------------------*/
#Contents {
	clear:both;
	width:710px;
	background:url(../images/bg_middle.gif) repeat-y;
	padding:1px 31px;
	margin:0;
}

h3 {
	margin:20px 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/bg_midashi.gif) no-repeat left bottom;
	font-size:14px;
	color:#1b5a43;
}
 h3 span {
	 float:right;
	 background:#37c192;
	 padding:2px 14px;
	 text-align:center;
	 color:#FFFFFF;
	 font-size:12px;
 }
h3.archive-title {
	font-size:16px;
	background:#008c56;
	color:#FFFFFF;
	font-weight:bold;
	margin:20px 0 0 0;
	padding:10px;
}
h4.comments-open-header {
	border-bottom:1px solid #CCC;
	padding:4px;
	margin:0 0 10px 0;
}
#Contents .Detail {
	background:#FFFFFF;
	border:1px solid #b8d3c9;
	color:1b5a43;
	padding:4px 8px;
}
#Contents p {
	margin:0 0 20px 0;
}
#Contents .comment{
	border:1px solid #CCC;
	background:#FFF;
	margin:20px 0;
	padding:10px;
}
#Contents .comment p {
	margin:10px 0 0 0;
}

#Contents .PageSend dl{
	background:#ebf3f0;
	border:1px solid #b8d3c9;
	margin:20px 0 10px 0;
	padding:10px;
}
	#Contents .PageSend dt {
		float:left;
		width:76px;
	}
	#Contents .PageSend dd {
		padding-left:84px;
		background:url(../images/arrow_pagesend.gif) no-repeat 76px 8px;
	}

.PageTop {
	clear:both;
	width:772px;
	background:url(../../common/images/bg_bottom.gif) no-repeat;
	padding:40px 0 0 0;
}


/**************************************************************************************************

 Footer

**************************************************************************************************/

#Footer {
	clear:both;
	width:100%;
	height:60px;
	background:url(../../../common/images/footer_bg.gif) repeat-x;
	color:#FFFFFF;
	margin:40px 0 0 0;
}
	#Footer .Footer {
		width:940px;
		margin:0 auto;
		padding:8px 0 8px 8px;
		font-size:10px;
		height:46px;
	}
		#Footer .Footer .Left {
			width:500px;
			float:left;
		}
		#Footer .Footer .Right {
			width:420px;
			margin:26px 0 0 0;
			float:right;
			text-align:right;
		}

/**************************************************************************************************
COMMON CLASS
**************************************************************************************************/
table {
	width			: 100%;
}
	table th {
		padding:8px 12px;
	}
	table td {
		padding:8px 12px;
	}
	table p {
		margin		: 0;
		padding		: 0;
		line-height	: 1.7;
	}

/* FONT COLOR,WEIGHT
-------------------------------------------------------------------------------------------------*/
.Red {
	color			: #CC0000;
}
.Green {
	color:#1b5a43;
}
.Bold {
	font-weight		: bold;
}
.Center {
	text-align		: center;
}
.TextRight {
	text-align		: right;
}

.Small {
	font-size		: 10px;
}
.Big {
	font-size:14px;
}