@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------
	
	body
	
------------------------------------------------------------ */

body {
	text-align: center;
}


/* ------------------------------------------------------------
	
	header
	
------------------------------------------------------------ */

#header-container {
	text-align:left;
	margin:0 auto;
	width:900px;
}

.top-copy a {
	color:#828992;
}

.logo {
	float:right;
	width:185px;
}

.header-navi {
	float:right;
	width:500px;
	font-size:11px;
	font-size:84%\9;
	text-align:right;
}

.header-navi li {
	float:right;
}

.hnavi1 {
	margin:30px 20px 0 0;
	text-indent:13px;
	background:url(../img/header-icon.jpg) no-repeat left center;
}

.hnavi2 {
	margin:0;
	text-indent:0;
}


/* ------------------------------------------------------------
	
	gloval navigation 2/3 UpData
	
------------------------------------------------------------ */

#navigation-container {
	background:url(../img/gnavi-bg.jpg) repeat-x top;
	height:40px;
	clear:both;
}

.gloval-navi {
	width:900px;
	margin:0 auto;
	text-align:left;
}

.gloval-navi li {
	float:left;
	text-indent:-9999px;
}

.gloval-navi1 a {
	background:url(../img/gnavi1.jpg) no-repeat top left;
	width:106px;
	height:40px;
	display:block;
	overflow:hidden;
}

.gloval-navi1 a:hover {
	background:url(../img/gnavi1.jpg) no-repeat bottom left;
	width:106px;
	height:40px;
	display:block;
	overflow:hidden;
}

.gloval-navi2 a {
	background:url(../img/gnavi2.jpg) no-repeat top left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

.gloval-navi2 a:hover {
	background:url(../img/gnavi2.jpg) no-repeat bottom left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

.gloval-navi3 a {
	background:url(../img/gnavi3.jpg) no-repeat top left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

.gloval-navi3 a:hover {
	background:url(../img/gnavi3.jpg) no-repeat bottom left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

.gloval-navi4 a {
	background:url(../img/gnavi4.jpg) no-repeat top left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

.gloval-navi4 a:hover {
	background:url(../img/gnavi4.jpg) no-repeat bottom left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

.gloval-navi5 a {
	background:url(../img/gnavi5.jpg) no-repeat top left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

.gloval-navi5 a:hover {
	background:url(../img/gnavi5.jpg) no-repeat bottom left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}


/*　home
------------------------------------------------------------ */

#home .gloval-navi1 a {
	background:url(../img/gnavi1-set.jpg) no-repeat top left;
	width:106px;
	height:40px;
	display:block;
	overflow:hidden;
}

#home .gloval-navi1 a:hover {
	background:url(../img/gnavi1-set.jpg) no-repeat bottom left;
	width:106px;
	height:40px;
	display:block;
	overflow:hidden;
}

#top-img {
	width:900px;
	height:300;
}


/*　about
------------------------------------------------------------ */

#about .gloval-navi2 a {
	background:url(../img/gnavi2-set.jpg) no-repeat top left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

#about .gloval-navi2 a:hover {
	background:url(../img/gnavi2-set.jpg) no-repeat bottom left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}


/*　jobs
------------------------------------------------------------ */

#jobs .gloval-navi3 a {
	background:url(../img/gnavi3-set.jpg) no-repeat top left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

#jobs .gloval-navi3 a:hover {
	background:url(../img/gnavi3-set.jpg) no-repeat bottom left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}


/*　privacy
------------------------------------------------------------ */

#privacy .gloval-navi4 a {
	background:url(../img/gnavi4-set.jpg) no-repeat top left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

#privacy .gloval-navi4 a:hover {
	background:url(../img/gnavi4-set.jpg) no-repeat bottom left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}


/*　sitemap
------------------------------------------------------------ */

#sitemap .gloval-navi5 a {
	background:url(../img/gnavi5-set.jpg) no-repeat top left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}

#sitemap .gloval-navi5 a:hover {
	background:url(../img/gnavi5-set.jpg) no-repeat bottom left;
	width:193px;
	height:40px;
	display:block;
	overflow:hidden;
}


