/* CSS DOCUMENT */
/*-------------------------- --------------------------*/
/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background: #004080 url(../images/hor2_menu2_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #002448 solid; /* 上境界線 */
border-bottom: 1px #002448 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 1px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
div.nav ul.nl li.item1 {
width: 5em;
}
div.nav ul.nl li.item2 {
width: 6em;
}
div.nav ul.nl li.item3 {
width: 7em;
}
div.nav ul.nl li.item4 {
width: 6em;
}
div.nav ul.nl li.item5 {
width: 4.6em;
}
div.nav ul.nl li.item6 {
width: 5.6em;
}
div.nav ul.nl li.item7 {
width: 5.6em;
}
div.nav ul.nl li.item8 {
width: 5.6em;
}
div.nav ul.nl li.item9 {
width: 5.6em;
}
div.nav ul.nl li.item10 {
width: 5.6em;
}
div.nav ul.nl li.item11 {
width: 6.6em;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #004080 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
div.nav ul.nl li a:link,
div.nav ul.nl li a:visited,
div.nav ul.nl li a:hover,
div.nav ul.nl li a:active
{
color: #ffffff;
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #004080 url(../images/hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



/*-------------------------- GENERAL --------------------------*/
/* --- ナビゲーションバー --- */
div.nav2 {
width: 100%; /* ナビゲーションの幅 */
background: #004080 url(../images/hor_menu3_on.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #002448 solid; /* 上境界線 */
border-bottom: 1px #002448 solid; /* 下境界線 */
font-size: 80%;
color:red;
}

/* --- メニューエリア --- */
div.nav2 ul.nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 1px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav2 ul.nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
div.nav2 ul.nl li.item1 {
width: 9.5em;
}
div.nav2 ul.nl li.item2 {
width: 4em;
}
div.nav2 ul.nl li.item3 {
width: 8.3em;
}
div.nav2 ul.nl li.item4 {
width: 6.3em;
}
div.nav2 ul.nl li.item5 {
width: 4.6em;
}

/* --- リンク --- */
div.nav2 ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #004080 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
div.nav2 ul.nl li a:link,
div.nav2 ul.nl li a:visited,
div.nav2 ul.nl li a:hover,
div.nav2 ul.nl li a:active
{
color: #004080;
}
/* --- ポイント時の設定 --- */
div.nav2 ul.nl li a:hover {
background: #004080 url(../images/hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
color: red;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}




/*-------------------------- GENERAL --------------------------*/
body{
	padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif;
	}
div, mg, p, a, ul, form, input, label, h2, h3{
	padding:0; margin:0;
	}
img{ border:none;}
a{ outline:none; text-decoration:none;}
ul{ list-style-type:none;}
.spacer{
	line-height:0; font-size:0; clear:both;
	}

/*-------------------------- HEADER --------------------------*/
/*-- 全体を囲んでいます --*/
div#wrapper {
	background:#2B0D0A url(../images/header-bg.gif) 0 100% repeat-x;
	padding:32px 0 32px 0;
	color:#FCF7CC;
}
div#header-bg{
  text-align: left;
/*  width: 1031px;*/
  height: 480px;
  margin: 0px 0px 0px 0px;
  padding: 0 10px;
  background: url(../images/top2.jpg) no-repeat;
  background-position: 55px 0px;  
}
div#header-bg div#header{
	width:922px; margin:0px 0px 0px 45px;
}
div#header-bg div#header img.logo{
	float:left; margin:0px 30px 0px 0px;
}

/*-------------------------- LOGIN AREA --------------------------*/
div#header-bg div#header div#login-bg{
	float:right; width:580px;
	background:url(../images/login-middle-bg.gif) 0 0 repeat-x;
 	}
div#header-bg div#header div#login-bg div#login-area{
	width:580px;
	background:url(../images/login-left-bg.gif) 0 0 no-repeat;
	}
div#header-bg div#header div#login-bg div#login-area form{
	width:557px; height:47px; padding:21px 0 0 23px;
	background:url(../images/login-right-bg.gif) 100% 0 no-repeat;
	}
div#header-bg div#header div#login-bg div#login-area form label{
	background:url(../images/login-icon.jpg) 0 2px no-repeat;
	line-height:25px; font-size:22px; color:#FCF7CC;
	padding:0 0 0 31px; float:left; margin:0 12px 0 0;
	background-color:inherit;
	}
div#header-bg div#header div#login-bg div#login-area form input{
	width:120px; height:18px; border:1px solid #924A43;
	background-color:#70322C; font-size:10px; color:#fff;
	line-height:10px; padding:5px 0 0 10px; float:left;
	margin:0 12px 0 0;
	}
