@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: サイト内共有CSS                                                            */
/* 作成日: 2009-8-19                                                                */
/* 最終更新日: 2009-8-19        　                                                  */
/*                                                                                  */
/* ################################################################################ */

/* ================================================================================ */
/*                                                                                  */
/* ■目次                                                                           */
/*   1. レイアウト                                                                  */
/*   2. ヘッダー                           　                                       */
/*   3. メインエリア                       　                                       */
/*   4. サイドバー                           　                                     */
/*   5. フッター                             　                                     */
/*                                                                                  */
/* ================================================================================ */

@import url("../../css/reset.css");

/* -------------------------------------------------------------------------------- */
/*      1. レイアウト                                                               */
/* -------------------------------------------------------------------------------- */

body {
	margin: 0 auto;
	position: relative;
	width: 790px;
	color: #333333;
	background-color: #FFFFFF;
}

/* IE6対策 */
* html body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
}


/* -------------------------------------------------------------------------------- */
/*      2. ヘッダ                                                                   */
/* -------------------------------------------------------------------------------- */

div.container div.header h1 {
	margin-left: 12px;
	padding-top: 10px;
	color: #666666;
	background-color: inherit;
	font-size: 12px;
}

div.container div.header ul.logo {
	margin-right: 200px;
	padding-top: 8px;
	padding-left: 12px;
	margin-bottom: 10px;
	float: left;
	width: 292px;
}

div.container div.header ul.headerNav {
	margin-top: 25px;
	display: inline;
	float: left;
	width: 270px;
}

div.container div.header ul.headerNav li {
	display: inline;
	padding-bottom: 1px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	font-size: 12px;
	line-height: 15px;
}

div.container div.header ul.headerNav li a {
	border-bottom: solid 1px;
	color: #666666;
	background-color: inherit;
	text-decoration: none;
}

div.container div.header ul.headerNav li.company {
	margin-right: 8px;
	padding-left: 15px;
	border-right: dashed 1px #666666;
	background-image: url(../images/shared/header-icon-company.gif);
}

div.container div.header ul.headerNav li.company a {
	margin-right: 10px;
}

div.container div.header ul.headerNav li.recruit {
	padding-left: 22px;
	border-right: dashed 1px #666666;
	background-image: url(../images/shared/header-icon-recruit.gif);
}
div.container div.header ul.headerNav li.recruit a {
	margin-right: 10px;
}

div.container div.header ul.headerNav li.sitemap {
	padding-left: 25px;
	background-image: url(../images/shared/header-icon-sitemap.gif);
	background-position: 8px 2px;
}

/* グローバルナビゲーション */
div.container div.header ul.globalNav {
	margin-bottom: 12px;
	position: relative;
	clear: left;
	width: 790px;
	background-image: url(../images/shared/header-nav-bg.png);
	background-repeat: repeat-x;
	
}

*:first-child+html div.container div.header ul.globalNav {
	margin-bottom: -4px;
}

* html div.container div.header ul.globalNav {
	margin-bottom: -4px;
}

div.container div.header ul.globalNav li.kawasaki,
div.container div.header ul.globalNav li.triumph {
	display: inline;
}

div.container div.header ul.globalNav li.search input.searchText {
	padding-top: 3px;
	padding-left: 18px;
	border: 0;
	position: absolute;
	top: 5px;
	left: 565px;
	width: 131px;
	height: 15px;
	color: #999999;
	background-color: inherit;
	background-image: url(../images/shared/search-input.png);
	background-repeat: no-repeat;
	font-size: 12px;
}

/* IE対策 */
head~/* */body div.container div.header ul.globalNav li.search input.searchText,
*:first-child+html div.container div.header ul.globalNav li.search input.searchText {
	width: 130px;
	height: 14px;
}

* html div.container div.header ul.globalNav li.search input.searchText {
	width: 130px;
	height: 14px;
}

div.container div.header ul.globalNav li.search input.button {
	border: 0px;
	position: absolute;
	top: 0;
	left: 720px;
	width: 72px;
	height: 32px;
	cursor: pointer;
	background-image: url(../images/shared/search-button.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}



/* -------------------------------------------------------------------------------- */
/*      3. メインエリア                                                             */
/* -------------------------------------------------------------------------------- */

div.container div.mainArea {
	margin-bottom: 12px;
	margin-left: 10px;
	float: right;
	width: 580px;
}

/* -------------------------------------------------------------------------------- */
/*      4. サイドバー                                                               */
/* -------------------------------------------------------------------------------- */

div.container div.sidebar {
	margin-bottom: 12px;
	float: right;
	width: 200px;
	background-image: url(../images/shared/sidenav-bg.png);
	background-repeat: repeat-y;
}

div.container div.sidebar h2 {
	margin-bottom: 8px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	background-image: url(../images/shared/sidenav-title-border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div.container div.sidebar h3 {
	text-align: center;
}

div.container div.sidebar div {
	margin-bottom: 15px;
	background-image: url(../images/shared/sidenav-bg-border.png);
	background-repeat: repeat-y;
	background-position: center;
}

div.container div.sidebar ul.nav {
	padding-top: 4px;
	padding-bottom: 5px;
	background-image: url(../images/shared/sidenav-bg-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div.container div.sidebar ul.nav li {
	margin-right: 14px;
	margin-left: 25px;
	margin-bottom: 8px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	font-size: 12px;
}

div.container div.sidebar ul.kawasaki li {
	background-image: url(../images/shared/sidenav-marker-kawasaki.png);
}

div.container div.sidebar ul.triumph li {
	background-image: url(../images/shared/sidenav-marker-triumph.png);
}

div.container div.sidebar ul.kawasaki li a {
	color: #25851B;
	background-color: transparent;
}

div.container div.sidebar ul.triumph li a {
	color: #2E2A85;
	background-color: transparent;
}

div.container div.sidebar ul.bannerList {
	padding-bottom: 15px;
	text-align: center;
}

div.container div.sidebar ul.bannerList li {
	margin-bottom: 5px;
	text-align: center;
}

div.container div.sidebar ul.bannerList li form {
	text-align: center;
}


/* -------------------------------------------------------------------------------- */
/*      5. フッター                                                                 */
/* -------------------------------------------------------------------------------- */

div.container div.footer {
	padding-top: 15px;
	clear: right;
	background-image: url(../images/shared/footer-border.png);
	background-repeat: no-repeat;
	width: 790px;
}

div.container div.footer ul {
	text-align: center;
}

div.container div.footer ul li {
	margin-right: 7px;
	margin-left: 7px;
	display: inline;
	font-size: 13px;
}

div.container div.footer ul li a {
	color: #006699;
	background-color: inherit;
}

div.container div.footer p {
	padding: 18px 0;
	text-align: center;
}