@charset "UTF-8";
/* *****************************************************************************************************
*
*  layout.css
* 
* ------------------------------------------------------------------------------------------
* 
*   ---- FONT-SIZE -----
*	
*	10px	77%			|		19px	146.5%
*	11px	85%			|		20px	153.9%
*	12px	93%			|		21px	161.6%
*	13px	100%		|		22px	167%
*	14px	108%		|		23px	174%
*	15px	116%		|		24px	182%
*	16px	123.1%		|		25px	189%
*	17px	131%		|		26px	197%
*	18px	138.5%		|
*
*	---- 目次 -----
*	
*	01,  html, body, .push
*	02,  #container
*	03,  #mainVisual
*	04,  #header
*	05,  #globalNavi
*	06,  #warning
*	07,  #siteInfo
*	08,  #wrapper
*	09,  #pageTitle
*	10,  #mainContents
*	11,  #sideBar
*	12,  #footer
* 
***************************************************************************************************** */

/* ========================================================================
	
	01, html, body, .push 背景、フッター固定に関してのCSS
	
 ======================================================================== */

html, body  { height:100%; }

body { background:url(../images/bg_body.jpg) repeat; }

.push { height:0px; /* .push must be the same height as .footer */ }

/* ========================================================================
	
	 02, #container
	
 ======================================================================== */

#container {
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto 0px; /* .push must be the same height as .footer */
/*	background:url(../images/bg_container.png) repeat-x;*/
}

#top #container { /*background:url(../images/bg_container_top.png) repeat-x;*/ }

/* ========================================================================
	
	03,  #mainVisual --- 背景に関してのCSS
	
 ======================================================================== */

#mainVisual {
	width:100%;
	min-width:960px;
/*	background-position: 50% top !important;*/
	background-position: 50% 139px !important;
	background-repeat:no-repeat !important;

}

/*#mainVisual { background-position: center top\9 !important; }*/
#mainVisual { background-position: center 139px !important; }

/* --------------------------------------------------------------------
  会社概要 
 ----------------------------------------------------------------------- */

#company #mainVisual,
#company_greetings #mainVisual,
#company_philosophy #mainVisual,
#company_outline #mainVisual,
#company_office #mainVisual { background:url() repeat center top; }

/* --------------------------------------------------------------------
  事業案内 
 ----------------------------------------------------------------------- */

#business #mainVisual,
#business_management #mainVisual,
#business_control #mainVisual,
#business_enforcement #mainVisual,
#business_miscl #mainVisual { background:url(../kimooton/img/top.jpg) repeat center top; }

/* --------------------------------------------------------------------
  お知らせ 
 ----------------------------------------------------------------------- */

#news #mainVisual,
#news_detail #mainVisual { background:url(../images/mv_news.jpg) repeat center top; }

/* --------------------------------------------------------------------
  サイトポリシー 
 ----------------------------------------------------------------------- */

#policy #mainVisual,
#policy_site #mainVisual,
#policy_security #mainVisual { background-image:url(../images/mv_policy.jpg); }

/* --------------------------------------------------------------------
  サイトマップ 
 ----------------------------------------------------------------------- */
 
#sitemap #mainVisual { background-image:url(../images/mv_sitemap1.jpg); }

/* --------------------------------------------------------------------
  リンク 
 ----------------------------------------------------------------------- */
 
 #link #mainVisual { background-image:url(../images/mv_link.jpg); }
 
 /* --------------------------------------------------------------------
  404 
 ----------------------------------------------------------------------- */
 
 #page404 #mainVisual { background:url(../images/mv_404.jpg) repeat center top; }

 /* ========================================================================
	
	04, #header --- ヘッダーに関してのCSS
	
 ======================================================================== */

#headerOuter {
	width:100%;
	min-width:960px;
	height:80px;
/*	margin-bottom:150px;*/
	margin-bottom:0px;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid #fffffff;
}

#top #headerOuter {
/*	margin-bottom:250px;*/
	margin-bottom:0px;
}

#header {
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding-top:10px;
}

#header h1 {
	width:600px;
	float:left;
}

