@charset "UTF-8";
/* CSS Document */

/* 全体構造
---------------------------------------------------- */
body {
	font-size: 12px;
	line-height: 1.7em;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MSゴシック", sans-serif;
	vertical-align: baseline;
	margin: 0px;
	color: #333333;
	background-color: #FFF5E0;
	background-image: url(../images/bg_image.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
}
p {
	margin: 0px;
	padding: 0px;
}
a img {
	border: none;
}
a:link {
	color: #E50000;
	text-decoration: underline;
}
a:visited {
	color: #990000;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FF5151;
	text-decoration: none;
}
a:focus {
	-moz-outline-style: none;
}
#header {
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
	height: 94px;
	width: 950px;
	margin-top: 14px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-indent: -9999px;
	padding: 0px;
}
#wrapper {
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/bg_contents.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}

/* メニュー
---------------------------------------------------- */
#submenu {
	background-color: #995100;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 920px;
	position: relative;
}
#submenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#submenu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#submenu li#home a {
	background-image: url(../images/submenu_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 24px;
	width: 45px;
	display: block;
	position: absolute;
	left: 18px;
	top: 0px;
}
#submenu li#seminar a {
	background-image: url(../images/submenu_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 24px;
	width: 118px;
	display: block;
	position: absolute;
	left: 561px;
	top: 0px;
}
#submenu li#contact a {
	background-image: url(../images/submenu_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 24px;
	width: 130px;
	display: block;
	position: absolute;
	left: 698px;
	top: 0px;
}
#submenu li#company a {
	background-image: url(../images/submenu_04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 24px;
	width: 56px;
	display: block;
	position: absolute;
	left: 846px;
	top: 0px;
}
#submenu li#home a:hover {
	background-image: url(../images/submenu_01.gif);
	background-repeat: no-repeat;
	background-position: -45px 0px;
}
#submenu li#seminar a:hover {
	background-image: url(../images/submenu_02.gif);
	background-repeat: no-repeat;
	background-position: -118px 0px;
}
#submenu li#contact a:hover {
	background-image: url(../images/submenu_03.gif);
	background-repeat: no-repeat;
	background-position: -130px 0px;
}
#submenu li#company a:hover {
	background-image: url(../images/submenu_04.gif);
	background-repeat: no-repeat;
	background-position: -56px 0px;
}
#mainmenu {
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 920px;
	position: relative;
	display: block;
}
#mainmenu ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
}
#mainmenu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	float: left;
	position: relative;
	line-height: 0;
	vertical-align: bottom;
	font-size: 0;
}
#mainmenu li ul li {
	float: left;
	position: relative;
	margin: 0 0.5em;
	width: 184px;
	height: 2.4em;
	line-height: 2.4em;
	top: 42px;
	font-size: 10px;
}
#mainmenu li ul li a {
	color: #995100;
	text-decoration: none;
	display: block;
	width: 184px;
	height: 2.4em;
	text-align: center;
	background: #FFEEB1;
}
#mainmenu li ul li a:link {
	background: #FFEEB1;
}
#mainmenu li ul li a:hover {
	color: #FFFFFF;
	background: #995100;
}
#mainmenu li ul {
	display: none;
}
#mainmenu li:hover ul {
	display: block;
	position: absolute;
	z-index: 100;
}
#mainmenu li ul li {
	float: none;
	margin: 0;
	font-weight: normal;
}
#mainmenu li ul { /* IE6 対策 */
	behavior: url("csshover.htc");
}
.indent-9999 {
	text-indent: -9999px;
}
#message a {
	background-image: url(../images/mainmenu_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 42px;
	width: 184px;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
}
#project a {
	background-image: url(../images/mainmenu_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 42px;
	width: 184px;
	display: block;
	position: absolute;
	left: 184px;
	top: 0px;
}
#process a {
	background-image: url(../images/mainmenu_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 42px;
	width: 184px;
	display: block;
	position: absolute;
	left: 368px;
	top: 0px;
}
#case a {
	background-image: url(../images/mainmenu_04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 42px;
	width: 184px;
	display: block;
	position: absolute;
	left: 552px;
	top: 0px;
}
#faq a {
	background-image: url(../images/mainmenu_05.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 42px;
	width: 184px;
	display: block;
	position: absolute;
	left: 736px;
	top: 0px;
}
#message a:hover {
	background-image: url(../images/mainmenu_01.gif);
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#project a:hover {
	background-image: url(../images/mainmenu_02.gif);
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#process a:hover {
	background-image: url(../images/mainmenu_03.gif);
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#case a:hover {
	background-image: url(../images/mainmenu_04.gif);
	background-repeat: no-repeat;
	background-position: 0px -42px;
}
#faq a:hover {
	background-image: url(../images/mainmenu_05.gif);
	background-repeat: no-repeat;
	background-position: 0px -42px;
}

/* イメージ
---------------------------------------------------- */
#flash {
	background-image: url(../images/shadow_01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 400px;
	width: 920px;
	padding-bottom: 7px;
}
#titleimage {
	background-image: url(../images/shadow_01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 150px;
	width: 920px;
	padding-bottom: 7px;
}

/* コンテンツ
---------------------------------------------------- */
#contents {
	width: 870px;
	text-align: left;
	overflow: hidden;
	background-image: url(../images/bg_contents2.gif);
	background-repeat: repeat-y;
	padding: 0px;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
	background-color: #FFFFFF;
}
#main {
	float: left;
	width: 635px;
}
#sub {
	float: right;
	width: 207px;
	position: relative;
}
#banner {
	width: 201px;
	margin-left: 6px;
}
#bn-goform a {
	background-image: url(../images/bn_goform.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 201px;
	margin-top: 7px;
}
#bn-goform a:hover {
	background-image: url(../images/bn_goform.gif);
	background-repeat: no-repeat;
	background-position: -201px 0px;
}
.margin-t5 {
	margin-top: 5px;
}
.margin-t10 {
	margin-top: 10px;
}
.margin-t15 {
	margin-top: 15px;
}
.margin-t20 {
	margin-top: 20px;
}
.margin-t30 {
	margin-top: 30px;
}
.margin-t40 {
	margin-top: 40px;
}
.margin-t50 {
	margin-top: 50px;
}
.margin-b10 {
	margin-bottom: 10px;
}
.margin-l15 {
	margin-left: 15px;
}
.text-10 {
	font-size: 10px;
	line-height: 1.5em;
}
.text-orangebold {
	font-weight: bold;
	color: #F06600;
}
.text-orange14 {
	font-size: 14px;
	line-height: 1.7em;
	font-weight: bold;
	color: #F06600;
}
.text-photo {
	font-size: 10px;
	line-height: 1.5em;
	margin-top: 7px;
}
#pagetop {
	background-image: url(../images/bg_pagetop.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 870px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
	position: relative;
}
#pagetop a {
	text-indent: -9999px;
	display: block;
	height: 21px;
	width: 201px;
	position: absolute;
	left: 669px;
	top: 23px;
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#pagetop a:hover {
	background-image: url(../images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: -201px 0px;
}

/* フッタ
---------------------------------------------------- */
#footer {
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 88px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
	text-indent: -9999px;
	position: relative;
}
