@charset "shift_jis";



/* ****************************************************

	sitetop.css

***************************************************** */







/*  settings

=========================================*/

#container #header #headerTop .inner {

	width: 960px;

}

#container #header #headerUtilityArea .inner {

	width: 960px;

}

#container #navContainer #grobalNav {

	width: 961px;

}

#container #content {

	padding: 11px 0 0;

}

#container #content #mainContainer {

	width: 966px;

	padding: 3px 0 60px;

	background: #ffffff url(../../images_new/index_bg04.gif) no-repeat 0 0;

}

#container #content #mainContainer #wrapContents {

	padding: 0 14px;

}

#container #content #mainContainer #wrapContents #mainContent {

	float: none;

	width: 100%;

}

#container #footer #pagetopArea .inner {

	width: 938px;

}

#container #footer #pagetopArea .inner p {

	margin: 0;

}

#container #footer #footerUtilityArea .inner {

	width: 938px;

}

#container #footer #copyArea .inner {

	width: 938px;

}



#container #content p,

#container #content ul,

#container #content dl {

	margin: 0;

}



#container h3 {

	margin: 0;

	padding: 0;

	border: none;

	background: none;

}

#mainContainer img {

	vertical-align: bottom;

}









/*  nav

=========================================*/

#container #navContainer #grobalNav li a {

	display:block;

	height:44px;

	text-indent:-10000px;

	overflow:hidden;

	background-image:url(../../images_new/index_nav01.gif);

}

#container #navContainer #grobalNav li#gnavService a {

	width:211px;

	background-position:0 0;

}

#container #navContainer #grobalNav li#gnavSolution a {

	width:210px;

	background-position:-211px 0;

}

#container #navContainer #grobalNav li#gnavFKS a {

	width:210px;

	background-position:-421px 0;

}

#container #navContainer #grobalNav li#gnavCompanyInfo a {

	width:165px;

	background-position:-631px 0;

}

#container #navContainer #grobalNav li#gnavRecruiting a {

	width:165px;

	background-position:-796px 0;

}



#container #navContainer #grobalNav li#gnavService a:hover {

	background-position:0 -44px;

}

#container #navContainer #grobalNav li#gnavSolution a:hover {

	background-position:-211px -44px;

}

#container #navContainer #grobalNav li#gnavFKS a:hover {

	background-position:-421px -44px;

}

#container #navContainer #grobalNav li#gnavCompanyInfo a:hover {

	background-position:-631px -44px;

}

#container #navContainer #grobalNav li#gnavRecruiting a:hover {

	background-position:-796px -44px;

}













/*  parts

=========================================*/

#container #content .mainVisual {

	padding: 0 3px;

}

#container #content .topContents {

	clear: both;

	margin: 4px 0 0;

}

#container #content .topContents .topTwoCol01 {

	background: url(../../images_new/top_bg12.gif) repeat-y 0 0;

}

#container #content .topContents .topTwoCol01 .inner {

	background: url(../../images_new/top_bg01.gif) no-repeat 0 100%;

}

#container #content .topContents .topTwoCol01 .leftContents {

	float: left;

	width: 464px;

}

#container #content .topContents .topTwoCol01 .rightContents {

	float: right;

	width: 464px;

}

#container #content .topContents .topTwoCol02 {

	margin-top: 0;

	padding: 14px 10px 10px;

	background: url(../../images_new/top_bg03.gif) no-repeat 0 0 #1b68c8;

}

#container #content .topContents .topTwoCol02 *:first-child {

	margin-top: 0 !important;

}

#container #content .topContents .topTwoCol02 .inner {

	width: 926px;

	margin: 10px -8px 0 0;

	padding-bottom: 15px;

	background: url(../../images_new/top_bg04.png) no-repeat 0 43px;

}

#container #content .topContents .topTwoCol02 .inner .colContents {

	float: left;

	width: 455px;

	margin-right: 8px;

}

#container #content .topContents .topTwoCol02 .inner.oneCol {

	background: url(../../images_new/top_bg06.gif) no-repeat 0 43px;

}

#container #content .topContents .topTwoCol02 .inner.oneCol .colContents {

	float: none;

	width: 918px;

	margin-right: 0;

}

#container #content .topContents .topTwoCol02 .inner .colContents .figureCol01 {

	padding: 10px 15px 0;

}

.figureCol01 .imgR {

	float: right;

	margin-left: 10px;

}

.figureCol01 .imgR.w240 {

	width: 240px;

}

.figureCol01 .txt {

	overflow: hidden;

	zoom: 1;

}

