@charset "utf-8";

@import url(init.css);

/*
	YUI Fonts CSS
		77% = 10px	|	123.1% = 16px	|	167% = 22px	
		85% = 11px	|	131%   = 17px	|	174% = 23px 
		93% = 12px	|	138.5% = 18px	|	182% = 24px 
		100% = 13px	|	146.5% = 19px	|	189% = 25px 
		108% = 14px	|	153.9% = 20px	|	197% = 26px 
		116% = 15px	|	161.6% = 21px	| 
*/

body {
	background: #ffffff url(shared/img/header_bkgnd.jpg) scroll no-repeat center top;
	text-align: center;
}

body.home {
	background: #ffffff url(shared/img/header_bkgnd-home.jpg) scroll no-repeat center top;
}

a:link {
	color: #336699;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #cc6600;
}

label {
	display: none;
}

table {
	background-color: #c7d1d3;
	border-collapse: separate;
	_border-collapse: collapse;
	border-spacing: 0 1px;
	border: none;
	font-size: 93%;
}

th {
	padding: 7px;
	background-color: #dae7e6;
	border: none;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	font-weight: bold;
	vertical-align: top;
}

td {
	padding: 7px;
	background-color: #ffffff;
	border: none;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	_border: 2px solid #c7d1d3;
	line-height: 1.6em;
}

iframe {
	width: 100%;
}

textarea {
	width: 300px;
	height: 100px;
}

div#container-footer {
	background: transparent url(shared/img/footer_bkgnd.gif) scroll no-repeat bottom center;
}

div#wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

div#header {
	position: relative;
	height: 305px;
	color: #ffffff;
}

div#header h1 {
	position: absolute;
	float: left;
	margin: 0;
	padding: 31px 0 0 0;
	z-index: 100;
}

div#header ul#utility {
	position: absolute;
	top: 18px;
	left: 461px;
	margin: 0;
	/*padding: 18px 0 0 0;*/
	list-style: none;
	font-size: 70%;
	z-index: 200;
}

div#header ul#utility li {
	float: left;
	/*position: relative;
	left: 280px;*/
	margin: 0 0 0 15px;
}

div#header ul#utility li img {
	vertical-align: top;
}

div#flash-collection {
	position: absolute;
	right: 0;
	z-index: 10;
}

div#header img {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

div#header form#searchForm {
	/*float: right;*/
	position: absolute;
	top: 39px;
	right: 50px;
	/*margin: 0 0 1em 0;*/
	_margin: 0 0 7px 0;
	/*padding: 21px 47px 0 0;*/
	z-index: 300;
}

div#header form#searchForm input {
	margin: 0;
}

div#header form#searchForm input#searchWord {
	width: 150px;
}

div#header div.search-form:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#header div.search-form {
   display: inline-block;
   min-height: 1%;  /* for IE 7 and Mac IE 5.5*/
}

/* Hides from Mac IE \*/
*html div#header div.search-form{height: 1%;}
div#header div.search-form{display: block;}
/* for IE 5, 6*/

div#header ul#global-nav {
	position: absolute;
	top: 92px;
	/*margin: 21px 0 0 0;*/
	list-style: none;
	z-index: 400;
}

div#header ul#global-nav li {
	float: left;
	margin: 0;
}

div#header ul#global-nav li a {
	padding: 0 5px 0 0;
}

div#header ul#global-nav:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#header ul#global-nav {
   display:inline-block;
   min-height:1%;  /* for IE 7 and Mac IE 5.5*/
}

/* Hides from Mac IE \*/
*html div#header ul#global-nav{height: 1%;}
div#header ul#global-nav{display: block;}
/* for IE 5, 6*/

div#header p.copy-img {
	position: absolute;
	top: 154px;
	margin: 0 0 0 12px;
	z-index: 500;
}

div#header p.copy {
	position: absolute;
	top: 185px;
	margin: 0 0 0 12px;
	line-height: 1.5em;
	z-index: 600;
}

div#header p.copy:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#header p.copy {
   display:inline-block;
   min-height:1%;  /* for IE 7 and Mac IE 5.5*/
}

/* Hides from Mac IE \*/
*html div#header p.copy{height: 1%;}
div#header p.copy{display: block;}
/* for IE 5, 6*/

div#header p#topic-path {
	position: absolute;
	top: 134px;
	margin: 0 0 0 4px;
	z-index: 500;
	font-size: 70%;
}

div#header p#topic-path a:link,
div#header p#topic-path a:visited,
div#header p#topic-path a:hover {
	color: #ffffff;
}

div#container {
	background: transparent url(shared/img/container_bkgnd.gif) scroll repeat-y left top;
}

div#main {
	float: left;
	width: 500px;
	position: relative;
	top: -115px;
}