#header h1 a {
	display:block;
	width:100%;
	height:60px;
	background:url(../images/logo.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	outline:none;
}

 /* --------------------------------------------------------------------
  #headerNavi
 ----------------------------------------------------------------------- */

#headerNavi {
/*	width:175px;*/
	width:200px;
	float:right;
	padding-top:22px;
}

#headerNavi ul {
	width:100%;
	overflow:hidden;
}

#headerNavi li { float:left; height: 16px;}

#headerNavi li a {
	display:block;
	width:100%;
	height:13px;
	font-size:1px;
	background:url(../images/bg_headernavi.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	outline:none;
}

#headerNavi .Hnavi01 { width:87px; margin-right:12px;}
#headerNavi .Hnavi01 a { background-position:0 top; }
#headerNavi .Hnavi01 a:hover { background-position:0 bottom; }

#headerNavi .Hnavi02 { width:81px; padding-left:18px; border-left: 1px solid #cccccc;}
#headerNavi .Hnavi02 a { background-position:-105px top; }
#headerNavi .Hnavi02 a:hover { background-position:-105px bottom; }

 /* ========================================================================
	
	05, #globalNavi --- グローバルナビに関してのCSS
	
 ======================================================================== */
 
#globalNaviOuter {
	width:958px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:251px;
}
#top #globalNaviOuter {
	margin-bottom: 351px;
	outline-color: #003f7e;
}

#globalNaviOuter1 {
	margin-bottom: 51px;
	outline-color: #003f7e;
}


#globalNavi ul {
	width:100%;
	overflow:hidden;
	height:49px;
	background-color: #003f7e;
	position:relative;
}

#globalNavi li {
	width:137px;
	float:left;
}

#globalNavi li a {
	display:block;
	width:100%;
/*	height:50px;*/
	height:45px;
	background:url(../images/bg_globalnavi.jpg) no-repeat;
	text-indent:-9999px;
	outline:none;
	line-height:1;
}

#globalNavi .Gnavi01 a { background-position:0 0; }
#globalNavi .Gnavi01 a:hover { background-position:0 -50px; }

#globalNavi .Gnavi02 a { background-position:-137px 0; }
#globalNavi .Gnavi02 a:hover { background-position:-137px -50px; }

#globalNavi .Gnavi03 a { background-position:-274px 0; }
#globalNavi .Gnavi03 a:hover { background-position:-274px -50px; }

#globalNavi .Gnavi04 a { background-position:-411px 0; }
#globalNavi .Gnavi04 a:hover { background-position:-411px -50px; }

#globalNavi .Gnavi05 a { background-position:-548px 0; }
#globalNavi .Gnavi05 a:hover { background-position:-548px -50px; }

#globalNavi .Gnavi06 a { background-position:-685px 0; }
#globalNavi .Gnavi06 a:hover { background-position:-685px -50px; }

#globalNavi .Gnavi07 { width:136px !important ; }
#globalNavi .Gnavi07 a { background-position:-822px 0; }
#globalNavi .Gnavi07 a:hover { background-position:-822px -50px; }

 /* --------------------------------------------------------------------
  #globalNavi  current
 ----------------------------------------------------------------------- */
 
/* home --- */
#top #globalNavi .Gnavi01 a { background-position:0 -50px; }

/* 会社概要 --- */
#company #globalNavi .Gnavi02 a,
#company_greetings #globalNavi .Gnavi02 a,
#company_philosophy #globalNavi .Gnavi02 a,
#company_outline #globalNavi .Gnavi02 a,
#company_office #globalNavi .Gnavi02 a { background-position:-137px -50px; }

/* 事業案内 --- */
#business #globalNavi .Gnavi03 a,
#business_management #globalNavi .Gnavi03 a,
#business_control #globalNavi .Gnavi03 a,
#business_enforcement #globalNavi .Gnavi03 a, 
#business_miscl #globalNavi .Gnavi03 a { background-position:-274px -50px; }

