﻿@charset "UTF-8";


/* 基本
---------------------------------------------*/

body {

	color: #333333;

	font-size: 75%;

	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background: #FFFFFF;

	background: #DDEEBB;

}


#wrapper {

	width: 70em;
	max-width: 100%;

	min-width: 760px;

	margin: 40px auto;

	padding-top: 7px;

	background: #FFFFFF url(../images/wrapper_bg.gif) right bottom no-repeat;

}


img {

	vertical-align: top;

}

a {

	color: #000000;

}

a:visited {

	color: #333333;

}

a:hover,

a:focus {

	color: #009933;

}

a:active {

	color: #33CC66;

}


/* h2 の定義 */

p, dt, dd {

	line-height: 1.5;

}



.section {

	margin: 0 0 10px 10px;

}


.section h2 {

	margin-bottom: 6px;

	text-align: right;

}


#profileContent h2 {

	background: url(../images/profile_bg.png) no-repeat;

}


#businessContent h2 {

	background: url(../images/business_bg.png) no-repeat;

}


#representativeContent h2 {

	background: url(../images/representative_bg.png) no-repeat;

}


#achievementContent h2 {

	background: url(../images/achievement_bg.png) no-repeat;

}


#visionContent h2 {

	background: url(../images/vision_bg.png) no-repeat;

}


#honestyContent h2 {

	background: url(../images/honesty_bg.png) no-repeat;

}


#technologyContent h2 {

	background: url(../images/technology_bg.png) no-repeat;

}


#qualityContent h2 {

	background: url(../images/quality_bg.png) no-repeat;

}


#privacyContent h2 {

	background: url(../images/privacy_bg.png) no-repeat;

}


#siteContent h2 {

	background: url(../images/site_bg.png) no-repeat;

}


#companyContent h2 {

	background: url(../images/company_bg.png) no-repeat;

}


#messageContent h2 {

	background: url(../images/message_bg.png) no-repeat;

}


#customerContent h2 {

	background: url(../images/customer_bg.png) no-repeat;

}


#partnerContent h2 {

	background: url(../images/partner_bg.png) no-repeat;

}


#campaignContent h2 {

	background: url(../images/campaign_bg.png) no-repeat;

}


#flowContent h2 {

	background: url(../images/flow_bg.png) no-repeat;

}


#activityContent h2 {

	background: url(../images/heading_activity_bg.png) no-repeat;

}


#historyContent h2 {
	background: url(../images/history_bg.png) no-repeat;

}

	
#newsContent h2 {
	background: url(../images/news_bg.png) no-repeat;

}


#sitemapContent h2 {
	background: url(../images/sitemap_bg.png) no-repeat;

}


#eventContent h2 {
	background: url(../images/event_bg.png) no-repeat;

}

	
#turezureContent h2 {
	background: url(../images/turezure_bg.png) no-repeat;

}

	
#serviceContent h2 {
	background: url(../images/service_bg.png) no-repeat;

}

	
#bookContent h2 {
	background: url(../images/book_bg.png) no-repeat;

}


#v3textContent h2 {
	background: url(../images/v3_text_bg.png) no-repeat;

}


#basicContent h2 {
	background: url(../images/basic_bg.png) no-repeat;

}


#visibleOpsContent h2 {
	background: url(../images/visibleOps_bg.png) no-repeat;

}


#v3exerciseContent h2 {
	background: url(../images/v3_exercise_bg.png) no-repeat;

}


#v2exerciseContent h2 {
	background: url(../images/v2_exercise_bg.png) no-repeat;

}


#v2trialContent h2 {
	background: url(../images/v2_trial_bg.png) no-repeat;

}


	
#essayContent h2 {
	background: url(../images/essay_bg.png) no-repeat;

}

	
#trainingContent h2 {
	background: url(../images/training_bg.png) no-repeat;

}

	
#instructorContent h2 {
	background: url(../images/instructor_bg.png) no-repeat;

}

	
#developmentContent h2 {
	background: url(../images/develop_bg.png) no-repeat;

}


