@charset "utf-8";


#box {
	background-color: #FFFFFF;
	width: 800px;
	margin: 0 auto;
	border:solid 1px #ccc;
}

/*header
-----------------------*/
#header {
	height: 80px;
	width: 800px;
}
#header h1 {
	text-align:left;
	margin:10px 0 10px 20px;
	float: left;
}
#header ul {
	width:155px;
	height:15px;
	float: right;
	margin: 10px 15px 0 0;
}
*html #header ul {
	width:180px;
	margin-right:10px;
}
#header li {
	float:left;
	font-size:10px;
}
#header a:hover {
	color:#999;
}
#header_01 a {
	width:5em;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:1em;
	color:#444;
}
#header_02 a {
	width:5em;
	height:15px;
	padding:0 1em;
	color:#444;
	background:url(../image/naviline_02.gif) left top no-repeat;
}
*html #header_02 a {
	width:6.2em;
	padding:0 0.5em;
	color:#444;
}
#header_03 a {
	width:5em;
	height:15px;
	padding-left:1em;
	background:url(../image/naviline_02.gif) left top no-repeat;
	color:#444;
}
*html #header_03 a {
	width:6.2em;
	padding-left:0.5em;
}

/*photo
-----------------------*/
#photo {
	border-bottom: solid 1px #ccc;
}

/*navi
-----------------------*/
#navi {
	width: 800px;
	height: 35px;
	padding-bottom: 3px;
	background:url(../image/heder_line.gif) left bottom repeat-x;
}
#navi ul {
	width:800px;
	height:35px;
	padding-left:37px;	
}
*html #navi ul {
	width:728px;
	height:35px;
	padding:0;
}
#navi li {
	float:left;
	text-indent:-1000px;
	overflow:hidden;
}
#navi_01 a {
	width:116px;
	height:35px;
	display:block;
	background:url(../image/navi_01a.png) left top no-repeat;
}
#navi_01 a:hover {
	background:url(../image/navi_01b.png) right top no-repeat;
}
#navi_02 a {	
	width:116px;
	height:35px;
	margin-left:6px;
	display:block;
	background:url(../image/navi_02a.png) left bottom no-repeat;
}
#navi_02 a:hover {
	background:url(../image/navi_02b.png) right bottom no-repeat;
}
#navi_03 a {	
	width:116px;
	height:35px;
	margin-left:6px;
	display:block;
	background:url(../image/navi_03a.png) left bottom no-repeat;
}
#navi_03 a:hover {
	background:url(../image/navi_03b.png) right bottom no-repeat;
}
#navi_04 a {	
	width:116px;
	height:35px;
	margin-left:6px;
	display:block;
	background:url(../image/navi_04a.png) left bottom no-repeat;
}
#navi_04 a:hover {
	background:url(../image/navi_04b.png) right bottom no-repeat;
}
#navi_05 a {	
	width:116px;
	height:35px;
	margin-left:6px;
	display:block;
	background:url(../image/navi_05a.png) left bottom no-repeat;
}
#navi_05 a:hover {
	background:url(../image/navi_05b.png) right bottom no-repeat;
}
#navi_06 a {	
	width:116px;
	height:35px;
	margin-left:6px;
	display:block;
	background:url(../image/navi_06a.png) left bottom no-repeat;
}
#navi_06 a:hover {
	background:url(../image/navi_06b.png) right bottom no-repeat;
}

/*menu
-----------------------*/
#menu {
	width: 157px;
	float: left;
	padding: 25px 10px 20px 18px;
}
#menu ul {
	width:147px;
	padding: 5px 5px 8px 5px;
	background-color:#fff;
	border:solid 1px #ccc;
	text-align:left;
	margin-bottom:10px;
}
#menu li a {
	height:26px;
	width:131px;
	display:block;
	color:#555;
	font-size:13px;
	font-weight: bold;
	padding: 10px 0 0 15px;
	margin-bottom: 1px;
	border-bottom:dotted 1px #777;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../image/menu_navi.png) 5px 15px no-repeat;
}
*html #menu li a {
	padding:11px 0 9px 15px;
}
#menu li a:hover {
	color:#999;
}
.menu_tytle {
	height:20px;
	width:146px;
}

/*main
-----------------------*/
#main {
	width: 586px;
	float: right;
	padding: 25px 18px 10px 10px;
}
*html #main {
	width:610px;
}
#main h2 {
	_width:560px;
	text-align:left;
	font-size: 15px;
	font-weight: bold;
	color:#003366;
	background:url(../image/midashi_back_01.png) left top no-repeat;
	_margin-top:25px;
	padding: 4px 10px;
}
#main p {
	text-align:left;
	line-height: 2;
	margin-top: 10px;
}
#contener {
	height: 510px;
	border-bottom:solid 1px #ccc;
}
#contener_01 {
	border:solid 1px #ccc;
	padding: 5px;
	margin-bottom: 25px;
}
#contener_01 p {
	margin:5px 8px 3px 8px;
}
.contener_02 {
	height: 150px;
}
.contener_02 p {
	margin: 0 10px;
}
*html .contener_02 p {
	margin: 0 5px;
}
.contener_02 img {
	border:solid 1px #ccc;
}
.contener_02 h3 {
	_width:560px;
	text-align:left;
	font-size: 15px;
	font-weight: bold;
	padding:3px 0 3px 17px;
	border:solid 1px #ccc;
	background:url(../image/midashi_back_02.png) 8px 3px no-repeat;
}

/*footer
-----------------------*/
#footer {
	background-color: #f5f5f5;
	height: 50px;
}
#footer ul {
	width:500px;
	height:15px;
	margin:0 auto;
	font-size:10px;
	padding: 10px 0 5px 0;
}
*html #footer ul {
	width:510px;
	padding-left:40px;
}
#footer li {
	float:left;
}
#footer a:hover {
	color:#777;
}
.footer_01 {
	width:3em;
	height:15px;
	text-align:right;
	padding-right:1em;
	font-family:Arial, Helvetica, sans-serif;
}
.footer_02 {
	width:4em;
	height:15px;
	text-align:center;
	background:url(../image/naviline.gif) left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 1em;
}
.footer_03 {
	width:5.4em;
	height:15px;
	text-align:center;
	padding:0 0.7em;
	background:url(../image/naviline.gif) left top no-repeat;
}	
#footer p {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
}