/* 採用情報 --- */ 
#recruit #globalNavi .Gnavi06 a,
#recruit_requirements #globalNavi .Gnavi06 a,
#recruit_voice #globalNavi .Gnavi06 a,
#recruit_day #globalNavi .Gnavi06 a { background-position:-685px -50px; }

/* お知らせ --- */ 
#news #globalNavi .Gnavi07 a,
#news_detail #globalNavi .Gnavi07 a { background-position:-822px -50px; }

 /* --------------------------------------------------------------------
  #globalNavi .sub
 ----------------------------------------------------------------------- */

#globalNavi .sub {
	width:958px;
	height:39px;
	overflow:hidden;
	background:none;
	position:absolute;
}

#globalNavi .sub li {
	width:auto;
	height:auto;
	float:left;
	margin-right:40px;
}

#globalNavi .sub li a {
	display:inline;
	width:auto;
	height:auto;
	height:39px;
	line-height:39px;
	background:none;
	text-indent: 0;
	font-size:104%;
	font-weight:bold;
}
#submenuouter{
	width:958px;
	overflow:hidden;
	margin:0 auto;
}
.submenus{
	display: none;
	position:absolute;
	top: 135px;
	background-color: #ededed;
	padding: 10px;
}
.submenus li{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
}
.submenus li a{
	display: block;
}
#subnavi02{
	margin-left: 135px;
	width: 120px;
}
#subnavi03{
	margin-left: 273px;
	width: 150px;
}
#subnavi06{
	margin-left: 685px;
	width: 117px;
}
 /* --------------------------------------------------------------------
  #globalNavi .sub current

#globalNaviOuter .sub li.current a { color:#11466b; }
 ----------------------------------------------------------------------- */

 /* --------------------------------------------------------------------
  #globalNavi .sub position
 ----------------------------------------------------------------------- */

/* default position */
#globalNavi .Gnavi02 .sub { margin-left: -127px; }
#globalNavi .Gnavi03 .sub { margin-left: -174px; }
/*#globalNavi .Gnavi06 .sub { margin-left: -95px; }*/
#globalNavi .Gnavi06 .sub { margin-left: 43px; }


/* home --- */
#top #globalNavi .Gnavi02 .sub,
#top #globalNavi .Gnavi03 .sub,
#top #globalNavi .Gnavi06 .sub { display:none; }


/* 会社概要 --- */
#company #globalNavi .Gnavi02 .sub,
#company_outline #globalNavi .Gnavi02 .sub,
#company_office #globalNavi .Gnavi02 .sub,
#company_philosophy #globalNavi .Gnavi02 .sub,
#company_greetings #globalNavi .Gnavi02 .sub { margin-left:-127px; }

#company #globalNavi .Gnavi03 .sub,
#company_outline #globalNavi .Gnavi03 .sub,
#company_office #globalNavi .Gnavi03 .sub,
#company_philosophy #globalNavi .Gnavi03 .sub,
#company_greetings #globalNavi .Gnavi03 .sub,
#company #globalNavi .Gnavi06 .sub,
#company_outline #globalNavi .Gnavi06 .sub,
#company_office #globalNavi .Gnavi06 .sub,
#company_philosophy #globalNavi .Gnavi06 .sub,
#company_greetings #globalNavi .Gnavi06 .sub { display:none; }

/* 事業案内 --- */
#business #globalNavi .Gnavi03 .sub,
#business_management #globalNavi .Gnavi03 .sub,
#business_control #globalNavi .Gnavi03 .sub,
#business_enforcement #globalNavi .Gnavi03 .sub, 
#business_miscl #globalNavi .Gnavi03 .sub { margin-left:-174px; }

#business #globalNavi .Gnavi02 .sub,
#business_management #globalNavi .Gnavi02 .sub,
#business_control #globalNavi .Gnavi02 .sub,
#business_enforcement #globalNavi .Gnavi02 .sub, 
#business_miscl #globalNavi .Gnavi02 .sub,
#business #globalNavi .Gnavi06 .sub,
#business_management #globalNavi .Gnavi06 .sub,
#business_control #globalNavi .Gnavi06 .sub,
#business_enforcement #globalNavi .Gnavi06 .sub, 
#business_miscl #globalNavi .Gnavi06 .sub { display:none; }