#container #content .topContents .topTwoCol02 .inner .colContents .figureCol01 .iconLinkList {

	margin-top: 10px;

}

#container #content .topContents .topTwoCol02 .inner .colContents .figureCol01 .iconLinkList.noFloat li {

	float: none;

}

#container #content .topContents .topTwoCol02 .inner .colContents .figureCol01 .iconLinkList li {

	float: left;

	margin-right: 10px;

	background: url(../images_new/com_ic01.gif) no-repeat scroll 0 0.3em !important;

}

#container #content .topContents .topTwoCol02 .inner .colContents .figureCol01 .iconLinkList.type01 li {

	width: 125px;

}

#container #content .topContents .topTwoCol02 .inner .colContents .figureCol01 .iconLinkList.type02 li {

	width: 250px;

}

#container #content .topContents .topTwoCol02 .inner .colContents .figureCol01 .iconLinkList.noFloat li {

	float: none;

	margin: 0;

}

#container #content .topContents .topTwoCol03 {

	margin-top: 35px;

	padding-bottom: 13px;

	background: url(../../images_new/top_bg07.gif) no-repeat 0 100%;

}

#container #content .topContents .topTwoCol03 .inner {

	width: 948px;

	margin-right: -10px;

	background: url(../../images_new/top_bg05.gif) no-repeat 0 49px;

}

#container #content .topContents .topTwoCol03 .inner .colContents {

	float: left;

	width: 464px;

	margin-right: 10px;

}

#container #content .topContents .topTwoCol03 .inner .colContents .txtContents {

	padding: 15px 15px 0;

}

#container #content .topContents .topTwoCol03 .inner .colContents .txtContents .imgR {

	margin-top: -50px;

	position: relative;

}	





/* left */

#container #content .topContents .leftContents .innerContents {

	padding: 11px 7px 7px 8px;

}

#container #content .topContents .leftContents .innerContents .btnList01 {

	width: 450px;

	margin-right: -1px;

}

#container #content .topContents .leftContents .innerContents .btnList01 li {

	float: left;

	margin: 0 1px 1px 0;

	padding: 0;

	background: none;

}

#container #content .topContents .leftContents .innerContents .colBlock01 .inner {

	padding: 7px 10px 15px;

	background: #ffffff url(../../images_new/index_bg01.gif) repeat-x 0 0;

}

#container #content .topContents .innerContents .colBlock01 .iconLink01 {

	margin: 5px 0 0;

}

#container #content .topContents .innerContents .colBlock01 .iconLink01 li {

	padding: 0 0 0 10px;

	background: url(../images_new/com_ic01.gif) no-repeat 0 0.3em;

}

#container #content .topContents .innerContents .colBlock01 .iconLink01.column2 li {

	float: left;

	width: 120px;

	margin: 0 5px 0 0;

}

#container #content .topContents .innerContents .colBlock01 .iconLink01.column2 li.leftList {

	clear: both;

}

#container #content .topContents .leftContents .innerContents .wrapColumn {

	clear: both;

	margin: 6px 0 0;

	background: url(../../images_new/index_bg02.gif) no-repeat 0 0;

}

#container #content .topContents .leftContents .innerContents .wrapColumn .leftCol {

	float: left;

	width: 219px;

}

#container #content .topContents .leftContents .innerContents .wrapColumn .rightCol {

	float: right;

	width: 219px;

}

#container #content .topContents .leftContents .innerContents .colBlock01 .inner .left {

	float: left;

	width: 200px;

}

#container #content .topContents .leftContents .innerContents .colBlock01 .inner .right {

	float: right;

	width: 200px;

}

#container #content .topContents .leftContents .innerContents .colBlock01 .inner .imgCol {

	float: right;

	width: 138px;

	margin: 0 0 0 12px;

}

#container #content .topContents .leftContents .innerContents .colBlock01 .inner .textCol {

	overflow: hidden;

	zoom: 1;

}



/* right */

#container #content .topContents .rightContents .innerContents {

	padding: 12px 10px 10px;

}

#container #content .topContents .rightContents .innerContents .colBlock01 .inner {

	padding: 12px 10px;

	background: url(../../images_new/top_bg02.gif) repeat-x 0 0 #ffffff ; 

}

#container #content .topContents .rightContents .innerContents .colBlock01 .inner .column3 {

	margin: 5px 0 0;

	padding: 0 0 13px;

	background: url(../../images_new/index_ex01.gif) repeat-x 0 100%;

}

