/*-------------------
	
  format.css
  
--------------------*/

html, body{
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, caption, img, form, label{
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	text-align:left;
	list-style-type:none;
}

table, th, td{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

input{
	margin:0;
	padding:0;
	vertical-align:bottom;
}

textarea{
	font-size:100%;
}

img{
	vertical-align:bottom;
}

:focus{outline:0;}

hr{
	display:none;
}

/*-------------------
	
  font.css
  
--------------------*/
/*
html>body *{ font-size:12px; }
* html body{ font-size:78%; }
*/
body{
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
	background:url(../images/header_bg.jpg) center top no-repeat #FFFFFF;
	color:#333333;
	line-height:170%;
	font-size:78%;
}

body, x:-moz-broken{font-size:75%;}
body, x:x{font-size:78%;}

a{
	color:#003399;
}

a:link{
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

.small{
	font-size:90%;
	line-height:140%;
}

.nomal{
	font-size:100%;
}

.big{
	font-size:120%;
}

.moreBig{
	font-size:130%;
}
.mostBig{
	font-size:150%;
	line-height:200%;
}


.mainColor{
	color:#324B9C;
}

.red{
	color:#CC0000;
}

.white{
	color:#FFFFFF;
}
.black{
	color:#000000;
}
.gray{
	color:#CCCCCC;
}

.blue{
	color:#002060;
}

.green{
	color:#95C42F;
}

.bold{
	font-weight:bold;
}

a.noDecoration{
	text-decoration:none;
}


/*-------------------
	
  baselayout.css
  
--------------------*/

div#header{
	width:959px;
	margin-left:auto;
	margin-right:auto;
}

div#navigation{
	width:100%;
	clear:both;
	background:url(../images/g_navi_bg.gif) repeat-x;
}

div#navigation ul{
	width:960px;
	margin:0 auto;
}

div#mainImage{
	width:100%;
	clear:both;
	background:#000000;
}

div#mainImage h1{
	width:960px;
	margin:0 auto;
}

div#mainImage #flashContentWrapper{
	width:959px;
	height:384px;
	margin:0 auto;
}

div#main{
	clear:both;
	width:975px;
	margin:0 auto;
	background:url(../images/main_bg.gif) repeat-y center;
}

div#content{
	float:left;
	width:702px;
	margin-left:8px;
}
* html div#content{margin-left:4px;}

div#sidebar{
	float:right;
	width:242px;
}

div#footerWrapper{
	clear:both;
	border-top:1px solid #CCCCCC;
	background:#EEEEEE;
	padding-top:6px;
	padding-bottom:12px;
}

div#footer{
	width:975px;
	margin:0 auto;
}

/*-------------------
	
  #header
  
--------------------*/
#header{
	padding-bottom:13px;
}
#header p{
	margin-top:6px;
	float:left;
}
#header .headRight{
	margin-top:13px;
	float:right;
	width:493px;
}

#header .headRight ul.headMenu{
	padding-top:2px;
}

#header .headRight ul.headMenu li{
	padding-left:19px;
	background:url(../images/icon_b.gif) no-repeat left center;
	float:left;
	margin-right:26px;
}

#header .headRight ul.headMenu li a{
	color:#333333;
	text-decoration:none;
}

#header .headRight ul.headMenu li a:hover{
	text-decoration:underline;
}

#header .headRight ul.headMenu li.floatRight{
	background:none;
	margin:0 0 13px 0;
	padding:0;
	float:right;
}

#header .headRight .searchBox{
	clear:both;
}

#header .headRight .searchBox form{
	text-align:right;
}

#header .headRight input.search{
	width:170px;
	margin:0;
	background:url(../images/icon_search.gif) left no-repeat #F0F0F0;
	border:1px solid #CCCCCC;
	padding-top:4px;
	padding-right: 1px;
	padding-bottom:5px;
	padding-left: 22px;
	vertical-align:middle;
	* padding-bottom:4px;
}

* html #header .headRight input.search{padding-top:3px;}
*+html #header .headRight input.search{padding-top:3px;}
/*-------------------
	
  #navigation
  
--------------------*/
#navigation ul li{
	float:left;
}

#navigation ul li a{
	text-indent:-5000px;
	display:block;
	width:120px;
	height:56px;
	background:url(../images/g_navi.jpg) no-repeat;
}

