@charset "utf-8";

/*---------------------------------------
  reset
------------------------------------------*/
html {color:#4d4d4d;background:#ffffff;font-family: Arial, Helvetica, sans-serif;}
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;}
li {list-style:none;}
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;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;}
/*to enable resizing for IE*/
input,textarea,select {*font-size:89%;}
/*because legend doesn't inherit in IE */
legend {color:#333;}

li img { vertical-align: top; }
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


/* --------------------------------------------------------
   clearfix
--------------------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/* --------------------------------------------------------
   global
--------------------------------------------------------- */
#header {
	height: 76px;
	background: url(../images/com/header_bg.gif) repeat-x top left;
}
	#header .wrapper {
		width: 760px;
		margin: 0 auto;
		position: relative;
	}
		#header ul li {
			float: left;
		}
		#header ul.links {
			position: absolute;
			top: 13px;
			right: 5px;
		}
			#header ul.links li {
				margin-left: 2px;
			}
		#header ul.navi {
			position: absolute;
			top: 42px;
			right: 4px;
		}

#contents {
	background-color: #f1efed;
	clear: both;
}
	#contents .wrapper {
		width: 710px;
		margin: 0 auto;
		padding: 34px 20px 10px;
		border: 1px solid #e3dedb;
		border-top: none;
		border-bottom: none;
		background: #fff url(../images/com/contents_bg.gif) repeat-x top left;
	}

	#contents .wrapper .toPageTop {
		margin-top: 80px;
		text-align: right;
	}

#footer {
	background: url(../images/com/footer_bg.gif) repeat-x top left;
	font-size: 10px;
	line-height: 1.4;
	color: #7f7f7f;
}
	#footer .wrapper {
		width: 750px;
		margin: 0 auto;
		border-top: 1px solid #f8f8f8;
	}
		#footer .wrapper p {
			padding: 20px 0 10px 20px;
		}
			#footer .wrapper a {
				color: #7f7f7f;
			}
		#footer .wrapper address {
			padding: 15px 0 30px 20px;
			border-top: 1px solid #ebe9e7;
		}
			#footer .wrapper address strong {
				font-weight: bold;
			}

	#footer .copyright {
		text-align: center;
		background: url(../images/com/footer_bg2.gif) repeat-x top left;
		padding: 20px 0 40px;
	}