@charset "Shift_JIS";


/* rules ------------------------- */
*{
	border: 0px;
	color: #7e490e;

	font: small "Lucida Sans Unicode", "Tahoma", "Verdana", "Arial", sans-serif;
	letter-spacing: 0.01em;
	line-height: 1.5em;

	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: underline;
}

a:hover{
}

ul{
	list-style: none;
}

hr{
	clear: both;
	visiblity: hidden;
	color: white;
}

input , select , textarea{
	border: 1px solid #ccc;
}

body{
	background: url(./img/back_body.gif) repeat;
}


/* wrapper head ------------------------- */
#wrapper_head{
	background: url(./img/back_header.gif) repeat-x;
	width: 100%;
	text-align: center;
	margin: 0px auto;
}

#content_head{
	background: url(./img/back_wrapper_head.gif) no-repeat;
	width: 750px;
	padding: 0px 8px;
	text-align: center;
	margin: 0px auto;
}

#header{
	background: url(./img/header.gif) no-repeat;
	height: 245px;
	width: 750px;
	margin-bottom: 1px;
	text-indent: -8888px;
}


/* topnav ------------------------- */
#topnav{
	background: url(./img/topnav.gif) no-repeat;
	height: 32px;
	text-align: left;
}

#topnav table{
	marginnn-left: 6px;
	text-indent: -8888px;
}

#topnav a{
	display: block;
}

#topnav .nav1{
	background: url(./img/topnav.gif) 0px 0px;
	height: 32px;
	width: 73px;
}

#topnav .nav2{
	background: url(./img/topnav.gif) -73px 0px;
	height: 32px;
	width: 183px;
}

#topnav .nav3{
	background: url(./img/topnav.gif) -256px 0px;
	height: 32px;
	width: 116px;
}

#topnav .nav4{
	background: url(./img/topnav.gif) -372px 0px;
	height: 32px;
	width: 162px;
}

#topnav .nav5{
	background: url(./img/topnav.gif) -534px 0px;
	height: 32px;
	width: 85px;
}

#topnav .nav6{
	background: url(./img/topnav.gif) -619px 0px;
	height: 32px;
	width: 131px;
}

#topnav a.nav1:hover{background-position: 0px -32px}
#topnav a.nav2:hover{background-position: -73px -32px}
#topnav a.nav3:hover{background-position: -256px -32px}
#topnav a.nav4:hover{background-position: -372px -32px}
#topnav a.nav5:hover{background-position: -534px -32px}
#topnav a.nav6:hover{background-position: -619px -32px}


/* message w_content ------------------------- */
#mess , #wrapper_content{
	background: url(./img/back_wrapper.gif) repeat-y;
	width: 766px;
	text-align: center;
	margin: 0px auto;
}


/* content ------------------------- */
#content_header{
	background: url(./img/back_content_header.gif) no-repeat;
	width: 750px;
	height: 21px;
	margin: 0px 8px;
}

#content_footer{
	background: url(./img/back_content_footer.gif) no-repeat;
	width: 750px;
	height: 30px;
	margin: 0px 8px;
}

#content{
	background: url(./img/back_content.gif) repeat-y;
	width: 750px;
	margin: 0px 8px;
}


/* column ------------------------- */
#leftcolumn{
	display: inline; /* for IE bug. */
	float: left;
	width: 531px;
	padding: 0px 2px 0px 12px;
	margin: 0px 8px;
	text-align: left;
}

#rightcolumn{
	display: inline; /* for IE bug. */
	float: right;
	width: 180px;
	padding-left: 1px;
	margin-right: 8px;
	text-align: left;
}


/* leftcolumn ------------------------- */
img.key{
	margin-top: 20px;
}

#leftcolumn img.app2{
	display: block;
	margin: 30px auto 10px 5px;
}

#leftcolumn a.app3{
	background: url(./img/app3.gif) no-repeat;
	display: block;
	width: 525px;
	height: 111px;
	margin: 0px auto 0px -5px;
	text-indent: -8888px;
}

#leftcolumn a:hover.app3{
	background: url(./img/app3_hover.gif) no-repeat;
}


img.title2{
	margin: 30px auto 10px auto;
}

div.pagetop{
	margin: 30px 10px 20px auto;
	text-align: right;
}


/* rightcolumn ------------------------- */
#right_c{
	padding: 5px;
}

img.voice{
	margin: 10px auto 5px 5px;
}

img.face{
	float:left
}

.hr{
	background: url(./img/hr.gif) no-repeat;
	height: 1px;
	margin: 3px auto;
}

img.info_mini{
	margin-left: 5px;
}


/* footer ------------------------- */
#footer{
	background: url(./img/footer.gif) no-repeat;
	width: 766px;
	height: 97px;
	line-height: 2.3em;
	padding-top: 20px;
	text-align: center;
	margin: 0px auto;
}

#footer a{
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}


/* (decoration) ------------------------- */
.red{color: #a45237}
.redcall{color: #9e1e1e}
.redre{color: red}
.green{color: #78991f}
.bo{font-weight: bold}



/* page::copmany ------------------------- */
#company img.man{
	margin-top: 30px;
}

#company table.company_face td{
	vertical-align: top;
}

#company table.company_info td{
	border: 1px solid #773e01;
	font-weight: bold;
	padding: 3px 0px 3px 8px;
}

#company table.company_info td.first{
	color: #fff;
	background: #8e5f2d;
	width: 125px;
}

#company table.company_info td.second{
	color: #763d00;
	background: #f6f9e1;
}

#company table.company_info td.right{
	width: 370px;
}

#company div.map{
	border: 1px solid #773e01;
	width: 475px;
	margin: 50px 3px;
	padding: 20px;
	text-align: center;
}


/* page::voice ------------------------- */
#voice div.hr{
	background: url(./voice/img/hr.gif) no-repeat;
	height: 4px;
	margin: 15px auto;
}


/* page::contact(form) ------------------------- */
#form p , #contact p{
	margin-top: 5px;
}

#form table.form , #contact table.form{
	margin-top: 15px;
	text-align: left;
}

#form table.form td , #contact table.form td{
	color: #000;
	padding: 3px 0px 3px 8px;
}

#form table.form td.left , #contact table.form td.left{
	background: #f2f4f6;
	border-left: 10px solid #9e1e1e;
	width: 150px
}

#form input , #form select , #form option , #contact input , #contact select , #contact option{
	color: #333;
}

#form #content_header{
	background: url(./form/img/back_content_header.gif) no-repeat;
}



/* page::form ------------------------- */
#form ul{
	margin: 20px 0px;
}

#form li{
	background: url(./form/img/check.gif) no-repeat;
	font-weight: bold;
	height: 20px;
	margin: 10px 0px;
	padding: 3px 0px 0px 30px;
}



/* (IE6 hack) ------------------------ */
* html .hr{
	margin-bottom: -10px;;
}

* html #form .b_none{
	border: none;
}

* html #contact .b_none{
	border: none;
}

* html #voice div.hr{
	margin-bottom: -5px;
}