@charset "UTF-8";

/* *****************************************************
 *  1.reset
 *  2.link
 *  3.layout
 *  4.footer
 *  5.header
 *	6.header logo
 *	7.header menu
 *  8.pagetop
 *  9.form
 * *****************************************************/

/* *****************************************************
 *	1.reset
 * *****************************************************/
*{
	margin:0;
	padding:0;
}

img{
	border:0px;
}

html{
    height:100%;
}

:focus{
	outline:0;
} 

table{
	border-collapse:collapse;
	border-spacing:0;
	}

th,tr,td{
	margin:0;
	padding:0;
	}

.clearfix:after {
	content: ".";
	display:block;
	clear:both;
	height:0;
	line-height:0; 
	visibility:hidden;
}

.clearfix {
	min-height:1px;
}

* html .clearfix {
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

.none{
	display:none;
}

/* *****************************************************
 *	2.link
 * *****************************************************/
a:link{
	color:#4F210B;
	text-decoration:none;
}

a:visited {
	color:#4F210B;
	text-decoration:none;
}

a:hover {
	color:#ed6d46;
	text-decoration:none;
}

a:active {
	color:#ed6d46;
	text-decoration:none;
}


/* *****************************************************
 *	3.layout
 * *****************************************************/
body{
	height:100%;
	background:#F5F5F5 url(../img/back.gif) left top repeat-x;
	color:#000;
	font-size:62.5%;
	text-align:center;
}

* html div#wrap{
    height:100%;
}

div#wrap{
	position:relative;
	width:950px;
	margin:0 auto;
	min-height:100%;
	background:#FFF;
	text-align:left;
}

body > #wrap {
	height:auto;
}


div#container{

	padding-bottom:100px;
}

	#container:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}

	/*\*/
	* html #container {
	    height: 1em;
	    overflow: visible;
	}
	/**/



/* *****************************************************
 *	4.footer
 * *****************************************************/
div#footer{
	position:absolute;

	bottom:0;

	left:0;
	width:940px;
	height:80px;

	margin:0 5px;

	border-top:1px #A3A3A3 solid;
}

ul#footmenu{
	width:180px;

	margin:15px 0;
	margin-left:15px;
	list-style-type:none;

}


	#footmenu:after {
	    content: "";
	    display: block;
	    clear: both;
	    height: 1px;
	    overflow: hidden;
	}

	/*\*/
	* html #footmenu {
	    height: 1em;
	    overflow: visible;
	}
	/**/


ul#footmenu li{
	float:left;
}

ul#footmenu li a{
	display:block;
	height:14px;
	text-indent:-9999px;
}

#footmenu li#fm01 a{width:100px;background:url(../img/btn_footmenu01.gif) no-repeat;} 
#footmenu li#fm02 a{width: 80px;background:url(../img/btn_footmenu02.gif) no-repeat;} 

#footmenu li#fm01 a:hover,#footmenu li#fm01 a.on{background:url(../img/btn_footmenu01_over.gif) left top no-repeat;}
#footmenu li#fm02 a:hover,#footmenu li#fm02 a.on{background:url(../img/btn_footmenu02_over.gif) left top no-repeat;}

p.copy{
	display:block;

	width:225px;
	height:12px;

	margin-left:15px;
	background:url(../img/footer.gif) left top no-repeat;
	text-indent:-9999px;
}



/* *****************************************************
 *	5.header
 * *****************************************************/
div#header{
	position:relative;
	width:950px;
	height:85px;
	background:url(../img/header.gif) left top no-repeat;
}


/* *****************************************************
 *	6.header logo
 * *****************************************************/
h1.head{
	position:absolute;
	top:15px;
	left:20px;
	width:200px;
	height:45px;

}

h1.head a{
	display:block;
	width:200px;
	height:45px;
	background:url(../img/logo.gif) left top no-repeat;
	text-indent:-9999px;
}


/* *****************************************************
 *	7.header menu
 * *****************************************************/
#header span{
	display:block;
	position:absolute;
	top:0;
	right:20px;
	width:170px;
	height:35px;

}

ul#headmenu{
	width:170px;
	list-style-type:none;

}

ul#headmenu li{
	float:left;
}

ul#headmenu li a{
	display:block;
	height:35px;
	text-indent:-9999px;
}

#headmenu li#hm01 a{width:100px;background:url(../img/btn_headmenu01.gif) no-repeat;} 
#headmenu li#hm02 a{width: 70px;background:url(../img/btn_headmenu02.gif) no-repeat;} 

#headmenu li#hm01 a:hover,#headmenu li#hm01 a.on{background:url(../img/btn_headmenu01_over.gif) left top no-repeat;}
#headmenu li#hm02 a:hover,#headmenu li#hm02 a.on{background:url(../img/btn_headmenu02_over.gif) left top no-repeat;}

/* *****************************************************
 *  8.pagetop
 * *****************************************************/
p.pagetop{
	position:relative;
	height:20px;

	background:url(../img/pagetop.gif) right bottom no-repeat;
}

.pagetop a{
	position:absolute;
	top:5px;
	right:0;
	display:block;
	width:95px;
	height:15px;
	text-indent:-9999px;
}

/* *****************************************************
 *  9.form
 * *****************************************************/
p.err {
	margin: 0px 5px;
	padding-left: 15px;
	background: url(../img/icon_check.gif) left center no-repeat;
	color: #333;
}

.bold {
	font-weight: bold;
}

.red {
	color: #FF0000;
}

.comp1 {
	width: 580px;
	margin: 0px auto 15px;
	font-size: 113%;
	font-weight: bold;
	line-height: 1.6;
}

.comp2 {
	width: 580px;
	margin: 0px auto 15px;
	line-height: 1.6;
}