body.home div#main {
	top: -25px;
}

div#main h2,
div#main h3,
div#main h4,
div#main h5,
div#main h6,
div#main p {
	margin: 0;
	padding: 0;
}

div#main h2 {
	background: transparent url(shared/img/main_title_bkgnd-home.gif) scroll no-repeat left top;
	width: 500px;
	height: 29px;
	margin: 0 0 1em 0;
	padding: 0 0 0 30px;
	color: #619aaf;
	font-size: 153.9%;
	font-weight: bold;
}

body.company div#main h2 {
	background: transparent url(shared/img/main_title_bkgnd-company.gif) scroll no-repeat left top;
	color: #5a9a7c;
}

body.services div#main h2 {
	background: transparent url(shared/img/main_title_bkgnd-services.gif) scroll no-repeat left top;
	color: #9a5a5a;
}

body.recruit div#main h2 {
	background: transparent url(shared/img/main_title_bkgnd-recruit.gif) scroll no-repeat left top;
	color: #99925b;
}

body.technology div#main h2 {
	background: transparent url(shared/img/main_title_bkgnd-technology.gif) scroll no-repeat left top;
	color: #5a5a9a;
}

div#main div.entry h2 {
	background: transparent url(shared/img/main_title_bkgnd-home.gif) scroll no-repeat left center;
	width: 500px;
	height: 29px;
	margin: 0;
	padding: 0 0 0 30px;
	color: #619aaf;
	font-size: 153.9%;
	font-weight: bold;
}

div#main div.entry p.entry-date {
	margin: 0 0 1em 0;
	font-size: 93%;
	text-align: right;
}

div#main div.entry h3 {
	margin: 2em 0 0.5em 0;
	color: #619aaf;
	font-size: 123.1%;
	font-weight: bold;
}

body.company div#main h3 {
	color: #5a9a7c;
}

body.services div#main h3 {
	color: #9a5a5a;
}

body.recruit div#main h3 {
	color: #99925b;
}

body.technology div#main h3 {
	color: #5a5a9a;
}

div#main div.entry h4 {
	margin: 0 0 0.5em 0;
	color: #619aaf;
	font-size: 93%;
	font-weight: bold;
}

body.company div#main h4 {
	color: #5a9a7c;
}

body.services div#main h4 {
	color: #9a5a5a;
}

body.recruit div#main h4 {
	color: #99925b;
}

body.technology div#main h4 {
	color: #5a5a9a;
}

div#main div.entry div,
div#main div.entry p,
div#main div.entry ul,
div#main div.entry ol,
div#main div.entry dl {
	margin: 0 0 1em 0;
	font-size: 93%;
	line-height: 1.6em;
}

div#main div.entry ul ul,
div#main div.entry ol ol,
div#main div.entry dl dl {
	margin: 0 0 1em 1em;
	font-size: 100%;
}

div#main div.entry ul ul ul,
div#main div.entry ol ol ol,
div#main div.entry dl dl dl {
	margin: 0 0 1em 2em;
	font-size: 100%;
}

body.technology div#main div.entry ul {
	margin: 0;
}

div#main div.entry img {
	border: none;
}

div#main div.entry-list div.entry {
	width: 500px;
}

div#main div.entry-list div.entry p.entry-date {
	float: left;
	width: 110px;
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent url(shared/img/main_list-img_entry-list.gif) scroll no-repeat left center;
	color: #505050;
	font-size: 93%;
	font-weight: bold;
	text-align: left;
	line-height: 1.6em;
}

div#main div.entry-list h3 {
	margin: 2em 0 0.5em 0;
	color: #619aaf;
	font-size: 123.1%;
	font-weight: bold;
}

div#main div.entry-list div.entry ul {
	float: right;
	width: 375px;
	list-style: none outside;
	font-size: 100%;
	line-height: 1.6em;
}

div#main div.entry-list div.entry ul li {
	margin: 0 0 1em 0;
}

div#main div.entry-list div.entry ul li h3,
div#main div.entry-list div.entry ul li h4 {
	clear: right;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #619aaf;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.6em;
}

div#main div.entry-list div.entry ul li p.entry-excerpt {
	margin: 0;
}

div#main div.entry-list div.entry ul li p.entry-more {
	float: right;
	margin: 0 0 2em 0;
	padding: 0 0 0 15px;
	background: #ffffff url(shared/img/main_icon-arrow-right.gif) scroll no-repeat left center;
	font-size: 93%;
}

div#main div.entry-list div.entry:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#main div.entry-list div.entry {
   display:inline-block;
   min-height:1%;  /* for IE 7 and Mac IE 5.5*/
}

/* Hides from Mac IE \*/
*html div#main div.entry-list div.entry{height: 1%;}
div#main div.entry-list div.entry{display: block;}
/* for IE 5, 6*/

