@charset 'UTF-8';
@import url('variation-common.css');

body  {
	background: #faffe6;
	color: #222222;
}
h1 {
	color: blue;
}
h2 {
	border: 1px solid #798059;
	background: url(../img/lightgreen-banner.jpg) no-repeat scroll center center;
}
h3 {
	padding-bottom: 2px;
	border-bottom: 1px dotted #798059;
}
/* common class *********************************************/
.color-def {
	color: #24261b;
}

.bg-def {
	background: #d6e68a;
}
.bg-dark {
	background: #798059;
}
.bg-light {
	background: #faffe6;
}

.brdrc-def{
	border-color: #d6e68a;
}
.brdrc-dark{
	border-color: #798059;
}
.brdrc-light{
	border-color: #faffe6;
}

.bg-light-stripe {
	background: transparent url(../img/lightgreen-light-stripe.gif);
}
.bg-light-dotted {
	background: transparent url(../img/lightgreen-light-dotted.gif);
}
.bg-gradation{
	background: #faffe6 url(../img/lightgreen-gradation.png) repeat-x center top;
}
/* header *********************************************/
#header { background: url(../img/lightgreen-banner.jpg) no-repeat center center; }

#header,#container,#contents,#footer {
	border-color: #798059;
}
#wrapper {
	padding-left:5px;
	background:url(../img/lightgreen-border-left.gif) repeat-y left center;
}
#wrapper_inner {
	padding-right:5px;
	background:url(../img/lightgreen-border-right.gif) repeat-y right center;
}

/* container *********************************************/
#container {
	background: #ffffff;
}
/* contents *********************************************/
#contents {
	width: 590px;
}
/* flat */
.flat {
	background: #ffffff;
}
.flat ul{}
.flat li a {
	color: #24261b;
}
.flat a:hover {
	background: #ECF7B4;
}
/* sidebar/sideflat ***********************************************/
#sidebar {}
#sideflat {}
/* area1 */
#sidebar  #area1, #sideflat  #area1 {}
#sidebar #area1 li a, #sideflat #area1 li a {
	font-size: 0.9em;
	font-weight: bold;
	border-color: #798059;
	color: #24261b;
	background: #faffe6;
}
#sidebar #area1 li a:hover, #sideflat #area1 li a:hover {
	background: #798059;
	color: #ffffff;
}
/* area2 */
#sidebar  #area2, #sideflat  #area2 {}
#sidebar #area2 li a, #sideflat #area2 li a {
	font-size: 0.9em;
	border-color: #798059;
	color: #24261b;
}
#sidebar #area2 li a:hover, #sideflat #area2 li a:hover {
	background: #d6e68a;
}
/* footer ***********************************************/
#footer {
	background: #ECF7B4;
}