@charset "euc-jp";
/* CSS Document */

@import "company.css";
@import "business.css";
@import "ir.css";
@import "recruit.css";
@import "contact.css";
@import "p_policy.css";
@import "faq.css";
@import "sitemap.css";
@import "partner.css";
@import "news.css";

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	overflow-y:scroll;
	}
	
body {
	height: 100%;
	min-height: 100%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	font-size: 10pt;
	background-color:#ffffff;
	}

img {
	border:0px;
	}

p {
	margim:0px;
	padding:0px;
	}

a {
	border:0px;
	color:#666666;
	}

a:hover {
	border:0px;
	color:#006699;
	}

/*----- index,top-------------------------------------------------------------------*/

#wrapper {
	width:810px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	}

#container {
	float:left;
	width:810px;
	height:100%;
	margin:20px 0 0 0;
	padding:0px;	
	}

#header {
	float:left;
	width:810px;
	margin:0px 0px 30px 0px;
	padding:0px;
	background-image:url(../img/head-bg.jpg);
	background-repeat:no-repeat;
	}

* html #header {
	float:left;
	width:810px;
	margin:0px 0px 35px 0px;
	padding:0px;
	background-image:url(../img/head-bg.jpg);
	background-repeat:no-repeat;
	}

.catch {
	float:left;
	height:34px;
	margin:0px 200px 0px 0px;
	padding:30px 0px 0px 180px;
	}

* html .catch {
	float:left;
	height:11px;
	margin:0px 195px 0px 0px;
	padding:30px 0px 18px 180px;
	}

.sub-navi {
	float:right;
	width:auto;
	height:auto;
	margin:-300px 0px 0px 580px;
	padding:0px;
	position:absolute;
	clear:both;
	}

* html .sub-navi {
	float:left;
	width:auto;
	height:auto;
	margin:31px 0px 0px -230px;
	padding:0px 0px 0px 0px;
	position:absolute;
	clear:both;
	}

*+html .sub-navi {
	float:left;
	width:auto;
	height:auto;
	margin:31px 0px 0px -230px;
	padding:0px 0px 0px 0px;
	position:absolute;
	clear:both;
	}

.sub-navi2 {
	float:right;
	width:auto;
	height:auto;
	margin:30px 0px 0px 575px;
	padding:0px;
	position:absolute;
	clear:both;
	list-style:none;
	}

* html .sub-navi2 {
	float:left;
	width:auto;
	height:auto;
	margin:-62px 0px 0px 175px;
	padding:0px 0px 0px 0px;
	position:absolute;
	clear:both;
	}

*+html .sub-navi2 {
	float:left;
	width:auto;
	height:auto;
	margin:-62px 0px 0px 175px;
	padding:0px 0px 0px 0px;
	position:absolute;
	clear:both;
	}

.sub01 {
	float:left;
	height:15px;
	border-left:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	padding:0px 8px 0px 8px;
	list-style:none;
	}

.sub02 {
	float:left;
	height:15px;
	border-right:1px #FFFFFF solid;
	padding:0px 8px 0px 8px;
	list-style:none;
	}

.sub2-01 {
	float:left;
	height:15px;
	border-left:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	padding:0px 8px 0px 8px;
	list-style:none;
	}

.sub2-02 {
	float:left;
	height:15px;
	border-right:1px #FFFFFF solid;
	padding:0px 8px 0px 8px;
	list-style:none;
	}

.fla-box {
	float:left;
	width:810px;
	height:330px;
	margin:0px;
	padding:0px;
	position:absolute;
	}

* html .fla-box {
	float:left;
	width:810px;
	height:330px;
	margin:0px 0px 0px -405px;
	padding:0px;
	clear:left;
	}

.fla-sp {
	height:330px;
	margin-left:0px;
	margin-top:0px;
	padding:0px;
	position:absolute;
	z-index:1;
	clear:both;
	}

* html .fla-sp {
	height:330px;
	margin-left:-405px;
	margin-top:0px;
	padding:0px;
	position:absolute;
	z-index:1;
	clear:both;
	}

*+html .fla-sp {
	height:330px;
	margin-left:-810px;
	margin-top:0px;
	padding:0px;
	position:absolute;
	z-index:1;
	clear:both;
	}

.top-gnaviBox {
	float:left;
	width:223px;
	height:220px;
	position:relative;
	margin:-227px 0px 0px 576px;
	padding-left:0px;
	padding-top:0px;
	z-index:100;
	}

* html .top-gnaviBox {
	float:left;
	width:223px;
	height:220px;
	position:relative;
	margin:-227px 0px 0px 288px;
	padding-left:0px;
	padding-top:0px;
	z-index:100;
	}

