@charset "utf-8";


/*Base---------------------------------------------------------------------*/

html{background:#201714;}
#body{background: url(../images/haikei_main.jpg) repeat-x left top;}
#body-sec{background: url(../images/haikei_sec.jpg) repeat-x left top;}


.dumbCrossFade {
	width:426px;
	height:100px;
	display:block;
	cursor:pointer;
	border:none;
	position:relative;
	overflow:hidden;
			}
.dumbCrossFade .dumbItem {
	display:none;
	position:absolute;
	/*top:24px;*/
	/*bottom:0;*/
	/*left:1px;*/
	border:none;
}


/*Grid---------------------------------------------------------------------*/


#Container{
	width:900px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	background:#fff;
	overflow:hidden;
}


#secContainer{
	width:100%;
	height: auto;
	min-height: 100%;
	margin:0px auto;
	padding:15px 0 50px;
	text-align:center;
	background:#fff url(../images/haisei_sec.png) repeat-x left top;
}

#secContainer #secInner{
	width:900px;
	margin:0 auto;
	text-align:center;
}


/*footerを最下部に固定---------------------------------------------------*/

html,body,#wapper,#secContainer {
    height: 100%;
}

body > #wapper {height: auto; min-height: 100%;}

body{text-align:center;}

#wapper{
	width:100%;
	text-align:center;
	padding-bottom:50px;
	background: url(../images/haikei_wrapper.png) no-repeat center top;
}

#contents {
    padding-bottom: 40px;
	margin-bottom:30px;
	overflow:auto;
}

#contents{width:910x;margin:0px auto;text-align:center;}




 
/*div#container {
	width:900px;
	margin:0 auto;
    height: auto;
    padding-bottom: 10px;
}*/

.kage {
	display:block;
	-moz-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3);
}

#header{width:900px;margin:0 auto;}

/*#footer {
    width: 100%;
    color: #FFFFFF;
    text-align: center;
}*/


#footer {
	width:100%;
	position: relative;
	margin-top: -40px;
	height: 40px;
	clear:both;
	text-align:center;
	background: url(../images/haikei_footer.gif) repeat-x left bottom;
} 

#footer .footer-inner{
	width:900px;
	margin:0 auto;
	height: 40px;
	line-height:40px;
	text-align:right;
	font-size:0.813em;
	color:#201714;
	letter-spacing:0.1em;
}

/*リンク設定------------------------------------------------------------------*/

a:link,a:visited{color:#201714;text-decoration:none;}
a:hover{color:#971E23;text-decoration:underline;}

/*Header---------------------------------------------------------------------*/


#header{width:900px;padding:0 0 10px 0;}

#header div{
	display:table-cell;
	width:450px;
	padding:10px 0;
	vertical-align:middle;
	overflow:hidden;
	zoom:1;
}

#header div.logo{text-align:left;}
#header div.links{text-align:center;}

* html #header div{/* IE 6 */
	display:inline;
	zoom:1;
}

*:first-child+html #header div{/* IE 7 */
	display:inline;
	zoom:1;
}

#header div.logo h1{width:280px;height:50px;}
#header div.logo h1 a{
	width:280px;
	height:50px;
	display:block;
	background: url(../images/logo_genki_g.png) no-repeat left top;
}

#header div.logo h1 a span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
}

#header div.links ul{
	width:400px;
	height:24px;
	margin-left:50px;
	background: url(../images/navi/h_navi_haikei.gif) no-repeat left top;
}
#header div.links ul li{display:inline;font-size:0.75em;line-height:24px;}
#header div.links ul li a{
/*	background: url(../images/arrow_01.png) no-repeat left center;
	_background: url(../images/arrow_01.png) no-repeat left 7px;
	padding-left:13px;
	_padding-left:6px;
	_padding-right:5px;*/
	border-right:1px solid #fff;
	padding:0 5px 0 3px;
}

#header div.links ul li a:link,
#header div.links ul li a:visited{color:#fff;}

#header div.links ul li a.last{border-right:0px;padding-right:0;}