div#header-bg div#header div#login-bg div#login-area form input.login-btn{
	width:52px; height:24px; border:none;
	background:none; padding:0; margin:1px 0 0 0;
	}
	
/*-------------------------- Search form --------------------------*/

form.searching {
    width: 240px;
    position: absolute;
    top: 20px;
    right: 20px;
}

form.searching fieldset {
    border: 0;
}

form.searching input.search {
    letter-spacing: 1px;
    float: left;
    padding: 2px 0 2px 6px;
    width: 139px;
    border: 0;
}

form.searching input.hledat {
    font-size: 0.9em;
    letter-spacing: 2px;
    padding-left: 0;
    margin-left: 4px;
    font-weight: bold;
    float: left;
}

form.searching label {
    display: none;
}
	
/*-------------------------- NAVIGATION PART --------------------------*/
div#navigation-bg{
	height:66px; background:url(../images/navigation-bg.gif) 0 0 repeat-x;
	}
div#navigation-bg div#navigation{
	width:922px; margin:0 auto;
	}
div#navigation-bg div#navigation ul.mainMenu{
	padding:0; float:left; width:648px;
	}
div#navigation-bg div#navigation ul.mainMenu li{
	width:81px; float:left;
	background:url(../images/navigation-divider.gif) 100% 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a{
	width:80px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background-color:inherit;
	}
div#navigation-bg div#navigation ul.mainMenu li a:hover{
	background:url(../images/navigation-bg-selected.gif) 0 0 no-repeat;
	}
div#navigation-bg div#navigation ul.mainMenu li a.selectMenu{
	width:80px; height:33px; display:block;
	line-height:33px; text-align:center;
	font-weight:bold; color:#FAF0C2; font-size:11px;
	background:url(../images/navigation-bg-selected.gif) 0 0 no-repeat;
	background-color:inherit;
	}
div#navigation-bg a.hidden { /* Skip menu */
    position: absolute;
    top: -10000px;
    left: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*-------------------------- DROP DOWN MENU STARTS --------------------------*/
ul.subNav{
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	padding:4px 0 0 0;
	}
ul.subNav li{
	background:url(../images/navigation-dropdown-divider.gif) 0 0 no-repeat;
	height:17px; float:left; padding:6px 0 0 0;
	}
ul.subNav li a{
	display:block; margin:0 22px 0 20px;
	color:#84915D;
	background-color:inherit;
	}
ul.subNav li a:hover{
	color:#fff;
	background-color:inherit;
	}
/*-------------------------- DROP DOWN MENU ENDS --------------------------*/

div#navigation-bg div#navigation a.signup{
	width:71px; height:28px; display:block;
	background:url(../images/sign-up-btn.gif) 0 0 no-repeat;
	margin:2px 0 0 0; float:right; 
	}
div#navigation-bg div#navigation a.signup:hover{
	background:url(../images/sign-up-btn-selected.gif) 0 0 no-repeat;
	}

/*-------------------------- OUR COMPANIES MAIN FEATURES --------------------------*/
div#ourCompany-bg{
	background:#E7DFA0 url(../images/our-company-bg.gif) 0 0 repeat-x;
	color:inherit;
	}
div#ourCompany-bg div#ourCompany-part{
	width:922px; margin:0 auto; padding:26px 0 28px 0;
/*	background:url(../images/our-company-bg-pic.jpg) 606px 0 no-repeat;*/
	}
div#ourCompany-bg div#ourCompany-part h2.ourCompany-hdr{
	font:normal 35px/38px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#082733; width:574px; height:43px;
	background:url(../images/horz-dot.gif) 0 100% repeat-x;
	background-color:inherit;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-leftPart{
	width:284px; border-right:2px solid #CBC387;
	margin:12px 0 0 0; float:left;
	}

div#ourCompany-bg div#info-part{
	width:922px; margin:0 auto; padding:26px 0 0px 0;
/*	background:url(../images/our-company-bg-pic.jpg) 606px 0 no-repeat;*/
	}
div#ourCompany-bg div#info-part h2{
	font:normal 35px/38px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#082733; width:574px; height:43px;
	background:url(../images/horz-dot.gif) 0 100% repeat-x;
	background-color:inherit;
	}
div#ourCompany-bg div#info-part div{
	width:284px; border-right:2px solid #CBC387;
	margin:12px 0 0 0; float:left;
	}

h2.faq-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:19px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#FAF3BB url(../images/faq-icon.gif) 3px 4px no-repeat;
	}
