@charset "utf-8";

/* -- CONTAINER -- */
div#container {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* -- HEAD TXT -- */
div#head_txt {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
	background: #000;
}

div#head_txt h1 {
	margin: 0 auto;
	padding: 0 auto;
	width: 800px;
	color: #FFF;
	font: 12px nomal;
}

/* -- WRAPPER -- */
div#wrapper {
	margin: 0 auto;
	padding: 0 auto;
	position: relative;
	width: 800px;
}

div#twex {
	display: none;
}

/* -- HEADER -- */
div#header {
	margin: 0;
	padding: 0;
	position: relative;
	width: 800px;
	height: 71px;
	background: url('../img/logo.gif') no-repeat;
}

div#header a {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 11px;
	left: 11px;
	width: 142px;
	height: 57px;
	overflow: hidden;
	text-indent: -9999em;
}

div#img_area {
	margin: 0;
	padding: 0;
	position: relative;
	width: 800px;
	height: 330px;
	background: url('../img/head_img.gif') no-repeat;
	text-indent: -9999em;
}

div#img_area a {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 20px;
	left: 240px;
	width: 102px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999em;
}

/* -- NAVI -- */
div#navi {
	margin: 0;
	padding: 0;
	position: relative;
	width: 800px;
	height: 177px;
	background: url('../img/navi_bg.gif') no-repeat;
}

div#navi ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 33px;
	left: 0;
	width: 445px;
	height: 110px;
}

div#navi ul li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

div#navi li.marketing {
	margin: 0;
	padding: 0;
	width: 108px;
	height: 109px;
	text-indent: -9999em;
}

div#navi li.marketing a {
	display: block;
	width: 108px;
	height: 109px;
	overflow: hidden;
	background: url('../img/marketing.jpg') no-repeat;
}

div#navi li.marketing a:hover {
	background: url('../img/marketing_on.jpg') no-repeat;
}

div#navi li.creative {
	margin: 0 0 0 4px;
	padding: 0;
	width: 108px;
	height: 109px;
	text-indent: -9999em;
}

div#navi li.creative a {
	display: block;
	width: 108px;
	height: 109px;
	overflow: hidden;
	background: url('../img/creative.jpg') no-repeat;
}

div#navi li.creative a:hover {
	background: url('../img/creative_on.jpg') no-repeat;}

div#navi li.media {
	margin: 0 0 0 4px;
	padding: 0;
	width: 108px;
	height: 109px;
	text-indent: -9999em;
}

div#navi li.media a {
	display: block;
	width: 108px;
	height: 109px;
	overflow: hidden;
	background: url('../img/media.jpg') no-repeat;
}

div#navi li.media a:hover {
	background: url('../img/media_on.jpg') no-repeat;
}

div#navi li.support {
	margin: 0 0 0 4px;
	padding: 0;
	width: 108px;
	height: 109px;
	text-indent: -9999em;
}

div#navi li.support a {
	display: block;
	width: 108px;
	height: 109px;
	overflow: hidden;
	background: url('../img/support.jpg') no-repeat;
}

div#navi li.support a:hover {
	background: url('../img/support_on.jpg') no-repeat;
}

div#navi p {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 510px;
	line-height: 1.8;
}

/* -- MAIN -- */
div#main {
	margin: 0;
	padding: 0;
	position: relative;
	width: 800px;
	height: 398px;
	background: url('../img/main_01.gif') no-repeat;
}

div#main h2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 75px;
	left: 95px;
	color: #646464;
	font-size: 20px;
	font-weight: bold;
}

div#main p {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 130px;
	left: 95px;
	line-height: 1.8;
}

/* -- divison -- */
div#division {
	margin: 0;
	padding: 0;
	position: relative;
	width: 800px;
	height: 684px;
	background: url('../img/division.gif') no-repeat;
}

div#division h3.creative {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	left: 506px;
	color: #646464;
	font-size: 20px;
	font-weight: bold;
}

div#division p.creative_txt {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 60px;
	left: 506px;
}

