@charset "Shift-JIS";

body{
	background: url(../../images/index_bg01.gif) center 390px no-repeat;
}
h2{
 background: none;
}

/*header
------------------------------*/
#index #header{
	padding: 16px 0px 0px;
	height: 34px;
}
#index div#headnav{
	top: 50%;
	left: 530px;
	margin-top: -6px;
	padding: 0px;
	height: 12px;
	background: none;
	width: 230px;
}
#index #fontsize{
	top: 50%;
	margin-top: -11px;
}

#index #container{
	margin: 0px auto 30px;
	width: 912px;
	text-align: left;
}
#index #contents{
	margin: 0px auto 30px;
	width: 912px;
	text-align: left;
}
#index #contents h2{
	margin-bottom: 12px;
}

/*contents
-----------------------------*/
/* noflash(header) */
#noflash{
	margin: 0 auto;
	width:946px;
	height:436px;
}
#bg01{
	position:relative;
	margin: 0 auto;
	width:946px;
	height:436px;
	background:transparent url(../../images/index_bg02.gif) left top no-repeat;
}
#swfarea{
	position:relative;
	margin: 0 auto;
	padding: 22px 27px 27px;
	width: 892px;
	height: 392px;
	z-index:10;
}
#noflash img{
	display:block;
}
#noflash #swfhead{
	margin:0 0 3px 0;
	text-align:left;
}
#noflash #swfnav{
	position:relative;
	width:700px;
	margin:0 0 0 -8px;
}
#noflash #swfnav li{
	float:left;
	margin:0 15px 0 0;
	position:relative;
}
#noflash #swfnav li.normal{
	padding:5px 0 0 0;
}
#noflash #swfnav li.border{
	margin:2px 10px 0 0;
	padding:3px 10px 1px 0;
	border-right:1px solid #bdbdbd;
}
#noflash .search{
	position:absolute;
	right:30px;
	top: 23px;
}
#noflash .search img{
	display:inline;
	vertical-align:middle;
}
#noflash .search input{
	margin:0 0 0 10px;
	vertical-align:middle;
}

/* search */
#noflash #SS_suggest {
	/*position: absolute;
	margin-top: -5px;*/
	margin:0 !important;
	padding: 0 !important;
	top: 40px !important;
	left: 770px !important;
	z-index: 40 !important;
}

/*headNavigation
-------------------------------------------------------------------*/
#swfnav li.company{
	background: url(../images/cmn_headnav02_a.gif) left top no-repeat;
}
#swfnav li.corporate{
	background: url(../images/cmn_headnav02_2_r.gif) left top no-repeat;
}
#swfnav li.ir{
	background: url(../images/cmn_headnav02_4_r.gif) left top no-repeat;
}
#swfnav li.environment{
	background: url(../images/cmn_headnav02_5_r.gif) left top no-repeat;
}
#swfnav li.office{
	background: url(../images/cmn_headnav03_a.gif) left top no-repeat;
}
#swfnav li.fieldoffice{
	background: url(../images/cmn_headnav03_1_r.gif) left top no-repeat;
}
/* 2 */
#swfnav li:hover img{
	filter: alpha( opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#swfnav li.hover img{
	filter: alpha( opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#swfnav li:hover li img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#swfnav li.hover li img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/* 3 */
#swfnav .company li:hover img,
#swfnav .office li:hover img{
	filter: alpha( opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#swfnav .company li.hover img,
#swfnav .office li.hover img{
	filter: alpha( opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#swfnav .company li:hover li img,
#swfnav .office li:hover li img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#swfnav .company li.hover li img,
#swfnav .office li.hover li img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/* none alpha */
#swfnav li:hover a.none img,
#swfnav li.hover a.none img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* company */
#swfnav #snavCompany{
	display: none;
	position: absolute;
	top: 22px;
	padding: 10px;
	width: 126px;
	height: 120px;
	background: url(../images/cmn_headnav02_bg.gif) top left no-repeat;
}
#swfnav #snavCompany li{
	clear: both;
	margin-bottom: 5px;
	width: 126px;
}
#swfnav #ssnavCorporate{
	display: none;
	position: absolute;
	padding: 10px 10px 10px 20px;
	width: 149px;
	height: 115px; /* default:151px */
	background: url(../images/cmn_headnav02_2_bg.gif) top right no-repeat;
		_background-position:top 10px;
left: 121px;
	top: -8px;
}
#swfnav #ssnavIr{
	display: none;
	position: absolute;
	padding: 10px 10px 10px 20px;
	width: 149px;
	height: 131px;
	background: url(../images/cmn_headnav02_4_bg.gif) top right no-repeat;
		_background-position:top 10px;
left: 121px;
	top: -8px;
}
#swfnav #ssnavEnvironment{
	display: none;
	position: absolute;
	padding: 10px 10px 10px 20px;
	width: 149px;
	height: 79px;
	background: url(../images/cmn_headnav02_5_bg.gif) top right no-repeat;
		_background-position:top 10px;
