/* RESET */
* {
	margin: 0;
	padding: 0; }
 
/* SET */
html {
	background: #FFF;
	height: 100%;
	font: 87% "メイリオ", "Lucida Grande", "ＭＳ Ｐゴシック", Arial, "ヒラギノ角ゴ Pro W3", Osaka, Sans-Serif;}
 
body {
	background: #FFF;
	color: #585858;
	height: 100%;}
 
img { border: none; margin: 0; padding: 0;}
 
hr.line {
	width: 100%;
	height: 0px;
	border-top: 1px dotted #CCC; }
 
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #68be83; }
 
/* Wrapper */
#wrapper {
	margin: 0 auto;
	padding: 20px;
	width: 800px;
	background: #FFF;
	position: relative;
	min-height: 100%; 
	background: url(images/index/background.png) center center repeat; }
 
* html div#wrapper { height: 100%; }
 
body > #wrapper { height: auto; }

/* Header */
 
#header { }

#header h1 {
	font-size: 26px; 
	margin-left: 20px; 
	letter-spacing: 7px;}

	#header h1 a {
		color: #68be83;
		text-decoration: none; }
	#header h1 a:hover {
		color: #CCC;
		text-decoration: none; }

#header .description {
	color: #858585;
	font-size: 12px;
	margin: 5px 0 10px 20px; }

#header .h_img {
	margin: 0 auto;
	padding-top: 450px;
	width: 800px;
	background: #FFF;
	background: url(images/index/header.jpg) center top no-repeat;}

#header img {
	border: none;}

/* MainContents */
#mainContents {
	margin: 10px 10px;
	padding-bottom: 30px; }

	#mainContents h3 {
		letter-spacing: 2px;
		font-weight: bold;
		font-size: 14px;
		border-bottom: 2px dashed #EEE;
		padding: 5px 10px 2px;
		color: #585858; }

	#mainContents p { padding: 1em; }

#colLeft {
	float: left;
	width: 380px;
	height: auto;
	margin: 0 1px 20px 0;
	border: 2px solid #EEE; }

#colRight {
	float: right;
	width: 388px;
	height: auto;
	margin: 0 1px 20px 0;
	border: 2px solid #EEE;  }

h4 { padding: 5px 0 0 1em;}

/* Footer */
#footer {
	float: none;
	clear: both;
	border-top: 2px solid #EEE;
	width: 796px;
	margin: 0 auto 0;
	text-align: center; 
	padding-top: 10px;}
#ad {
	text-align: center;
	margin: 10px auto;}