div#main div.entry-list p.separator {
	margin: 0 0 100em 0;
	padding: 0;
	font-size: 1%;
}

div#main ul.archive-list {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 2em 0 0 0;
}

div#main ul.archive-list li {
	margin: 0 0 1em 0;
	padding: 0;
}

div#main ul.archive-list li div.archive {
	background: transparent url(shared/img/main_sub-category_bkgnd.gif) scroll repeat-y left top;
	margin: 0;
	padding: 0;
	font-size: 1%;
}

div#main ul.archive-list li p img.image {
	float: left;
	margin: 0 0 0 10px;
}

div#main ul.archive-list li h3 {
	margin: 5px 0 10px 145px;
	color: #619aaf;
	font-size: 13100%;
	font-weight: bold;
}

div#main ul.archive-list li h3 a {
	display: block;
	text-decoration: none;
}

div#main ul.archive-list li h3 a:link,
div#main ul.archive-list li h3 a:visited,
div#main ul.archive-list li h3 a:hover {
	color: #619aaf;
}

body.company div#main ul.archive-list li h3 a:link,
body.company div#main ul.archive-list li h3 a:visited,
body.company div#main ul.archive-list li h3 a:hover {
	color: #5a9a7c;
}

body.services div#main ul.archive-list li h3 a:link,
body.services div#main ul.archive-list li h3 a:visited,
body.services div#main ul.archive-list li h3 a:hover {
	color: #9a5a5a;
}

body.recruit div#main ul.archive-list li h3 a:link,
body.recruit div#main ul.archive-list li h3 a:visited,
body.recruit div#main ul.archive-list li h3 a:hover {
	color: #99925b;
}

body.technology div#main ul.archive-list li h3 a:link,
body.technology div#main ul.archive-list li h3 a:visited,
body.technology div#main ul.archive-list li h3 a:hover {
	color: #5a5a9a;
}

div#main ul.archive-list li p.description {
	padding: 0 15px 1em 155px;
	font-size: 10000%;
	line-height: 1.4em;
}

div#main ul.archive-list li:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#main ul.archive-list li {
   display:inline-block;
   min-height:1%;  /* for IE 7 and Mac IE 5.5*/
}

/* Hides from Mac IE \*/
*html div#main ul.archive-list li{height: 1%;}
div#main ul.archive-list li{display: block;}
/* for IE 5, 6*/

div#main div.archive-list-sitemap ul li h3 {
	display: inline;
	margin: 2em 0 0.5em 0;
	color: #619aaf;
	font-size: 123.1%;
	font-weight: bold;
}

div#main div.archive-list-sitemap ul ul li h3 {
	font-size: 100%;
	font-weight: normal;
}

div#main div.search-result-list {
	margin: 0 0 2em 0;
	padding: 0 0 0 10px;
}

div#main div.search-result-list h2 {
	background: transparent url(shared/img/main_title_bkgnd-home.gif) scroll no-repeat left center;
	width: 500px;
	height: 29px;
	margin: 0 0 1em 0;
	padding: 0 0 0 30px;
	color: #619aaf;
	font-size: 153.9%;
	font-weight: bold;
}

div#main div.search-result-list h3 {
	background: transparent url(http://cup.viva-mambo.co.jp/katahira-co-jp/shared/img/main_list-img_entry-list.gif) scroll no-repeat left center;
	margin: 1em 0 0.5em 0;
	padding: 0 0 0 16px;
	color: #619aaf;
	font-size: 123.1%;
	font-weight: bold;
}

div#main div.search-result-list p {
	margin: 0 0 1em 0;
}

div#main div.search-result-list p.separator {
	width: 500px;
	height: 1px;
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1%;
}

div#main p.end-of-index {
	float: right;
	margin: 15px 0 50px 0;
	padding: 0 0 0 15px;
	background: #ffffff url(shared/img/main_icon-arrow-right.gif) scroll no-repeat left center;
	font-size: 93%;
}

div#main p.end-of-content {
	float: right;
	margin: 15px 0 50px 0;
	padding: 0 0 0 15px;
	background: #ffffff url(shared/img/main_icon-arrow-right.gif) scroll no-repeat left center;
	font-size: 93%;
}

div#sub {
	float: right;
	width: 205px;
}

div#sub h3,
div#sub h4,
div#sub h5,
div#sub h6,
div#sub p {
	margin: 0;
	padding: 0;
}

body.home div#sub h3 {
	margin: 0 0 1em 0;
}

body.home div#sub h4 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
	background: transparent url(shared/img/main_list-img_entry-list.gif) scroll no-repeat left center;
	font-size: 93%;
	font-weight: bold;
}

