@charset "utf-8";

/* reset css
---------------------- */
html {
	height: 100%;
	overflow-y: scroll;
}


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
th,
td {
	padding: 0;
	margin: 0;
}


address,
caption,
em,
strong,
th {
	font-style: normal;
}


caption,
th {
	text-align: left;
}


hr,
legend {
	display: none;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}


li {
	list-style-type: none;
}


#contents table,
#contents ol,
#contents ul,
#contents dl,
#contents blockquote,
#contents pre,
#contents p {
	margin-bottom: 1em;
}


a img,
fieldset {
	border: none;
}


body {
	height: 100%;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 90%;
	color: #222;
	line-height: 1.5;
	background: url(img/header-bg.gif) repeat-x;
}


* html body {	/* for IF6 */
		font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}


a:link,
a:visited,
a:hover,
a:active {
	text-decoration: underline;
}


a:link {
}


a:visited {
}


a:hover {
}


a:active {
}


/* LAYOUT
---------------------- */

#page {
	width: 820px;
	margin: 0 auto;
	min-height: 100%;
}


/* header */
#header {
	padding: 10px 0 10px 0;
	zoom: 1;
}


#header h1 {
	font-size: 70%;
	font-weight: normal;
	color: #b2b1b1;
}


#header h2 {
	float: left;
}


#copy a {
	color: #316AC5;
	text-decoration: none;
}


address {
	float: right;
}


/* contents */
#contents {
	clear: both;
	width: 820px;
	background: #fff;
	zoom: 1;
}


#visual p {
	margin: 0px;
}


#contents:after,
#header:after,
#gnavi:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}


#main {
	float: left;
	width: 590px;
	margin: 15px 0;
}


.section {
	padding-bottom: 0px;
	background: url(img/section_back.gif) no-repeat left top;
}


.section h3 {
	margin: 0 0 .5em;
	font-size: 110%;
}


.section h4 {
	font-weight: bold;
	color: #0076e4;
}


.article {
	padding: 0 10px 18px 25px;
	overflow: hidden;
	font-size: 90%;
	zoom: 1;
}


#sub {
	float: right;
	width: 200px;
	margin: 15px 0 20px 0;
}


#sub h3 {
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(img/info-title.gif) no-repeat;
}


#information {
	padding: 10px 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e1e1dd;
	color: #676761;
	background: url(img/info-bg.gif) repeat-y;
}


#information p {
	margin-bottom: .8em;
	font-size: 70%;
}


#information ul {
	font-size: 70%;
}


#information p strong {
	font-size: 120%;
}


#information .info-tel {
	padding-top: 12px;
	font-size: 80%;
	color: #8a8a81;
	line-height: 14px;
	background: url(img/info-border.gif) no-repeat;
}


/* footer */
#footer {
	clear: both;
}


#footernavi a {
	color: #fff;
	text-decoration: none;
}


#copy a {
	color: #9f9b93;
}


#footernavi {
	height: 23px;
	background: url(img/footernavi-bg.gif) repeat-x;
}


#footernavi div {
	position: relative;
	width: 820px;
	margin: 0 auto;
}


#footernavi ul {
	margin-top: 3px;
}


#footernavi li {
	padding: 0 6px;
	font-size: 70%;
	display: inline;
	background: url(img/point1.gif) no-repeat right;
}


#footernavi div p.pagetop {
	position: absolute;
	top: 3px;
	right: 0px;
}


#copy {
	clear: both;
	padding: 20px 0 30px 0;
	font-size: 70%;
	background: #f8f6ef;
}


#copy .copy {
	padding-top: 15px;
	text-align: right;
}


#copy div {
	width: 820px;
	margin: 0 auto;
}


#copy img {
	float: left;
	background: #CC6633;
}


/* 汎用スタイル */
.clear {
	clear: both;
}


.img_r {
	float: right;
	padding: 0 0 10px 10px;
}


.img_l {
	float: left;
	padding: 0 10px 10px 0;
}


.img_r,
.img_l {
	background-color: #fff;
}


.float_l {
	float: left;
}


.float_r {
	float: right;
}


/* 各ページ用スタイル
---------------------- */
/* index.html */

#index table {
	border-collapse: collapse;
}


#index th,
#index td {
	padding: 6px 12px;
	border: 1px solid #ccc;
	font-weight: normal;
	color: #222;
}


#index thead th {
	text-align: center;
	background: #FEE8D8;
}


#index tbody th {
	text-align: center;
	background: #F7F7F7;
}


#index .article dt {
	padding: 3px 10px;
	margin-bottom: 10px;
	font-size: 110%;
	color: #FF3300;
	background: #E9E9E9;
}


#index .article dd {
	margin: 0 0 4px 10px;
}


#index .article ul {
	padding: 10px;
	background: #F5F5F5;
}


#index .article li {
	margin-bottom: 4px;
	color: #222;
}

#index .article .news dt {
	margin-bottom: 5px;
	font-size: 110%;
	color: #FF3300;
	background:none;
}


/* greeting.html */

.company-info {
	float: left;
	font-size: 90%;
}


.company-info th,
.company-info td {
	padding: 3px 0 7px;
	font-weight: normal;
}


.company-info th {
	padding: 0 20px 0 5px;
	border-bottom: 1px dashed #ccc;
}


.company-info td {
	border-bottom: 1px dashed #ccc;
}


#greeting .article dt {
	margin-bottom: 5px;
	font-size: 110%;
	font-weight: bold;
}


#greeting .article dd {
	margin: 0 0 10px 5px;
}

#map {
		height: 350px;
		width: 500px;
		margin: 20px auto 30px;
		border: 1px solid #CCCCCC;
		clear:both;
}

#map span {
		color:#222;
}

.googlemap {
		text-align: center;
}