/* ------------------------------------------------------------
	
	main contents(top) 1/24 UPDATE
	
------------------------------------------------------------ */


/*　main image 1/24 UPDATE
------------------------------------------------------------ */

#home #main-container {
	/*background:url(../img/top-mainarea-bg.jpg) repeat-x top;*/
	clear:both;
}

#flash-contents {
	padding:14px 0 25px 0;
	height:320px;
}


/*　contents 1/24 UPDATE
------------------------------------------------------------ */

	
#home .main {
	float:left;
	width:640px;
}

#home .sub {
	float:right;
	width:240px;
}


/*　top news title 1/24 UPDATE
------------------------------------------------------------ */

.top-news-title {
	background:url(../img/news-title-bg.jpg) repeat-x;
	height:34px;
	width:900px;
	margin:0 0 16px 0;
}

.top-news-title h2 {
	float:left;
	width:120px;
}

.top-news-title ul {
	float:right;
	width:168px;
}

.top-news-title ul li {
	float:left;
}


.top-news-title .top-news1 a {
	background:url(../img/news-title-icon1.jpg) no-repeat bottom left;
	width:91px;
	height:22px;
	display:block;
	text-indent:-9999px;
	outline:none;
	margin:7px 0 5px 0;
}

.top-news-title .top-news1 a:hover {
	background:url(../img/news-title-icon1.jpg) no-repeat top left;
	width:91px;
	height:22px;
	display:block;
	text-indent:-9999px;
	outline:none;
	margin:7px 0 5px 0;
}

.top-news-title .top-news2 a {
	background:url(../img/news-title-rss.jpg) no-repeat bottom left;
	width:57px;
	height:22px;
	display:block;
	text-indent:-9999px;
	outline:none;
	margin:7px 0 5px 10px;
}

.top-news-title .top-news2 a:hover {
	background:url(../img/news-title-rss.jpg) no-repeat top left;
	width:57px;
	height:22px;
	display:block;
	text-indent:-9999px;
	outline:none;
	margin:7px 0 5px 10px;
}


/*　top news contents 1/24 UPDATE
------------------------------------------------------------ */

.top-news-contents dl {
	background:url(../img/news-bar.gif) repeat-x bottom;
	width:900px;
	padding:0 0 7px 0;
	margin:0 0 6px 0;
}

.top-news-contents dt {
	font-size:11px;
	padding:0 5px;
	float:left;
}

.top-news-contents dd {
	float:left;
}

.top-news-contents dd img {
	width:58px;
}

.top-news-contents dd a {
	font-size:13px;
	padding:0 7px 0 5px;
}


/*　sub contents 1/24 UPDATE
------------------------------------------------------------ */

.top-banner {
	background:url(../img/top-banner-bg.jpg) no-repeat bottom;
	height:240px;
	width:240px;
	margin:0 0 15px 0;
}

.top-banner1 {
	margin:8px 10px 0 10px;
}

.top-banner2 {
	margin:6px 10px 0 10px;
}


/* ------------------------------------------------------------
	
	main contents(more) 1/24 UPDATE
	
------------------------------------------------------------ */


/*　TopicsPath
------------------------------------------------------------ */


#main-container {
	background:url(../img/topicpath-bg.jpg) repeat-x top;
	clear:both;
}


.topicpath {
	width:900px;
	margin:0 auto;
	text-align:left;
	height:45px;
}

.topicpath li {
	float:left;
	margin:4px 0 0 0;
}

.topicpath li a {
	color:#06C;
	background:url(../img/topicpath-icon.gif) no-repeat right center;
	padding:0 13px 0 0;
	margin: 0 8px 0 0;
}

.topicpath li a:hover {
	color:#09C;
	background:url(../img/topicpath-icon.gif) no-repeat right center;
	padding:0 13px 0 0;
	margin: 0 8px 0 0;
}


/*　contents
------------------------------------------------------------ */