h2.moreIdeas-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:20px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#FAF3BB url(../images/more-ideac-icon.gif) 3px 4px no-repeat;
	}
ul.ourCompany-list{
	padding:11px 0 10px 0;
	}
ul.ourCompany-list li{
	background:url(../images/bullet1.gif) 0 3px no-repeat;
	display:block; margin:0 0 8px 0; padding:0 0 0 15px;
	color:#47481A; font-size:12px; line-height:14px;
	background-color:inherit;
	}
ul.ourCompany-list li a{
	color:#47481A; font-size:12px; line-height:12px;
	text-decoration:underline;
	background-color:inherit;
	}
ul.ourCompany-list li a:hover{
	text-decoration:none;
	}
div#ourCompany-bg div#ourCompany-part div#ourCompany-rightPart{
	width:252px; margin:12px 0 0 0; float:left;
	padding:0 0 0 25px;
	}
h2.moreInfo-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:20px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#FAF3BB url(../images/more-info-icon.gif) 3px 4px no-repeat;
	}
p.moreInfo-Text{
	padding:0 0 20px 23px; font-size:11px;
	line-height:15px; color:#47481A;
	background-color:inherit;
	}
h2.searchUrl-Hdr{
	width:231px; height:20px; color:#951509;
	line-height:20px; font-weight:bold; font-size:13px;
	padding:0 0 0 21px; background:#FAF3BB url(../images/search-url-icon.gif) 3px 4px no-repeat;
	}


div#ourCompany-bg2{
	background:#E7DFA0 url(../images/our-company-bg.gif) 0 0 repeat-x;
	color:inherit;
	}
div#ourCompany-bg2 div#info-part{
	width:922px; margin:0 auto; padding:26px 0 0px 0;
/*	background:url(../images/our-company-bg-pic.jpg) 606px 0 no-repeat;*/
	}
div#ourCompany-bg2 div#info-part h3{
	font:normal 18px/18px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#082733; width:574px; height:23px;
	background:url(../images/horz-dot.gif) 0 100% repeat-x;
	background-color:inherit;
	}
div#ourCompany-bg2 div#info-part div{
	width:284px; border-right:2px solid #CBC387;
	margin:0px 0 0 0; float:left;
	}



/*-------------------------- FUTURE PLANS --------------------------*/
div#futurePlan-bg{
	background:#2B0D0A url(../images/future-plan-bg.gif) 0 0 repeat-x;
	color:#837C44;
	}
div#futurePlan-bg div#futurePlanContant{
	width:922px; margin:0 auto;
	padding:37px 0 54px 0;
	}

/*-------------------------- PROJECTS 2007 --------------------------*/
div#futurePlan-bg div#futurePlanContant div#projPart{
	width:301px; float:left;
	background-color:#706933;
	padding:2px 2px 28px 2px;
	color:#fff;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h2.proj-hdr{
	height:37px; padding:13px 0 0 13px; color:#fff;
	font:normal 24px/25px "Arial Narrow", Arial, Helvetica, sans-serif;
	background-color:#1E1E1C; text-transform:uppercase;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h2.proj-hdr span{
	font-weight:bold;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic{
	padding:3px 0 0 0;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic li{
	display:block; margin:0 2px 0 0; float:left;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic li.noRightMargin{
	margin:0;
	}
div#futurePlan-bg div#futurePlanContant div#projPart ul.pic li.noRightMargin a{
	display:block;
	}
div#futurePlan-bg div#futurePlanContant div#projPart h3.sub-hdr{
	color:#E7DFA0; font-size:12px; line-height:12px;
	font-weight:bold; text-indent:28px; margin:15px 0 0 0;
	background:url(../images/bullet2.gif) 12px 0 no-repeat;
	background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#projPart p{
	padding:10px 23px 0 13px; color:#fff;
	font-size:11px; line-height:16px;
	background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#projPart a.more-btn{
	display:block; width:76px; height:28px; margin:5px 0 0 159px;
	background:url(../images/read-more-btn.gif) 0 0 no-repeat;
	}
div#futurePlan-bg div#futurePlanContant div#projPart a.more-btn:hover{
	background:url(../images/read-more-btn-selected.gif) 0 0 no-repeat;
	}

div#futurePlan-bg div#futurePlanContant div#projPart dl.news{
	color:#E7DFA0; font-size:12px; line-height:15px;
	font-weight:bold; text-indent:3px; margin:15px 0 0 0;
	background:url(../images/bullet2.gif) 12px 0 no-repeat;
	background-color:inherit;
	}







/*----------------------------------------------------
 * 
 * タブとよくある質問の指定ココから▽▽▽
 * 
----------------------------------------------------*/

