@charset "utf-8";

/**
 * fadein background
 */

html {
	z-index: 1;
}

body {
	z-index: 1;
}

/*----------------------------------------------------------
  base color
----------------------------------------------------------*/

body.default-bg { /* non category */
	background-color: #756D5E;
}
body.category-blue {
	background-color: #013567;
}
body.category-green {
	background-color: #284F1A;
}
body.category-red {
	background-color: #560000;
}
body.category-pink {
	background-color: #E9405F;
}
body.category-white {
	background-color: #B3B3B3;
}
body.category-purple {
	background-color: #894868;
}
body.category-yellow {
	background-color: #937601;
}
body.category-black {
	background-color: #010101;
}
body.category-gray {
	background-color: #676767;
}
body.category-brown {
	background-color: #635234;
}
body.category-orange {
	background-color: #F7B65C;
}
body.category-colorful {
	background-color: #86DBEF;
}


/*----------------------------------------------------------
  background object
----------------------------------------------------------*/

#background {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

/**
 * gradation image
 */
body.default-bg #background { /* non category */
	background: transparent url( ../images/bg_1.jpg ) repeat-x 0px 0px;
}
body.category-blue #background {
	background: transparent url( ../images/bg_body_blue.jpg ) repeat-x 0px 0px;
}
body.category-green #background {
	background: transparent url( ../images/bg_body_green.jpg ) repeat-x 0px 0px;
}
body.category-red #background {
	background: transparent url( ../images/bg_body_red.jpg ) repeat-x 0px 0px;
}
body.category-pink #background {
	background: transparent url( ../images/bg_body_pink.jpg ) repeat-x 0px 0px;
}
body.category-white #background {
	background: transparent url( ../images/bg_body_white.jpg ) repeat-x 0px 0px;
}
body.category-purple #background {
	background: transparent url( ../images/bg_body_purple.jpg ) repeat-x 0px 0px;
}
body.category-yellow #background {
	background: transparent url( ../images/bg_body_yelow.jpg ) repeat-x 0px 0px;
}
body.category-black #background {
	background: transparent url( ../images/bg_body_black.jpg ) repeat-x 0px 0px;
}
body.category-gray #background {
	background: transparent url( ../images/bg_body_gray.jpg ) repeat-x 0px 0px;
}
body.category-brown #background {
	background: transparent url( ../images/bg_body_brown.jpg ) repeat-x 0px 0px;
}
body.category-orange #background {
	background: transparent url( ../images/bg_body_orange.jpg ) repeat-x 0px 0px;
}
body.category-colorful #background {
	background: transparent url( ../images/bg_body_colorful.jpg ) repeat-x 0px 0px;
}