@charset "utf-8";
/* CSS Document */


body {
	background: url(../images/bg.jpg) repeat-x top;
}

a {
	color: #266388;
}
a:hover {
	color: #ce2424;
}
	body div#container {
		width: 948px;
		background: #fff;
		border-left: 1px solid #B7BDC5;
		border-right: 1px solid #B7BDC5;
		margin: 0 auto;
		line-height: 1.5;
	}

.imgReplace {
	text-indent: -9999px;
}
	.imgReplace a {
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

div.cont_box {
	width: 948px;
	margin: 0 auto;
}
img.left {float:left;padding:0 10px 5px 0;}
img.right {float:right;padding:0 0 5px 10px;}
div.left {float: left;}
div.right {float: right;}
div.center {text-align: center;margin:35px 0 25px;}
strong {font-weight:bold;}

/*----------------------------------------------

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

		body div#container div#header {
			width: 100%;
			height: 173px;
			position: relative;
		}
		body div#container div#header h1 {
			position: absolute;
			top: 2px;
			right: 10px;
			color: #333;
		}
		body div#container div#header p.ctext {
			position: absolute;
			top: 51px;
			left: 159px;
			color: #525252;
		}
		body div#container div#header div.logo {
			position: absolute;
			top: 26px;
			left: 32px;
		}
		body div#container div#header div.cname {
			position: absolute;
			top: 25px;
			left: 157px;
		}
		body div#container div#header ul#tnavi {
			position: absolute;
			top: 28px;
			right: 18px;
		}
			body div#container div#header ul#tnavi li.sitemap {
				background: url(../images/btn_sitemap.jpg) no-repeat 0 0;
				width: 95px;
				height: 21px;
			}




/*----------------------------------------------

  global navigation setting
	
----------------------------------------------*/

		body div#container div#header ul#gnavi {
			position: absolute;
			top: 90px;
			left: 0;
			height: 52px;
			background: url(../images/gnavi.jpg) no-repeat 0 0;
			width: 948px;
		}
			body div#container div#header ul#gnavi li {
				float: left;
				height: 52px;
			}
			body div#container div#header ul#gnavi li.home {
				width: 137px;
			}
				body#home div#container div#header ul#gnavi li.home,body div#container div#header ul#gnavi li.home a:hover {
					background: url(../images/gnavi_on.jpg) no-repeat 0 0;
				}
			body div#container div#header ul#gnavi li.manage {
				width: 135px;
			}
				body#manage div#container div#header ul#gnavi li.manage,body div#container div#header ul#gnavi li.manage a:hover {
					background: url(../images/gnavi_on.jpg) no-repeat -137px 0;
				}
			body div#container div#header ul#gnavi li.service {
				width: 135px;
			}
				body#service div#container div#header ul#gnavi li.service,body div#container div#header ul#gnavi li.service a:hover {
					background: url(../images/gnavi_on.jpg) no-repeat -272px 0;
				}
			body div#container div#header ul#gnavi li.office {
				width: 135px;
			}
				body#office div#container div#header ul#gnavi li.office,body div#container div#header ul#gnavi li.office a:hover {
					background: url(../images/gnavi_on.jpg) no-repeat -407px 0;
				}
			body div#container div#header ul#gnavi li.solution {
				width: 135px;
			}
				body#solution div#container div#header ul#gnavi li.solution,body div#container div#header ul#gnavi li.solution a:hover {
					background: url(../images/gnavi_on.jpg) no-repeat -542px 0;
				}
			body div#container div#header ul#gnavi li.company {
				width: 135px;
			}
				body#company div#container div#header ul#gnavi li.company,body div#container div#header ul#gnavi li.company a:hover {
					background: url(../images/gnavi_on.jpg) no-repeat -677px 0;
				}
			body div#container div#header ul#gnavi li.contact {
				width: 136px;
			}
				body#contact div#container div#header ul#gnavi li.contact,body div#container div#header ul#gnavi li.contact a:hover {
					background: url(../images/gnavi_on.jpg) no-repeat -812px 0;
				}
		body div#container div#header ul#localnav {
			position: absolute;
			top: 142px;
			left: 0;
			height: 22px;
			background: url(../images/localnav_bg.jpg) repeat-x top left;
			width: 931px;
			margin: 0 1px;
			font-size: 1.2em;
			padding: 7px 5px 3px 10px;
		}
			body div#container div#header ul#localnav li {
				float: left;
				background: url(../images/localnav_arrow.gif) no-repeat 3px center;
				padding: 0 15px 0 15px;
				letter-spacing: 1px;
			}
			body div#container div#header ul#localnav li.on {
				font-weight: bold;
			}
				body div#container div#header ul#localnav li a {
					color: #fff;
				}
				body div#container div#header ul#localnav li a:hover {
					color: #c33;
				}



