/* CSS Document */

/*============================== All ==============================*/

	*{font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro","Osaka","Meiryo","sans-serif";}
	
	* {
		padding:0;
		margin:0;
		}
		
	body {
		padding:0;
		margin:0;
		font-size: 13px; /* モダンブラウザ向け */
		*font-size: small; /* IE 7向け */
		*font: x-small; /* IE 6以下 */
		width:100%;
		}
			
	html {
		height:100%;
		padding-bottom:1px;
		}
			
	a { color:#333; }
	a:link, a:visited {text-decoration: none;}
	a:hover, a:active {text-decoration: underline;}
	
	img { border: 0px; }
	sup { font-size:60%;}
		
/*============================== FontSize ==============================*/
	
	h1 {padding: 0px; margin: 0px; line-height:1.6; font-size:123.1%; font-weight:bold;}
	h2 {padding: 0px; margin: 0px; line-height:1.6; font-size:116%; font-weight:bold;}
	h3 {padding: 0px; margin: 0px; line-height:1.6; font-size:108%; font-weight:bold;}
	h4 {padding: 0px; margin: 0px; line-height:1.6; font-size:100%; font-weight:bold;}
	p {padding:0; margin:0; color:#333; line-height:1.6;}
	li {padding:0; margin:0; color:#333; line-height:1.6; list-style:none;}
	input,textarea,select {padding:0; margin:0; color:#333; line-height:1.0;}
		
/*============================== Parts ==============================*/

	.contents-clear {clear:both;}
	span.hidden {display:none;}

/*============================== Clearfix ==============================*/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	.clearfix {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


/*============================== sprite  ==============================*/
/*----header----*/	
	.header h1 a,
	.header .navigation .navi li .navi01,
	.header .navigation .navi li .navi02,
	.header .navigation .navi li .navi03,
	.header .navigation .navi li .navi04,
	.header .navigation .navi li .navi05,
	.header .navigation .navi li .navi06,
	.header .navigation .navi li .navi07,
	.header .navigation .navi li .navi01-selected,
	.header .navigation .navi li .navi02-selected,
	.header .navigation .navi li .navi03-selected,
	.header .navigation .navi li .navi04-selected,
	.header .navigation .navi li .navi05-selected,
	.header .navigation .navi li .navi06-selected,
	.header .navigation .navi li .navi07-selected,
/*----toppage----*/	
	.ttl-short,
/*----otherpage----*/	
	.container .contents-subttl,
	.container .contents-ttl-business,
	.container .contents-ttl-works,
	.container .contents-ttl-company,
	.container .contents-ttl-recruit,
	.container .contents-ttl-vision,
	.container .contents-ttl-contact,
	.container .contents-ttl-access,
	.container .contents-ttl-type,
	.container .contents-ttl-term,
	.container .contents-box .contents-right .jisseki,
	.page-top a {
		background:url(/images/sprite.jpg) no-repeat;
		}
		
/*============================== body  ==============================*/
	
/*----toppage----*/

	.top-body {
		background:url(/images/bg_top.jpg) repeat-x;
		}

/*----otherpage----*/

	body {
		background:url(/images/bg_other.jpg) repeat-x;
		}

/*============================== wrapper  ==============================*/

	.wrapper {
		padding:0;
		border:0;
		margin:0 auto;
		width:905px;
		display:block;
		}

/*============================== header  ==============================*/

	.header {
		padding:0;
		border:0;
		margin:0;
		width:905px;
		height:111px;
		}
		
	.header .logo {
		padding:0;
		border:0;
		margin:0;
		float:left;
		}

	.header .logo h1 {
		padding:0;
		border:0;
		margin:0;
		}

	.header .logo h1 a {
		padding:0;
		border:0;
		margin:0;
		width:203px;
		height:99px;
		display:block;
		background-position:0 0;
		text-indent:-9999px;
		overflow:hidden;
		}
		
	.header .navigation {
		padding:0;
		border:0;
		margin:0;
		width:702px;
		display:block;
		float:left;
		}
		
	.header .navigation .navi {
		padding:0;
		border:0;
		margin:0;
		width:702px;
		list-style:none;
		}
	
	.header .navigation .navi li {
		padding:0;
		border:0;
		margin:0;
		float:left;
		}

	.header .navigation .navi li a {
		padding:0;
		border:0;
		margin:0;
		width:100px;
		height:99px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		}

	.header .navigation .navi li .navi01 {
		background-position:-203px 0;
		}
	.header .navigation .navi li .navi02 {
		background-position:-303px 0;
		}
	.header .navigation .navi li .navi03 {
		background-position:-403px 0;
		}
	.header .navigation .navi li .navi04 {
		background-position:-503px 0;
		}
	.header .navigation .navi li .navi05 {
		background-position:-603px 0;
		}
	.header .navigation .navi li .navi06 {
		background-position:-703px 0;
		}
	.header .navigation .navi li .navi07 {
		background-position:-803px 0;
		width:102px;
		}
		
	.header .navigation .navi li .navi01:hover,
	.header .navigation .navi li .navi01-selected {
		background-position:-203px -200px;
		}
	.header .navigation .navi li .navi02:hover,
	.header .navigation .navi li .navi02-selected {
		background-position:-303px -200px;
		}
	.header .navigation .navi li .navi03:hover,
	.header .navigation .navi li .navi03-selected {
		background-position:-403px -200px;
		}
	.header .navigation .navi li .navi04:hover,
	.header .navigation .navi li .navi04-selected {
		background-position:-503px -200px;
		}
	.header .navigation .navi li .navi05:hover,
	.header .navigation .navi li .navi05-selected {
		background-position:-603px -200px;
		}
	.header .navigation .navi li .navi06:hover,
	.header .navigation .navi li .navi06-selected {
		background-position:-703px -200px;
		}
	.header .navigation .navi li .navi07:hover,
	.header .navigation .navi li .navi07-selected {
		background-position:-803px -200px;
		width:102px;
		}

/*============================== container ==============================*/
	
/*----toppage----*/

	.main {
		padding:0;
		border:0;
		margin:0;
		width:905px;
		}
	.top-container {
		padding:20px;
		border:1px solid #ccc;
		border-width:0 1px 0 1px;
		margin:0;
		width:863px;
		background-color:#fff;
		}
		
/*----/toppage----*/

/*----otherpage----*/
	
	.container {
		padding:20px 0 0 0;
		border:1px solid #ccc;
		border-width:0 1px 1px 1px;
		margin:0 0 10px 0;
		width:903px;
		background-color:#fff;
		}
		
/*----/otherpage----*/


/*----toppage----*/
	
	.ttl-short {
		padding:0;
		border:0;
		margin:0 0 15px 0;
		width:620px;
		height:40px;
		background-position:0 -115px;
		}

	.top-container .news {
		padding:0;
		border:0;
		margin:0;
		width:620px;
		float:left;
		}

	.top-container .news .ttl-short h2 {
		padding:0 0 0 20px;
		width:600px;
		height:40px;
		line-height:3.0;
		font-size:108%;
		font-weight:bold;
		color:#434140;
		}
		
	.top-container .news .news-dis {
		padding:0;
		border:0;
		margin:0 auto;
		width:590px;
		}

	.top-container .news .news-dis span {
		color:#999;
		}
	
	.top-container .news .news-dis a:hover {
		color:#999;
		text-decoration:none;
		}
		
	.top-container .news .news-dis li {
		margin:0 0 10px 0;
		}
	
	.top-container .right {
		padding:0;
		border:0;
		margin:0 0 20px 9px;
		width:234px;
		float:left;
		}
		
	.top-container .right .banner-img {
		display:block;
		padding:0;
		border:0;
		margin:0 0 10px 0;
		}

/*----/toppage----*/

/*----otherpage----*/

	.container h2 {
		padding:0;
		border:0;
		margin:0 0 10px 0;
		width:903px;
		height:80px;
		text-indent:-9999px;
		}


/*----title---*/

	.container .contents-ttl-business {
		background-position:0 -310px;
		}

	.container .contents-ttl-works {
		background-position:0 -500px;
		}

	.container .contents-ttl-company {
		background-position:0 -580px;
		}

	.container .contents-ttl-recruit {
		background-position:0 -660px;
		}
	
	.container .contents-ttl-vision {
		background-position:0 -740px;
		}

	.container .contents-ttl-contact {
		background-position:0 -820px;
		}
	
	.container .contents-ttl-access {
		background-position:0 -900px;
		}

	.container .contents-ttl-type {
		background-position:0 -1060px;
		}

	.container .contents-ttl-term {
		background-position:0 -980px;
		}

/*----/title---*/

	.container .contents-dis {
		padding:0;
		border:0;
		margin:0 auto 10px auto;
		width:865px;
		line-height:2.5;
		color:#666;
		}
		
	.container .contents-subttl {
		padding:0 0 0 30px;
		border:0;
		margin:0;
		width:873px;
		height:40px;
		background-position:0 -155px;
		line-height:2.9;
		color:#444;
		letter-spacing:2.0px;
		text-shadow:1px 1px #fff;
		}

	.container .contents-box {
		padding:20px 50px;
		border:0;
		margin:0;
		width:803px;
		}
		
	.container .contents-box .contents-left {
		padding:0;
		border:0;
		margin:0;
		width:440px;
		float:left;
		}

	.container .contents-box .contents-left a {
		padding:0;
		border:0;
		margin:0 auto;
		display:block;
		width:280px;
		height:220px;
		}
	
	.container .contents-box .contents-left img {
		padding:0;
		border:0;
		margin:0 auto;
		display:block;
		}

	.container .contents-box .contents-right {
		padding:20px 0 0 20px;
		border:0;
		margin:0;
		width:340px;
		float:left;
		line-height:2.0;
		color:#666;
		}
	
	.container .contents-box .contents-right .right-url {
		padding:0;
		border:0;
		margin:0;
		width:340px;
		height:30px;
		}
		
	.container .contents-box .contents-right .right-url img {
		display:block;
		float:left;
		padding:5px 0 0 0;
		}
	
	.container .contents-box .contents-right .right-url a {
		display:block;
		float:left;
		line-height:2.0;
		padding:0 0 0 7px;
		text-decoration:underline;
		}

	.container .contents-box .contents-right .right-dis {
		line-height:2.0;
		color:#666;
		}
		
		
	.container .contents-box .contents-right .jisseki {
		padding:0;
		border:0;
		margin:10px 0 0 0;
		width:112px;
		height:27px;
		display:block;
		background-position:0 -390px;
		text-indent:-9999px;
		float:right;
		}
		
	.container .contents-box .contents-right .jisseki:hover {
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		}
		
		
/*----/otherpage----*/
	
	.container .contents-box p {
		line-height:2.0;
		color:#666;
		}

	.container .contents-box p span {
		font-weight:bold;
		color:#23547C;
		margin:0 20px 0 0;
		}
		

/*----company-page----*/
	
	.company {
		padding:0;
		border:0;
		margin:30px auto 40px auto;
		width:800px;
		border-collapse:collapse;
		color:#666666;
		line-height:2.0;
		}
	
	.company .be {
		background:#EDEEE8;
		}
		
	.company td {
		padding:10px;
		}
				
/*----/conpany-page----*/

/*----recruit-page----*/

	.recruit {
		padding:0;
		border:0;
		margin:30px auto 40px auto;
		width:800px;
		border-collapse:collapse;
		color:#666666;
		line-height:2.0;
		}
		
	.recruit .gr {
		background:#DFEAE9;
		width:100px;
		color:#4A8AAC;
		}

	.recruit td {
		padding:20px;
		border:1px solid #95BDD2;
		}

/*----/recruit-page----*/

/*----access-page----*/
	
	.accessmap-area {
		padding:20px;
		border:0;
		margin:0 auto;
		width:605px;
		}

	.accessmap-area img {
		margin:0 0 20px 0;
		}
		
	.access-table {
		width:605px;
		margin:0;
		color:#666;
		}
		
	.access-table td {
		padding:8px;
		border:1px solid #fff;
		}
	
	.access-table .be {
		background:#efefef;
		color:#666;
		}
		
		
/*----/access-page----*/

/*----vision-box----*/
	
	.vision-box {
		padding:10px;
		border:0;
		margin:20px auto;
		width:790px;
		height:160px;
		background:#3E3C3B;
		}

	.vision-box img {
		padding:0;
		border:0;
		margin:0;
		display:block;
		float:left;
		}

	.vision-box p {
		padding:20px 0 0 20px;
		border:0;
		margin:0;
		display:block;
		float:left;
		color:#fff;
		width:510px;
		font-weight:bold;
		line-height:2.0;
		}
		
/*----/vision-box----*/


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

	.page-top {
		padding:0 20px 10px 0;
		border:0;
		margin:0;
		width:885px;
		display:block;
		clear:both;
		}

	.page-top a {
		padding:0;
		border:0;
		margin:0;
		width:32px;
		height:40px;
		background-position:0 -420px;
		display:block;
		float:right;
		text-indent:-9999px;
		overflow:hidden;
		}

	.page-top a:hover {
		filter:alpha(opacity=30);
		-moz-opacity:0.3;
		opacity:0.3;
		}
				
/*----/pagetop----*/


/*============================== footer ==============================*/

	.footer {
		padding:0;
		border:0;
		margin:0;
		width:100%;
		height:60px;
		background:#222;
		clear:left;
		background:url(/images/footer.jpg) repeat-x;
		}

	.footer .footer-link {
		padding:25px 20px 0 20px;
		border:0;
		margin:0 auto;
		width:855px;
		display:block
		}
		
	.footer .footer-link li {
		padding:0;
		border:0;
		margin:0 10px 0 0;
		float:left;
		}
		
	.footer .footer-link li a {
		color:#999;
		}

	.footer .footer-link li a:hover {
		color:#FFFFCC;
		text-decoration:none;
		}
	
	.footer address {
		font-size:93%;
		font-weight:normal;
		font-style:inherit;
		color:#626262;
		line-height:1.8;
		text-align:right;
		}
		
		
		
/*============================== 広告集 ==============================*/
		
	#under-contentsB {
		padding:0;
		border:0;
		margin:0 auto 30px auto;
		width:700px;
		}		

	#under-contentsB .description-title {
		line-height:2.0;
		font-weight:bold;
		font-size:108%;
		color:#FF6666;
		}
	#under-contentsB .description {
		line-height:1.7;
		display:block;
		margin:0 0 15px 0;
		}