#header div.links form#Search_form {
		position: relative;
		width: 220px;
		height: 21px;
		margin: 0 0 5px 225px;
		border: 1px solid #666;
		background:#fff;
}

#header div.links form#Search_form input#Search_input {
		position: absolute;
		top: 2px;
		left: 2px;
		width: 173px;
		border: 0;
		color: #333333;
		font-size: 13px;
		line-height: 1.4;
		outline: none;
}


#header div.links form#Search_form input#Search_submit {
		position: absolute;
		top: 1px;
		left: 201px;
		width: 19px;
		height: 20px;
}

#header div.links p{font-size:12px;}
#header div.links p a{
	background: url(../images/arrow_01.png) no-repeat left center;
	_background: url(../images/arrow_01.png) no-repeat left 4px;
	padding-left:13px;
	_padding-left:6px;
}

/*Gloval-Navi---------------------------------------------------------------------*/

ul#glnavi{
	width:900px;
	margin:0 auto;
	overflow:hidden;
}

ul#glnavi li{
	float:left;
	width:180px;
	background:url(../images/navi/haikei_gnavi.png) repeat-x left bottom;
}

ul#glnavi li.btn{width:179px;border-right:1px solid #4D4D4D;}
ul#glnavi li.last{border-right:0px;}
/*アクティブなとき*/


ul#glnavi li a{display:block;background:#646363;}

ul#glnavi li a:link,
ul#glnavi li a:visited{border-top:2px solid #646363;background:url(../images/navi/haikei_gnavi.png) repeat-x left bottom;}
ul#glnavi li a:hover{border-top:2px solid #971E23;background:url(../images/navi/haikei_gnavi.png) repeat-x left bottom;}

ul#glnavi li.act{border-top:2px solid #E89112;background:url(../images/navi/haikei_gnavi.png) repeat-x left bottom;}


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

	blandlist

--------------------------------------------------------------------------------*/
ul#blandlist{
	width:805px;
	margin:0px auto 20px;
	overflow:hidden;
}

ul#blandlist li{
	float:left;
}

ul#blandlist li a:hover img{
	opacity:0.60;
	filter: alpha(opacity=60);
}



/*banner---------------------------------------------------------------------*/
#banner{
	width:870px;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:center;
	overflow:hidden;
}

#banner ul{}
#banner ul li{float:left;width:145px;text-align:left;}


/*second用タイトル---------------------------------------------------------------------*/

#secInner h2{
	width:900px;
	height:47px;
	margin-bottom:15px;
	position:relative;
}

#secInner h2 span{
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	left: 381px;
	top: 4px;
}

#secInner h2.newinfo{background: url(../images/ttl/newinfo.png) no-repeat left top;}
#secInner h2.info{background: url(../images/ttl/company.png) no-repeat left top;}
#secInner h2.quality{background: url(../images/ttl/quality.png) no-repeat left top;}
#secInner h2.policy{background: url(../images/ttl/policy.png) no-repeat left top;}
#secInner h2.guide{background: url(../images/ttl/guide.png) no-repeat left top;}
#secInner h2.inquiry{background: url(../images/ttl/contact.png) no-repeat left top;}
#secInner h2.ir{background: url(../images/ttl/ir.png) no-repeat left top;}
#secInner h2.company{background: url(../images/ttl/company.png) no-repeat left top;}
#secInner h2.sitemap{background: url(../images/ttl/sitemap.png) no-repeat left top;}
#secInner h2.recruit{background: url(../images/ttl/recruit.png) no-repeat left top;}

#secInner h2 p{
	position:absolute;
	top:15px;
	right:10px;
	font-size:0.813em;
}

#secInner h2 p a:link,
#secInner h2 p a:visited{color:#971E23;text-decoration:underline;}
#secInner h2 p a:hover{color:#201714;text-decoration:none;}

/*最新情報-------------------------------------------------------------------------------*/

#Group-info{
	width:860px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

