@charset "utf-8";

/*======================================================

	Copyright (c) JOM

	# common		- 基本設定

	# wrapper		- 枠組


======================================================*/

/* common
------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 0.8em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	text-align: center;
	background: #e9edef url("../images/header_bg.png") repeat-x;
}
p, ul, ol, li, strong, em, img, iframe {
	font-weight: normal;
	font-style: normal;
	list-style: none;
	border: 0;
	line-height: 1.3em;
}
table {
	font-size: 1em;
}

/* linkstyle
------------------------------------------------------*/
a:link		{ color: #0000ff; }
a:visited	{ color: #800080; }
a:hover		{ color: #ff0000; }
a:active	{ color: #ff0000; }

/* wrapper
------------------------------------------------------*/
#wrapper {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 900px;
	border-top: 2px #0063c6 solid;
	background: #ffffff;
}

/* header
------------------------------------------------------*/
#header {
	padding: 40px 36px 0 36px;
}
#header h1 {
	float: left;
	margin: 0 0 50px 0;
	width: 278px;
}
#header h1 a {
	display: block;
	text-indent: -9999px;
	width: 278px;
	height: 25px;
	background: url("/common/images/logo1.png") no-repeat;
}
#header p {
	float: right;
	margin: 0 0 50px 0;
	width: 164px;
}
#header p a {
	display: block;
	text-indent: -9999px;
	width: 164px;
	height: 25px;
	background: url("/common/images/mail.png") no-repeat;
}

/* body
------------------------------------------------------*/
#body {
	clear: both;
	padding: 0 250px 0 36px;
}
#body h2 {
	text-indent: -9999px;
	width: 278px;
	height: 38px;
	margin: 0 0 15px 0;
}
#body p {
	margin: 0 0 15px 0;
}
#body ul {
	margin: 0 0 15px 15px;
}
#body ul li {
	list-style: disc;
}
#body table {
	width: 100%;
	margin: 0 0 15px 0;
}
#body th,
#body td {
	text-align: left;
	vertical-align: top;
	padding: 3px;
}
#body th {
	width: 100px;
	background: #f0f0f0;
}

	/* information
	------------------------------------------------------*/
	#information {
		background: url("/common/images/information.png") no-repeat;
	}

	/* message
	------------------------------------------------------*/
	#body h2#message {
		background: url("/common/images/message.png") no-repeat;
	}
	
	/* company
	------------------------------------------------------*/
	#body h2#company {
		background: url("/common/images/company.png") no-repeat;
	}
	
	/* access
	------------------------------------------------------*/
	#body h2#access {
		background: url("/common/images/access.png") no-repeat;
	}
	#body #gMap {
		margin: 0 0 10px 0;
		width: 100%;
		height: 400px;
	}
	
	/* inquiry
	------------------------------------------------------*/
	#body h2#inquiry {
		background: url("/common/images/inquiry.png") no-repeat;
	}
	#body div.inquiry,
	#body form.inquiry {
		min-height: 300px;
	}

/* footer
------------------------------------------------------*/
#footer {
	position: relative;
	font-size: 0.8em;
	color: #ffffff;
	width: 900px;
	padding: 0 0 30px 0;
	background: #344750 url("/common/images/footer_bg.png") no-repeat;
}
#pagetop {
	position: absolute;
	top: 23px;
	right: 36px;
}
#pagetop a {
	display: block;
	text-indent: -9999px;
	width: 101px;
	height: 23px;
}
#footer div {
	padding: 0 38px 0 38px;
}
#footer #fNavi {
	float: left;
	margin: 122px 0 37px 0;
}
#footer #fNavi li {
	display: inline;
	padding: 0 15px;
	background: url("/common/images/bar.png") no-repeat;
}
#footer ul#fNavi > li:first-child {
	padding-left: 0;
	background: none;
}
#footer #fNavi li a:link	{ color: #ffffff; text-decoration: none; }
#footer #fNavi li a:visited	{ color: #ffffff; text-decoration: none; }
#footer #fNavi li a:hover	{ color: #ffffff; text-decoration: underline; }
#footer #fNavi li a:active	{ color: #ffffff; text-decoration: underline; }
#footer #copyright {
	float: right;
	margin: 122px 0 37px 0;
}
#footer #fLogo {
	clear: both;
	text-indent: -9999px;
	width: 278px;
	height: 21px;
	background: url("/common/images/logo2.png") no-repeat;
}