@CHARSET "UTF-8";

body {
	background:#ecede6;
}
#layout {
	width:960px;
	height:100%;
	background:#ecede6 url(../pic/bg-img.png) 8px 124px no-repeat;
	left:50%;
	margin-left:-480px;
}
#header {
	width:100%;
	height:198px;
	border-bottom:solid 1px red;
}
#logo {
	width:180px;
	height:198px;
	float:left;
	display:inline;
	/*border-bottom:solid 1px green;*/
}
#logo a {
	display:block;
	width:132px;
	height:198px;
	position:relative;
	left:38px;
	top:0;
	background:url(../pic/sprite.png) -549px 0 no-repeat;
	text-decoration:none;
}

#top-image {
	width:400px;
	height:245px;
	position:absolute;
	left:0;
	top:0;
	margin-left:58px;
	margin-top:214px;
	z-index:100;
}

#navi-top {
	width:772px;
	height:198px;
	float:right;
	display:inline;
	/*border-bottom:solid 1px red;*/
}
#navi-top div.item {
	display:block;
	float:left;
	background-image:url(../pic/navi-top.png);
	background-repeat:no-repeat;
	margin-top:47px;
}
#navi-top div.item a.hover {
	display:block;
	width:100%;
	height:100%;
	background-image:url(../pic/navi-top.png);
	text-decoration:none;
}
#nt-1 {
	width:136px;
	height:109px;
	background-position:0 0;
}
#nt-1.active, #nt-1 a.hover {
	background-position:0 -109px;
}
#nt-2 {
	width:126px;
	height:109px;
	background-position:-136px 0;
}
#nt-2.active ,#nt-2 a.hover {
	background-position:-136px -109px !important;
}
#nt-3 {
	width:122px;
	height:109px;
	background-position:-262px 0;
}
#nt-3.active, #nt-3 a.hover {
	background-position:-262px -109px;
}
#nt-4 {
	width:128px;
	height:109px;
	background-position:-384px 0;
}
#nt-4.active, #nt-4 a.hover {
	background-position:-384px -109px;
}
#nt-5 {
	width:124px;
	height:109px;
	background-position:-512px 0;
}
#nt-5.active, #nt-5 a.hover {
	background-position:-512px -109px;
}
#nt-6 {
	width:130px;
	height:109px;
	background-position:-636px 0;
}
#nt-6.active, #nt-6 a.hover {
	background-position:-636px -109px;
}
#line-top {
	position:absolute;
	top:0;
	left:0;
	margin-top:169px;
	margin-left:10px;
}

#navi {
	display:block;
	width:549px;
	height:294px;
	position:absolute;
	left:0;
	right:0;
	margin-left:412px;
	margin-top:238px;
	z-index:50;
	background:url(../pic/sprite.png) 0 0 no-repeat;
	/*border:solid 1px red;*/
}
#navi-left {
	position:absolute;
	margin-left:112px;
	margin-top:8px;
}
#navi-left li {
	font:13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#0f3b56;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:0 0 1px #999;
	margin-top:4px;	
}
#navi-left a {
	text-decoration:none;
}
#navi-left .active {
	color:#900;
	text-shadow:0 0 1px #777;
}
#navi-right {
	position:absolute;
	margin-left:256px;
	margin-top:8px;
}
#navi-right h3 {
	font:13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#525252;
	text-transform:uppercase;
	text-shadow:0 0 1px #999;
	margin-top:4px;
}
#navi-right p {
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#525252;
	margin-top:5px;
	width: 240px;
	height:15px;
	overflow:hidden;
}
#navi-right p.title {
	margin-top:14px;
}
#body {
	position:absolute;
	left:0;
	top:0;
	z-index:1000;
	margin-top:428px;
	width:100%;
}
#contents {
	margin:0px 45px 0px 66px;
	font:14px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 150%;
	text-shadow:0 0 1px #aaa;
}
#contents p {
	margin:20px 0 5px 0;
	color:#525252;
	line-height:150%;
}
#contents ul,#body ol {
	margin:20px 0 5px 0;
	color:#525252;
}
#contents ul li {
	list-style:disc;
	margin-left:25px;
}
#contents ol li {
	list-style:decimal;
	margin-left:25px;
}
#contents h3 {
	margin:20px 0 5px 0;
	font:16px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 150%;
	color:#111;
	text-shadow:0 0 1px #aaa;
}
#contents ul.article li {
	list-style:none;
	margin-left:0;
}
#contents .article h3 span {
	font-size:11px;
}
#contents p.pager {
	font-size:13px;
}
#contents p.pager a, #contents p.pager span {
	padding: 2px 6px;
	background:#fff;
}
#contents p.pager span {
	font-weight:bold;
	background:#999;
	color:#fff;
}
#line {
	position:relative;
	top:0;
	left:0;
	margin-left:53px;
}
#footer {
	margin-top:30px;
	display:block;
	height:120px;
	/*border:solid 1px red;*/
}
#phone {
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	width:90px;
	height:19px;
	background:url(../pic/sprite.png) 0px -294px no-repeat;
	margin-right:160px;
	margin-bottom:45px;
	z-index:10000;
}
#phone-img a, #phone a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
#phone-img {
	position:absolute;
	bottom:0;
	right:0;
	z-index:5000;
	display:block;
	float:right;
	width:133px;
	height:140px;
	margin-right:35px;
	margin-bottom:5px;
	background:url(../pic/sprite.png) -549px -198px no-repeat;
}
#egostile {
	margin-top:20px;
	margin-left:65px;
	font:11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#525252;
	text-shadow:0 0 1px #aaa;
	line-height:150%;
}
#copy {
	position:absolute;
	bottom:0;
	left:0;
	margin-left:440px;
	margin-bottom:42px;
	font:12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#444;
	text-shadow:0 0 1px #aaa;
	line-height:150%;
}
#mail-send {
	font:12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-shadow:0 0 1px #aaa;
	line-height:150%;
	color:#727272;
}

input.text, textarea {
	width:280px;
	padding:2px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
}
#mail-send td {
	padding-top:5px;
	padding-right:5px;
}