/* 安全への取り組み --- */
#safety #globalNavi .Gnavi02 .sub,
#safety #globalNavi .Gnavi03 .sub,
#safety #globalNavi .Gnavi06 .sub { display:none; }

/* CSR活動 --- */
#csr #globalNavi .Gnavi02 .sub,
#csr #globalNavi .Gnavi03 .sub,
#csr #globalNavi .Gnavi06 .sub { display:none; }

/* 採用情報 --- */
#recruit #globalNavi .Gnavi06 .sub,
#recruit_requirements #globalNavi .Gnavi06 .sub,
#recruit_voice #globalNavi .Gnavi06 .sub,
/*#recruit_day #globalNavi .Gnavi06 .sub { margin-left:-95px; }*/
#recruit_day #globalNavi .Gnavi06 .sub { margin-left:43px; }

#recruit #globalNavi .Gnavi02 .sub,
#recruit_requirements #globalNavi .Gnavi02 .sub,
#recruit_voice #globalNavi .Gnavi02 .sub,
#recruit_day #globalNavi .Gnavi02 .sub,
#recruit #globalNavi .Gnavi03 .sub,
#recruit_requirements #globalNavi .Gnavi03 .sub,
#recruit_voice #globalNavi .Gnavi03 .sub,
#recruit_day #globalNavi .Gnavi03 .sub { display:none; }



/* お知らせ --- */
#news #globalNavi .Gnavi02 .sub,
#news #globalNavi .Gnavi03 .sub,
#news #globalNavi .Gnavi06 .sub { display:none; }

/* サイトマップ --- */
#sitemap #globalNavi .Gnavi02 .sub,
#sitemap #globalNavi .Gnavi03 .sub,
#sitemap #globalNavi .Gnavi06 .sub { display:none; }

/* 各種ポリシー --- */
#policy #globalNavi .Gnavi02 .sub,
#policy #globalNavi .Gnavi03 .sub,
#policy #globalNavi .Gnavi06 .sub { display:none; }

/* 情報セキュリティポリシー --- */
#policy_security #globalNavi .Gnavi02 .sub,
#policy_security #globalNavi .Gnavi03 .sub,
#policy_security #globalNavi .Gnavi06 .sub { display:none; }

/* サイトポリシー --- */
#policy_site #globalNavi .Gnavi02 .sub,
#policy_site #globalNavi .Gnavi03 .sub,
#policy_site #globalNavi .Gnavi06 .sub { display:none; }

/* リンク --- */
#link #globalNavi .Gnavi02 .sub,
#link #globalNavi .Gnavi03 .sub,
#link #globalNavi .Gnavi06 .sub { display:none; }

/* 404 --- */
#page404 #globalNavi .Gnavi02 .sub,
#page404 #globalNavi .Gnavi03 .sub,
#page404 #globalNavi .Gnavi06 .sub { display:none; }

/* 警告 --- */
#warning #globalNavi .Gnavi02 .sub,
#warning #globalNavi .Gnavi03 .sub,
#warning #globalNavi .Gnavi06 .sub { display:none; }

/* ========================================================================
	
	06, #warning --- 緊急速報に関してのCSS
	
 ======================================================================== */

#warningOuter {
	width:958px;
	margin:0 auto;
	background:url(../images/bg_warning_m.jpg) repeat-y;
	
}

#warning { background:url(../images/bg_warning_b.jpg) no-repeat left bottom; }

.warningDesc {
	width:908px;
	padding:25px;
	background:url(../images/bg_warning_t.jpg) no-repeat left top;
}

.warningDesc h3 {
	font-size:123.1%;
	margin-bottom:10px;
}

.warningDesc p { line-height:1.6; }


/* ========================================================================
	
	 07, #siteInfo --- トップページのみ
	
 ======================================================================== */
 
#siteInfo {
	width:950px;
	background:#fff;
	margin:0 auto;
	padding:25px 20px 20px;
}