/*----------------------------------------------

  pan_list setting
	
----------------------------------------------*/

		body div#container div#pan_list {
			padding: 13px 30px 10px;
			font-size: 1.1em;
		}
			body div#container div#pan_list ul {
			}
				body div#container div#pan_list ul li {
					float: left;
					background: url(../images/pan_arrow.gif) no-repeat left 4px;
					padding: 0 10px 0 15px;
				}
				body div#container div#pan_list ul li.index {
					background: none;
					padding-left: 0;
				}



/*----------------------------------------------

  wrapper setting
	
----------------------------------------------*/

		body div#container div#wrapper {
			width: 883px;
			padding: 15px 35px 0 30px;
		}
			body div#container div#wrapper div#sub {
				width: 226px;
				float: left;
				background: #F1F3F5;
				padding-bottom: 15px;
			}
				body div#container div#wrapper div#sub ul.sub_navi {
					margin: 0 auto;
					width: 214px;
					font-size: 1.2em;
				}
					body div#container div#wrapper div#sub ul.sub_navi li {
						margin-top: 10px;
						background: url(../images/sub_menu.jpg) no-repeat 0 0;
						width: 214px;
						height: 40px;
						font-weight: bold;
					}
						body div#container div#wrapper div#sub ul.sub_navi li a {
							display: block;
							width: 194px;
							height: 29px;
							padding: 11px 0 0 20px;
							text-decoration: none;
						}
						body div#container div#wrapper div#sub ul.sub_navi li a:hover {
							background: url(../images/sub_menu_on.jpg) no-repeat 0 0;
							color: #fff;
						}
	
					body div#container div#wrapper div#sub ul.sub_navi li.nolink {
						height: auto;
						background: none;
					}
						body div#container div#wrapper div#sub ul.sub_navi li.nolink span.nolink {
							display: block;
							background: url(../images/sub_menu_no.jpg) no-repeat 0 0;
							width: 194px;
							height: 29px;
							padding: 11px 0 0 20px;
							color: #fff;
						}
						body div#container div#wrapper div#sub ul.sub_navi ul.second_list {
							width: 195px;
							margin-left: 19px;
						}
							body div#container div#wrapper div#sub ul.sub_navi ul.second_list li {
								background: url(../images/sub_menu2.jpg) no-repeat 0 0;
								width: 195px;
							}
								body div#container div#wrapper div#sub ul.sub_navi ul.second_list li a {
									width: 175px;
								}
								body div#container div#wrapper div#sub ul.sub_navi ul.second_list li a:hover {
									background: url(../images/sub_menu2_on.jpg) no-repeat 0 0;
								}


			body div#container div#wrapper div#main {
				width: 627px;
				float: right;
				padding-bottom: 15px;
				font-size: 1.2em;
				color: #222;
			}
				body div#container div#wrapper div#main h2 {
					width: 627px;
					margin: 0 auto 20px;
				}
				body div#container div#wrapper div#main h3.ttl {
					font-size: 1.4em;
					font-weight: bold;
					border-bottom: 1px solid #222;
					border-left: 5px solid #2E4BA2;
					padding-left: 10px;
					margin: 1.8em auto 1em;
				}
				body div#container div#wrapper div#main h3.headline {
					font-size: 1.6em;
					font-weight: bold;
					margin: 1em auto;
					border-bottom: 3px solid #509B17;
					padding-left: 5px;
				}
				body div#container div#wrapper div#main p {
					margin: 1em auto;
					padding: 0 15px;
				}


				body div#container div#wrapper div#main div.contactbox {
					border: 2px solid #C8C8C9;
					width: 590px;
					margin: 35px auto 20px;
					padding: 10px;
				}
					body div#container div#wrapper div#main div.contactbox p {
						font-size: 1.2em;
						font-weight: bold;
						margin: 0;
						padding: 0;
					}
					body div#container div#wrapper div#main div.contactbox ul {
						margin: 10px 5px 0 15px;
					}
						body div#container div#wrapper div#main div.contactbox ul li {
							list-style: disc outside;
							margin-bottom: 5px;
						}




/*----------------------------------------------

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

	body div#footer {
		width: 100%;
		height: 120px;
		border-top: 1px solid #BFBFBF;
		background: #F4F4F4;
		font-size: 1.2em;
	}
		body div#footer .cont_box {
			position: relative;
		}
			body div#footer .cont_box ul#fnavi {
				position: absolute;
				top: 18px;
				left: 0;
			}
				body div#footer .cont_box ul#fnavi li {
					float: left;
					border-right: 1px solid #266388;
					padding: 0px 5px;
				}
				body div#footer .cont_box ul#fnavi li.first {
					border-left: 1px solid #266388;
				}
			body div#footer .cont_box address {
				background: url(../images/copyright.jpg) no-repeat 0 0;
				width: 272px;
				height: 12px;
				fotn-size: 1px;
				text-indent: -9999px;
				position: absolute;
				top: 23px;
				right: 0;
			}