@charset "utf-8";

body {
	color:#333;
	background:url(../img/backgrnd_plain.jpg) repeat center top;
	margin:0;
	padding:0;
	background-position:left top;
	border:0 none;
	text-align:center;
	font-size:83%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
		
}

/*common*/
a {
	color:#36f;
	text-decoration:none;
}

a:hover {
	color:#cc4011;
	text-decoration:underline;
}

img{
 display: block;
 vertical-align: top;
 border: 0;
}

img.inline{
 display: inline;
}

div.left{
 float:left;
}
div.right{
 float:right;
}

ul#headerMenu{
 list-style:none;
}

/*just in case...*/
* html * {
	zoom:1;
}

ol li{
	zoom : normal;
}


/*Site width*/
#container {
	width:900px;
	margin:0 auto;
	background:#fff;
	text-align:left;
	
	}

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



.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* header menu*/

#header {
 margin:0;
	padding:0;
	display:block;
	background:url(../img/logo_line.jpg) no-repeat left top;
	height:150px;
}
/*****tree
p.tree{
 float:left;
	background:url(../img/logo_line.jpg) left top no-repeat;
	margin:0;
}
*****/


div#right{
 float:right;
 width:754px;
 padding-top:25px; 
}

#headerMenu { 
 float:right;
 display:block;
 padding-right:30px;
 padding-bottom:10px;
}

#headerMenu ul{
 padding:10px 0 8px;
	}

#headerMenu li{
 display:inline;
}

#headerMenu li a{
 float:left;
	overflow:hidden;
	background:url(../img/header_menuimg.jpg) left top;
	background-repeat:no-repeat;
	width:227px;
	height:13px;
	margin-left:10px;
	text-indent:-9999px;
}

#headerMenu li#navi1 a{
 background-position:0 0;
	width:58px;
	height:13px;
}
#headerMenu li#navi2 a{
 background-position:-70px 0;
	width:70px;
	height:13px;
}
#headerMenu li#navi3 a{
 background-position:-150px 0;
	width:70px;
	height:13px;
}

#headerMenu li#navi1 a:hover{
 background-position:0 -13px;
	width:58px;
	height:13px;
}
#headerMenu li#navi2 a:hover{
 background-position:-70px -13px;
	width:70px;
	height:13px;
}
#headerMenu li#navi3 a:hover{
 background-position:-150px -13px;
	width:70px;
	height:13px;
}

/*logo*/
.logo{
 clear:both;
 float:right;
 padding-right:15px;
}
.logo a{
 background:url(../img/logo_letter.jpg) no-repeat;
	display:block;
	width:248px;
	height:52px;
	overflow:hidden;
	text-indent:-9999px;
}
.tel{
 clear:both;
 float:right;
 padding-right:15px;
 }

/*Global Navigation Menu*/
#menu{
 margin:3px auto;
 width:900px;
 height:57px;
}
#navigation{
 float:left;
 margin:0;
 padding:0;
}
#navigation li{
 display:inline;
}
#navigation li a{
 background:url(../img/gnavimenu.jpg) no-repeat left top;
 float:left;
 width:900px;
 height:57px;
 overflow:hidden;
 text-indent:-9999px;
 margin:0;
}
#navigation li.menu01 a{
 background-position:0 0;
 width:226px;
 height:57px;
}
#navigation li.menu01 a:hover{
 background-position:0 -57px;
 width:226px;
 height:57px;
}
#navigation li.menu01 a.on{
 background-position:0 -57px;
 width:226px;
 height:57px;
}
#navigation li.menu02 a{
 background-position:-226px 0;
 width:221px;
 height:57px;
}
#navigation li.menu02 a:hover{
 background-position:-226px -57px;
 width:221px;
 height:57px;
}
#navigation li.menu02 a.on{
 background-position:-226px -57px;
 width:221px;
 height:57px;
}
#navigation li.menu03 a{
 background-position:-448px 0;
 width:221px;
 height:57px;
}
#navigation li.menu03 a:hover{
 background-position:-448px -57px;
 width:221px;
 height:57px;
}
#navigation li.menu03 a.on{
 background-position:-448px -57px;
 width:221px;
 height:57px;
}
#navigation li.menu04 a{
 background-position:-669px 0;
 width:232px;
 height:57px;
}
#navigation li.menu04 a:hover{
 background-position:-669px -57px;
 width:232px;
 height:57px;
}
#navigation li.menu04 a.on{
 background-position:-669px -57px;
 width:232px;
 height:57px;
}

/*Breadcrumb Navigation*/
#crumb-navi{
 margin:0;
 padding:15px;
 border-bottom:1px solid #ccc
}
#crumb-navi li{
 font-size:81%;
 float:left;
 padding-left:5px;
}

/*footer*/
#footer {
 background:url(../img/footer_line.jpg) top left no-repeat;
	margin-top:40px;
	padding-top:15px;
	padding-bottom:25px;
}

#footer ul{
 float:left;
 padding-left:35px;
	padding-bottom:10px;
}
#footer li{
 float:left;
	background:url(../img/arrow.jpg) no-repeat left;
	display:inline-block;
	padding:0 15px 0 15px;
}
#footer li a{
 color:#333333;
}
#footer li a:hover{
 color:#cc4011;
 text-decoration:underline;
}
#footer div#copyright{
 float:right;
	overflow:hidden;
	padding-right:15px;
	background:url(../img/copyright.jpg) no-repeat;
	width:285px;
	height:16px;
	text-indent:-9999px;
}

/*Clearfix*/

#header:after, p.tree:after, #headerMenu ul:after{
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

/*inline*/
#headerMenu ul,#navigation li{
 display:inline;
}

/*block*/
#content, #navigation, #crumb-navi{
 display:block;
}