div#media_list {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 285px;
	left: 95px;
}

div#division h3.media {
	margin: 0;
	padding: 0;
	color: #646464;
	font-size: 20px;
	font-weight: bold;
}

div#division p.media_txt {
	margin: 0;
	padding: 0;
}

p.media_txt span.internet {
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	width: 191px;
	height: 26px;
	background: url('../img/internet.gif') no-repeat;
	text-indent: -9999em;
}

p.media_txt span.seo {
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	width: 191px;
	height: 26px;
	background: url('../img/seo.gif') no-repeat;
	text-indent: -9999em;
}

p.media_txt span.sem {
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	width: 191px;
	height: 26px;
	background: url('../img/sem.gif') no-repeat;
	text-indent: -9999em;
}

p.media_txt span.lpo {
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
	width: 191px;
	height: 26px;
	background: url('../img/lpo.gif') no-repeat;
	text-indent: -9999em;
}

div#division h3.support {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 550px;
	left: 420px;
	color: #646464;
	font-size: 20px;
	font-weight: bold;
}

div#division p.support_txt {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 580px;
	left: 420px;
}

#division .right_box {
	display: none;
}

#division .left {
	width: 90px;
	height: 101px;
	position: absolute;
	left: 311px;
	top: 200px;
	background: url('../img/left_on.gif') no-repeat;
}

#division .left a {
	display: block;
	width: 90px;
	height: 101px;
}

#division .left a:hover img {
	visibility: hidden;
}

#division .left a:hover {
	background-color: transparent;
}

#division .right {
	width: 90px;
	height: 101px;
	position: absolute;
	left: 399px;
	top: 200px;
	background: url('../img/right_on.gif') no-repeat;
}

#division .right a {
	display: block;
	width: 90px;
	height: 101px;
}

#division .right a:hover img {
	visibility: hidden;
}

#division .right a:hover {
	background-color: transparent;
}

#division .disp {
	width: 217px;
	height: 227px;
	position: absolute;
	left: 0;
	top: 0;
}

/* -- PDCA-CYCLE -- */
div#pdca_cycle {
	margin: 0;
	padding: 0 0 0 93px;
	position: relative;
	width: 707px;
	height: 327px;
	background: url('../img/pdca.gif') no-repeat;
}

div#pdca_cycle div#pdca_left {
	margin: 0;
	padding: 33px 0 0 0;
	float: left;
	width: 207px;
	height: 294px;
}

* html div#pdca_cycle div#pdca_left {
}

div#pdca_cycle div#circle {
	margin: 0;
	padding: 33px 0 0 0;
	float: left;
	width: 200px;
	height: 294px;
}

* html div#pdca_cycle div#circle {
}

div#pdca_cycle div#pdca_right {
	margin: 0;
	padding: 33px 0 0 0;
	float: left;
	width: 207px;
	height: 294px;
}

* html div#pdca_cycle div#pdca_right {
}

div#plan_box,
div#do_box,
div#check_box,
div#action_box {
	margin: 0;
	padding: 0;
	width: 207px;
	height: 150px;
	text-decoration: none;
}

div#pdca_cycle h3.h3_plan {
	margin: 10px 0;
	padding: 0;
	width: 207px;
	height: 25px;
	background: url('../img/h3_plan.gif') no-repeat;
	text-indent: -9999em;
}

div#pdca_cycle h3.h3_action {
	margin: 0 0 10px 0;
	padding: 0;
	width: 207px;
	height: 25px;
	background: url('../img/h3_action.gif') no-repeat;
	text-indent: -9999em;
}

div#pdca_cycle h3.h3_do {
	margin: 10px 0;
	padding: 0;
	width: 207px;
	height: 25px;
	background: url('../img/h3_do.gif') no-repeat;
	text-indent: -9999em;
}

div#pdca_cycle h3.h3_check {
	margin: 0 0 10px 0;
	padding: 0;
	width: 207px;
	height: 25px;
	background: url('../img/h3_check.gif') no-repeat;
	text-indent: -9999em;
}