#Group-info ul{
	width:860px;
	padding-bottom:7px;
	margin-bottom:20px;
	border-bottom:1px solid #D7D7D8;
}

#Group-info ul#filter{border-bottom:0;}

#Group-info ul li{display:table-cell;font-size:0.813em;vertical-align:middle;}
* html #Group-info ul li{display:inline;zoom:1;}
*:first-child+html #Group-info ul li{display:inline;zoom:1;}

#Group-info ul li.update{width:80px;}
#Group-info ul li.icon{width:100px;}
#Group-info ul li.icon img{margin-bottom:1px;}
#Group-info ul li.news{width:650px;}


/*お知らせ詳細-------------------------------------------------------------------------------*/

#activeBland{
	width:900px;
	margin-bottom:20px;
}

#activeBland ul{}

#activeBland ul li{display:inline;padding:0 3px;}
#activeBland ul li img.n-active{
	opacity:0.3;
	filter: alpha(opacity=30);
}


#newsContents{
	width:900px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

#newsContents #newsSection{
	width:540px;
	float:left;
	text-align:left;
}

#newsContents #newsImg{
	width:340px;
	float:right;
	text-align:left;
}

#newsContents #newsSection h3{
	width:520px;
	padding:15px 0;
	border-top:3px solid #201714;
	color:#201714;
}

#newsContents #newsSection h4{
	width:520px;
	background:#201714;
	color:#fff;
	font-size:0.813em;
	text-indent:1em;
	margin-bottom:20px;
}

#newsContents #newsSection p.outline{
	width:520px;
	color:#201714;
	font-size:0.875em;
	line-height:1.4;
	text-align:left;
	color:#990000;
	margin-bottom:1em;
	padding-bottom:1em;
	background: url(../images/dot_l.gif) repeat-x left bottom;
}


#newsContents #newsSection p.newsrelease{
	width:520px;
	color:#201714;
	font-size:0.813em;
	line-height:1.4;
	text-align:left;
	color:#990000;
	margin-bottom:1em;
	padding-bottom:1em;
	background: url(../images/dot_l.gif) repeat-x left bottom;
}

#newsContents #newsSection p.newsrelease a{
	background: url(../images/icon/pdf.png) no-repeat right center;
	padding-right:15px;
}

#newsContents #newsSection p.newsrelease a:link,
#newsContents #newsSection p.newsrelease a:visited{text-decoration:underline;color:#990000;}
#newsContents #newsSection p.newsrelease a:hover{text-decoration:none;color:#201714;}
#newsContents #newsSection p.newsrelease a.noImg{
	background: none;
}

#newsContents #newsSection p.news{
	width:520px;
	color:#201714;
	font-size:0.875em;
}

#newsContents #newsImg dl{
	width:335px;
	text-align:right;
	margin-bottom:15px;
}

#newsContents #newsImg dl dd{font-size:0.813em;color:#201714;}


/*お問い合わせ-------------------------------------------------------------------------------*/

#Contact{
	width:860px;
	margin:0 auto;
	text-align:left;
}

#Contact p{
	font-size:0.813em;
	margin-bottom:15px;
}

#Contact .matter{color:#ff0000;}

#Contact .error{
	color:#ff0000;
	padding: 5px;
	border: 1px #f00 dotted;
}

#Contact dl{
	position:relative;
	width:860px;
	text-align:left;
	padding-top:10px;
	border-top:1px solid #D7D7D8;
}

#Contact dl div{position:absolute;top:10px;right:0;}


#Contact dl dt{margin-bottom:7px;font-size:0.875em;}
#Contact dl dd{line-height:1.0;font-size:0.813em;}
#Contact dl dd input{vertical-align:middle;}
#Contact dl dd input.line{border:1px solid #4D4D4D;width:240px;height:24px;margin-right:5px;}
#Contact dl dd textarea.Concrete{border:1px solid #4D4D4D;width:450px;height:120px;margin-right:5px;}
#Contact .mb10{margin-bottom:10px;}
#Contact .mb20{margin-bottom:20px;}
#Contact .mr05{margin-right:5px;}
#Contact .ml10{margin-left:10px;}


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

	IRArea

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