.contents {
	width:900px;
	margin:12px auto 0;
	clear:both;
	_font-size:13px;
}

.contents a {
	color:#06C;
}

.contents a:hover {
	color:#09C;
}
	
.main {
	float:right;
	width:680px;
	text-align:left;
}

.sub {
	float:left;
	width:200px;
}

#sitemap .main {
	width:850px;
	margin:0 25px;
}


/*　main contents
------------------------------------------------------------ */

.contents-box {
	width:680px;
	background:url(../img/contents-box-bg.gif) repeat-y;
	margin: 0 0 30px 0;
}

#sitemap .contents-box {
	width:820px;
	margin: 0 15px 30px 15px;
	background:none;
}

.text-box-bottom img, .text-box img {
	margin:10px 0 0 0;
}

.text-box {
	margin:0 23px 20px 22px;
	line-height:180%;
}

.text-box-bottom {
	margin:0 23px 1px 22px;
	_margin:0 18px 1px 22px;
}



/*　sub contents
------------------------------------------------------------ */

.sub-navi {
	background:url(../img/snavi-foot-bg.jpg) repeat-x bottom;
	padding:0 0 12px 0;
}

/* jobs */
#jobs .sub-navi-title a {
	background:url(../../jobs/img/snavi-title.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi-title a:hover {
	background:url(../../jobs/img/snavi-title.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi1 a {
	background:url(../../jobs/img/snavi1.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi1 a:hover {
	background:url(../../jobs/img/snavi1.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi1-set a {
	background:url(../../jobs/img/snavi1.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi2 a {
	background:url(../../jobs/img/snavi2.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi2 a:hover {
	background:url(../../jobs/img/snavi2.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi2-set a {
	background:url(../../jobs/img/snavi2.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}


#jobs .sub-navi3 a {
	background:url(../../jobs/img/snavi3.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi3 a:hover {
	background:url(../../jobs/img/snavi3.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi3-set a {
	background:url(../../jobs/img/snavi3.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi4 a {
	background:url(../../jobs/img/snavi4.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi4 a:hover {
	background:url(../../jobs/img/snavi4.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#jobs .sub-navi4-set a {
	background:url(../../jobs/img/snavi4.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}


/*privacy*/

#privacy .sub-navi-title a {
	background:url(../../privacy/img/snavi-title.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi-title a:hover {
	background:url(../../privacy/img/snavi-title.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}


#privacy .sub-navi1 a {
	background:url(../../privacy/img/snavi1.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi1 a:hover {
	background:url(../../privacy/img/snavi1.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi1-set a {
	background:url(../../privacy/img/snavi1.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi2 a {
	background:url(../../privacy/img/snavi2.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi2 a:hover {
	background:url(../../privacy/img/snavi2.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi2-set a {
	background:url(../../privacy/img/snavi2.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi3 a {
	background:url(../../privacy/img/snavi3.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:46px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi3 a:hover {
	background:url(../../privacy/img/snavi3.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:46px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi3-set a {
	background:url(../../privacy/img/snavi3.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:46px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi4 a {
	background:url(../../privacy/img/snavi4.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi4 a:hover {
	background:url(../../privacy/img/snavi4.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#privacy .sub-navi4-set a {
	background:url(../../privacy/img/snavi4.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

/* about */
#about .sub-navi-title a {
	background:url(../../about/img/snavi-title.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi-title a:hover {
	background:url(../../about/img/snavi-title.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi1 a {
	background:url(../../about/img/snavi1.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi1 a:hover {
	background:url(../../about/img/snavi1.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi1-set a {
	background:url(../../about/img/snavi1.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi2 a {
	background:url(../../about/img/snavi2.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi2 a:hover {
	background:url(../../about/img/snavi2.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi2-set a {
	background:url(../../about/img/snavi2.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}


#about .sub-navi3 a {
	background:url(../../about/img/snavi3.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi3 a:hover {
	background:url(../../about/img/snavi3.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi3-set a {
	background:url(../../about/img/snavi3.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi4 a {
	background:url(../../about/img/snavi4.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi4 a:hover {
	background:url(../../about/img/snavi4.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#about .sub-navi4-set a {
	background:url(../../about/img/snavi4.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

/* solution */
#solution .sub-navi-title a {
	background:url(../../solution/img/snavi-title.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi-title a:hover {
	background:url(../../solution/img/snavi-title.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi1 a {
	background:url(../../solution/img/snavi1.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi1 a:hover {
	background:url(../../solution/img/snavi1.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi1-set a {
	background:url(../../solution/img/snavi1.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi2 a {
	background:url(../../solution/img/snavi2.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi2 a:hover {
	background:url(../../solution/img/snavi2.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi2-set a {
	background:url(../../solution/img/snavi2.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}


#solution .sub-navi3 a {
	background:url(../../solution/img/snavi3.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi3 a:hover {
	background:url(../../solution/img/snavi3.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi3-set a {
	background:url(../../solution/img/snavi3.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi4 a {
	background:url(../../solution/img/snavi4.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi4 a:hover {
	background:url(../../solution/img/snavi4.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi4-set a {
	background:url(../../solution/img/snavi4.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}


#solution .sub-navi5 a {
	background:url(../../solution/img/snavi5.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi5 a:hover {
	background:url(../../solution/img/snavi5.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

#solution .sub-navi5-set a {
	background:url(../../solution/img/snavi5.jpg) no-repeat left bottom;
	display:block;
	width:200px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
}

/* news */
#news .sub-navi-title a {
	background:url(../../news/img/snavi-title.jpg) no-repeat left top;
	display:block;
	width:200px;
	height:34px;
	text-indent:-9999px;
	overflow:hidden;
}


#news .sub-navi1 a {
	background:url(../../news/img/snavi-bg.jpg) no-repeat left top;
	display:block;
	width:165px;
	height:28px;
	overflow:hidden;
	font-size:14px;
	text-align:left;
	padding:4px 5px 0 30px;
	color:#666;
}

#news .sub-navi1 a:hover {
	background:url(../../news/img/snavi-bg.jpg) no-repeat left bottom;
	display:block;
	width:165px;
	height:28px;
	overflow:hidden;
	font-size:14px;
	text-align:left;
	padding:4px 5px 0 30px;
	color:#FFF;
}

#news .sub-navi1-set a {
	background:url(../../news/img/snavi-bg.jpg) no-repeat left bottom;
	display:block;
	width:165px;
	height:28px;
	overflow:hidden;
	font-size:14px;
	text-align:left;
	padding:4px 5px 0 30px;
	color:#FFF;
}



/* ------------------------------------------------------------
	
	footer
	
------------------------------------------------------------ */

#footer-container {
	clear:both;
	background: #848893;
}


/* footer navi	 1/25 UPDATE
------------------------------------------------------------ */

.footer-navi {
	width:900px;
	margin:0 auto;
	text-align:left;
	height:130px;
}

.footer-navi ul.footer-navi1 {
	background:url(../img/footer-navi-boder.gif) repeat-y left;
	margin:13px 0 0 0;
	padding:1px 0 1px 8px;
	float:left;
	font-size:10px;
	width:44px;
	letter-spacing:-1px;
}


.footer-navi ul.footer-navi2 {
	background:url(../img/footer-navi-boder.gif) repeat-y left;
	margin:13px 0 0 0;
	padding:1px 0 1px 8px;
	float:left;
	font-size:10px;
	width:183px;
	letter-spacing:-1px\9;
}


.footer-navi ul.footer-navi3 {
	background:url(../img/footer-navi-boder.gif) repeat-y left;
	margin:13px 0 0 0;
	padding:1px 0 1px 8px;
	float:left;
	font-size:10px;
	width:133px;
	letter-spacing:-1px\9;
}


.footer-navi ul.footer-navi4 {
	background:url(../img/footer-navi-boder.gif) repeat-y left;
	margin:13px 0 0 0;
	padding:1px 0 1px 8px;
	float:left;
	font-size:10px;
	width:161px;
	letter-spacing:-1px\9;
}


.footer-navi ul.footer-navi5 {
	background:url(../img/footer-navi-boder.gif) repeat-y left;
	margin:13px 0 0 0;
	padding:1px 0 1px 8px;
	float:left;
	font-size:10px;
	width:103px;
	letter-spacing:-1px\9;
}


.footer-navi ul.footer-navi6 {
	background:url(../img/footer-navi-boder.gif) repeat-y left;
	margin:13px 0 0 0;
	padding:1px 0 1px 8px;
	float:left;
	font-size:10px;
	width:134px;
	letter-spacing:-1px\9;
}

.footer-navi ul.footer-navi7 {
	background:url(../img/footer-navi-boder.gif) repeat-y left;
	margin:13px 0 0 0;
	padding:1px 0 1px 8px;
	float:left;
	font-size:10px;
	width:86px;
	letter-spacing:-1px\9;
}

.footer-navi li {
	line-height:1.8;
}


/* pagetop	
------------------------------------------------------------ */

.pagetop {
	width:900px;
	margin:0 auto;
	padding:0 0 10px 0;
}

.pagetop p a {
	background:url(../img/pagetop-icon.jpg) no-repeat left top;
	display:block;
	width:87px;
	height:23px;
	text-indent:-9999px;
	float:right;
}

.pagetop p a:hover {
	background:url(../img/pagetop-icon.jpg) no-repeat left bottom;
	display:block;
	width:87px;
	height:23px;
	text-indent:-9999px;
	float:right;
}


/* copyright	1/25 UPDATE
------------------------------------------------------------ */

.footer {
	width:900px;
	margin:0 auto;
	padding:20px 0 ;
	*padding:0 0 20px 0;
}

.copyright {
	margin:13px 0 0 0;
	width:900px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	line-height:1;
}

.footer-logo {
	width:140px;
	float:right;
}

.footer-logo p {
	margin:20px 0 0 0;
}




/* ------------------------------------------------------------
	
	service contents 2/3 UPDATE
	
------------------------------------------------------------ */

/* 	service summary
------------------------------------------------------------ */

.summary-box {
	margin:0 23px 0 22px;
	width:640px;
}

.summary-box dl dt {
	float:left;
	width:86px;
}

.summary-box dl dd {
	float:left;
	width:290px;
	height:71px;
	padding:10px 0 0 0;
	_font-size:12px;
}

.summary-pickup {
	font-weight:bold;
	font-size:16px;
	text-align:left;
	margin:23px 0 0 0;
	color:#0066cc;
}

/* jobs */

#jobs .summary-box {
	background:url(../../jobs/img/top-list-bg.jpg) no-repeat;
	padding:31px 0 0 0;
	height:329px;
}

#jobs .summary-list01 {
	margin:0 0 0 181px;
	zoom: 1;
}

#jobs .summary-list01 dt a {
	background:url(../../jobs/img/top-list01.jpg) no-repeat;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#jobs .summary-list01 dt a:hover {
	background:url(../../jobs/img/top-list01-o.jpg) no-repeat;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#jobs .summary-list02 {
	margin:0 0 0 198px;
	zoom: 1;
}

#jobs .summary-list02 dt a {
	background:url(../../jobs/img/top-list02.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#jobs .summary-list02 dt a:hover {
	background:url(../../jobs/img/top-list02-o.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#jobs .summary-list03 {
	margin:0 0 0 181px;
	zoom: 1;
}

#jobs .summary-list03 dt a {
	background:url(../../jobs/img/top-list03.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#jobs .summary-list03 dt a:hover {
	background:url(../../jobs/img/top-list03-o.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}


.summary-t-box {
	background:url(../../jobs/img/top-list-title-tcbg.jpg) no-repeat;
	margin:0 23px 0 22px;
	width:640px;
	height:104px;
	clear:both
}

.summary-t-box dt a {
	background:url(../../jobs/img/top-list-title-tc.jpg) no-repeat left top;
	width:267px;
	height:28px;
	display:block;
	outline:none;
	text-indent:-9999px;
}

.summary-t-box dt a:hover {
	background:url(../../jobs/img/top-list-title-tc.jpg) no-repeat left bottom;
	width:267px;
	height:28px;
	display:block;
	outline:none;
	text-indent:-9999px;
}

.summary-t-box dd {
	margin:10px 26px 37px 15px;
}


/* solution */

#solution .summary-box {
	background:url(../../solution/img/top-list-bg.jpg) no-repeat;
	padding:8px 0 0 0;
	height:438px;
}

#solution .summary-list01 {
	margin:0 0 0 110px;
	zoom: 1;
}

#solution .summary-list01 dt a {
	background:url(../../solution/img/top-list01.jpg) no-repeat;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#solution .summary-list01 dt a:hover {
	background:url(../../solution/img/top-list01-o.jpg) no-repeat;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#solution .summary-list02 {
	margin:0 0 0 173px;
	zoom: 1;
}

#solution .summary-list02 dt a {
	background:url(../../solution/img/top-list02.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#solution .summary-list02 dt a:hover {
	background:url(../../solution/img/top-list02-o.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#solution .summary-list03 {
	margin:0 0 0 208px;
	zoom: 1;
}

#solution .summary-list03 dt a {
	background:url(../../solution/img/top-list03.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#solution .summary-list03 dt a:hover {
	background:url(../../solution/img/top-list03-o.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}


#solution .summary-list04 {
	margin:0 0 0 173px;
	zoom: 1;
}

#solution .summary-list04 dt a {
	background:url(../../solution/img/top-list04.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#solution .summary-list04 dt a:hover {
	background:url(../../solution/img/top-list04-o.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}


#solution .summary-list05 {
	margin:0 0 0 110px;
	zoom: 1;
}

#solution .summary-list05 dt a {
	background:url(../../solution/img/top-list05.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}

#solution .summary-list05 dt a:hover {
	background:url(../../solution/img/top-list05-o.jpg) no-repeat 0 0;
	width:86px;
	height:86px;
	display:block;
	text-indent:-9999px;
	outline:none;
}






/* 	service box 2/4 updata
------------------------------------------------------------ */

/* type1 */

.flow-box {
	width:640px;
	zoom:1;
}

.flow-box-1 {
	float:left;
}

.flow-box-1 dd {
	background:url(../../jobs/img/text-box1.jpg) no-repeat;
	width:136px;
	height:120px;
	padding:10px 22px 0 6px;
	_line-height:1.5;
	_font-size:12px;
}

.flow-box-2 {
	float:left;
}

.flow-box-2 dd {
	background:url(../../jobs/img/text-box2.jpg) no-repeat;
	width:136px;
	height:120px;
	padding:10px 6px 0 6px;
	_line-height:1.7;
	_font-size:12px;
}

.flow-box-3 {
	float:left;
}

.flow-box-3 dd {
	background:url(../../solution/img/text-box1.jpg) no-repeat;
	width:184px;
	height:148px;
	padding:10px 30px 0 6px;
	line-height:2;
	_line-height:1.8;
}

.flow-box-4 {
	float:left;
}

.flow-box-4 dd {
	background:url(../../solution/img/text-box2.jpg) no-repeat;
	width:188px;
	height:148px;
	padding:10px 6px 0 6px;
	line-height:2;
	_line-height:1.8;
}

.flow-box-5 {
	float:left;
}

.flow-box-5 dd {
	background:url(../../solution/img/text-box2.jpg) no-repeat;
	width:182px;
	height:148px;
	padding:10px 30px 0 8px;
	line-height:2;
	_line-height:1.8;
}

.flow-box-6 {
	float:left;
}

.flow-box-6 dd {
	background:url(../../solution/img/text-box2.jpg) no-repeat;
	width:186px;
	height:148px;
	padding:10px 6px 0 8px;
	line-height:2;
	_line-height:1.8;
}

.flow-box-7 {
	width:640px;
	margin:1px 0 0 0;
	border-top:#9DA3AA solid 1px;
	padding:0 0 57px 0;
	background:url(../../solution/img/text-box4-1.jpg) no-repeat bottom;
}

.flow-box-7 dl {
	background:url(../../solution/img/text-box4-bg.jpg) repeat-y;
	zoom:1;
	padding:10px;
	width:620px;
}

.flow-box-7 dt {
	width:130px;
	float:left;
	clear:both;
	margin:0 0 4px 0;
	padding:5px 10px;
	font-weight:bold;
	background:url(../img/bar.jpg) #E9EBF0 repeat-x bottom;
}

.flow-box-7 dd {
	padding:5px 5px 5px 10px;
	float:right;
	width:455px;
	margin:0 0 4px 0;
	background:url(../img/bar.jpg) repeat-x bottom;
}

.flow-box-8 {
	width:640px;
	margin:1px 0 0 0;
	border-top:#9DA3AA solid 1px;
	padding:0 0 24px 0;
	background:url(../../solution/img/text-box4-2.jpg) no-repeat bottom;
}

.flow-box-8 dl {
	background:url(../../solution/img/text-box4-bg.jpg) repeat-y;
	zoom:1;
	padding:10px;
	width:620px;
}

.flow-box-8 dt {
	width:130px;
	float:left;
	clear:both;
	margin:0 0 4px 0;
	padding:5px 10px;
	font-weight:bold;
	background:url(../img/bar.jpg) #E9EBF0 repeat-x bottom;
}

.flow-box-8 dd {
	padding:5px 5px 5px 10px;
	float:right;
	width:455px;
	margin:0 0 4px 0;
	background:url(../img/bar.jpg) repeat-x bottom;
}

.flow-box-8 .flow-box-9-1 {
	background:url(../../solution/img/text-box4-bg.jpg) repeat-y;
	zoom:1;
	padding:10px;
	width:620px;
}

.flow-box-8 .flow-box-9-1 li.l {
	float:left;
	width:309px;
	margin:0 2px 4px 0;
	background:url(../img/bar.jpg) #E9EBF0 repeat-x bottom;
	padding:10px 0;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}


.flow-box-8 .flow-box-9-1 li.r {
	float:left;
	width:309px;
	margin:0 0 4px 0;
	background:url(../img/bar.jpg) #E9EBF0 repeat-x bottom;
	padding:10px 0;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

.flow-box-8 .flow-box-9-1 {
	background:url(../../solution/img/text-box4-bg.jpg) repeat-y;
	zoom:1;
	padding:10px;
	width:620px;
}

.flow-box-9-2bg {
	background:url(../../solution/img/text-box4-bg.jpg) repeat-y;
	zoom:1;
	padding:10px 15px;
	width:610px;
}

.flow-box-8 .flow-box-9-2 {
	float:left;
	width:203px;
	background:url(../img/bar2.jpg) repeat-y left;
	line-height:2;
}

.flow-box-8 .flow-box-9-2 li {
	padding:0 0 0 13px;
	margin:0 0 0 10px;
}


/* collect type1 */

.text-box-collect {
	background:url(../../jobs/img/text-box4.jpg) no-repeat center;
	width:640;
	height:40px;
	padding:50px 0 18px 0;
	margin:15px 0 0 0;
	text-align:center;
	vertical-align:central;
}

.text-box-collect p {
	font-weight:bold;
	font-size:15px;
}

/* collect type2 */
.text-box-collect2 {
	background:url(../../solution/img/text-box3.jpg) no-repeat;
	width:610px;
	height:40px;
	padding:18px 0;
	margin:5px 15px 0 15px;
	text-align:center;
	vertical-align:central;
}

.text-box-collect2 p {
	font-weight:bold;
	font-size:15px;
	_line-height:1.;
}


/* collect type3 */
.text-box-collect3 {
	background:url(../../solution/img/text-box4.jpg) no-repeat;
	width:610px;
	height:40px;
	padding:18px 0;
	margin:15px 15px 0 15px;
	text-align:center;
	vertical-align:central;
}

.text-box-collect3 p {
	font-weight:bold;
	font-size:15px;
	_line-height:1.;
}

/* collect type4 */
.text-box-collect4 {
	width:792px;
	padding:10px;
	margin:0 0 20px 0;
	text-align:left;
	border:#E0E2E7 4px solid;
}

.text-box-collect4 p {
	padding:0 15px;
	line-height:1.5;
}

.text-box-collect4 h3.pickup-1 {
	padding:0 0 0 13px;
	margin:0 0 10px 0;
}


/* ------------------------------------------------------------
	
	about contents 2/4 UPDATE
	
------------------------------------------------------------ */

.list-box-1 {
	background:url(../img/news-bar.gif) repeat-x bottom;
	width:640px;
	padding: 0 0 3px 0;
	margin: 0 0 2px 0;
	zoom:1;
}

.list-box-1 dt {
	width:90px;
	background:#C6CED9;
	padding:5px 0 5px 10px;
	float:left;
}

.list-box-1 dd {
	width:518px;
	background:#E9EBF0;
	padding:5px 10px;
	float:right;
}


/* ------------------------------------------------------------
	
	news
	
------------------------------------------------------------ */

.news-box {
	margin:0 0 20px 0;
}

.news-day {
	background:#E0E2E7;
	padding:1px 7px;
	width:626px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.news-title {
	margin:0 0 10px 0;
	font-weight:bold;
	padding:0 2px;
	width:636px;
}

.news-title img {
	zoom:1;
	margin:0 5px 0 0;
}

.news-text {
	width:636px;
	padding:2px;
	text-align:justify;
}

.news-aicon a {
	background:url(../img/header-icon.jpg) no-repeat left center;
	padding:0 0 0 15px;
	margin:0 0 0 10px;
}

.news-year-box {
	border-bottom:#C6CFDA solid 1px;
	border-top:#C6CFDA solid 1px;
	padding:3px 0 7px 0;
	height:15px;
}

.news-next-year {
	background:url(../../news/img/icon-next.jpg) no-repeat left center;
	padding:0 0 0 15px;
	margin:0 0 0 5px;
	float:left;
	width:190px;
}

.news-this-year {
	float:left;
	width:210px;
	text-align:center;
	color:#999999
}

.news-last-year {
	background:url(../../news/img/icon-back.jpg) no-repeat right center;
	padding:0 15px 0 0;
	float:right;
	width:190px;
	text-align:right;
	margin:0 5px 0 0;
}


/* ------------------------------------------------------------
	
	sitemap
	
------------------------------------------------------------ */


.sitemap-box-1 {
	width:380px;
	float:left;
	margin:0 0 0 10px;
	_margin:0 0 0 5px;
}

.sitemap-box-2 {
	width:380px;
	float:right;
	margin:0 10px 0 0;
	_margin:0 5px 0 0;
}

.sitemap-title {
	background:url(../../sitemap/img/sitemap-title.jpg) no-repeat;
	padding:7px 0 0 20px;
	margin:0  0 15px 0;
	width:360px;
	height:20px;
}

.sitemap-title a {
	color:#333;
	padding:0 15px 0 0;
}

.sitemap-box-1 ul,.sitemap-box-2 ul {
	margin:0 0 15px 15px;
}

.sitemap-box-1 ul li a,.sitemap-box-2 ul li a {
	padding:0 0 0 15px;
}


.contacts-box-text {
	width:480px;
	float:left;
	margin:0 0 30px 0;
}

.contents-box-img {
	width:290px;
	float:right;
	margin:0 0 30px 0;
}

a.contacts-form-btn {
	background:url(../../sitemap/img/contects-bottan.jpg) no-repeat left top;
	width:290px;
	height:63px;
	display:block;
	text-indent:-9999px;
}

a:hover.contacts-form-btn {
	background:url(../../sitemap/img/contects-bottan.jpg) no-repeat left bottom;
	width:290px;
	height:63px;
	display:block;
	text-indent:-9999px;
}