div#pdca_cycle p.plan {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: 95px;
	display: block;
	width: 180px;
	color: #000;
	text-decoration: none;
}

div#pdca_cycle p.do {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: 525px;
	width: 180px;
	color: #000;
	text-decoration: none;
}

div#pdca_cycle p.check {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 225px;
	left: 95px;
	width: 180px;
	color: #000;
	text-decoration: none;
}

div#pdca_cycle p.action {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 225px;
	left: 525px;
	width: 180px;
	color: #000;
	text-decoration: none;
}

/* -- COMPANY --*/
div#company {
	margin: 0;
	_margin: -6px 0 0 0;
	padding: 0;
	position: relative;
	width: 800px;
	height: 600px;
	background: url('../img/company.gif') no-repeat;
}

div#company h3 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	left: 95px;
	color: #646464;
	font-size: 20px;
	font-weight: bold;
}

div#company table {
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 90px;
	left: 95px;
}

div#company tr,th,td {
	margin: 0;
	padding: 0 0.5em 0.5em 0.5em;
	border: 0;
	font-weight: normal;
	text-align: left;
}

div#company a {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 120px;
	left: 430px;
	width: 130px;
	height: 25px;
	overflow: hidden;
	background: url('../img/btn_map.gif') no-repeat;
	text-indent: -9999em;
}

div#company a:hover {
	width: 130px;
	height: 25px;
	overflow: hidden;
	background: url('../img/btn_map_on.gif') no-repeat;
}

div#contact {
	margin: 0;
	padding: 0;
	position: relative;
	width: 800px;
	height: 54px;
	background: url('../img/contact.gif') no-repeat;
}

div#contact p {
	margin: 0;
	padding: 0;
	text-indent: -9999em;
}

div#contact h5 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	left: 630px;
	color: #646464;
	font-size: 20px;
	font-weight: bold;
}

/* -- FORM -- */
div#form {
	margin: 0;
	padding: 0;
	position: relative;
	width: 800px;
	height: 410px;
	background: url('../img/form.gif') repeat-y;
}

div#form tr.parts {
	margin: 0;
	padding: 0;
	height: 17px;
}

div#form tr.parts th {
	margin: 0;
	padding: 0;
}

div#form tr.parts td {
	margin: 0;
	padding: 0 0 0 10px;
	width: 327px;
	height: 17px;
	background: url('../img/form_parts.gif') no-repeat;
}

div#form tr.btn_form td {
	margin: 0;
	padding: 17px 0 0 10px;
	background: url('../img/form_parts.gif') no-repeat 5px 0;
}

* html div#form table {
}

form #btn_send {
	margin: 0 0 0 183px;
	padding: 0;
	border: none;
	display: block;
	width: 138px;
	height: 23px;
	overflow: hidden;
	background: url('../img/form_btn_submit.gif') no-repeat;
	cursor: pointer;
	text-indent: -9999em;
	text-align: left;
}

form #btn_reset {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	float: left;
	width: 138px;
	height: 23px;
	overflow: hidden;
	background: url('../img/form_btn_reset.gif') no-repeat;
	cursor: pointer;
	text-indent: -9999em;
	text-align: left;
}

/* -- FOOTER -- */
div#footer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	background: #000;
}

div#footer div#foot_area {
	margin: 0 auto;
	padding: 0 auto;
	width: 800px;
	height: 40px;
	background: url('../img/footer.gif') no-repeat;
}

div#footer div#foot_area address {
	margin: 0;
	padding: 10px 0 0 0;
	color: #FFF;
	text-align: center;
}

/* -- PAGE TOP -- */
div#pagetop {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: -100px;
	width: 100px;
	height: 100px;
}

div#pagetop a {
	margin: 0;
	padding: 0;
	display: block;
	width: 100px;
	height: 100px;
	overflow: hidden;
	background: url('../img/pagetop.gif') no-repeat;
	text-indent: -9999em;
}