@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: 0;
}

body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre { margin: 0; padding: 0; }
ul, li { list-style-type: none; }
a { color: #5A93C9; text-decoration: none; outline: 0; }
a:visited { color: #5A93C9; text-decoration: none; }
a:hover { color: #88ac0b; outline: 0; }
a:active { color: #88ac0b; outline: 0; }
hr { display: none; }
em, address { font-style: normal; }
strong { font-weight: bold; }
.clear { clear: both; }
.fL { float: left; }
.fR { float: right; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
p { margin: 0 0 10px 0; }
img { border: 0; }

/*------------clearfix-------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*---------------------------------*/

body {
	background: #f7e3e3 url(../img/bg.jpg) repeat-x;
	color: #666666;
	text-align: center;
	margin: 0 0 50px 0;
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}

#wrap {
	position: relative;
	background: #fff url(../img/wrap-bg.jpg) repeat-y;
	width: 900px;	
	margin: 50px auto 0 auto;
	text-align: left;
}

	#f1 {padding:0 15px;}
	
		#f1 a{
			font-size:10px;
			padding:0 5px;
		}
		
	 #header {
		position: relative;
		background: #fff url(../img/header-bg.jpg) repeat-x;
		width: 870px;	
		height: 100px;	
		padding: 0;	
		margin: 0px auto;
	}
	
			#header h1 {
				font-size: 36px;	
				font-weight: normal;
				letter-spacing: -1px;
			}

					#header h1#logo-text a {
						position: absolute;
						margin: 0;
						padding: 0;
						letter-spacing: -1.5px;
						color: #111;
						text-transform: none;
						text-decoration: none;
						/* change the values of top and left to adjust the position of the logo*/
						top: 23px;
						left: 21px;
						font-size: 42px;
						font-style: normal;
						line-height: normal;
						font-weight: normal;
						font-variant: normal;
					}
	
								#header #header-links {
									position: relative;
									top: 28px;
									right: 13px;
									color: #5b4a29;
									text-transform: uppercase;
									margin: 20px 0 0 20px;
								}
	
													#header #header-links a {	
														color: #5b4a29;
														text-decoration: none;	
														padding: 0 2px;
														font-weight: bold;
													}
													
														#header #header-links a:hover {color: #111;}
														
																	#header #header-links p {color: #111;}								

	#header-photo {
		clear: both;
		background: #fff;
		margin: 5px auto;
		padding: 0;		
		height:206px; 
		width: 870px;
	}

	#breadcrumb {margin: 0 10px 1px 0; padding: 0;}
		#breadcrumb ul {margin: 0; padding: 0 15px; text-align: right;}
			#breadcrumb ul li {display: inline; margin: 0; padding: 0;}
				#breadcrumb ul li a {color: #895F30;}
					#breadcrumb ul li a:hover {color: #88ac0b;}

	#content-wrap {
		position: relative;
		background: #fff url(../img/content-bg.jpg) repeat-x;
		clear: both;
		float: left;	
		width: 870px;	
		padding: 0; 			
		margin-left: 15px;	
		display: inline;
		border-top: 5px solid #fff;
		border-bottom: 1px solid #e5e5e5;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	.main {
		float: left;
		width: 550px;
		padding: 15px 0 0 0; margin: 0 0 0 20px;
		display: inline;	
	}
	
			.main h2 {
				margin-top: 10px;
				padding-bottom: 3px;
				font: normal 2.3em 'Trebuchet MS', Tahoma, Sans-serif;
				color: #895F30;
				letter-spacing: -1px;
				text-transform: none;
				font-size: 20px;
			}
			
	#sidebar {
		float: right;
		width: 280px;
		padding: 25px 0 0 0; margin: 0;		
	}	
	
			#sidebar h3 {
				margin-top: 10px;
				padding: 5px 5px;
				font-size: 14px;	
				font-weight: normal;
				color: #899B0D; 			
			}
		
					#sidebar ul.sidemenu {
						text-align: left;
						margin: 7px 10px 8px 0px; padding: 0;
						text-decoration: none;		
						border-top: 1px solid #EBEBEB;
					}
					
							#sidebar ul.sidemenu li {
								list-style: none;
								border-bottom: 1px solid #EBEBEB;
								padding: 5px 0 5px 5px;
								margin: 0 2px;		
							}
							
									* html body #sidebar ul.sidemenu li {height: 1%;}
									
											#sidebar ul.sidemenu li a {color: #895F30;}
												#sidebar ul.sidemenu li a:hover {	color: #88ac0b;	}

	#footer-wrap {
		clear: both;
		width: 870px;
		font-size: 95%;	
		text-align: left;
		margin-left: 15px;
		padding: 15px 0;		
		border-bottom: 15px solid #fff;
		border-top: 1px solid #fff;
	}
	
			#footer-wrap .col3{
				float: left;
				width: 280px;
				margin:0 3px;
			}
			
	      #footer-bottom {
					clear: both;
					margin: 0 auto; 
					width: 870px;
					padding: 15px 0 0 0;
					text-align: center;	
				}

h1, h2, h3, p {
	padding: 10px;	margin: 0;
}

	.pr-box {
			margin: 0;
			padding: 1px 10px;
			width: 860px;
			height: 14px;
			font-size: 10px;
			color: #fff;
			background: #2e251;
		}
		
			.pr-box ul {
				margin: 0;
				padding: 0 0 0 30px;
				background: url(../img/pr.gif) 0 3px no-repeat;				
			}
			
				.pr-box ul li {
					display: inline;
					margin: 0 10px 0 0;
					padding: 0;
				}
	
					.pr-box ul li a {color: #000; font-weight: bold;}
						.pr-box ul li a:hover {color: #000; text-decoration: underline;}
						
	.favorite {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		list-style-type: none;
		border-bottom: 1px solid #939393;
	}
	
		.favorite dt a {
			display: block;
			margin: 0;
			padding: 2px;
			font-size: 11px;
			font-weight: bold;
			color: #5A93C9;
		}
		
			.favorite dt a:hover {color: #88ac0b;}
		
			.favorite dd {
				margin-top: 5px;
				padding: 2px;
				color: #555;
				font-size: 11px;
				line-height: 13px;
			}
			
	.h4_ttl1, .h4_ttl2, .h4_ttl3{
		display:block;
		margin: 0;
		padding: 2px 0 0 0;
		width: 280px;
		height: 24px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}