#navigation ul li#gNaviHome a{
	background-position:0px 0px;
}
#navigation ul li#gNaviBusiness a{
	background-position:-120px 0px;
}
#navigation ul li#gNaviConsumer a{
	background-position:-240px 0px;
}
#navigation ul li#gNaviCompanyInfo a{
	background-position:-360px 0px;
}
#navigation ul li#gNaviRecruit a{
	background-position:-480px 0px;
}
#navigation ul li#gNaviLink a{
	background-position:-600px 0px;
}

#navigation ul li#gNaviHome a:hover{
	background-position:0px -56px;
}
#navigation ul li#gNaviBusiness a:hover{
	background-position:-120px -56px;
}
#navigation ul li#gNaviConsumer a:hover{
	background-position:-240px -56px;
}
#navigation ul li#gNaviCompanyInfo a:hover{
	background-position:-360px -56px;
}
#navigation ul li#gNaviRecruit a:hover{
	background-position:-480px -56px;
}
#navigation ul li#gNaviLink a:hover{
	background-position:-600px -56px;
}

#navigation ul li#gNaviHome.over a{
	background-position:0px -56px;
}
#navigation ul li#gNaviBusiness.over a{
	background-position:-240px -56px;
}
#navigation ul li#gNaviConsumer.over a{
	background-position:-120px -56px;
}
#navigation ul li#gNaviCompanyInfo.over a{
	background-position:-360px -56px;
}
#navigation ul li#gNaviRecruit.over a{
	background-position:-480px -56px;
}
#navigation ul li#gNaviLink.over a{
	background-position:-600px -56px;
}
/*-------------------
	
  #main
  
--------------------*/
#main .pankuzu{
	margin-left:8px;
	margin-right: 7px;
	background:url(../images/pankuzu_bg.jpg) no-repeat top left #FFFFFF;
	padding:19px 0 7px 0;
}

#main .pankuzu p{
	margin-left:6px;
	padding-left:19px;
	background:url(../images/icon_top.gif) no-repeat left center;
	line-height: 1.2;
}
/*-------------------
	
  #content
  
--------------------*/
#content{
	padding-bottom:30px;
}

/*-------------------
	
  #sidebar
  
--------------------*/
#sidebar{
	padding-bottom:30px;
}
#sidebar ul#subNavi{
	margin-left:12px;
	margin-bottom:22px;
}

#sidebar ul#subNavi li{
	margin-bottom:9px;
}

/*--------------------*/

#sidebar ul#subNavi.spec li {
	margin-bottom: 0;
}

#sidebar ul#subNavi li ul {
	margin-bottom: 25px;
}

#sidebar ul#subNavi li ul li {
	background: url(../images/side_li_back.gif) no-repeat left bottom;
	line-height: 34px;
	margin: 0 20px 0 0;
}

#sidebar ul#subNavi li ul li a {
	margin-left: 26px;
	text-decoration: none;
	color: #333;
	display: inline-block;
	width: 184px;
}

#sidebar ul#subNavi li ul li a:hover {
	background: url(../images/side_a_back.gif) no-repeat right 3px;
}

#sidebar dl.dl01 dt.mdt{
	margin: 8px 10px 0px 2px;
	background: url(../images/side_mid_back.gif) repeat-x left top;
	padding: 8px 0 8px 10px;
}

#sidebar dl.dl01{
	background:url(../images/sidebar_dl01_bg.jpg)  left bottom no-repeat;
}

#sidebar dl.dl01 dt {
	background:url(../images/sidebar_dt01_bg.jpg) no-repeat left bottom;
}

#sidebar dl.dl01 dd p {
	line-height: 1.5;
}

/*--------------------*/

#sidebar dl{
	background:url(../images/sidebar_dl_bg.jpg) bottom no-repeat;
	padding-bottom:26px;
}

#sidebar dt{
	background:url(../images/sidebar_dt_bg.jpg) no-repeat top;
	padding:13px 0 0 12px;
}
#sidebar dt.middleDt{
	margin-top:10px;
	background:url(../images/sidebar_dt2_bg.jpg) no-repeat top;
}

#sidebar dd{
	padding:7px 0 0 12px;
}
#sidebar dd p{
	width:210px;
	text-align:center;
}

