@charset "utf-8";
/* ===================================================================
File info
 author     :AKAI Taro
 style info :共通（ヘッダー、フッター）
 note       :全体の共通のスタイル設定、基本変更しない
=================================================================== */


/* ==================================================================================================

		共通部分設計
		
================================================================================================== */


/* 
		全般
----------------------------------------------------------- */

body{ color:#303030; background: #FFF; background-image: url(../img/common/body-bg.gif); background-repeat: repeat-x; }
a:link { color:#303030;}
a:visited {}
a:hover {text-decoration: none;}
a:active {}
strong{ color:#f44141;}

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

#header, #footer, #main-container { width: 900px; margin: 0 auto; }

/*
		ヘッダー
----------------------------------------------------------- */

#header { background-image: url(../img/common/header-unav.gif); margin-bottom: 20px; }
#header h1 a { background-repeat:no-repeat; text-indent:-6666px; }

#header #headerHome { width: 560px; padding:0; float: left; height: 26px; margin: 0 auto; }
#header #headerHomeLogo { width: 90px; background-image: url(../img/common/bt_home0.gif); background-repeat: no-repeat; height: 26px; background-position: left center; float: left; }
#header #headerHomeLogo a { display:block; height:26px; text-indent:-6666px; }
#header #headerHome h1{ font-weight:normal; font-size:10px; overflow: visible; float: right; margin: 0; padding: 4px 170px 0 0; line-height: 16px; width: 300px; }
#header #headerHome strong{ font-weight:normal; font-size:10px; overflow: visible; float: right; margin: 0; padding: 4px 170px 0 0; line-height: 16px; width: 300px; color: #303030; }

#header ul#headerTree{ float:left;}
#header ul#headerTree li{ line-height:26px; padding:0; float: left; font-size:10px;}
#header ul#headerTree li a{
	position:relative;
	top:-9px;
}
#header ul#headerTree li img{ margin:0 15px;}
#header ul#headerTree li#home {
	background-image:url(../img/common/header-unav.gif);
	display: block;
	width: 90px;
	padding:0;
}
#header ul#headerTree li#home a{ text-indent:-6666px; display:block;}
#header ul#headerTree li#home img{ display:none;}

#header strong{ display:block; width: 389px; float: left; }
#header strong a{ background-image:url(../img/common/header-logo.gif); display:block; text-indent:-6666px; width:389px; height:68px; }
#logoTel{ clear:both; width:900px; padding: 14px 0; }
#logoTel img{ float: right; margin-top: 18px; }

/* --------------ユーティリティナビ */
#uNav { float:right; padding: 0 3px 0 0; }
#uNav li { float:right;}
#uNav li a{ display:block; background-image:url(../img/common/header-unav-list.gif); height:26px; text-align:center; background-position:0 0; width: 82px; line-height: 26px; font-size: 11px; letter-spacing: -0.5px; color: #303030; text-decoration: none; }
#uNav li a:hover{ background-position:0 -26px;}

/* --------------グローバルナビ */
#gNav{ clear: both; }
#gNav li{ float:left;}
#gNav li a{ display:block; background-image:url(../img/common/header-gnav.gif); text-indent:-6666px; width:150px; height:56px; }

#gNav li#company a{ background-position:0 0;}
#gNav li#support a{ background-position:-150px 0;}
#gNav li#reason a{ background-position:-300px 0;}
#gNav li#management a{ background-position:-450px 0;}
#gNav li#case a{ background-position:-600px 0;}
#gNav li#event a{ background-position:-750px 0;}

#gNav li#company a:hover{ background-position:0 -56px;}
#gNav li#support a:hover{ background-position:-150px -56px;}
#gNav li#reason a:hover{ background-position:-300px -56px;}
#gNav li#management a:hover{ background-position:-450px -56px;}
#gNav li#case a:hover{ background-position:-600px -56px;}
#gNav li#event a:hover{ background-position:-750px -56px;}

#gNav li ul { width: 148px; height: auto; display: none; border: 1px solid #ccc; background-color:#fff; z-index:150; /zoom:1; position:absolute; margin:0;}
#gNav li ul li { float: none; width: 128px; height: 24px; padding-left: 20px; font-size: 12px; line-height: 24px; text-decoration: none; text-indent: 0; background-color: #fff;  background-position:3px center; border-bottom:1px solid #ccc; font-size:11px; }
#gNav li#company ul li { background-image: url(../img/common/common-side-list-03.gif);}
#gNav li#management ul li { background-image:url(../img/common/common-side-list-06.gif);}
#gNav li#event ul li { background-image:url(../img/common/common-side-list-08.gif);}
#gNav li#support ul li { background-image: url(../img/common/common-side-list-04.gif); }
#gNav li ul li:hover { background-color: #eee; }
#gNav li ul li a { text-indent:0; width: 128px; height: 24px; background-image:none; text-decoration:none; }
#gNav li ul li a:hover { text-decoration:none; }


/*
	#footer
----------------------------------------------------------- */

#footerContainer{ background-image:url(../img/common/footer-container-bg.gif); height:104px; clear: both; background-repeat: repeat-x; }

#footer { clear: both; text-align: center; height: 84px; position: relative; padding: 20px 0 0; }
#footer ul { margin-bottom: 0.5em; }
#footer ul li { display: inline; }
#footer ul li a{ color:#3d3d3d; text-decoration: none; font-size: 10px; }
#footer ul li a:hover { text-decoration:underline;}
#footer address { text-align: left; font-size: 10px; line-height: 21px; position: absolute; bottom: 0px; display: block; width: 900px; left: 0px; }
#footer address span{ text-align: left; position: absolute; right: 0px; }

/*
	#main-container
----------------------------------------------------*/

#main-container { padding: 0 0 60px; background-image: url(../img/common/main-container-bg.gif); }

/*
	#メインエリア
----------------------------------------------------*/

#main { float: left; width: 600px; _overflow:hidden; margin: 0 40px 0 0; margin-right: 1px; padding: 0 24px 0 0; }
#main p,
#main ul,
#main dl,
#main table{ margin-bottom:2em; clear: both; }

#main h1{ margin-bottom:2em; }
#main h2{ margin-bottom:1.5em; clear:both; background-image: url(../img/common/main-tit-h2-bg.gif); padding: 0 0 10px 1em; background-position: left bottom; }
#main h3{ font-size:14px; margin-bottom:1em; }

#main table{ border-bottom:2px solid #cdb07c; border-top:2px solid #cdb07c; width: 100%; clear:both; }
#main table td,
#main table th{ border:1px solid #cdb07c; padding:0.5em; }
#main table th{ width:25%; font-weight: bold; background-color: #fff8e0; text-align: center; vertical-align: top; }
#main table td{ width:75%; }
#main table ul{ }
#main table ul li{ border-bottom:1px dotted #CCCCCC; background: none; padding:0.5em 0; }
.evenTr {border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC;}


#main .column2Left{ width:335px; float:left; margin:0 10px 1em 0;}
#main .column2Right{ width:335px; float:left; margin:0 0 1em;}

#main ul{  }
#main ul li{ background-image:url(../img/common/common-list01.gif); background-position: 0 7px; padding: 0 0 0 1em; }
#main ul#list2Column{ width:600px;}
#main ul#list2Column li{ width:280px; float:left; border-bottom: 1px dotted #ccc; background:none; line-height: 30px; }
#main ul#list2Column li a{ text-decoration:none;}

#main ul.note li{ background-image:url(../img/common/common-list02.gif); background-position:0 4px; }

#message { display: block; display: none; z-index: 999; opacity: .9; position: fixed; top: 100%; margin-top: -112px; left: 80%; margin-left: -80px; _margin-left: 0; clear: both; }
#message a { display:block; background-image:url(../img/common/btn-pagetop.gif); width:162px; height: 34px; text-indent:-6666px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* --------------パンくず */
#main ul#linkTree { margin: 0 0 1em; }
#main ul#linkTree li{ line-height:26px; padding:0 15px; float: left; font-size: 10px; background-image:url(../img/common/main-img-linktree-separate.gif); background-position: left center; }
#main ul#linkTree li a{ color:#3d3d3d; }
#main ul#linkTree li#linkHome{ background-image:none; padding: 0 15px 0 0; }
#main ul#linkTree li#linkHome a{ background-image:url(../img/common/main-img-linktree-home.gif); text-indent:-6666px; display:block; width:15px; background-position: left center; }

ul.dateList{font-size: 14px;}
#main ul.dateList li{ border-bottom: 1px dotted #ccc; padding: 0.5em 1em; background-position: left center; }
ul.dateList li a{ font-weight: bold; }
ul.dateList li span{ font-size: 12px; margin-right: 1em; }

/*
メイン下部のフォーム
----------------------------------*/

/* --------------タイプD */
#mainBootmFormD{}
#mainBootmFormD a{ display:block; background-image:url(../img/common/main-bottom-form-d.jpg); width:600px; height:164px; text-indent:-6666px; background-position:0 0;}
#mainBootmFormD a:hover{ background-position:0 -164px; }


/* --------------タイプC */
#mainBootmFormC{}
#mainBootmFormC a{ display:block; background-image:url(../img/common/main-bottom-form-c.jpg); width:600px; height:164px; text-indent:-6666px; background-position:0 0;}
#mainBootmFormC a:hover{ background-position:0 -164px; }

/* --------------タイプA */
#main #mainBootmFormA h2{ margin-bottom:1.5em !important; clear:both !important; background-image:none; background-image: url(../img/common/main-tit-h2-bg.gif) !important; padding: 0 0 10px 1em !important; background-position: left bottom !important; }
#mainBootmFormA .conractList{ padding-left:1em;}
#main #mainBootmFormA .conractList p{ margin-bottom: 1em; }
#main #mainBootmFormA .conractList ul{}
#main #mainBootmFormA .conractList ul li{ display:inline; background-image:none; padding: 0 10px 0 0; }
#main #mainBootmFormA p.btnForm{ margin-bottom:5em; }
#mainBootmFormA p.btnForm a{ display:block; text-indent:-6666px; background-image:url(../img/form/main-btn-index-formlink.jpg); width:600px; height:70px; background-position:0 0;}
#mainBootmFormA p.btnForm a:hover{ background-position:0 -70px;}

#main #mainBootmFormA ul.btnForm{ background-image:url(../img/form/main-btn-index-formlink-02.jpg); width:420px; height:44px; padding-left:180px; padding: 26px 0 0 180px; margin:0; }
#main #mainBootmFormA ul.btnForm li{ float:left; padding: 0; }
#main #mainBootmFormA ul.btnForm li a{ display:block; text-indent:-6666px; background-image:url(../img/form/main-btn-index-formlink-02.jpg); height: 44px; }
#main #mainBootmFormA ul.btnForm li#btnFormContact a{ background-position:-180px -26px; width:108px; }
#main #mainBootmFormA ul.btnForm li#btnFormAssessment a{ background-position:-288px -26px; width:128px; }
#main #mainBootmFormA ul.btnForm li#btnFormSeminar a{ background-position:-416px -26px; width:131px; }

#main #mainBootmFormA ul.btnForm li#btnFormContact a:hover{ background-position:-180px -96px;  }
#main #mainBootmFormA ul.btnForm li#btnFormAssessment a:hover{ background-position:-288px -96px; }
#main #mainBootmFormA ul.btnForm li#btnFormSeminar a:hover{ background-position:-416px -96px; }

/* --------------タイプB */
#main p#mainBootmFormB { margin:0;}
#main p#mainBootmFormB a{ display:block; text-indent:-6666px; background-image:url(../img/lease/nairan/main-index-contact.gif); width:600px; height:164px; background-position:0 0;}
#main p#mainBootmFormB a:hover{ background-position:0 -164px;}

/*
	#サイドエリア
----------------------------------------------------------- */
#side { float: left; width:255px; _overflow:hidden; margin: 0 0 0 0; padding: 0 0 0 20px; }
#side ul.bn{}
#side ul.bn li{ margin-bottom:10px;}
#side p,#side h2{ margin-bottom:1em;}
#mailMagazine{ border:1px solid #e8478c; margin: 0 0 1em;  border-bottom:0; border-top:0; }
#side #mailMagazine h2{ margin-bottom:0;}
#mailMagazine p{ margin:0;}
#mailMagazine ul li{ border-bottom:1px solid #e8478c; line-height: 28px; }
#mailMagazine ul li span{ display:block; font-size:11px; line-height:1.2; padding:5px 0 0 5px;}
#mailMagazine ul li a{ background-image:url(../img/common/common-side-list-02.gif); padding:0 0 1em 2em; background-position:5px 3px; }
#mailMagazine ul li:nth-last-child(1){ border:0;}
.linkList a{ background-image:url(../img/common/common-side-list-03.gif); display:block; padding-left: 15px; background-position: 0 2px; font-weight: bold; }


/* ==================================================================================================

		その他ページ設計(少量スタイル必要個別ページ)
		
================================================================================================== */

/* 
	#utilityページ
----------------------------------------------------------- */
.typeFAQ #main h2{ background-image:url(../img/utility/faq/main-tit-h2.gif); line-height:45px; background-position: 0 0; padding-left: 50px; font-size: 14px; padding-bottom: 10px; }

/* 
	#サイトマップページ
----------------------------------------------------------- */
#main dl.sitemap{	width:273px;
	float:left;
	padding:1em;
	clear:none;
}
#main dl.sitemap a{ text-decoration:none;}
#main dl.sitemap a:hover{ text-decoration:underline;}
#main dl.sitemap dt{
	font-size:14px;
	margin-bottom:1em;
	padding-left:12px;
	background-position: left bottom;
	background-image: url(../img/common/main-tit-h2-bg.gif);
	font-weight: bold;
	padding-bottom: 3px;
}
#main dl.sitemap dd ul li{
	padding:2px 0 2px 1em;
}
/* 
	#ブログ一覧ページ
----------------------------------------------------------- */
.pageBlog #main h2{ background-image:none; padding: 0; }
.pageBlog #main ul#feed{ padding-left: 13px; background-image: url(../img/utility/blog/main-bg-feedul.gif); background-position: left bottom; padding-bottom: 3em; ; }
.pageBlog #main ul#feed li{ background-image: url(none); padding: 0; float: left; margin-right: 10px; }
.pageBlog #main ul#feed li span{ display:block; width: 185px; }
.pageBlog #main ul#feed img{ margin-bottom:0.5em; }
.pageBlog #main ul#feed a{ font-weight:bold;}

