@charset "Shift_JIS";



/* reset
-------------------------------------------------- */

html {
overflow-y: scroll;
}

body,
div,
a,
strong,
p,
blockquote,
ol,ul,li,
dl,dt,dd,
table,tr,th,td,
h1,h2,h3,h4,h5,h6
{
margin:0;
padding:0;
outline:0;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:1.5em;
text-decoration:none;
color:#000000;
}

li{
list-style-type: none;
}

label{cursor:pointer;}

img{
border:0px;
vertical-align:bottom;
}

a:active,
a:focus{  
outline:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}



/* common tag
-------------------------------------------------- */


body {
background:#FFFFFF url(../img/bg.gif) repeat 0 0;
}

strong{
font-weight:bold;
}

a{
color:#1565AD;
text-decoration:underline;
}

	a:visited{
	color:#00417B;
	}

	a:hover{
	color:#69B5F9;
	}
	


/* #conteiner
-------------------------------------------------- */

#container{
margin:0 auto;
width:712px;
}



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

#header{
position:relative;
width:712px;
height:89px;
overflow:hidden;
background:url(../img/header_bg.jpg) no-repeat 0 0;
}

#logo{
position:absolute;
top:28px;
left:20px;
}

#headerNavi{
}

	#headerNavi li{
	display:inline;
	}
	
	#headerNavi a{
	position:absolute;
	top:56px;
	display:block;
	width:105px;
	height:33px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	}
	
	#headerNavi a.active,
	#headerNavi a:hover.active{
	background-position:0 -33px;
	}

	#headerNavi a:hover{
	background-position:0 -66px;
	}
	
	#headerNavi a#navCompany{
	left:279px;
	background-image:url(../img/navCompany.jpg);
	}
	
	#headerNavi a#navVision{
	left:384px;
	background-image:url(../img/navVision.jpg);
	}
	
	#headerNavi a#navService{
	left:489px;
	background-image:url(../img/navService.jpg);
	}
	
	#headerNavi a#navRecruit{
	left:594px;
	background-image:url(../img/navRecruit.jpg);
	}

#headerMenu{
display:block;
margin:30px 15px 0 0;
text-align:right;
}

	#headerMenu li{
	display:inline;
	margin:0;
	padding:0;
	}

	#headerMenu a{
	font-size:10px;
	padding:0 5px;
	}



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

#footer{
width:712px;
padding:10px 0 20px;
background:url(../img/footer_bg.jpg) no-repeat 0 bottom;
}

#footerMenu{
display:block;
text-align:center;
}

	#footerMenu li{
	display:inline;
	}

	#footerMenu a{
	font-size:10px;
	padding:0 5px;
	}

#copyright{
font-size:10px;
text-align:center;
}



/* #main
-------------------------------------------------- */

#main{
width:712px;
background:url(../img/main_bg.jpg) repeat-y 0 0;
}

	#pgIndex #main{
	background-image:url(../../img/main_bg.jpg);
	}

#mainInner{
background:url(../img/mainInner_bg.gif) no-repeat center bottom;
}

	#pgIndex #mainInner{
	text-align:center;
	}



/* #main > #sideNavi
-------------------------------------------------- */ 

#sideNavi{
float:left;
width:175px;
}

#sideNavi #sideTitle{
margin-top:8px;
}

#sideNavi #sideNaviInner{
margin:0 0 1px 8px;
height:369px;
background:url(../img/sideNaviInner_bg.jpg) repeat-x 0 0;
}

	#sideNaviInner ul{
	margin:4px 4px 0 13px;
	}

	#sideNaviInner ul.noIndex{
	margin-top:0px;
	padding-top:12px;
	}
	
	#sideNaviInner li{
	display:block;
	font-size:12px;
	padding:8px 0 0 14px;
	background:url(../img/arrow_blue.gif) no-repeat 0 12px;
	}

	#sideNaviInner li ul{
	margin-left:0;
	}

	#sideNaviInner li a{
	display:block;
	}


/* #main > #content
-------------------------------------------------- */

