@charset "UTF-8";

@import "reset.css";
@import "common.css";

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

body {
	width: 100%;height: 100%;margin: 0;padding: 0;background: url(img/body-back.png);
	text-align: center;letter-spacing: -0.05em;font-size: 0.9em;line-height: 1.5em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {text-decoration: none;}
a:link { color: #06C; }
a:visited { color: #06C; }
a:hover {text-decoration: underline;}
a:active { color: #06C; }

img, div {behavior: url(./js/iepngfix.htc)}

* html dl dd {float: none;}
*:first-child + html dl dd {float: none;}

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

#top_container {
	width: 100%;height: 100%;margin: 0;padding: 0;
	background: url(img/main-back.png) no-repeat 80% bottom;
}
#top_container:after {content: "";display: block;clear: both;}
*:first-child+html #top_container {position: relative;}
#container {
	width: 100%;height: 100%;margin: 0;padding: 0;
	background: url() no-repeat 0 0;
}
#container:after {content: "";display: block;clear: both;}
*:first-child+html #container {position: relative;}

#head {width: 100%;height: 40px;background: url(img/upline_bg.jpg) repeat-x 0 0;}
#header {width: 900px;height: 430px;margin: 0 auto;padding: 0;}

h1#siteid {margin: 10px 0 0 0;padding: 0;float: left;display: block;}
h2#decoration {width: 400px;height: 210px;margin: 10px 0 0 0;padding: 0;display: block;float: left;clear: both;}
#tel {margin: 20px 0 0 0;padding:0;float: right;display: block;}

#main {width: 900px;margin: 10px auto;padding: 0;text-align: left;}
#main:after {content: "";display: block;clear: both;}
*:first-child+html #main {position: relative;}

#menu {
	width: 195px;height: 319px;margin: 0 auto;padding: 0;
	display: block;float: left;background: url(img/menu-back.png) no-repeat 0 0;
}
#menu ul {margin: 45px 0 0 10px;padding: 0;}
#menu li {margin: 0 0 8px 0;padding: 0;}
* html #menu li {margin: 0 0 6px 0;padding: 0;}

#contents {width: 693px;height: 100%;margin: 0 auto;padding: 0;display: block;float: right;}

#news {
	width: 693px;height: 230px;margin: 0 auto;padding: 0;clear: both;
	background: url(img/news-back.png) repeat-x 0 0;
}
#news dl {
	width: 650px;height: 150px;margin: 0;padding: 0;
	overflow: auto;top: 60px;left: 20px;position: relative;display: block;
}
#news dt {width: 100px;margin: 0;padding: 0;float: left;clear: both;color: #6b8e23;}
#news dd {width: 84%;margin: 0;padding: 0;float: left;border-bottom: thin dotted #ccc;}

#topbanner-area {
	width: 693px;height: 80px;margin: 8px 0 0 0;padding: 0;
	background: url(img/banner-back.png) no-repeat 0 0;
}
#topbanner-area ul {margin: 0 0 0 12px;padding: 11px 0 0 0;clear: both;}
#topbanner-area li {margin: 0 5px 0 0;padding: 0;float: left;}

#footer {width: 100%;height: 100px;margin: 0;padding: 0;text-align: center;clear: both;background: #bb0008;}
address {margin: 0 auto;padding: 10px 0 0 0;color: #fff;font-weight: normal;font-size: 90%;}
p#copy {margin: 10px auto 0 auto;padding: 0;text-align: center;}

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

#contents h3 {margin: 10px 0;padding: 0;font-size: 1.8em;color: #888;font-weight: 600;}
#contents h4 {
	margin: 10px 0;padding: 0;font-size: 1.5em;color: #b50000;
	font-weight: 900;background: #FC3;line-height: 1.5em;text-indent: 1em;
}
#contents h5 {
	width: 673px;margin: 25px auto 10px;padding: 10 0 0;font-size: 1.2em;color: #b50000;
	font-weight: 600;line-height: 1.3em;border-bottom: 1px dotted #c63;text-indent: 1em;
}
#contents h6 {margin: 10px 0;padding: 0;font-size: 1.1em;color: #888;font-weight: 600;}

#contents p {margin: 10px;padding: 0;}
#contents blockquote {margin: 10px 20px;padding: 0;}

.totop {text-align: right;}

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