#container #content .topContents .rightContents .innerContents .colBlock01 .inner .column3 li {

	margin: 3px 0 0;

}

#container #content .topContents .rightContents .innerContents .colBlock01 .inner .column3 .leftCol {

	float: left;

	width: 138px;

	margin: 0 5px 0 0;

}

#container #content .topContents .rightContents .innerContents .colBlock01 .inner .column3 .centerCol {

	float: left;

	width: 138px;

}

#container #content .topContents .rightContents .innerContents .colBlock01 .inner .column3 .rightCol {

	float: right;

	width: 138px;

}

#container #content .topContents .rightContents .innerContents .colBlock01 .inner .no-border {

	margin: 11px 0 0;

	padding: 0;

	background: none;

}

#container #content .topContents .rightContents .greyContents {

	clear: both;

	margin: 12px 0 0;

	padding: 3px;

	background-color: #dddddd;

}

#container #content .topContents .rightContents .greyContents .inner {

	padding: 1px;

	border: #bbbbbb 1px solid;

	background-color: #ffffff;

}

#container #content .topContents .rightContents .greyContents .inner .inInner {

	padding: 15px 14px 12px;

	background: #ffffff url(../../images_new/index_bg01.gif) repeat-x 0 0;

}

#container #content .topContents .rightContents .greyContents .inner .inInner .txt {

	float: left;

	width: 265px;

}

#container #content .topContents .rightContents .greyContents .inner .inInner .img {

	position: relative;

	top: -49px;

	float: right;

	width: 151px;

	margin: 0 0 -49px;

}



#container #content .bottomContents {

	clear: both;

	margin: 40px 0 0;

}



#container #content .bottomContents .leftContents {

	float: left;

	width: 227px;

}

#container #content .bottomContents .rightContents {

	float: right;

	width: 681px;

}

#container #content .bottomContents .leftContents .innerContetns {

	padding: 2px 3px 3px 4px;

	background-color: #1B68C8;

}

#container #content .bottomContents .leftContents .innerContetns .txt {

	padding: 7px 8px 7px 13px;

	background-color: #ffffff;

}

#container #content .bottomContents .leftContents .innerContetns .txt .iconLink {

	margin: 3px 0 0;

	text-align: right;

}

#container #content .bottomContents .leftContents .innerContetns .txt .iconLink span {

	padding: 0 0 0 10px;

	background: url(../images_new/com_ic01.gif) no-repeat 0 0.15em;

}

#container #content .bottomContents .leftContents .bannerBlock01 {

	margin: 10px 0 0;

	padding: 4px;

	background-color: #eeeeee;

}

#container #content .bottomContents .leftContents .bannerBlock01 li {

	padding: 0;

	background: none;

	font-size: 0;

	line-height: 0;

}

#container #content .bottomContents .leftContents .warehouseLink {

	position: relative;

	margin-top: 10px;

}

#container #content .bottomContents .leftContents .warehouseLink li {

	position: absolute;

	margin: 0;

	padding: 0;

	background: none;

}

#container #content .bottomContents .leftContents .warehouseLink .btn01 {

	top: 61px;

	left: 9px;

}

#container #content .bottomContents .leftContents .warehouseLink .btn02 {

	top: 103px;

	left: 9px;

}

#container #content .bottomContents .rightContents .infoContents {

	margin: 21px 0 0;

}

#container #content .bottomContents .rightContents .infoContents dl,

#container #content .bottomContents .rightContents .infoContents .powered {

	padding: 7px 15px;

	background-color: #eeeeee;

	border-bottom: #ffffff 1px solid;

}

#container #content .bottomContents .rightContents .infoContents dl dt {

	margin: 0;

	padding: 0;

	background: none;

	font-weight: normal;

}

#container #content .bottomContents .rightContents .infoContents dl dd {

	padding: 0;

	margin: -1.4em 0 0 9em;

}

#container #content .bottomContents .rightContents .infoContents dl dd span {

	display: block;

	padding: 0 0 0 10px;

	background: url(../images_new/com_ic01.gif) no-repeat 0 0.3em;

	zoom: 1;

}

#container #content .bottomContents .rightContents .infoContents .powered {

	color: #666666;

	font-size: 85%;

}

#container #content .bottomContents .rightContents .infoContents .title {

	position: relative;

}

#container #content .bottomContents .rightContents .infoContents .title .linkList {

	position: absolute;

	top: 3px;

	right: 10px;

}

#container #content .bottomContents .rightContents .infoContents .title .link {

	display: block;

	float: right;

	margin: 0 0 0 22px;

	padding: 0 0 0 10px;

	background: url(../images_new/com_ic01.gif) no-repeat 0 0.3em;

}