#siteInfo h2 {
	font-size:138.5%;
	margin-bottom:10px;
}

#siteInfo h3 {
	font-size:116%;
	margin-bottom:17px;
	line-height:20px;
	font-weight:normal;
	line-height:1.6;
}

#siteInfo h4 {
	font-size:116%;
	margin-bottom:17px;
	line-height:20px;
	font-weight:normal;
	line-height:1.6;
	color:#003366;
}

#siteInfo h5 {
	font-size:106%;
	margin-bottom:15px;
	line-height:20px;
	font-weight:normal;
	line-height:1.6;
	color:#666666;
}


#siteInfo .businessList {
	width:950px;
	overflow:hidden;
	margin-right:-24px;
}

#siteInfo .businessList li {
	width:290px;
	margin-right:24px;
	float:left;
	font-weight:bold;
	font-size:108%;
}

#siteInfo .businessList li img {
	display:block;
	margin-bottom:15px;
}

/* ========================================================================
	
	08, #wrapper
	
 ======================================================================== */

#wrapper {
	width:950px;
	overflow:hidden;
	background:#fff;
	padding:30px 20px 19px 20px;
	margin:0 auto 30px;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #dbdbdb;
}

#top #wrapper { background:url(../images/bg_wrapper_top.jpg) repeat-x left top #fff; }

/* ========================================================================
	
	09, #pageTitle --- ページタイトルに関してのCSS
	
 ======================================================================== */

#pageTitle {
	width:100%;
	margin-bottom:30px;
	font-size:153.9%; /*20px*/
	color:#11466b;
}

#pageTitle span {
	background:url(../images/bg_ti_category.gif) no-repeat left center;
	padding-left:15px;
	margin-left:15px;
	color:#333;
}

/* ========================================================================
	
	10, #mainContents --- メインコンテンツに関してのCSS
	
 ======================================================================== */
 
#mainContents {
	width:600px;
	float:left;
	line-height:1.6;
	padding-left: 10px;
}
.text-navy {
	font-size: 11px;
	color: #003f7e;
	text-decoration: none;
}

.text-s {
	font-size: 10px;
}


/* ========================================================================
	
	11, #sideBar --- サイドバーに関してのCSS
	
 ======================================================================== */

#sideBar {
	width:240px;
	float:right;
	padding-right: 10px;
}
	
 /* --------------------------------------------------------------------
  #sideBnr
 ----------------------------------------------------------------------- */

#sideBnr {
	width:100%;
	margin-bottom:-25px;
}

#sideBnr li { margin-bottom:5px; }

#sideBnr a {
	display:block;
	width:228px;
	height:125px;
/*	margin-bottom:10px;*/
/*	background:url(../images/bg_sidebnr.jpg) no-repeat;*/
	background:url(../images/bg_footerbnr.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border-radius: 10px;
}

#sideBnr .sBnr01 a { background-position:0 top; }
#sideBnr .sBnr01 a:hover { background-position:0 bottom; }

#sideBnr .sBnr02 a { background-position:-244px top; }
#sideBnr .sBnr02 a:hover { background-position:-244px bottom; }

#sideBnr .sBnr03 a { background-position:-488px top; }
#sideBnr .sBnr03 a:hover { background-position:-488px bottom; }

#sideBnr .sBnr04 a { background-position:-732px top; }
#sideBnr .sBnr04 a:hover { background-position:-732px bottom; }


 /* --------------------------------------------------------------------
  #emergencyCall --- トップページのみ
 ----------------------------------------------------------------------- */

.emergencyCall {
	overflow: visible;
	padding-top:25px;
}

.emergencyCall h3 {
	background:url(../images/h3_emergencyCall2.gif) no-repeat;
	height: 70px;
	width: 100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.ecBox {
	background-color: #ffe4e1;
	padding: 16px 16px 11px;
}
.ecBox p {
	margin-bottom: 5px;
}


 /* --------------------------------------------------------------------
  #company_office 　--- 会社概要-事業拠点ページのみ
 ----------------------------------------------------------------------- */

#company_office #wrapper { position:relative !important; }

#company_office #sideBar {
	position:absolute !important;
	right:20px !important;
	float:none !important;
}

