@charset "utf-8";

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

/* 全共通設定 */

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

* {
	margin:0;
	padding:0;
}

html {
	height:100%;
}

body {
	height:100%;
	color:#505050;
	font-size:0.8em;
	font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	line-height:1.8;
	background:url(../../images/common/bg.jpg) repeat-x top center #CCEBF6;
}

body > #wrapper {
	height:auto;
}

*:first-child+html body {
	font-family:
		Meiryo,
		"メイリオ",
		Verdana,
		Arial,
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
}

* html body {
	font-family:
		Meiryo,
		"メイリオ",
		Verdana,
		Arial,
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
}

#wrapper {
	width:780px;
	height:100%;
	min-height:100%;
	margin:0 auto;
	border-left:1px solid #9BD7EB;
	border-right:1px solid #9BD7EB;
	background:#FFFFFF;
}

h1 {
	font-size:1em;
	font-weight:normal;
}

h2 {
	padding:0 0 25px 0;
	font-size:1em;
	font-weight:normal;
}

h3 {
	margin:0 0 15px 0;
	padding:10px 0 10px 10px;
	font-size:1.1em;
	line-height:1.5;
	color:#146EAA;
	background:#D0E2EE;
	border-bottom:2px solid #146EAA;
}

h4 {
	margin:0 0 15px 0;
	padding:8px 0 8px 10px;
	font-size:1em;
	line-height:1.6;
	color:#000000;
	border-left:5px solid #F59B1E;
	background:#FBD7A5;
}

h5 {
	margin:0;
	padding:10px 0 5px 0;
	color:#000000;
	font-size:1em;
}

a {
	color:#469B00;
	text-decoration:none;
}

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

a img {
	border:0 solid;
}

p {
	margin:0 0 35px 0;
}

.note {
	font-size:0.8em;
	font-weight:normal;
	letter-spacing:0.1em;
	color:#C80000;
}

.small {
	font-size:0.8em;
	letter-spacing:0.1em;
}

	/* header */
	#header {
		width:780px;
		height:110px;
		background:url(../../images/common/header.jpg) no-repeat;
	}
	
	#header h1 img {
		padding:20px 0 0 19px;
	}
	/* end */

	/* skip top */
	.top {
		font-size:0.8em;
		letter-spacing:0.1em;
		text-align:right;
	}
	/* end */

	/* contents */
	#contents {
		width:760px;
		min-height:745px;
		height:auto !important;
		height:745px;
		padding:0 10px 0 10px;
		background:url(../../images/common/gnav/bg.jpg) repeat-y 10px top;
		position:relative;
		border-bottom:2px solid #99ADC5;
	}
	
	#contents #shade {
		width:780px;
		height:5px;
		background:url(../../images/common/contents/bg.jpg) repeat-x top;
		position:absolute;
		top:0;
		left:0;
	}
	/* end */

	/* list */
	table.list {
		width:100%;
		margin:5px 0 0 0;
		vertical-align:top;
		border-collapse:collapse;
		border-spacing:0;
		border:#C8C8C8 1px solid;
	}

	table.list th {
		font-weight:normal;
		white-space:nowrap;
		background:#DCDCDC;
		border:#C8C8C8 1px solid;
		padding:5px;
	}

	table.list tr td {
		border:#C8C8C8 1px solid;
		padding:5px;
	}
	/* end */

	/* main contents */
	#maincontents {
		width:570px;
		margin:0 0 0 190px;
		padding:20px 0 40px 0;
	}
	/* end */

	/* footer */
	#footer {
		width:780px;
		font-size:0.8em;
		letter-spacing:0.1;
		text-align:right;
	}
	
	#copy {
		width:760px;
		padding:10px 10px 10px 10px;
		color:#002D73;
		background:#E5EAF0;
	}

	#footer span {
		font-family:
			Verdana,
			Arial,
			sans-serif;
		letter-spacing:normal;
	}

	#footer #nav {
		width:760px;
		padding:15px 10px 15px 10px;
		text-align:center;
	}
	
	#footer #nav a {
		margin:0 10px;
		color:#646464;
	}

	#footer #nav a:hover {
		color:#000000;
	}
	/* end */

	/* global navigation */
	#gnav {
		width:180px;
		float:left;
		position:absolute;
		top:1px;
		left:10px;
	}

	#gnav ul #qr {
		height:101px;
		padding:10px 0 0 0;
		text-align:center;
	}

	#gnav ul #address {
		height:105px;
		padding:10px 5px 0 5px;
	}

	#gnav ul #map {
		padding:10px 5px 0 5px;
	}

	#gnav ul #qr img.button,
	#gnav ul #map img.button {
		padding:5px 0 0 0;
	}

	#gnav #qr a,
	#gnav #map a {
		width:170px;
		height:20px;
		display:inline;
	}

	#gnav ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	#gnav li {
		width:180px;
		height:40px;
		float:left;
	}
	
	#gnav a {
		width:180px;
		height:40px;
		display:block;
	}
	
	#gnav span {
		display:none;
	}
	
	#home {
		background:url(../../images/common/gnav/home02.jpg) no-repeat top left;
	}
	
	#home a {
		background:url(../../images/common/gnav/home01.jpg);
	}
	
	#home a:hover {
		background:url(../../images/common/gnav/home02.jpg);
	}
	
	#message {
		background:url(../../images/common/gnav/message02.jpg) no-repeat top left;
	}
	
	#message a {
		background:url(../../images/common/gnav/message01.jpg);
	}
	
	#message a:hover {
		background:url(../../images/common/gnav/message02.jpg);
	}
	
	#feature {
		background:url(../../images/common/gnav/feature02.jpg) no-repeat top left;
	}
	
	#feature a {
		background:url(../../images/common/gnav/feature01.jpg);
	}
	
	#feature a:hover {
		background:url(../../images/common/gnav/feature02.jpg);
	}
	
	#price {
		background:url(../../images/common/gnav/price02.jpg) no-repeat top left;
	}
	
	#price a {
		background:url(../../images/common/gnav/price01.jpg);
	}
	
	#price a:hover {
		background:url(../../images/common/gnav/price02.jpg);
	}
	
	#floor {
		background:url(../../images/common/gnav/floor02.jpg) no-repeat top left;
	}
	
	#floor a {
		background:url(../../images/common/gnav/floor01.jpg);
	}
	
	#floor a:hover {
		background:url(../../images/common/gnav/floor02.jpg);
	}
	
	#faq {
		background:url(../../images/common/gnav/faq02.jpg) no-repeat top left;
	}
	
	#faq a {
		background:url(../../images/common/gnav/faq01.jpg);
	}
	
	#faq a:hover {
		background:url(../../images/common/gnav/faq02.jpg);
	}
	
	#access {
		background:url(../../images/common/gnav/access02.jpg) no-repeat top left;
	}
	
	#access a {
		background:url(../../images/common/gnav/access01.jpg);
	}
	
	#access a:hover {
		background:url(../../images/common/gnav/access02.jpg);
	}
	
	#contact {
		background:url(../../images/common/gnav/contact02.jpg) no-repeat top left;
	}
	
	#contact a {
		background:url(../../images/common/gnav/contact01.jpg);
	}
	
	#contact a:hover {
		background:url(../../images/common/gnav/contact02.jpg);
	}
	/* end */