#container #content .bottomContents .rightContents .infoContents .title .link img {

	position: relative;

	top: 0.2em;

	margin: 0 0 0 0.2em;

}



#container #content .bottomContents .rightContents .utilityContents {

	clear: both;

	margin: 27px 0 0;

	padding: 0 0 10px;

	background: url(../../images_new/index_bg03.gif) no-repeat 0 100%;

}

#container #content .bottomContents .rightContents .utilityContents .inner {

	padding: 2px 0 0;

	background: url(../../images_new/index_bg03.gif) no-repeat 0 0;

}

#container #content .bottomContents .rightContents .utilityContents .leftCol {

	float: left;

	width: 337px;

	margin: 0 9px 0 0;

}

#container #content .bottomContents .rightContents .utilityContents .centerCol {

	float: left;

	width: 163px;

}

#container #content .bottomContents .rightContents .utilityContents .rightCol {

	float: right;

	width: 163px;

}

#container #content .bottomContents .rightContents .utilityContents .innerContents {

	padding: 0 2px;

}

* html #container #content .bottomContents .rightContents .utilityContents .innerContents { /* for IE6 */

	display: inline;

}

#container #content .bottomContents .rightContents .utilityContents .innerContents .utilityCol {

	padding: 11px 13px 5px;

}

#container #content .bottomContents .rightContents .utilityContents .innerContents .utilityCol .iconLink01 {

	margin: 5px 0 0;

	padding: 0 0 0 10px;

	background: url(../images_new/com_ic01.gif) no-repeat 0 0.3em;

}

#container #content .bottomContents .rightContents .utilityContents .innerContents .utility2Col {

	padding: 11px 4px 5px;

}

#container #content .bottomContents .rightContents .utilityContents .innerContents .utility2Col .left {

	float: left;

	width: 159px;

}

#container #content .bottomContents .rightContents .utilityContents .innerContents .utility2Col .right {

	float: right;

	width: 159px;

}

#container #content .bottomContents .rightContents .utilityContents .innerContents .utility2Col .utilityCol {

	padding: 0 9px 0;

}









/* plugin */

#container #content div.sectionPlugin{

	padding: 5px 0 0;

}

#container #content div.sectionPlugin p{

	margin-top:10px;

}

#container #content div.sectionPlugin p.img{

	float:left;

	width:130px;

}

#container #content div.sectionPlugin p.text{

	float:left;

	width:455px;

	font-size:85%;

	line-height:1.2;

}

#container #header #headerTop,
#container #header #headerUtilityArea,
#container #content,
#container #footer #pagetopArea,
#container #footer #footerUtilityArea,
#container #footer #copyArea {
	min-width: 966px;
}







/*  extra

=========================================*/

/* clearfix */

#container #content .topContents:after,

#container #content .topContents .leftContents .innerContents .wrapColumn:after,

#container #content .topContents .leftContents .innerContents .colBlock01 .inner:after,

#container #content .topContents .innerContents .colBlock01 .iconLink01.column2:after,

#container #content .topContents .rightContents .innerContents .colBlock01 .inner .column3:after,

#container #content .topContents .rightContents .greyContents .inner .inInner:after,

#container #content .bottomContents:after,

#container #content .bottomContents .rightContents .utilityContents .inner:after,

#container #content .bottomContents .rightContents .utilityContents .innerContents .utility2Col:after,

.topTwoCol01:after,

.topTwoCol01 .inner:after,

.topTwoCol02 .inner:after,

.topTwoCol03 .inner:after,

.btnList01:after,

.figureCol01:after,

.iconLinkList:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	font-size: 0;

	line-height: 0;

}



#container #content .topContents,

#container #content .topContents .leftContents .innerContents .wrapColumn,

#container #content .topContents .leftContents .innerContents .colBlock01 .inner,

#container #content .topContents .innerContents .colBlock01 .iconLink01.column2,

#container #content .topContents .rightContents .innerContents .colBlock01 .inner .column3,

#container #content .topContents .rightContents .greyContents .inner .inInner,

#container #content .bottomContents,

#container #content .bottomContents .rightContents .utilityContents .inner,

#container #content .bottomContents .rightContents .utilityContents .innerContents .utility2Col,

.topTwoCol01,

.topTwoCol01 .inner,

.topTwoCol02 .inner,

.topTwoCol03 .inner,

.btnList01,

.figureCol01,

.iconLinkList {

	zoom: 1;

}