#consultingContent h2 {
	background: url(../images/consulting_bg.png) no-repeat;

}


#systemContent h2 {
	border:1;
	background: url(../images/system_bg.png) no-repeat;

}


#usageContent h2 {
	background: url(../images/usage_bg.png) no-repeat;

}


#procedureContent h2 {
	background: url(../images/procedure_bg.png) no-repeat;

}


#reportContent h2 {
	background: url(../images/report_bg.png) no-repeat;

}

#content2004 h2 {
	background: url(../images/2004_bg.png) no-repeat;

}

#content2005 h2 {
	background: url(../images/2005_bg.png) no-repeat;

}

#content2006 h2 {
	background: url(../images/2006_bg.png) no-repeat;

}

#content2007 h2 {
	background: url(../images/2007_bg.png) no-repeat;

}

#content2008 h2 {
	background: url(../images/2008_bg.png) no-repeat;

}

#content2009 h2 {
	background: url(../images/2009_bg.png) no-repeat;

}


	
/*  */

#wrapper {

	width: 760px;

	margin: 0 auto;

}

#header {

	position: relative;

}

#content {

	clear: both;

	width: 100%; /* for WinIE6,7 */

	padding-top: 16px;

}

#content #primary {

	float: left;

	width: 570px;

}

#content #secondary {

	float: right;

	width: 160px;

	padding-right: 10px;

	text-align: left;

}


#topic {
	margin: 40px auto;

	width: 480px;

	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background: #FFFFFF;

	font-size: 120%;

	line-height: 1.4;

}


#footer {

	clear: both;

	width: 100%; /* for WinIE6,7 */

	padding-top: 5px;

}



/* ロゴとユーティリティナビゲーション
---------------------------------------------*/

#logo {

	padding: 11px 0;

}

#utilityNavigation {

	position: absolute;

	right: 0;

	top: 25px;

	width: 170px;

	font-size: 90%;

	line-height: 1.2;

}

#utilityNavigation li {

	position: absolute;

	top: 0;

	width: 8em;

}

#utilityNavigation li#navSiteMap {

	right: 9em;

}

#utilityNavigation li#navInquiry {

	right: 0;

}

#utilityNavigation li a {

	padding-left: 12px;

	text-decoration: none;

}
#utilityNavigation li#navSiteMap a {

	background: url(../images/ico_sitemap.gif) left center no-repeat;

}

#utilityNavigation li#navInquiry a {

	background: url(../images/ico_mail.gif) left center no-repeat;

}



/* グローバルナビゲーション
---------------------------------------------*/

#globalNavigation {

	float: left;

	width: 756px;

	padding: 3px 2px 0 2px;

	background: #9E9E9E url(../images/test4.png) left bottom repeat-x;

	line-height: 1;

}

#globalNavigation li {

	float: left;

	padding-left: 4px;

	background: url(../images/test3.png) no-repeat;

}

#globalNavigation li a {

	display: block;

	float: left; /* for WinIE6 */

	padding: 10px 15px 10px 11px;

	background: #838891 url(../images/test2.bmp) right top no-repeat;

	border-bottom: 1px solid #646871;

	color: #FFFFFF;

	text-decoration: none;
	font-weight: bold

}

#globalNavigation li a:hover,

#globalNavigation li a:focus {

	color: #FF8888;

}

#globalNavigation li.current {

	background: #FFFFFF url(../images/gn_li_current_bg.gif) no-repeat;

}

#globalNavigation li.current a {

	background: #FFFFFF url(../images/gn_li_current_a_bg.gif) right top no-repeat;

	padding: 10px 15px 11px 11px;

	border-bottom: none;

	color: #333333;

}


/* パンくずリスト
---------------------------------------------*/

#topicPath {

	height: 50px;

	margin: 10px 0 20px 0;

	border-bottom: 1px solid #E5E5E5;

	font-size: 90%;

	line-height: 1.2;

}