.top-gnaviBox dl {
	float:left;
	margin:0px;
	padding:0px;
	}

.top-gnaviBox dt {
	float:left;
	width:208px;
	height:23px;
	margin:0px;
	padding:12px 0px 0px 15px;
	text-align:left;
	background-image:url(../img/menu-hbg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

* html .top-gnaviBox dt {
	float:left;
	width:208px;
	height:24px;
	margin:0px;
	padding:11px 0px 0px 15px;
	text-align:left;
	background-image:url(../img/menu-hbg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

.top-gnaviBox dd {
	float:left;
	margin:0px;
	padding:0px;
	}

.top-gnaviBox ul {
	float:left;
	margin:10px 0px 0px 16px;
	padding:0px;
	list-style:none;
	}

* html .top-gnaviBox ul {
	float:left;
	width:187px;
	margin:10px 0px 0px 8px;
	padding:0px;
	list-style:none;
	}

* html .top-gnaviBox img {
	vertical-align:bottom;
	}

.navi1 {
	width:187px;
	height:26px;
	border-bottom:1px #CCCCCC solid;
	}

.navi2 {
	width:187px;
	height:26px;
	border-bottom:1px #CCCCCC solid;
	}

.navi3 {
	width:187px;
	height:26px;
	border-bottom:1px #CCCCCC solid;
	}
	
.navi4 {
	width:187px;
	height:26px;
	border-bottom:1px #CCCCCC solid;
	}
	
.navi5 {
	width:187px;
	height:26px;
	border-bottom:1px #CCCCCC solid;
	}
	
.navi6 {
	width:187px;
	height:26px;
	}


.navi-li-las {
	widows:187px;
	height:26px;
	margin:0px 0px 0px 0px;
	padding:-1px 0px -1px 0px;
	}


#main-contents {
	float:left;
	width:810px;
	margin:310px 0px 15px 0px;
	padding:0px;
	}

* html #main-contents {
	float:left;
	width:810px;
	margin:305px 0px 15px 0px;
	padding:0px;
	}

.contents-left {
	float:left;
	width:570px;
	margin:0px 0px 0px 0px;
	padding:0px;
	}

.contents-right {
	float:left;
	width:237px;
	height:330px;
	margin:0px;
	padding:0px;
	background-image:url(../img/news-headbg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

.newsBox {
	float:left;
	width:237px;
	margin:4px 0px 0px 0px;
	padding:0px;
	}

.newsBox dt {
	float:left;
	width:222px;
	height:24px;
	margin:16px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	text-align:left;
	background-image:url(../img/news-headbg2.jpg);
	background-position:top right;
	background-repeat:repeat-y;
	}

.newsBox dd {
	float:left;
	width:237px;
	height:286px;
	margin:0px;
	padding:0px;
	background-image:url(../img/right-boxbg.gif);
	background-position:left;
	background-repeat:repeat-y;
	}

.news-index {
	float:left;
	width:200px;
	margin:10px 0px 7px 15px;
	padding:0px 0px 4px 0px;
	font-size:8pt;
	background-image:url(../img/news-line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}

* html .news-index {
	float:left;
	width:198px;
	margin:10px 0px 7px 8px;
	padding:0px 0px 4px 0px;
	font-size:8pt;
	background-image:url(../img/news-line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	}

.news-index dt {
	float:left;
	height:10px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:none;
	}

* html .news-index dt {
	float:left;
	width:198px;
	height:5px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:none;
	}

.news-index dd {
	float:left;
	width:200px;
	height:27px;
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:left;
	color:#666666;
	background:none;
	}
	
* html .news-index dd {
	float:left;
	width:198px;
	height:27px;
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:left;
	color:#666666;
	background:none;
	}

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

.news-index2 {
	float:left;
	width:200px;
	margin:10px 0px 7px 15px;
	padding:0px 0px 4px 0px;
	font-size:8pt;
	background-image:url(../img/news-line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}

* html .news-index2 {
	float:left;
	width:198px;
	margin:10px 0px 7px 8px;
	padding:0px 0px 4px 0px;
	font-size:8pt;
	background-image:url(../img/news-line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	}

.news-index2 dt {
	float:left;
	height:10px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:none;
	}

* html .news-index2 dt {
	float:left;
	width:198px;
	height:5px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background:none;
	}

.news-index2 dd {
	float:left;
	width:200px;
	height:38px;
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:left;
	color:#666666;
	background:none;
	}
	
* html .news-index2 dd {
	float:left;
	width:198px;
	height:38px;
	margin:5px 0px 0px 0px;
	padding:0px;
	text-align:left;
	color:#666666;
	background:none;
	}




.old-news {
	float:right;
	text-align:right;
	margin:0px 20px 0px 0px;
	padding:0px;
	font-size:8pt;
	font-weight:bold;
	}

* html .old-news {
	float:right;
	text-align:right;
	margin:0px 10px 0px 0px;
	padding:0px;
	font-size:8pt;
	font-weight:bold;
	}

.news-bottom {
	float:left;
	margin:0px;
	padding:0px;
	}

.proofBox {
	float:left;
	width:235px;
	height:104px;
	margin:5px 0px 0px 0px;
	padding:0px;
	background-image:url(../img/proof-bg.jpg);
	}

.proofBox dt {
	float:left;
	margin:0px;
	padding:16px 0px 0px 15px;
	}

.proofBox dd {
	float:left;
	margin:0px;
	padding:16px 0px 0px 12px;
	}


.left-tit {
	float:left;
	width:570px;
	height:20px;
	margin:0px;
	padding:0px;
	text-align:left;
	background-image:url(../img/line-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	}

.read {
	float:left;
	width:560px;
	margin:0px;
	padding:10px 0px 0px 10px;
	text-align:left;
	line-height:18px;
	}
	
	
.cate-map {
	float:left;
	width:550px;
	height:210px;
	list-style:none;
	margin:0px 0px 25px 15px;
	padding:0px 0px 15px 0px;
	border-bottom:1px #CCCCCC solid;
	}

* html .cate-map {
	float:left;
	width:550px;
	height:210px;
	list-style:none;
	margin:0px 0px 22px 7px;
	padding:0px 0px 15px 0px;
	border-bottom:1px #CCCCCC solid;
	}

.cate01 {
	float:left;
	width:270px;
	height:24px;
	background-image:url(../img/cate01-bg.jpg);
	margin:0px;
	padding:81px 0px 0px 0px;
	text-align:center;
	}	

	
.cate02 {
	float:left;
	width:240px;
	height:24px;
	background-image:url(../img/cate02-bg.jpg);
	padding:81px 30px 0px 0px;
	text-align:right;
	}	

	
.cate03 {
	float:left;
	width:270px;
	height:17px;
	background-image:url(../img/cate03-bg.jpg);
	background-repeat:no-repeat;
	padding:88px 0px 0px 0px;
	text-align:center;
	}	
	
.cate04 {
	float:left;
	width:240px;
	height:17px;
	background-image:url(../img/cate04-bg.jpg);
	background-repeat:no-repeat;
	padding:88px 30px 0px 0px;
	text-align:right;
	}	

#pickup {
	float:left;
	width:570px;
	margin:0px;
	padding:0px;
	height:130px;
	}

#pickup ul {
	float:left;
	margin:12px 0px 10px 0px;
	padding:0px;
	}

#pickup li {
	float:left;
	margin:0px 0px 0px 7px;
	padding:0px;
	list-style:none;
	}


#footer {
	float:left;
	width:810px;
	margin:25px 0px 20px 0px;
	padding:18px 0px 0px 0px;
	background-image:url(../img/footer-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	}

.footerLeft {
	float:left;
	width:600px;
	margin:0px;
	padding:0px;
	font-size:8pt;
	text-align:left;
	letter-spacing:-0.1em;
	}

.footerLeft ul {
	float:left;
	width:600px;
	margin:0px 0px 8px 0px;
	padding:0px;
	}

.footerLeft li {
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
	font-size:8pt;
	list-style:none;
	}

.footerLeft p {
	float:left;
	width:570px;
	margin:0px;
	padding:0px;
	font-size:10pt;
	text-align:left;
	letter-spacing:0px;
	}

.footerRight {
	float:right;
	width:210px;
	margin:0px;
	padding:0px;
	text-align:right;
	clear:right;
	}

#p-top {
	float:left;
	width:560px;
	height:18px;
	margin:0px;
	padding:8px 8px 0px 0px;
	text-align:right;
	background-image:url(../img/p-topbg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}


/*----- layer,templation-------------------------------------------------------------------*/


#layer-header {
	float:left;
	width:810px;
	height:91px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(../img/layer-head-bg.jpg);
	background-repeat:no-repeat;
	}

* html #layer-header {
	float:none;
	width:810px;
	height:91px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(../img/layer-head-bg.jpg);
	background-repeat:no-repeat;
	}

.layer-logo {
	float:left;
	width:120px;
	height:80px;
	margin:12px 25px 0px 35px;
	padding:0px;
	}

* html .layer-logo {
	float:left;
	width:120px;
	height:80px;
	margin:1px 0px 0px 0px;
	padding:11px 0px 0px 35px;
	}

.layer-catch {
	float:left;
	height:34px;
	margin:2px 0px 0px -1px;
	padding:30px 0px 0px 0px;
	}

* html .layer-catch {
	float:left;
	height:11px;
	margin:0px 0px 0px 0px;
	padding:30px 0px 18px 0px;
	}

#layer-main-contents {
	float:left;
	width:810px;
	margin:0px;
	padding:0px;
	}

.layer-left {
	float:left;
	width:568px;
	margin:0px;
	padding:0px;
	}

.layer-right {
	float:left;
	width:242px;
	margin:0px;
	padding:0px;
	}

.layer-cacth {
	float:left;
	width:528px;
	height:131px;
	margin:0px 0px 20px 0px;
	padding:34px 0px 0px 40px;
	background-image:url(../company/img/cacth-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

.layer-cacth-busin {
	float:left;
	width:528px;
	height:126px;
	margin:0px 0px 20px 0px;
	padding:39px 0px 0px 40px;
	background-image:url(../business/img/cacth-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}

.breadcrumbs {
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:8pt;
	}

* html .breadcrumbs {
	float:left;
	margin:1px 0px 10px 0px;
	padding:0px;
	font-size:8pt;
	}

.layer-mainnavi {
	float:left;
	margin:9px 0px 0px -16px;
	padding:0px;
	list-style:none;	
	list-style:none;	
	}

* html .layer-mainnavi {
	float:left;
	margin:9px 0px 0px -8px;
	padding:0px;
	list-style:none;	
	}

* html .layer-mainnavi img {
	vertical-align:bottom;
	}

.other-ban {
	float:left;
	margin:2px 0px 0px 7px;
	padding:0px;
	}

* html .other-ban {
	float:left;
	margin:2px 0px 0px 3px;
	padding:0px;
	}

.other-ban li {
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style:none;
	}


.comp-subnavi {
	width:187px;
	height:175px;
	margin:8px 0px 8px 18px;
	padding:0px 0px 0px 0px;
	border-left:1px #CCCCCC solid;
	}

* html .comp-subnavi {
	width:169px;
	height:175px;
	margin:8px 0px 5px 18px;
	padding:0px 0px 0px 0px;
	border-left:1px #CCCCCC solid;
	}

.busin-subnavi {
	width:187px;
	height:400px;
	margin:8px 0px 8px 18px;
	padding:0px 0px 0px 0px;
	border-left:1px #CCCCCC solid;
	}

* html .ir-subnavi {
	width:169px;
	height:304px;
	margin:8px 0px 5px 18px;
	padding:0px 0px 0px 0px;
	border-left:1px #CCCCCC solid;
	}

.ir-subnavi {
	width:187px;
	height:304px;
	margin:8px 0px 8px 18px;
	padding:0px 0px 0px 0px;
	border-left:1px #CCCCCC solid;
	}

* html .busin-subnavi {
	width:169px;
	height:400px;
	margin:8px 0px 5px 18px;
	padding:0px 0px 0px 0px;
	border-left:1px #CCCCCC solid;
	}

.rec-subnavi {
	width:187px;
	height:45px;
	margin:8px 0px 8px 18px;
	padding:0px 0px 0px 0px;
	border-left:1px #CCCCCC solid;
	}

* html .rec-subnavi {
	width:169px;
	height:45px;
	margin:8px 0px 5px 18px;
	padding:0px 0px 0px 0px;
	border-left:1px #CCCCCC solid;
	}

.snavi {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:left;
	}

.snavi-tc {
	height:26px;
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:url(../img/snavi-line.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}

.snavi-c {
	height:22px;
	margin:0px;
	padding:0px;
	list-style:none;
	background-image:url(../img/snavi-line.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
	
.snavi img {
	vertical-align:bottom;
	}

/*---layer2 templation-----------------------------------------------------------------------*/

#layer2-header {
	float:left;
	width:810px;
	height:92px;
	margin:0px;
	padding:0px;
	background-image:url(../img/layer2-head-bg.jpg);
	background-repeat:no-repeat;
	}

* html #layer2-header {
	float:none;
	width:810px;
	height:92px;
	margin:0px;
	padding:0px;
	background-image:url(../img/layer2-head-bg.jpg);
	background-repeat:no-repeat;
	}

.layer2-header2 {
	float:left;
	width:568px;
	height:10px;
	margin:0px 0px 20px 0px;
	padding:0px;
	background-image:url(../img/layer2-head2-bg.jpg);
	background-repeat:no-repeat;
	}

* html .layer2-header2 {
	float:none;
	width:568px;
	height:10px;
	margin:0px 0px 16px 0px;
	padding:0px;
	background-image:url(../img/layer2-head2-bg.jpg);
	background-repeat:no-repeat;
	}