#IRArea{
	width:900px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	overflow:hidden;
}


#IRArea ul#ir-navi{
	width:895px;
	margin:0 auto 30px;
	border:1px solid #D7D7D8;
	overflow:hidden;
}

#IRArea ul#ir-navi li{
	float:left;
	width:179px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:0.875em;
}

#IRArea ul#ir-navi li a{display:block;}

#IRArea ul#ir-navi li a:link,
#IRArea ul#ir-navi li a:visited{color:#971E23;text-decoration:underline;}
#IRArea ul#ir-navi li a:hover{color:#201714;text-decoration:none;}
#IRArea ul#ir-navi li.active{background:#971E23;color:#fff;}

#IRArea h3{
	width:860px;
	height:32px;
	line-height:32px;
	margin:0 auto 30px;
	padding-left:10px;
	text-align:left;
	font-size:1.125em;
	border-left:10px solid #971E23;
}

#IRArea dl{
	width:860px;
	margin:0 auto 15px;
	text-align:left;
	border-bottom:1px solid #D7D7D8;
}

#IRArea dl dt{
	font-size:0.813em;
}

#IRArea dl dd{
	font-size:0.813em;
	padding-bottom:10px;
	margin-bottom:10px;
	background: url(../images/dot_l.gif) repeat-x left bottom;
}

#IRArea dl dd.last{background:none;}

#IRArea dl dd a:link,
#IRArea dl dd a:visited{color:#971E23;text-decoration:underline;}
#IRArea dl dd a:hover{color:#201714;text-decoration:none;}

#IRArea p.pdf{
	float:left;
	_display:inline;
	margin-left:20px;
}

#IRArea p.pdf a{
	background: url(../images/icon/acrobat.jpg) no-repeat left center;
	padding-left:35px;
	display: inline-block;
	font-size:0.813em;
	line-height:1.2;
}


/*開示書類・財務データ*/

#IRArea div#ContentsIr{
	width:870px;
	margin:0 auto;
}

#IRArea div#ContentsIr iframe{
	width:850px;
	margin :0;
	padding:0;
	text-align:center;
}
iframe#ir{
	height:1000px;
}

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

	ニュースリリース

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

#IRArea ul#newsrelease{
	width:860px;
	margin:0 auto;
	text-align:left;
}

#IRArea ul#newsrelease li{
	padding:10px 0;
	background: url(../images/dot_l.gif) repeat-x left bottom;
}

#IRArea ul#newsrelease li table{
    border-collapse: separate;
    border-spacing: 0;
	width:860px;
}

#IRArea ul#newsrelease li table th,
#IRArea ul#newsrelease li table td{vertical-align:top;font-size:0.813em;text-align:left;}

#IRArea ul#newsrelease li table th{width:80px;}


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

	株主優待制度

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

#IRArea ul#shareholder{
	width:860px;
	margin:0 auto;
	text-align:left;
}

#IRArea ul#shareholder li{
	padding:10px 0;
	text-align:center;
}


#IRArea div#shareholder{
	width:860px;
	margin:0 auto;
	text-align:center;
}

#IRArea div#shareholder p{
	width:600px;
	margin:0 auto 15px;
}

#IRArea div#shareholder p.txt{
	font-size:13px;
	line-height:1.45;
	text-align:left;
}


#IRArea div#shareholder h4{
	width:600px;
	margin:15px auto 10px;
}

#IRArea div#shareholder p.att{
	font-size:12px;
	line-height:1.45;
	text-align:left;
	margin-top:-10px;
}




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

	utility

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


#utilityArea{
	width:900px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#utilityArea #utility-contents{
	width:670px;
	float:right;
	text-align:left;
}


#utilityArea #u-navi{
	width:200px;
	float:left;
}

#utilityArea #u-navi dl{
	width:198px;
	border:1px solid #AAAAA9;
	margin-bottom:10px;
}