left: 121px;
	top: -8px;
}
#swfnav #ssnavCorporate li,
#swfnav #ssnavIr li,
#swfnav #ssnavEnvironment li{
	width: 149px;
	margin-bottom: 7px;
	_margin-bottom: 5px;
}

/* service */
#swfnav #snavService{
	display: none;
	position: absolute;
	top: 22px;
	padding: 10px;
	width: 118px;
	height: 82px;
	background: url(../images/cmn_headnav03_bg.gif) top left no-repeat;
}
#swfnav #snavService li{
	width: 118px;
	margin-bottom: 7px;
}
#swfnav #ssnavOffice{
	display: none;
	position: absolute;
	padding: 10px 10px 10px 30px;
	width: 115px;
	height: 63px;
	background: url(../images/cmn_headnav03_1_bg.gif) top right no-repeat;
	_background-position:top 20px;
	left: 114px;
	top: -10px;
}
#swfnav #ssnavOffice li{
	width: 115px;
	margin-bottom: 7px;
}
#swfnav ul#ssnavCorporate li,
#swfnav ul#ssnavIr li,
#swfnav ul#ssnavEnvironment li,{
	margin-bottom: 9px;
	_margin-bottom: 7px;
}

/* pulldown on/off */
#swfnav li:hover #snavCompany,
#swfnav li:hover #snavService,
#swfnav #snavCompany li:hover #ssnavCorporate,
#swfnav #snavCompany li:hover #ssnavIr,
#swfnav #snavCompany li:hover #ssnavEnvironment,
#swfnav #snavService li:hover #ssnavOffice{
	display:block;
}
#swfnav li.hover #snavCompany,
#swfnav li.hover #snavService,
#swfnav #snavCompany li.hover #ssnavCorporate,
#swfnav #snavCompany li.hover #ssnavIr,
#swfnav #snavCompany li.hover #ssnavEnvironment,
#swfnav #snavService li.hover #ssnavOffice{
	display:block;
}
#swfnav li #snavCompany,
#swfnav li #snavService,
#swfnav #snavCompany li #ssnavCorporate,
#swfnav #snavCompany li #ssnavIr,
#swfnav #snavCompany li #ssnavEnvironment,
#swfnav #snavService li #ssnavOffice{
	display:none;
}


/* noflash(visual) */

#noflash #visual{
	padding:10px;
	width:872px;
	background:#1E1E1E;
}

#noflash .leftside{
	float:left;
	width:294px;
	text-align:left;
}
#noflash #swfpct{
	float:left;
	width:294px;
}
#noflash #swfpct li{
	float:left;
	margin:0 10px 10px 0;
}
#noflash .rightside{
	float:right;
	margin:0 0 0 -10px;
	width:578px;
}

/* noflash(bottombanner) */
#bg02{
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0;
	padding:0;
	width:940px;
	height:139px;
	background:transparent url(../../images/index_bg03.png) left top no-repeat !important;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index_bg03.png',sizingMethod='crop');
	z-index:20;
}
#btmbnr{
	position:absolute;
	bottom:-10px;
	left:50%;
	margin:0 0 0 -465px;
	padding:0 0 0 30px;
	width:910px;
	height:139px;
	z-index:30;
}
#btmbnr li{
	float:left;
	width:277px;
}


#contents h2{
	background: none;
	padding: 0px;
}

/*info
-----------------------------*/
#index #info{
	position: relative;/* For RSS-icon */
	float: left;
	width: 487px;
}
#index #info table{
	width: 100%;
	border: none;
}
#index #info th{
	padding: 0.5em 10px;
	width: 87px;
	background:none;
	border: none;
	vertical-align: top;
	text-align: left;
}
#index #info td{
	padding: 0.5em 10px 0.5em 0px;
	width: 333px;
	background:none;
	border: none;
	vertical-align: top;
}

#index #contents #info p.rss{
	position: absolute;
	left:  63px;
	top: 0;
}


/*service
-----------------------------*/
#index #service{
	float: right;
	width: 392px;
}
#index #service .product{
	margin-bottom: 26px;
	zoom:1;
}
#index #service .product li{
	float: left;
	margin-left: 10px;
	width: 124px;
}
#index #service .product li:first-child{
	margin-left: 0;
}
#index #service .product li.none{
	margin: 0px;
	width:93px;
}
#index #service .product li .tit{
	margin-top: 8px;
}
#index #service .service li{
	float: left;
	width:	191px;
}


/*bottombanner
-----------------------------*/
#index .btmbnr li{
	float: left;
	width: 166px;
	padding: 10px 0px 13px;
}

/* homeComment 20120313 */
.homeComment {
	margin: 0 10px 10px;
	padding: 15px 10px 9px 15px;
	background-color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #F2F2F2;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.20);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.20);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.20);
}
.homeComment p {
	padding: 0;
	margin: 0;
	letter-spacing:1px;
	/*font-size: 116%;*/
	/*font-family: serif;*/
	/*text-shadow: 2px 2px 3px #ffffff;*/
}