#content{
float:left;
width:537px;
background:url(../img/content_bg_top.jpg) no-repeat 0 top;
}

#contentInner{
padding:20px 14px 20px 14px;
}



/* #content
------------------------------*/

#content ul,
#content li,
#content p{
font-size:12px;
line-height:140%;
}

#content ul.listTp1{
margin-left:20px;
}

	#content ul.listTp1 li{
	margin-bottom:10px;
	line-height:140%;
	}

#content ul.listTp2{
margin-left:20px;
}

	#content ul.listTp2 li{
	margin-bottom:3px;
	line-height:140%;
	}

#content ul.listTp3{
	margin-left:20px;
	}

	#content ul.listTp3 li{
	margin-bottom:5px;
	padding:0 0 0 15px;
	background:url(../img/arrow_orange.gif) no-repeat 0 4px;
	}

	#content ul.listTp3 ul{
	margin:5px 0 0 10px;
	padding:0;
	}

	

#content h1{
margin:0 0 10px;
}

#content p{
margin:0 20px 0.8em;
}

h2{
margin:40px 0 10px;
padding:10px 0 0 20px;
background:url(../img/icon_m_orange.jpg) no-repeat left 12px;
font-size:14px;
border-top:1px dashed #CCC;
}

	h2.hTp1{
	color:#009900;
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	background:none;
	}

	h2.hTp2{
	border:none;
	padding:0 0 0 20px;
	background-position:0 3px;
	font-weight:bold;
	}

#content h3{
font-size:12px;
margin:20px 0 10px;
padding:0 0 0 20px;
background:url(../img/icon_s_orange.gif) no-repeat left center;
}


#content .noMargin{
margin:0;
background:none;
}

#content .col2{
margin:10px 0;
}

	#content .col2 div{
	float:left;
	width:250px;
	}
	
	#content .col2 h3{
	margin:10px 20px;
	}


/* index
------------------------------*/

#indexFlash{
margin:0 0 10px;
}

#pgIndex h2{
margin:0;
padding:0;
border:none;
background:none;
}

#indexContents{
margin:0 auto;
width:688px;
text-align:left;
}


/* .tblForm
------------------------------*/

.tblForm{
width:100%;
background:#FCFCFC;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

.tblForm th,
.tblForm td{
padding:4px 8px;
text-align:left;
border-bottom:1px solid #CCCCCC;
}

.tblForm th{
width:160px;
}

.tblForm th span{
font-size:10px;
}

.tblForm input{
padding:2px;
border:1px solid #999999;
background-color:#FFFFFF;
}

.tblForm input.error,
.tblForm textarea.error{
border:1px solid #FF0000;
background-color:#FFFCFC;
}

.tblForm label.error{
font-size:12px;
padding-left:4px;
color:#FF0000;
}



/* common class
------------------------------*/

.tblTp1{
margin:10px 0;
border-collapse:separate;
border-spacing:2px;
}
	.tblTp1 th{
	width:120px;
	padding:10px;
	background:#1666AD;
	color:#FFFFFF;
	font-size:12px;
	}
	.tblTp1 td{
	padding:10px;
	background:#D0E0EF;
	font-size:12px;
	}

.tblTp2{
width:100%;
margin:10px 0;
border-top:1px solid #CCC;
}

	.tblTp2 span.newsMore{
	font-size:10px;
	padding-left:4px;
	}
	
		.tblTp2 span.newsMore a{
		padding:0 1px;
		font-size:10px;
		}

	
	.tblTp2 th{
	width:120px;
	padding:10px;
	font-size:12px;
	line-height:140%;
	border-bottom:1px solid #CCC;
	}
	
		.tblTp2 th img{
		display:block;
		margin:0 auto 8px;
		}

		.tblTp2 th h2{
		margin:0;
		padding:0 0 0 16px;
		border:none;
		font-size:12px;
		text-align:left;
		background-position:0 3px;
		}

	.tblTp2 td{
	padding:10px;
	font-size:12px;
	line-height:140%;
	border-bottom:1px solid #CCC;
	}

	#content .tblTp2 p{
	margin-left:0;
	margin-right:0;
	}

