@charset "utf-8";
/* CSS Document */

/* ----------------------- reset  ---------------------------*/	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

caption, th {
	text-align:left;
}

q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

/* ----------------------- body  ---------------------------*/	
body {
	background-color:#4b1b16;
	background-repeat: repeat;
}

.LEFT {
	width:459px;
	background-image: url(images/bg_01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.RIGHT {
	width:459px;
	background-image: url(images/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.LEFT_MAIN {
	width:459px;
	background-image: url(images/bg_03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.RIGHT_MAIN  {
	width:459px;
	background-image: url(images/bg_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#FB{
	margin:30px 0 0 300px;
	position: absolute;
	z-index:3;
}

#FB_MAIN{
	margin:35px 0 0 230px;
	position: absolute;
}

#LOGO{
	margin:20px 0 0 80px;
	position:absolute;
	z-index:3;
}

#LOGO_MAIN{
	margin:13px 0 0 15px;
	position:absolute;
	z-index:1;
}

#DOG{
	margin:620px 0 0 710px;
	position:absolute;
}

#TOP{
	margin:304px 0 0 80px;
	position:absolute;
}

.FLASH_IN{
		z-index:2;
		position:absolute;
}

#MENU_01{
	margin:340px 0 0 0;
	position:absolute;
	z-index:1;
}

#MENU_02{
	margin:340px 0 0 185px;
	position:absolute;
	z-index:1;
}

#MENU_03{
	margin:340px 0 0 370px;
	position:absolute;
	z-index:1;
}

#MENU_04{
	margin:175px 0 0 30px;
	position:absolute;
}

#MENU_05{
	margin:175px 0 0 185px;
	position:absolute;
}

#MENU_06{
	margin:175px 0 0 350px;
	position:absolute;
}

#MENU_07{
	margin:175px 0 0 510px;
	position:absolute;
}


#CONTENT{
	padding:0 80px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.6;
	letter-spacing:1px;
	}

.TI{
	float:left;
	}
	
#BOX{
	width:450px;
	height:59px;
	float:right;
	padding:12px 10px;
	background-image:url(images/box.png);
	}
	
	
#PRESENT{
	width:423px;
	height:67px;
	float:right;
	background-image:url(images/present.png);
	padding:70px 40px;
	margin:40px 60px 0 0;
	}
	
#PRO{
	float:left;
	margin:80px 0 20px 80px;
}


.maim_01 {
	width:1002px;
	height:303px;
	background-image: url(images/maim_01.jpg);
	}
	

.MAIN_02 {
	width:1002px;
	height:717px;
	background-image: url(images/maim_02.jpg);
	}


.MAIN03_01 {
	width:1002px;
	height:717px;
	background-image: url(images/maim03_01.jpg);
}


.INDEX_01 {
	width:1002px;
	height:706px;
	background-image: url(images/index_01.jpg);

}


.INDEX_02 {
	width:1002px;
	height:291px;
	background-image: url(images/index_02.jpg);
}

.font_01{
	color:#000	
	}

.font_02{
	color:#FF0;
	}

.font_03{
	color:#C00;
	font-weight:bold;
    }
	
.font_04{
	color:#06C;
    }
	
.font_05{
	color:#F30;
    }