@charset 'UTF-8';
@import url('variation-common.css');

body  {
	background: #ffe6ff;
	color: #222222;
}
h1 {
	color: blue;
}
h2 {
	font-size: 24px;
	background: url(../img/subhead.jpg) no-repeat;
	background-position: center;

	margin: 40px 0px 30px;
	padding: 40px 0px;
	height: 50px;
	width: 610px;
	color: red;
	text-align: center;
}
h3 {
	font-size: 24px;
	background: url(../img/subhead.jpg) no-repeat;
	margin: 40px 0px 30px;
	padding: 40px 0px;
	height: 50px;
	width: 610px;
	color: red;
	text-align: center;
}
/* common class *********************************************/
.color-def {
	color: #332333;
}

.bg-def {
	background: #e68ae6;
}
.bg-dark {
	background: #805980;
}
.bg-light {
	background: #ffe6ff;
}

.brdrc-def{
	border-color: #e68ae6;
}
.brdrc-dark{
	border-color: #805980;
}
.brdrc-light{
	border-color: #ffe6ff;
}

.bg-light-stripe {
	background: transparent url(../img/pink-light-stripe.gif);
}
.bg-light-dotted {
	background: transparent url(../img/pink-light-dotted.gif);
}
.bg-gradation{
	background: #ffe6ff url(../img/pink-gradation.png) repeat-x center top;
}
/* header *********************************************/
#header { background: url(../img/pink-banner.jpg) no-repeat center center; }

#header,#container,#contents,#footer {
	border-color: #805980;
}
#wrapper {
	padding-left:5px;
	background:url(../img/pink-border-left.gif) repeat-y left center;
}
#wrapper_inner {
	padding-right:5px;
	background:url(../img/pink-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: #332333;
}
.flat a:hover {
	background: #e68ae6;
}
/* 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: #805980;
	color: #332333;
	background: #ffe6ff;
}
#sidebar #area1 li a:hover, #sideflat #area1 li a:hover {
	color: #ffffff;
	background: #805980;
}
/* area2 */
#sidebar  #area2, #sideflat  #area2 {}
#sidebar #area2 li a, #sideflat #area2 li a {
	font-size: 0.9em;
	border-color: #805980;
	color: #332333;
}
#sidebar #area2 li a:hover, #sideflat #area2 li a:hover {
	background: #e68ae6;
}
/* footer ***********************************************/
#footer {
	background: #e68ae6;
}