#sidebar .bannarBox{
	margin-left:12px;
	margin-bottom:13px;
}
#sidebar .bannarBox p{
	margin-bottom:5px;
}
/*-------------------
	
  #footer
  
--------------------*/
#footer {

}

#footer .footLeft{
	margin-top:2px;
	float:left;
	width:640px;
}

#footer .footRight{
	float:right;
	text-align:right;
}
/*
#footer .small a{
	font-size:100%;
}
*/
/*-------------------
	
　clearfix

--------------------*/
#header:after,
#navigation:after,
#main:after,
#footer:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	content: " ";  
	font-size: 0.1em; 
	line-height: 0; 
}

#header,
#navigation,
#main,
#footer
{
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html #header{height:1%;}
* html #navigation{height:1%;}
* html #main{height:1%;}
* html #footer{height:1%;}

#header,
#navigation,
#main,
#footer
{ display: block; }
/* End hide from IE-mac */





.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	content: " ";  
	font-size: 0.1em; 
	line-height: 0; 
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*-------------------
	
　共通クラス
  
--------------------*/

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

/* clear */
.clear{
	clear:both;
}

.toTop{
	clear:both;
	text-align:right;
	margin-top:40px;
}

.alignC{
	text-align:center;
}

.alignL{
	text-align:left;
}

.alignR{
	text-align:right;
}

.marBtm5{
	margin-bottom:5px;
}
.marBtm10{
	margin-bottom:10px;
}
.marBtm15{
	margin-bottom:15px;
}
.marBtm20{
	margin-bottom:20px;
}
.marBtm25{
	margin-bottom:25px;
}
.marBtm30{
	margin-bottom:30px;
}
.marBtm35{
	margin-bottom:35px;
}
.marBtm40{
	margin-bottom:40px;
}
.marBtm45{
	margin-bottom:45px;
}
.marBtm50{
	margin-bottom:50px;
}

.marBtm60{
	margin-bottom:60px;
}
.marBtm65{
	margin-bottom:65px;
}
.marBtm70{
	margin-bottom:70px;
}
.marBtm170{
	margin-bottom:170px;
}

.marLeft5{
	margin-left:5px;
}
.marLeft10{
	margin-left:10px;
}
.marLeft15{
	margin-left:15px;
}
.marLeft20{
	margin-left:20px;
}
.marLeft25{
	margin-left:25px;
}
.marLeft30{
	margin-left:30px;
}
.marLeft35{
	margin-left:35px;
}
.marLeft40{
	margin-left:40px;
}
.marLeft45{
	margin-left:45px;
}
.marLeft50{
	margin-left:50px;
}
.marTop5{
	margin-top:5px;
}
.marTop10{
	margin-top:10px;
}
.marTop15{
	margin-top:15px;
}
.marTop20{
	margin-top:20px;
}
.marTop25{
	margin-top:25px;
}
.marTop30{
	margin-top:30px;
}
.marTop35{
	margin-top:35px;
}
.marTop40{
	margin-top:40px;
}
.marTop45{
	margin-top:45px;
}
.marTop50{
	margin-top:50px;
}
.marRight5{
	margin-right:5px;
}
.marRight10{
	margin-right:10px;
}
.marRight15{
	margin-right:15px;
}
.marRight20{
	margin-right:20px;
}
.marRight25{
	margin-right:25px;
}
.marRight30{
	margin-right:30px;
}
.marRight35{
	margin-right:35px;
}
.marRight40{
	margin-right:40px;
}
.marRight45{
	margin-right:45px;
}
.marRight50{
	margin-right:50px;
}
.padBtm40{
	padding-bottom:40px;
}
.padTop5{
	padding-top:5px;
}
.padTop10{
	padding-top:10px;
}
.padLeft10{
	padding-left:10px;
}
.padLeft15{
	padding-left:15px;
}

.lower{
	text-indent:-1em;
	padding-left:1em;
}

.iconNews{
	background:url(../cmn_images/icon_news.gif) no-repeat top left;
	background-position:0 1px;
	padding-left:18px;
}

.boxShadow{
	background:url(../cmn_images/boxshadow.jpg) no-repeat bottom;
	padding-bottom:18px;
}

.noBg{
	background-image:none;
}

img.icon{
	margin-left:3px;
	vertical-align:middle;
}