#utilityArea #u-navi dl dt{}

#utilityArea #u-navi dl dd{}
#utilityArea #u-navi dl dd ul{width:190px;margin-left:5px;}

#utilityArea #u-navi dl dd ul li{
	background: url(../images/dot_l.gif) repeat-x left bottom;
	text-align:left;
}
#utilityArea #u-navi dl dd ul li.last{background:none;}

#utilityArea #u-navi dl dd ul li a{font-size:0.813em;display:block;padding:10px 0;}

* html #utilityArea #u-navi dl dd ul li a{font-size:0.813em;display:block;padding:10px 0;padding:7px 0 0;margin-bottom:-7px;}

#utility-contents h3{
	width:650px;
	height:30px;
	line-height:30px;
	padding-left:10px;
	text-align:left;
	font-size:1.125em;
	font-weight:bolder;
	color:#575757;
	border-left:10px solid #E64C0F;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}


#utility-contents p.preface{
	font-size: 0.813em;
	text-align: left;
	width: 650px;
}



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

	sitemap

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

#Sitemap{
	width:900px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#Sitemap #Group,
#Sitemap #Bland{
	width:840px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

#Sitemap #Group h3.Group{
	width:840px;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:left;
	border-bottom:1px solid #201714;
	clear:both;
}

#Sitemap #Group h3.Group img{margin-left:5px;}

#Sitemap #Group div,
#Sitemap #Bland div{
	width:280px;
	float:left;
	text-align:center;
}

#Sitemap #Bland div h3{
	width:270px;
	padding-bottom:5px;
	margin-bottom:10px;
	text-align:left;
	border-bottom:1px solid #201714;
	clear:both;
}

#Sitemap #Group div p,
#Sitemap #Bland div p{width:270px;margin:0 auto;font-size:0.938em;text-align:left;}
#Sitemap #Bland div p.last{margin-bottom:1em;}

#Sitemap #Group div p a,
#Sitemap #Bland div p a{
	background: url(../images/icon/arow.gif) no-repeat left center;
	padding-left:12px;
}

#Sitemap #Group div dl{
	width:270px;
	margin:0 auto 1em;
	text-align:left;
	font-size:0.938em;
}

#Sitemap #Group div dl dt{
	background: url(../images/dot_l.gif) repeat-x left bottom;
	padding-bottom:3px;
	margin-bottom:3px;
	color:#D82D1B;
}

#Sitemap #Group div dl dd a{
	background: url(../images/icon/arow.gif) no-repeat left center;
	padding-left:12px;
}


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

	リクルート

--------------------------------------------------------------------------------*/
#Recruit{
	width:840px;
	margin:0 auto;
	padding-top:30px;
	overflow:hidden;
}

#Recruit ul{
	width:840px;
}

#Recruit ul li{
	width:420px;
	float:left;
	padding-bottom:5px;
}

#Recruit ul li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

#Recruit ul li p{
	width:310px;
	margin:0 auto;
	text-align:right;
	font-size:0.938em;
}

#Recruit ul li p a{
	background: url(../../recruit/image/icon.gif) no-repeat right center;
	padding-right:15px;
}
#Recruit ul li p a:link,
#Recruit ul li p a:visited{color: #971e23;text-decoration: underline;}
#Recruit ul li p a:hover{color: #201714;text-decoration: none;}




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

	Banner

--------------------------------------------------------------------------------*/
#Banner{
	width:870px;
	margin:30px auto 0;
	padding-top:10px;
	border-top:1px solid #AAAAA9;
	text-align:center;
	overflow:hidden;
}



#Banner ul{
	width:560px;
	margin:0 auto;
}

#Banner ul li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#Banner ul li.banner01{width:120px;}
#Banner ul li.banner02{width:200px;}

* html #Banner ul li{/* IE 6 */
	vertical-align:middle;
	display:inline;
	zoom:1;
}

*:first-child+html #Banner ul li{/* IE 7 */
	vertical-align:middle;
	display:inline;
	zoom:1;
}