div#sub p {
	margin: 0 0 1em 0;
	padding: 0 50px 0 0;
	font-size: 70%;
	line-height: 1.6em;
}

div#sub p img {
	border: 3px solid #ddeaea;
}

div#sub div.archive-list ul {
	width: 155px;
	margin: 0;
	padding: 0;
	background-color: #e7efef;
	list-style: none outside;
}

body.company div#sub div.archive-list ul {
	background-color: #5a9a7c;
	border-bottom-color: #5a9a7c;
}

body.services div#sub div.archive-list ul {
	background-color: #9a5a5a;
	border-bottom-color: #9a5a5a;
}

body.recruit div#sub div.archive-list ul {
	background-color: #99925b;
	border-bottom-color: #99925b;
}

body.technology div#sub div.archive-list ul {
	background-color: #5a5a9a;
	border-bottom-color: #5a5a9a;
}

div#sub div.archive-list ul li {
	margin: 0;
}

div#sub div.archive-list ul li a {
	display: block;
	background: #e7efef url(shared/img/sub_sub-category_bkgnd.jpg) scroll no-repeat left top;
	width: 127px;
	_width: 155px;
	margin: 0 0 0 0;
	padding: 7px 15px 7px 13px;
	text-decoration: none;
	border-bottom: 2px solid #619aaf;
}

body.company div#sub div.archive-list ul li a {
	border-bottom-color: #5a9a7c;
}

body.services div#sub div.archive-list ul li a {
	border-bottom-color: #9a5a5a;
}

body.recruit div#sub div.archive-list ul li a {
	border-bottom-color: #99925b;
}

body.technology div#sub div.archive-list ul li a {
	border-bottom-color: #5a5a9a;
}

div#sub div.archive-list ul li a:link,
div#sub div.archive-list ul li a:visited {
	color: #000000;
}

div#sub div.archive-list ul li a:hover {
	background: #ffffff url(shared/img/sub_sub-category_bkgnd-hover.jpg) scroll no-repeat left top;
	color: #619aaf;
}

body.company div#sub div.archive-list ul li a:hover {
	color: #5a9a7c;
}

body.services div#sub div.archive-list ul li a:hover {
	color: #9a5a5a;
}

body.recruit div#sub div.archive-list ul li a:hover {
	color: #99925b;
}

body.technology div#sub div.archive-list ul li a:hover {
	color: #5a5a9a;
}

div#sub div.archive-list ul ul {
	padding: 0.5em 0 0.5em 0;
	background-color: #ffffff !important;
	border-bottom: 2px solid #619aaf;
}

body.company div#sub div.archive-list ul ul {
	border-bottom-color: #5a9a7c;
}

body.services div#sub div.archive-list ul ul {
	border-bottom-color: #9a5a5a;
}

body.recruit div#sub div.archive-list ul ul {
	border-bottom-color: #99925b;
}

body.technology div#sub div.archive-list ul ul {
	border-bottom-color: #5a5a9a;
}

div#sub div.archive-list ul ul li a {
	display: block;
	background: transparent url(shared/img/sub_sub-sub-category_bkgnd.gif) scroll no-repeat left center;
	width: 130px;
	_width: 140px;
	margin: 0 0 0 15px;
	padding: 2px 0 2px 10px;
	text-decoration: underline;
	border: none;
}

div#sub div.archive-list ul ul li a:link,
div#sub div.archive-list ul ul li a:visited {
	color: #336699;
}

div#sub div.archive-list ul ul li a:hover {
	background: #ffffff url(shared/img/sub_sub-sub-category_bkgnd.gif) scroll no-repeat left center;
	text-decoration: none;
}

div#sub div.archive-list ul li h4 {
	font-size: 93%;
}

div#sub p.end-of-index {
	float: right;
	margin: 0 0 2em 0;
	padding: 0 50px 0 15px;
	background: transparent url(shared/img/main_icon-arrow-right.gif) scroll no-repeat left center;
}

div#sub p.banner {
	float: right;
}

div#sub p.banner img {
	border: none;
}

div#footer {
	height: 110px;
	color: #ffffff;
}

div#footer address {
	padding: 28px 0 0 0;
	font: normal normal normal 70%/1.5em Verdana;
}

div#footer p.powered-by {
	padding: 15px 0 0 0;
	font: normal normal normal 54%/1.5em Verdana;
	opacity: 0.5;
}

div#container:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#container {
   display:inline-block;
   min-height:1%;  /* for IE 7 and Mac IE 5.5*/
}

/* Hides from Mac IE \*/
* html div#container{height: 1%;}
div#container{display: block;}
* html div#main ul.archive-list li div.archive {height: 1%;}
/* for IE 5, 6*/

.indispensable {
   color:#C00;
}