@charset "utf-8";

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}



body {
	background-image:url(/img/body_back.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color : #D1CCC8 ;
	margin:0;
	font-size:12px;
	color:333333;
}

/*-----------------------
header
--------------------------*/

#header {
	position : relative ;
}


#header p {
	font-size: 11px;
	line-height: 1.5em;
	color: #808080;
	text-align : right ;
	xpadding-right : 80px ;
	xpadding-top : 40px ;
	position : absolute ;
	right : 10px ;
	bottom : 0px ;
}

#header img {
	position : absolute ;
	right : 10px ;
	bottom : 15px ;
}


/*-----------------------
sub
--------------------------*/

#sub ul {
	margin-left : 20px ;
	padding-top : 20px ;
}

#sub li {
	margin-bottom : 30px ;
	font-size : 12px ;
}

#sub li img {
	margin-right : 10px ;
}


/*-----------------------
main
--------------------------*/

#main {
	float: left;
	xwidth: 600px;
	xheight: 500px;
	xbackground: #fcc946;
}

.main_title {
	font-size:16px;
	color:#333333;
	padding-top : 10px ;
	padding-left : 10px ;
}
/*
.img_frame1 {
	background : url(/img/back_ora.gif) ;
	background-repeat : repeat ;
	width : 160px ;
	height : 120px ;
	xpadding : 15px ;
	float : left ;
	margin-top : 20px ;
	margin-left : 30px ;
	xmargin-right : 10px ;
}
*/
.img_frame1 {
	float : left ;
}

.img_frame01 {
	background : url(/img/back_ora.gif) ;
	background-repeat : repeat ;
	width : 160px ;
	height : 120px ;
	xpadding : 15px ;
	margin-top : 20px ;
	margin-left : 30px ;
	xmargin-right : 10px ;
}

.img_frame1 img {
	padding : 15px ;
}

.img_title {
	text-align : center ;
	font-size: 12px;
	line-height: 1.3em;
	color:#666666;
	xmargin-top:3px;
	margin-left : 30px ;
}
/*
.img_frame2 {
	background : url(/img/back_blu.gif) ;
	background-repeat : repeat ;
	width : 160px ;
	height : 120px ;
	xpadding : 15px ;
	float : left ;
	margin-top : 100px ;
	margin-left : 30px ;
	xmargin-right : 10px ;
}
*/
.img_frame22 {
	clear : both ;
	float : left ;
}

.img_frame22 img {
	padding : 15px ;
}

.img_frame2 {
	float : left ;
}

.img_frame02 {
	background : url(/img/back_blu.gif) ;
	background-repeat : repeat ;
	width : 160px ;
	height : 120px ;
	xpadding : 15px ;
	margin-top : 70px ;
	margin-left : 30px ;
	xmargin-right : 10px ;
}

.img_frame022 {
	background : url(/img/back_blu.gif) ;
	background-repeat : repeat ;
	width : 160px ;
	height : 120px ;
	xpadding : 15px ;
	margin-top : 20px ;
	margin-left : 30px ;
	xmargin-right : 10px ;
}

.img_frame2 img {
	padding : 15px ;
}
/*
.img_frame3 {
	background : url(/img/back_gra.gif) ;
	background-repeat : repeat ;
	width : 160px ;
	height : 120px ;
	xpadding : 15px ;
	float : left ;
	margin-top : 100px ;
	margin-left : 30px ;
	xmargin-right : 10px ;
}
*/

.img_frame3 {
	float : left;
}

.img_frame03 {
	background : url(/img/back_gra.gif) ;
	background-repeat : repeat ;
	width : 160px ;
	height : 120px ;
	xpadding : 15px ;
	margin-top : 70px ;
	margin-left : 30px ;
	xmargin-right : 10px ;
}

.img_frame3 img {
	padding : 15px ;
}


/*-----------------------
footer
--------------------------*/

#footer {
	clear: both;
	xmargin-top : 20px ;
	xwidth : 1240px ;
	height: 90px;
	xmargin-bottom: 20px;
	xbackground: url(/img/body_back2.gif) ;
	xbackground-color : #ffd700 ;
}

#footer p {
	font-size: 11px;
	line-height: 1.5em;
	color: #808080;
	xpadding-left : 170px ;
	padding-top : 70px ;
}