@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  index.css
 style info :  トップページレイアウト用CSS 

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

/*----------------------------------------------------
	#container : コンテンツエリアの上書き
----------------------------------------------------*/
#container {
	width: 904px;
	height: auto;
	padding: 0 20px 24px 24px;
}

/*----------------------------------------------------
	#leftContainer : コンテンツエリア(左サイド)
----------------------------------------------------*/
#leftContainer {
	width: 630px;
	height: auto;
	float: left;
}

#flash {
	width: 630px;
	height: 200px;
	margin: 0 0 10px;
}

#pickup {
	width: 630px;
	height: 80px;
	margin: 0 0 10px;
}
#pickup ul {
	width: 630px;
	height: 80px;
	background: url(../images/pickupArea.jpg) no-repeat 0 0;
}
#pickup li, #pickup li a {
	width: 156px;
	height: 80px;
	background-image: url(../images/pickupArea.jpg);
	background-repeat: no-repeat;
}
#pickup li {
	text-indent: -9999px;
	margin: 0 2px 0 0;
	display: inline;
	float: left;
}
#pickup li#pickup04 {
	margin: 0;
}
#pickup li a {
	display: block;
}
#pickup li#pickup01, #pickup li#pickup01 a { background-position: 0 0; }
#pickup li#pickup02, #pickup li#pickup02 a { background-position: -158px 0; }
#pickup li#pickup03, #pickup li#pickup03 a { background-position: -316px 0; }
#pickup li#pickup04, #pickup li#pickup04 a { background-position: -474px 0; }
#pickup li#pickup01 a:hover, #pickup li#pickup02 a:hover,
#pickup li#pickup03 a:hover, #pickup li#pickup04 a:hover {
	background-image: url(../images/pickupAreaOver.jpg);
}

#leftContainer01 {
	width: 475px;
	height: auto;
	float: right;
}

.h2PressRelease {
	width: 475px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/pressRelease.gif) no-repeat 0 0;
	overflow: hidden;
}

#infoArea {
	width: 475px;
	height: auto;
	line-height: 100%;
	background: url(../images/bodyFrameTop.gif) no-repeat 0 0;
	padding: 20px 0 0;
}
#infoArea dl {
	width: 435px;
	height: auto;
	line-height: 1.25;
	background: url(../images/bodyFrameMiddle.gif) repeat-y 0 0;
	padding: 0 20px;
}
#infoArea dt {
	width: 69px;
	height: auto;
	line-height: 1.25;
	padding: 0 0 9px;
	margin: 0 0 8px;
	float: left;
	clear: both;
}
#infoArea dd {
	width: 366px;
	height: auto;
	border-bottom: dotted 1px #CCCCCC;
	padding: 0 0 8px 69px;
	margin: 0 0 8px -69px;
	float: left;
}
#infoArea dd a:link {
	color: #026379;
}
#infoArea p {
	width: 100px;
	height: auto;
	background: url(../images/bodyFrameMiddle.gif) repeat-y 0 0;
	padding: 0 20px 0 355px;
}
*:first-child+html #infoArea p {
	padding: 8px 20px 0 355px;
}
#infoBottom {
	width: 475px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/bodyFrameBottom.gif) no-repeat 0 0;
}

#leftContainer02 {
	width: 140px;
	height: auto;
	padding: 0 15px 0 0;
	float: left;
}
#leftContainer02 p {
	margin: 0 0 4px;
}

/*----------------------------------------------------
	#rightContainer : ナビゲーションエリア(右サイド)
----------------------------------------------------*/
#rightContainer {
	width: 254px;
	height: auto;
	float: right;
}

#sideView {
	width: 240px;
	height: 192px;
	background: url(../images/sideView.gif) no-repeat 0 0;
	padding: 4px 5px;
	margin: 0 0 10px;
}

#honpoBnr {
	/*width: 248px;
	height: 78px;
	color: #E6E6E6;
	border: solid 1px #CCCCCC;*/
	width: 250px;
	height: 80px;
	margin: 0 0 10px;
}
#honpoBnr a {
	/*width: 248px;
	height: 78px;
	display: block;*/
}

