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

@import url(default.css);
@import url(base.css);

/* メイン---------------------------------- */

	.about h3{margin:15px 10px;}
		
		.about .textstyle1{
			padding:15px 35px 0 15px;
			font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
			font-weight:400;
			line-height:2.0em;
			letter-spacing:0.05em;
		}

	/* HOME */

	.about.index #contentleft{
		background:url(../about/images/bg_aboutindex.jpg) no-repeat 100% 230px;
	}
	
	
		.about.index #contentleft em{
			display:block;
			text-indent:-9999px;
			height:190px;
			background:url(../about/images/cap_aboutindex.jpg) no-repeat;
		}


		.about.index #contentleft dl{
			padding:2px 0 0 2px;
			width:484px;
			
			
		}
		
			.about.index #contentleft dt{
				padding:40px 0 25px;
			}
	
			.about.index #contentleft dd{
				margin:0 0 0 1px;
				padding:0 0 0 18px;
				font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
				font-weight:400;
				line-height:2.0em;
				letter-spacing:0.05em;
				background:url(../about/images/line_concept.gif) repeat-y;
			}

				.about.index #contentleft dd h3{
					margin:0 0 15px;
				}


	/* 事業内容 */
	
	.about.buisiness h3{margin:15px 0 0;}

		#buissinesslist{
			height:300px;
			background:url(../about/images/img_about2-1.jpg) no-repeat;
			text-indent:-9999px;

		}

		.about #buissinesslist li{list-style:none;}
		
		.about #buissinessconcept{
			padding:15px 35px 0 15px;
			color:#004080;
			font-family:"kozuka-mincho-pro",sans-serif;
			font-weight:400;
			letter-spacing:0.05em;
			line-height:2.0em;
			position:relative;
			top:-20px;
		}
		
		.about #buissinessconcept span{
			color:#c80000;
		}
		
		.about #buissinessconcept img{
			margin-bottom:-40px;
			float:right;
			position:relative;
			top:-30px;
			left:20px;
		}
		


	/* 会社情報 */

		.about .tablestyle1 th{
			font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
			font-weight:400;
			line-height:2.0em;
			letter-spacing:0.05em;
		}
		

		.about .tablestyle1 td{
			font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
			font-weight:400;
			line-height:2.0em;
			letter-spacing:0.05em;
			vertical-align:middle;
		}




	/* 会社沿革 */

		.about.history .tablestyle1 th{
			text-align:right;
			width:19%;
			padding-right:2%;
		}

		.about.history .tablestyle1 td{
			width:79%;
			line-height:1.5em;
		}



	/* 求人情報 */

		.about.recruit .tablestyle1 th{
			width:22%;
			padding-top:11px;
			line-height:1.4em;
		}
		

		.about.recruit .tablestyle1 td{
			width:78%;
		}
	
		.about .tablestyle1 .morecolor1 th{
			background:#eeeeca;
			color:#4c4c00;
		}
	
		.about .tablestyle1 .morecolor1 td{
			background:#eee;
			border-left:#7f8000 5px solid;
		}
		
		.about .tablestyle1 .tablesublabel{
			background:#294566;
			color:#fff;
			text-align:left;
			padding:5px 15px !important;
		}

			.about #recruit-bottomtext{
				padding:0 20px;
				line-height:150%;
			}


	/* アクセス */
	
		#maincontent{
			width:650px;
			margin:0 auto;
		}

		#map{
			width:620px;
			height:420px;
			border:1px solid #ccc;
		}
		
			#access-bottomtext{
				padding:15px 0 0 12px;
			}
			
				#access-bottomtext li{
					margin-bottom:10px;
					list-style:none;
					font-family:'kozuka-gothic-pro','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
					font-weight:400;
					line-height:1.5em;
					letter-spacing:0.05em;
				}
	
				#access-bottomtext li{zoom:1;}
				#access-bottomtext li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}

		
				#access-bottomtext div{
					float:left;
					width:100px;
					height:20px;
					color:#294566;
					font-weight:700;
				}
			
				#access-bottomtext em{
					display:block;
					float:left;
					width:540px;
					font-style:normal;
				}


	/* メッセージ */
		
		#message1 h3,
		#message2 h3{margin:30px 10px 0;}
		
		#capmessage1{
			height:245px;
		}
		
			#message1 .textstyle1 h4,
			#message2 .textstyle1 h4{
				margin:30px 0 10px;
			}
		
			.textbggray{
				padding:10px 20px 15px;
				margin:0;
				background:#eee;
			}
		
			
		/*** 会長メッセージ ***/		
		
			#message1 #contentleft{
				background:url(../about/images/img_message1.jpg) no-repeat 49px 146px;
			}
	
	
		/*** 社長画像 ***/		
		
			#capmessage1 img{
				float:right;
				width:180px;
				position:relative;
				top:30px;
				left:-35px;
				
			}
		
				
		#capmessage1 .maincatch{
			color:#294566;
			font-size:1.2em;
			font-family:"kozuka-mincho-pro",sans-serif;
			line-height:1.7em;
			letter-spacing:0.05em;
			position:relative;
			top:60px;
			left:50px;
		}
		#capmessage1 .maincatch span{
			font-size:0.8em;
		}

		#message2 .textstyle1{
		}




	/* サブメニュー */
	
			#submenu li{
				list-style:none;
				height:35px;
				margin:0 0 3px;
				overflow:hidden;
			}	
	
			#submenu li a{
				display:block;
				width:160px;
				height:35px;
				text-indent:-9999px;
				text-decoration:none;
			}	
	
				#contentright #submenu li#submenuindex{background:url(../about/images/submenu_index.gif);margin:10px 0 7px;}
				#contentright #submenu li#submenu1{background:url(../about/images/submenu1.gif);}
				#contentright #submenu li#submenu2{background:url(../about/images/submenu2.gif);}
				#contentright #submenu li#submenu3{background:url(../about/images/submenu3.gif);}
				#contentright #submenu li#submenu4{background:url(../about/images/submenu4.gif);}
				#contentright #submenu li#submenu5{background:url(../about/images/submenu5.gif);}
	
				#contentright #submenu li#submenuindex a:hover{background:url(../about/images/submenu_index_r.gif);}
				#contentright #submenu li#submenu1 a:hover{background:url(../about/images/submenu1r.gif);}
				#contentright #submenu li#submenu2 a:hover{background:url(../about/images/submenu2r.gif);}
				#contentright #submenu li#submenu3 a:hover{background:url(../about/images/submenu3r.gif);}
				#contentright #submenu li#submenu4 a:hover{background:url(../about/images/submenu4r.gif);}
				#contentright #submenu li#submenu5 a:hover{background:url(../about/images/submenu5r.gif);}

			#sublink{
				margin:12px 0 20px;
			}

				#sublink li{
					margin:0 0 7px 5px;
					width:155px;
				}