.tblTp3{
width:505px;
border-collapse: collapse;
border: none;
border-spacing:0;
background:url(../../service/img/tblTp3_bg1.gif) repeat-y 0 0;
}

	.tblTp3 th,
	.tblTp3 td{
	margin:0;
	padding:0 0 10px 0;
	vertical-align:top;
	width 240px;
	}

	#content .tblTp3 th p,
	#content .tblTp3 td p{
	text-align:left;
	font-weight:normal;
	margin:10 10px 0;
	}
	
	.tblTp3 strong{
	display:block;
	margin:0 0 5px;
	text-align:center;
	}
	
	.tblTp3 th{
	background:url(../../service/img/tblTp3_bg2.gif) no-repeat left bottom;
	text-align:right;
	}

	.tblTp3 th img{
	display:block;
	margin:0;
	padding:0;
	}

	.tblTp3 td{
	background:url(../../service/img/tblTp3_bg2.gif) no-repeat right bottom;
	}
	
		.tblTp3 td.arrow{
		width:25px;
		vertical-align:middle;
		background:none;
		}

.tblTp4{
border-collapse:collapse;
border:none;
border-spacing:0;
}

	.tblTp4 th{
	padding:0 5px 5px 0;
	text-align:left;
	border:none;
	vertical-align:top;
	}

	.tblTp4 td{
	padding:0 5px 5px 0;
	border:none;
	vertical-align:top;
	}

.tblTp5{
border-collapse: collapse;
border: none;
border-spacing:0;
}

	.tblTp5 th{
	padding:0 5px 5px 20px;
	text-align:left;
	border:none;
	vertical-align:top;
	font-weight:bold;
	}

	.tblTp5 td{
	padding:0 5px 5px 0;
	border:none;
	vertical-align:top;
	}

.tblTp6{
width:505px;
margin:10px 0 30px;
border-top:1px solid #999999;
border-right:1px solid #999999;
}

	.tblTp6 th,
	.tblTp6 td{
	padding:8px 10px;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	text-align:left;
	}
	
	.tblTp6 th{
	width:80px;
	font-weight:bold;
	}

		.tblTp6 th.color1{
		width:auto;
		background-color:#F6F6F9;
		}


#content .pgLink{
padding:5px 0 0;
text-align:center;
}

	.pgLink li{
	display:inline;
	}
	
	.pgLink li a,
	.pgLink li span{
	padding:0 5px;
	}

#content .attention{
font-size:10px;
color:#1666AD;
}

#content p.pgTop{
margin:10px 10px 20px;
text-align:right;
}

#content p.catch{
margin:30px 0;
text-align:center;
}

ul.sideSecond{
margin:0;
padding:0;
}

	ul.sideSecond li{
	display:block;
	padding:0;
	}
	
	ul.sideSecond li a{
	display:block;
	padding:10px 10px 0 13px;
	background:url(../img/arrow_blue.gif) no-repeat left 12px;
	}

ul.icon1{
margin:0 20px 0;
}

	ul.icon1 li{
	padding-left:15px;
	background:url(../img/icon_s_orange.gif) no-repeat left center;
	}

.center{
text-align:center;
}
	img.center{
	display:block;
	margin:0 auto;
	}
	
	table.center{
	margin:0 auto;
	}

.btnContact{
text-align:center;
margin:50px 0;
}

.spBlock1{
padding:20px;
background-color:#F0F5FA;
}

p.right{
text-align:right;
}

img.right{
float:right;
padding:0 20px 20px;
}

h2 span{
font-size:10px;
padding-left:10px;
}

em{
font-style:normal;
font-weight:bold;
}

a img{
border:none;
}

/* clear fix
-------------------------------------------------- */

.clearFix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
line-height:0;
}

.clearFix{
zoom:1;
}

/* Hides from IE-mac \*/
* html .clearFix{height:0.0001%;}
.clearFix{display:block;}
/* End hide from IE-mac */