#company_office #mapSection {
	position:relative;
	width:898px;
	height:428px;
}

#company_office #mapSection #mapimg {
	width:896px;
	height:428px;
	border:1px solid #CCC;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#company_office #mapSection .animation {
	position:absolute;
	z-index:3;
	display:none;
}

#company_office #mapSection #hover_point li {
	position:absolute;
	z-index:3;
	display:block;
	cursor:pointer;
}

#company_office #mapSection #hover_cont li {
	position:absolute;
	z-index:2;
	display:none;
}

/* マップ ホバーポイント位置 --- */
#company_office #mapSection #hover_point .pt01 { left:788px;top:133px; }
#company_office #mapSection #hover_point .pt02 { left:758px;top:159px; }
#company_office #mapSection #hover_point .pt03 { left:733px;top:155px; }
#company_office #mapSection #hover_point .pt04 { left:733px;top:208px; }
#company_office #mapSection #hover_point .pt05 { left:723px;top:164px; }
#company_office #mapSection #hover_point .pt06 { left:669px;top:275px; }
#company_office #mapSection #hover_point .pt07 { left:658px;top:89px; }
#company_office #mapSection #hover_point .pt08 { left:657px;top:158px; }
#company_office #mapSection #hover_point .pt09 { left:596px;top:139px; }
#company_office #mapSection #hover_point .pt10 { left:595px;top:159px; }
#company_office #mapSection #hover_point .pt11 { left:509px;top:124px; }
#company_office #mapSection #hover_point .pt12 { left:492px;top:184px; }
#company_office #mapSection #hover_point .pt13 { left:409px;top:67px; }
#company_office #mapSection #hover_point .pt14 { left:386px;top:227px; }
#company_office #mapSection #hover_point .pt15 { left:356px;top:64px; }
#company_office #mapSection #hover_point .pt16 { left:324px;top:167px; }
#company_office #mapSection #hover_point .pt17 { left:285px;top:187px; }
#company_office #mapSection #hover_point .pt18 { left:274px;top:231px; }
#company_office #mapSection #hover_point .pt19 { left:215px;top:152px; }
#company_office #mapSection #hover_point .pt20 { left:172px;top:292px; }
#company_office #mapSection #hover_point .pt21 { left:100px;top:275px; }

/* マップ ホバーコンテンツ位置 */
#company_office #mapSection #hover_cont .pt01 { left:716px;top:13px !important; }
#company_office #mapSection #hover_cont .pt02 { left:687px;top:41px; }
#company_office #mapSection #hover_cont .pt03 { left:662px;top:38px; }
#company_office #mapSection #hover_cont .pt04 { left:622px;top:46px; }
#company_office #mapSection #hover_cont .pt05 { left:612px;top:178px; }
#company_office #mapSection #hover_cont .pt06 { left:598px;top:158px; }
#company_office #mapSection #hover_cont .pt07 { left:587px;top:102px; }
#company_office #mapSection #hover_cont .pt08 { left:586px;top:171px; }
#company_office #mapSection #hover_cont .pt09 { left:525px;top:152px; }
#company_office #mapSection #hover_cont .pt10 { left:524px;top:174px; }
#company_office #mapSection #hover_cont .pt11 { left:438px;top:137px; }
#company_office #mapSection #hover_cont .pt12 { left:421px;top:198px; }
#company_office #mapSection #hover_cont .pt13 { left:338px;top:80px; }
#company_office #mapSection #hover_cont .pt14 { left:315px;top:241px; }
#company_office #mapSection #hover_cont .pt15 { left:285px;top:77px; }
#company_office #mapSection #hover_cont .pt16 { left:253px;top:179px; }
#company_office #mapSection #hover_cont .pt17 { left:214px;top:200px; }
#company_office #mapSection #hover_cont .pt18 { left:163px;top:50px; }
#company_office #mapSection #hover_cont .pt19 { left:144px;top:165px; }
#company_office #mapSection #hover_cont .pt20 { left:101px;top:173px; }
#company_office #mapSection #hover_cont .pt21 { left:29px;top:156px; }

 /* --------------------------------------------------------------------
  #csrCategory 　--- CSR活動ページのみ
 ----------------------------------------------------------------------- */

