@charset "UTF-8";


/*　カレンダーの設定　*/

@import "../js/cal/cal.css";



/*　body設定　*/

body {
	margin: 0;
	padding: 0;
	background-color: #D0E485;
	color: #666;
	}
	
img {
	border : none;
}

/* リンク設定　*/
	
a:link, a:visited {
	color: #633;
	}
	
a:active, a:hover {
	color: #960;
	}
	
td#topmain a {
	font-size: 80%;
	}

#contents a:link, #contents a:visited {
	color: #f93;
	}
	
/*　文字サイズ等の設定　*/

p, li {
	margin: 0;
	padding: 0;
	font-size: 80%;
	color: #666;
	line-height: 140%;
	}
	
table.charge, table#form {
	font-size: 80%;
	}

	
em {
	color:#F00;
	}
/*　見出しの設定　*/

h1 {
	font-size: 90%;
	margin: 0;
	padding: 0;
}

h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 90%;
	color: #666;
	}
	
h3.topinfo {
	color: #659934;
	border-left: 3px solid #659934;
	padding-left: 10px;
	margin-bottom: 5px;
	}

#contents h1 {
	background: url('../img/bg_sech2.gif') no-repeat;
	padding: 0.48em 1em;
	color:#fff;
	}
	
#contents h2 {
	background: url('../img/bg_sech3.gif') repeat-x;
	padding: 0.48em 0;
	margin: 20px 0 10px 0;
	color:#639B30;
	}
	
/*　リストの設定　*/

#contents ul {
	margin: 0;
	padding: 0 15px;
	}

#contents ul#faq {
	list-style: none;
	}
	
/*　QRコードの設定　*/

.qr {
	font-size: 80%;
	color: #666666;
}
	
/*　フッタの設定　*/
	
td.copyright {
	font-size: 70%;
	color: #666;
	}


/* column layout */
/*/////////////////////////////////////////////////*/

*.column {
	display         : block;
	width           : 550px;
	margin          : 10px 0;
}

*.column .left {
	float           : left;
	display         : block;
}

*.column .right {
	float           : right;
	display         : block;
}

*.column p.left {
	width           : 380px;
}


*.column div.right {
	width           : 150px;
}

*.column div.right p {
	text-align      : center;
	font-size       : 65%;
}


/* float clear */
/*/////////////////////////////////////////////////*/

*#column:after,
*.column:after,
#header:after,
#header ul:after,
#contents:after,
div.button:after,
#navi:after {
	content         : ".";
	height          : 0px;
	clear           : both;
	visibility      : hidden;
	display         : block;
}

*#column,
*.column,
#header ul,
#contents,
div.button,
#navi {
	display         : inline-block;
}

/*\*/
* html *#column,
* html *.column,
* html #header,
* html #header ul,
* html #contents,
* html div.button,
* html #navi {
	height          : 1%;
}

*#column,
*.column,
#header,
#header ul,
#contents,
div.button,
#navi {
	display         : block;
}
