﻿/* basic CSS Document */


/*------------------------　全体設計　------------------------*/
body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	color: #434343;
	line-height: 1.4;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-image: url(./hp2/back.gif);
	background-position: center;
}

img{
	border:0px;
}

a{
	color: #ff9900;
	text-decoration:none;
}

a:hover{
	color: #ff3333;
	text-decoration:none;
}
/*-----　フォント　-----*/

.f1{
	font-weight: bold;
}
.f2{
	font-weight: bold;
	color: #ff0000;
}
.f3{
	font-weight: bold;
	font-size: 16px;
}
.f4{
	font-weight: bold;
	color: #0066ff;
}
.f5{
	font-size: 12px;
	color: #996633;
}
.f6{
	color: #ff9900;
}
.f7{
	color: #ff0000;
}
.f8{
	font-weight: bold;
	color: #ffffff;
}
.f9{
	font-size: 12px;
}
.f10{
	font-size:14px;
}


/*------------------------　共通設定　------------------------*/
#all{
	width: 900px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	display: block;
}

#top{
	width: 900px;
	height: 70px;
	background-image:url(./hp2/top.gif);
	background-repeat: no-repeat;
}

#contents01{
	width: 900px;
	height: 28px;
	text-align: center;
}

#bottom{
	width: 900px
	height: 30px;
	text-align: center;
	clear:both;
}

/*----------　共通詳細設定　----------*/
/*--　top　トップへのリンク　--*/
.top-top{
	float: left;
	padding-top: 10px;
}
.top-top2{
	float: left;
	padding-top: 28px;
}

/*--　contents01　メニュー　--*/
ul#menu{
	width: 900px;
	list-style:none;
	margin: 0;
	padding-left: 0px;
}

ul#menu li{
	width: 150px;
	height:23px;
	float:left;
	text-align:center;
}

ul#menu li a{
	display:block;
	color: #009999;
	font-weight: bold;
	background-image:url(./hp2/top-menu.gif);
	padding:5px 0 3px 0;
}

a.syacho{
    background-position:0px 0px;
}
a:hover.syacho{
    background-position:0px -28px;
}
a.kaisya{
    background-position:-150px 0px;
}
a:hover.kaisya{
    background-position:-150px -28px;
}
a.syain{
    background-position:-300px 0px;
}
a:hover.syain{
    background-position:-300px -28px;
}
a.kensyu{
    background-position:-450px 0px;
}
a:hover.kensyu{
    background-position:-450px -28px;
}
a.bosyu{
    background-position:-600px 0px;
}
a:hover.bosyu{
    background-position:-600px -28px;
}
a.setsumeikai{
    background-position:-750px 0px;
}
a:hover.setsumeikai{
    background-position:-750px -28px;
}

/*--　bottom　コピーライト--*/
.copyright{
	background-image: url(./hp2/top-bottom.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	line-height:2.5;
}


/*------------------------　社員紹介ページ設定　------------------------*/
#syain-top{
	width: 900px;
	height: 80px;
}

#syain01-01{
	width: 600px;
	height: 280px;
	background-image: url(./hp2/syain-syain01-01.jpg);
	float:left;
}
#syain01-02{
	width: 300px;
	height: 280px;
	float:left;
}
#syain01-03{
	width: 900px;
	height: 420px;
	background-image: url(./hp2/syain-syain01-03.jpg);
	clear: both;
}

#line01{
	width: 900px;
	text-align: center;
}

#syain02-01{
	width: 300px;
	height: 280px;
	float:left;
}

#syain02-02{
	width: 600px;
	height: 280px;
	background-image: url(./hp2/syain-syain02-01.jpg);
	float:left;
}
#syain02-03{
	width: 900px;
	height: 420px;
	background-image: url(./hp2/syain-syain02-03.jpg);
	clear: both;
}

/*----------　社員紹介ページ詳細設定　----------*/
/*--kaisya-top　タイトル＆ページ説明--*/
.syain-title{
	padding-top: 25px;
	padding-left: 20px;
}

/*--link-icon　リンクアイコン--*/
/*--syain01　社員１--*/
.job01{
	width: 350px;
	margin-top: 40px;
	margin-left: 200px;
}
html>/**/body .job01 {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 30px;
	padding-left: 200px;
}
.time01{
	text-align: left;
}

.qa01{
	width: 600px;
	margin-top: 10px;
	margin-left: 50px;
}
html>/**/body .qa01 {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 50px;
}

/*--syain02　社員２--*/
.time02{
	text-align: right;
}
.job02{
	width: 350px;
	margin-top: 40px;
	margin-left: 40px;
}
html>/**/body .job02 {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 40px;
	padding-left: 40px;
}

.qa02{
	width: 600px;
	margin-top: 10px;
	margin-left: 260px;
}
html>/**/body .qa02 {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 260px;
}