#csrCategory { margin-bottom:30px; }

#csrCategory h3 {
	font-size:138.5%;
	margin-bottom:20px;
}

#csrCategory ul {
	border-top:1px dotted #ccc;
}

#csrCategory li {
	padding:10px 5px 10px 20px;
	border-bottom:1px dotted #ccc;
	background:url(../images/list_triangle.gif) no-repeat 5px center;
}

/* ========================================================================
	
	12, #footer --- フッターに関してのCSS
	
 ======================================================================== */

#footerOuter {
	width:100%;
	min-width:960px;
	/*height:450px;*/ /* .push must be the same height as .footer */
	position:relative;
/*	background:url(../images/bg_footerouter.jpg) repeat-x left bottom;*/
	background-color: #003f7e;
}

#footer {
	width:960px;
	margin:0 auto;
}

 /* --------------------------------------------------------------------
  #footerBnr
 ----------------------------------------------------------------------- */

#footerBnr {
	width:960px;
	overflow:hidden;
	margin-bottom:60px;
}

#footerBnr ul {
	width:976px;
	margin-right:-16px;
	overflow:hidden;
}

#footerBnr li {
	width:228px;
	margin-right:16px;
	float:left;
}

#footerBnr a {
	display:block;
	width:100%;
	height:125px;
	background:url(../images/bg_footerbnr.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#footerBnr .fBnr01 a { background-position:0 top; }
#footerBnr .fBnr01 a:hover { background-position:0 bottom; }

#footerBnr .fBnr02 a { background-position:-244px top; }
#footerBnr .fBnr02 a:hover { background-position:-244px bottom; }

#footerBnr .fBnr03 a { background-position:-488px top; }
#footerBnr .fBnr03 a:hover { background-position:-488px bottom; }

#footerBnr .fBnr04 a { background-position:-732px top; }
#footerBnr .fBnr04 a:hover { background-position:-732px bottom; }

 /* --------------------------------------------------------------------
  #footerNavi
 ----------------------------------------------------------------------- */

#footerNavi {
	width:960px;
	overflow:hidden;
	margin-bottom:15px;
	background:url(../images/bg_footernavi.png) no-repeat;
	padding-top: 20px;
}

#footerNavi ul { float:left; }

.fNavi01 { width:110px; }
.fNavi02 { width:160px; }
.fNavi03 { width:180px; }
.fNavi04 { width:140px; }
.fNavi05 { width:170px; }
.fNavi06 { width:200px; }

#footerNavi ul.secondLevel {
	float:none;
	border:none;
	margin-top: 10px;
}

#footerNavi strong {
	display:block;
	line-height:1;
	margin-bottom:12px;
}

* html #footerNavi strong { zoom:1; line-height:1.3; margin-bottom:4px; }

#footerNavi ul li  {
	line-height:1;
	padding-left:10px;
	margin-bottom:12px;
}

* html #footerNavi ul li { zoom:1; line-height:1.3; margin-bottom:4px; }

#footerNavi ul.secondLevel li {
/*	background:url(../images/list_footernavi.gif) no-repeat;*/
	padding-left:0px;
}

#footerNavi a { font-size:93%; } 

.fnavtop{
	border-bottom: 1px solid #999999;
}

 /* --------------------------------------------------------------------
  #footerLead
 ----------------------------------------------------------------------- */
#footerLead{
	background-color: #003f7e;
	color: #ffffff;
	margin-top: -15px;
}
#footerLead #footerLeadInner{
	width:960px;
	margin-left: auto;
	margin-right: auto;
}

#footerLead .fInfo {
	width:100%;
	overflow:hidden;
	font-size:85%;
	padding:10px 0; 
}

#footerLead .fInfoL {
	width:auto;
	float:left;
}

#footerLead .fInfoR {
	width:auto;
	float:right;
}