#ecNavi {
	width: 254px;
	height: auto;
}
#ecNavi h2 {
	width: 254px;
	height: 56px;
	text-indent: -9999px;
	background: url(../../common/images/sideEcHead.jpg) no-repeat 0 0;
}
#ecNavi ul {
	width: 254px;
	height: auto;
}
#ecNavi ul li {
	width: 254px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#ecNavi ul li#ecNavi01 {
	height: 85px;
	background-image: url(../../common/images/ecPartner.jpg);
}
#ecNavi ul li#ecNavi02 {
	height: 97px;
	background-image:url(../../common/images/ecUseScene.jpg);
}
#ecNavi ul li a {
	width: 230px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: -11px 0;
	margin: 0 0 0 11px;
	display: block;
}
#ecNavi ul li#ecNavi01 a {
	background-image: url(../../common/images/ecPartner.jpg);
}
#ecNavi ul li#ecNavi02 a {
	background-image: url(../../common/images/ecUseScene.jpg);
}
#ecNavi ul li#ecNavi01 a:hover {
	background-image: url(../../common/images/ecPartnerOver.jpg);
}
#ecNavi ul li#ecNavi02 a:hover {
	background-image: url(../../common/images/ecUseSceneOver.jpg);
}

#menuNavi {
	width: 254px;
	height: auto;
	padding: 0 0 5px;
}
#menuNavi h2 {
	width: 254px;
	height: 56px;
	text-indent: -9999px;
	background: url(../../common/images/sideMenuHead.gif) no-repeat 0 0;
}
#menuNavi ul {
	width: 254px;
	height: auto;
}
#menuNavi ul li {
	width: 254px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#menuNavi ul li#menu01 {
	/*height: 53px;*/
	height: 43px;
	background-image: url(../../common/images/menu01.jpg);
}
#menuNavi ul li#menu02 {
	/*height: 53px;*/
	height: 43px;
	background-image: url(../../common/images/menu02.jpg);
}
#menuNavi ul li#menu03 {
	/*height: 53px;*/
	height: 43px;
	background-image: url(../../common/images/menu03.jpg);
}
#menuNavi ul li#menu04 {
	/*height: 53px;*/
	height: 43px;
	background-image: url(../../common/images/menu04.jpg);
}
#menuNavi ul li#menu05 {
	/*height: 63px;*/
	height: 53px;
	background-image: url(../../common/images/menu05.jpg);
}
#menuNavi ul li a {
	width: 230px;
	/*height: 50px;*/
	height: 40px;
	background-repeat: no-repeat;
	background-position: -11px 0;
	margin: 0 0 0 11px;
	display: block;
}
#menuNavi ul li#menu01 a {
	background-image: url(../../common/images/menu01.jpg);
}
#menuNavi ul li#menu01 a:hover {
	background-image: url(../../common/images/menu01Over.jpg);
}
#menuNavi ul li#menu02 a {
	background-image: url(../../common/images/menu02.jpg);
}
#menuNavi ul li#menu02 a:hover {
	background-image: url(../../common/images/menu02Over.jpg);
}
#menuNavi ul li#menu03 a {
	background-image: url(../../common/images/menu03.jpg);
}
#menuNavi ul li#menu03 a:hover {
	background-image: url(../../common/images/menu03Over.jpg);
}
#menuNavi ul li#menu04 a {
	background-image: url(../../common/images/menu04.jpg);
}
#menuNavi ul li#menu04 a:hover {
	background-image: url(../../common/images/menu04Over.jpg);
}
#menuNavi ul li#menu05 a {
	background-image: url(../../common/images/menu05.jpg);
}
#menuNavi ul li#menu05 a:hover {
	background-image: url(../../common/images/menu05Over.jpg);
}

#links {
	width: 254px;
	height: auto;
}
#links h3 {
	width: 254px;
	height: 56px;
	text-indent: -9999px;
	background: url(../../common/images/linkHead.gif) no-repeat 0 0;
}
#links ul {
	width: 254px;
	height: auto;
}
#links ul li {
	width: 254px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#links ul li#links01 {
	height: 55px;
	background-image: url(../../common/images/linkColorZip.gif);
}
#links ul li#links02 {
	height: 55px;
	background-image:url(../../common/images/linkFCS.gif);
}
#links ul li#links03 {
	height: 63px;
	background-image: url(../../common/images/linkTikyu.gif);
}
#links ul li a {
	width: 230px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: -11px 0;
	margin: 0 0 0 11px;
	display: block;
}
#links ul li#links01 a {
	background-image: url(../../common/images/linkColorZip.gif);
}
#links ul li#links02 a {
	background-image:url(../../common/images/linkFCS.gif);
}
#links ul li#links03 a {
	background-image: url(../../common/images/linkTikyu.gif);
}