/*
	#お客様に選ばれる理由
----------------------------------------------------------- */
.pageReason #reasonBox{ background-image: url(../img/reason/main-img.jpg); width: 600px; height: 831px; position: relative; clear: both; margin-bottom: 2em; }
.pageReason h1{ background-image:url(../img/reason/main-img.jpg); width:600px; height:140px; text-indent:-6666px; background-position:0 0;}
.pageReason #main p#btnMore01{ position:absolute; left:373px; top:234px;}
.pageReason #main p#btnMore02{ position:absolute; left:330px; top:728px; }

/*
	#イベント
----------------------------------------------------------- */		
.pageEvent #gNav li#event a{ background-position:-750px -56px;}

.pageEvent #main p,
.pageEvent #main ul{ font-size:14px;}

.pageEvent #main h2{ background-image:url(../img/event/main-tit-h2.gif); line-height:45px; background-position: 0 0; padding-left: 50px; font-size: 14px; }
.pageEvent #main h3{color:#f44141; margin-bottom:2em; }

.pageEvent #main strong{color:#303030;}
.pageEvent #main em{ text-decoration:underline;}

.pageEvent #main table#backnumber{}
.pageEvent #main table th,#main table td{ width:auto;}
.pageEvent #main table td span{ font-size:10px;}
.pageEvent #main table th#date{ width:15%;}
.pageEvent #main table th#enmoku{ width:60%; }
.pageEvent #main table th#koshi{ width:25%; }

/*
	#メルマガ記事一覧
----------------------------------------------------------- */	

.pageUtility #main table.mailmagazine th#category{ width:20%;}
.pageUtility #main table.mailmagazine th#title{ width:50%;}
.pageUtility #main table.mailmagazine th#date{ width:15%;}
.pageUtility #main table.mailmagazine th#author{ width:15%;}