#topicPath li {

	float: left;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-left: 32px;

	background: #EEEEEE url(../images/topicpath_li_bg.gif) left center no-repeat;

}

#topicPath li.first {

	padding-left: 30px;

	background: #EEEEEE url(../images/topicpath_li_bg_first.gif) left center no-repeat;

}

#topicPath li.last {

	background: #FFFFFF url(../images/topicpath_li_bg_last.gif) left center no-repeat;

}



/* 下階層への導入部分
---------------------------------------------*/

#lead p.leadSentence {

	line-height: 1.5;

	margin-bottom: 20px;

}

#lead .column {

	clear: both;

	width: 100%; /* for WinIE6,7 */

}

#lead .column .section {

	width: 275px;

}

#lead .column #leadLeft {

	float: left;

}

#lead .column #leadRight {

	float: right;

}


#lead .column .section h2 {

	border-top: 1px solid #D9D9D9;
	border-bottom: 2px solid #F5F5F5;

	font-weight: normal;
	line-height: 1;

}

#lead .column .section h2 a {

	display: block;

	width: 235px; /* for WinIE6 */

	padding: 10px 30px 10px 10px;
	border-bottom: 1px solid #D9D9D9;

	background: url(../images/lead_a_bg.gif) left center no-repeat;

	text-decoration: none;

}

#lead .column .section h2 a:active {

	background: url(../images/lead_a_bg.gif) right center no-repeat;

}

#lead .column .section p {

	margin: 7px 10px 18px 10px;

	line-height: 1.5;

}


/* ローカルナビゲーション
---------------------------------------------*/

#localNavigation ul {

	background: #F5F5F5;

	line-height: 1.2;

}

#localNavigation ul li {

	padding-bottom: 2px;

	background: url(../images/ln_li_bg.gif) left bottom repeat-x;

}

#localNavigation ul li a {

	display: block;

	padding: 8px 10px 8px 18px;

	background: url(../images/arrow_big.gif) 9px 13px no-repeat;

	text-decoration: none;

}

#localNavigation ul li a:hover,

#localNavigation ul li a:focus {

	background: #E6E6E6 url(../images/arrow_big.gif) 11px 13px no-repeat !important;

}

#localNavigation ul li ul {

	margin-left: 20px;

	font-size: 90%;

}

#localNavigation ul li ul li {

	padding-bottom: 0;

	background: none;

	border-top: 1px solid #E5E5E5;

}

#localNavigation ul li ul li a {

	padding: 6px 10px 6px 14px;

	background: url(../images/arrow_small.gif) 6px 11px no-repeat;

}

#localNavigation ul li ul li a:hover,

#localNavigation ul li ul li a:focus {

	background: #E6E6E6 url(../images/arrow_small.gif) 7px 11px no-repeat !important;

}

#localNavigation ul li.current a {
	background-image: none;

	background-color: #E5E5E5;

	font-weight: bold;

}

#localNavigation ul li.current ul li a {

	background: url(../images/arrow_small.gif) 6px 11px no-repeat;

	font-weight: normal;

}



/* テーブル
---------------------------------------------*/

#customerList {
}

#customerList a {
	color: #339933;

	font-size: 100%;

}	
/* フッターナビゲーション
---------------------------------------------*/

#footerNavigation {

	padding-left: 10px;

	border-top: 1px solid #E5E5E5;
	font-size: 90%;

	line-height: 1.2;

}

#footerNavigation li {
	float: left;

	margin-right: 10px;

	padding: 8px 0;

}

#footerNavigation li a {

	display: block;

	padding-left: 6px;

	background: url(../images/arrow_small.gif) left center no-repeat;

	text-decoration: none;

}

#copyright {

	clear: both;

	width: 726px; /* for WinIE6,7 */

	padding: 20px 17px;

	background: #DDEEBB;

	border-top: 1px solid #E5E5E5;

	font-size: 90%;

	line-height: 1;

}