div#futurePlan-bg .tabContainer {
/*	width: 800px;*/
/*	height: 200px;*/
}

/* タブ */
div#futurePlan-bg .tabContainer ul.tabMenu li {
	float: left;
	margin-right: 5px;
	padding: 0;
	position: relative;
	letter-spacing: .1em;
}

/* 未選択のタブ */
div#futurePlan-bg .tabContainer ul.tabMenu li a {
	display: block;
	float: left;
	padding: 5px 10px;
/*	background: url(../22/img/qa/bg_qa.gif) no-repeat right top;*/
	background: url(bg_qa.gif) no-repeat right top;
	border-left: 1px solid #999;
	color: #999;
	text-decoration: none;
}

/* 選択中のタブ */
div#futurePlan-bg .tabContainer ul.tabMenu li.active a {
	position: relative;
	top: 1px;
/*	background: url(../22/img/qa/bg_qa.gif) no-repeat right top;*/
	background: url(bg_qa.gif) no-repeat right top;
	border-left: 1px solid #595959;
	color: #999;
}

/* カーソルオン時 */
div#futurePlan-bg .tabContainer ul.tabMenu li a:hover {
	color: #777;
}

/* Q&A */
div#futurePlan-bg .tabContainer dl {
	clear: both;
	width: 700px;
	padding: 15px;
/*	background: url(../22/img/qa/bg_qa.gif) no-repeat;*/
	background: url(bg_qa.gif) no-repeat;
}

/* Q */
div#futurePlan-bg .tabContainer dl dt {
	margin: 0 0 5px;
	padding-left: 25px;
/*	background: url(../22/img/qa/q.gif) no-repeat;*/
	background: url(q.gif) no-repeat;
	font-weight: bold;
}

/* A */
div#futurePlan-bg .tabContainer dl dd {
	margin-bottom: 15px;
	padding: 0 10px 0 25px;
/*	background: url(../22/img/qa/a.gif) no-repeat 0px 0px;*/
	background: url(a.gif) no-repeat 0px 0px;
	border-bottom: 1px dotted #CCC;
}










/*-------------------------- FUTURE PART --------------------------*/
div#futurePlan-bg div#futurePlanContant div#futurePart{
	width:763px; float:left; padding:10px 0 0 0;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart h2.future-hdr{
	height:40px; color:#E7DFA0;
	font:normal 35px/35px "Arial Narrow", Arial, Helvetica, sans-serif;
	background:url(../images/horz-dot-2.gif) 0 100% repeat-x;
	background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart h3.future-subHdr{
	color:#B46F07; font-size:17px; line-height:17px;
	padding:20px 0 0 0; font-weight:bold;
	background-color:inherit;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart p{
	font-size:14px; line-height:24px;
	color:#837C44; padding:5px 0 0 70px; width:740px;
	float:left; background-color:inherit;
	background:url(../images/horz-dot-2.gif) 0 100% repeat-x;
	}
div#futurePlan-bg div#futurePlanContant div#futurePart img{
	float:right; display:block; margin:-50px 0 0 0;
	}

/*-------------------------- FOOTER PART --------------------------*/
div#footer-bg{
	background:#121212 url(../images/footer-bg.gif) 0 0 repeat-x;
	color:#B3AC8B;
	}
div#footer-bg div#footer-menu{
	width:922px; margin:0 auto;
	padding:20px 0 29px 0;
	}
div#footer-bg div#footer-menu ul.footMenu{
	padding:0 0 0 0;
	}
div#footer-bg div#footer-menu ul.footMenu li{
	float:left; background:url(../images/footmenu-divider.gif) 0 3px no-repeat;
	}
div#footer-bg div#footer-menu ul.footMenu li.noDivider{
	background:none;
	}
div#footer-bg div#footer-menu ul.footMenu li a{
	color:#B3AC8B; font-size:11px; line-height:16px;
	padding:0 7px 0 7px; display:block; margin:0 0 0 1px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu ul.footMenu li a:hover{
	background-color:#262626;
	color:#B3AC8B;
	}
div#footer-bg div#footer-menu p.copyright{
	padding:5px 0 0 7px; color:#706933;
	font-size:11px; line-height:11px;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a{
	color:#B3AC8B;
	background-color:inherit;
	}
div#footer-bg div#footer-menu p.copyright a:hover{
	color:#706933;
	background-color:inherit;
	}

/*-------------------------- MISLENIOUS --------------------------*/
.noBottomPadding{
	padding-bottom:0 !important;
	}
.noBg{
	background:none !important;
	}
.topPad{
	padding-top:15px !important;
	}