@charset "utf-8";

/*
10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%
*/


html {
	overflow-y: scroll;
	height: 100%;
}

body{
	margin:0;
	padding:0;
	height: 100%;
	font-size: 14px;
	background-color: #fff;
	color: #666666;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 180%;
}

div#container{
	width: 963px;
	margin: 0 auto;
	position: relative;
}

div#wrapper{
	width: 963px;
}

.background{
	background: url(../img/corporate/background.jpg) no-repeat center bottom fixed;
}

a{
	color: #666666;
	text-decoration: none;
}

a:hover{
	color: #0095A1;
}

/********************************************************

Logo & Navigation

********************************************************/

div#side{
	width: 138px;
	border-top: 2px solid #0a7f88;
	border-left: 2px solid #0095a1;
	border-right: 2px solid #0095a1;
	/*float: left;*/
	
}

h1#logo{
	width: 108px;
	height: 84px;
	padding: 13px 13px 12px 17px;
	background-color: #fff;
}

h1#logo a{
	width: 108px;
	height: 84px;
	background: url(../img/common/logo_en.gif) no-repeat;
	display:block;
	text-indent:-10000px;
	overflow: hidden;
}

h1#logo a:hover{
	background: url(../img/common/logo_en.gif) no-repeat;
}


div#gnav{
	padding-top: 2px;
	background: url(../img/common/dotline.gif) repeat-x;
	background-color: #fff;
}

ul#corporate{
	background: url(../img/common/nav_corporate.gif) no-repeat;
	background-color: #fff;
	position: relative;
	height: 152px;
}


ul#business{
	background: url(../img/common/nav_business.gif) no-repeat;
	background-color: #fff;
}


ul#corporate{
}

ul#corporate li{
	position: absolute;
	top: 34px;
}

ul#corporate li a{/*
	display: block;
	text-indent: -100000px;
	width: 21px;
	overflow: hidden;*/
}

/*
ul#corporate li.c1{
	left: 87px;
}
ul#corporate li.c2{
	left: 59px;
}
ul#corporate li.c3{
	left: 31px;
}
*/

ul#corporate li.c1{
	left: 96px;
}
ul#corporate li.c2{
	left: 71px;
}
ul#corporate li.c3{
	left: 47px;
}
ul#corporate li.c4{
	left: 23px;
}


ul#business{
	position: relative;
	height: 217px;
}

ul#business li{
	position: absolute;
	top: 39px;
}

ul#business li a{
	/*display: block;
	text-indent: -100000px;
	width: 20px;
	overflow: hidden;*/
}

ul#business li.b1{
	left: 113px;
}

ul#business li.b2{
	left: 92px;
}

ul#business li.b3{
	left: 72px;
}

ul#business li.b4{
	left: 51px;
}

ul#business li.b5{
	left: 31px;
}

ul#business li.b6{
	left: 10px;
}

div#navAccess{
	background: url(../img/common/dotline.gif) left top repeat-x;
	position: relative;
	height: 24px;
}

p.access{
	width: 98px;
	height: 11px;
	position: absolute;
	top: 7px;
	left: 24px;
}

a.access:hover{
	/*background: url(../img/common/access_on.gif) no-repeat;*/
}


div#member{
	background-color: #0095a1;
	padding: 13px 0 ;
}

form{
	margin: 0 auto;
	width: 112px;
}

.id{
	background: url(../img/common/id.gif) no-repeat left center;
	padding-left: 28px;
	margin-top: 7px;
}

.pw{
	background: url(../img/common/password.gif) no-repeat left center;
	padding-left: 28px;
	margin-top: 7px;
}

input.field{
	width: 82px;
	font-size: 72%;
	border: none;
}

input.submit{
	width: 112px;
	margin: 7px auto 0 auto;
}

div#printBody{
	width: 623px;
	margin: 0 auto;
	/*padding-top: 10px;
	background: url(../img/common/logo_ja.gif) right top no-repeat;*/
}

div#printBody div#headQuarters{
	margin-top: 22px;
}

div#printBody div#fukagawaCenter{
	margin-top: 40px;
}

div#printBody .map{
	margin-top: 10px;
}

div#printBody .address,
div#printBody .route{
	margin-top: 10px;
}


/********************************************************

back to top of page

********************************************************/

div#anchorNav{
	position: fixed;
	top: 50%;
	margin-top: -27px;
	right: 0;
	display: none;
	text-align: right;
}


/********************************************************



********************************************************/

div#contents{
	position: absolute;
	/*position: relative;
	margin-left: 141px;*/
	top:0;
	left: 141px;
	width: 819px;
	background: url(../img/common/logo_ja.gif) right top no-repeat;
}

div#contents-business{
	position: absolute;
	top:0;
	left: 141px;
	/*position: relative;
	margin-left: 141px;*/
	width: 819px;
}


/********************************************************

top page

********************************************************/

div#index{
	padding-left: 0px;
	height: 570px;
}

div#intro{
	position: relative;
}
div#intro h3{
	position: absolute;
}

h3.part1{
	top: 105px;
	left: 608px;
}
h3.part2{
	top: 105px;
	left: 530px;
}
h3.part3{
	top: 103px;
	left: 453px;
}
h3.part4{
	top: 105px;
	left: 376px;
}
h3.part5{
	top: 103px;
	left: 299px;
}

div#news{
	position: relative;
}

div#news .topics{
	font-size: 79%;
	position: absolute;
	top: 550px;
	left: 12px;
	padding-left: 50px;
	background: url(../img/index/news.gif) no-repeat left center;
	letter-spacing: 0.1em;
}


/********************************************************

footer

********************************************************/

div#footer{
	padding-top: 5px;
	font-size: 72%;
	color: #999;
	padding-bottom: 10px;
	text-align: center;
}

.index{
	border-top: 1px solid #0095a1;
	margin-top: 10px;
}

div#footer a{
	color: #999;
	text-decoration: none;
}

div#footer a:hover{
	/*color: #00afaf;*/
	color: #0095A1;
}

/* for business page  */
div#contents-business div#footer{
	padding-bottom: 1000px;
}

/********************************************************

corporate

********************************************************/

div#corporate{
	padding-top: 98px;
	margin: 0 0 0 167px;
	min-height: 570px;
	letter-spacing: 0.1em;
	padding-bottom: 50px;
}

div#message{
	padding-top: 87px;
	margin: 0 0 0 131px;
	min-height: 494px;
	_height: 494px;
}

table,
table tr,
table th,
table td {
	font-size: 100%;
	text-align: left;
}

table {
	border-collapse: collapse;
}

div#overview{
	width: 562px;
}

table#summary{
	margin-top: 64px;
	width: 562px;
}

table#summary th{
	vertical-align: top;
	font-weight: normal;
	padding: 25px 0 25px 0;
	letter-spacing: 0;
}

table#summary td.value{
	padding: 25px 0 25px 0;
}

table#summary td.colon{
	padding: 25px 10px 25px 10px;
	vertical-align: top;
}

table#summary tr{
	background: url(../img/corporate/tableBorder.gif) repeat-x;
}

.ml60{
	margin-left: 60px;
}

div#outline{
	padding-top: 98px;
	margin: 0 0 0 173px;
	min-height: 570px;
	letter-spacing: 0.1em;
	padding-bottom: 50px;
}

table#chronology{
	width: 623px;
	margin-top: 64px;
}

table#chronology tr{
}

table#chronology th{
	background: url(../img/corporate/chronology_circle.gif) no-repeat;
	background-position-y: 0px;
	width: 11em;
	padding: 0 15px 0 25px;
	line-height: 1.0;
	vertical-align: top;
	font-weight: normal;
	padding-bottom: 30px;
}

table#chronology td{
	line-height: 1.0;
	vertical-align: top;
	padding-bottom: 30px;
}

table#chronology th.last{
	background: url(../img/corporate/chronology_circle_last.gif) no-repeat;
	background-position-y: 2px;
}

span.kerningKakko{
	letter-spacing: -0.5em;
}



/********************************************************

business

********************************************************/

div#business{
	position: relative;
	top: 0;
}

div#headerArea{
	position: fixed;
	z-index: 1000;
	width: 680px;
	height: 20px;
	padding-top: 105px;
	top: 0;
	background: url(../img/common/logo_ja.gif) no-repeat right top #fff;
}

div#business h3#title{
}

div#serviceList{
	position: relative;
	margin: 0 0 0 145px;
	width: 623px;
	padding-bottom: 50px;
	letter-spacing: 0.1em;
}

.service{
	/*padding-top: 200px;*/
}

div#b1{
	padding-top: 150px;
}

div#b2,
div#b3,
div#b4,
div#b5,
div#b6,
div#b7{
	padding-top: 150px;
}

p.name{
	
}

p.sub{
	margin-top: 6px;
	font-size: 79%;
	line-height: 180%;
	
}

p.description{
	margin-top: 12px;
	font-size: 100%;
	line-height: 180%;
}

.pic{
	margin-top: 5px;
}

div.detail{
	margin-top: 10px;
}


/********************************************************

access

********************************************************/

div#access{
	padding-top: 98px;
	width: 623px;
	margin: 0 0 0 108px;
	min-height: 560px;
	letter-spacing: 0.1em;
	padding-bottom: 50px;
}

div#mapNav{
	position: relative;
	margin-top: 60px;
	height: 30px;
}

.goHeadQuarters{
	position: absolute;
	top: 2px;
}

.gofukagawaCenter{
	position: absolute;
	left: 143px;
	top: 2px;
}

.goPrintPage{
	position: absolute;
	top: 0;
	right: 0;
}

div#headQuarters{
	margin-top: 44px;
}

div#fukagawaCenter{
	margin-top: 40px;
}

div.mapName{
	/*text-indent: -0.5em;*/
}

div.map{
	margin-top: 20px;
}

.address{
	float: left;
	width: 250px;
	margin-top: 20px;
	line-height: 200%;
	font-size: 93%;
}

.route{
	margin-left: 260px;
	margin-top: 20px;
	line-height: 200%;
	font-size: 93%;
	width: 360px;
}

/********************************************************

contact

********************************************************/
div#contact{
	padding-top: 98px;
	width: 623px;
	margin: 0 0 0 145px;
	min-height: 560px;
	_height: 450px;
	letter-spacing: 0.1em;
	padding-bottom: 50px;
	min-height: 432px;
}

.address-HeadQuarters{
	margin-top: 24px;
}

.address-HeadQuarters a{
	text-decoration: underline;
	color: #2f8e98;	
}

.address-FukagawaCenter{
	margin-top: 24px;
}

.address-title{
	font-size: 108%;
}

/********************************************************

recruit

********************************************************/

div#recruit{
	padding-top: 98px;
	width: 623px;
	margin: 0 0 0 145px;
	min-height: 560px;
	_height: 450px;
	letter-spacing: 0.1em;
	padding-bottom: 50px;
	min-height: 432px;
}

.recruitInformation{
	margin-top: 24px;
}
.recruitVisual {
	margin-top: 55px;
}
.recruitCopy {
	margin-top: 30px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #bbb;
	width: 560px;
}
.recruitTtl {
	margin-bottom: 38px;
}
.recruitContent {
	padding: 40px 0;
	border-bottom: 1px dashed #bbb;
	width: 560px;
	position: relative;
}
.recruitBnr2 {
	text-align: center;
	padding: 10px 0 15px 0;
}
.recruitBnr2Msg {
	font-size: 13px;
	text-align: center;
}
.recruitBnr2Tel {
	text-align: center;
}

#recruit #title span {
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	position: relative;
	top:-2px;
	float: right;
	padding-right: 60px;
}
.recruitContent .inner {
	padding-left: 15px;
}
#recruit #rFlow ul li {
	letter-spacing: 0.05em;
	font-size: 14px;
	margin-bottom: 15px;
}
#recruit #rFlow ul li:last-child {
	margin-bottom: 0;
}
#recruit #rFlow ul li span {
	display: inline-block;
	position: relative;
	margin-right: 11px;
	top:2px;
}
#recruit #rAbout ul li {
	letter-spacing: 0.05em;
	font-size: 14px;
	margin-bottom: 15px;
}
#recruit #rAbout ul li:last-child {
	margin-bottom: 0;
}
#recruit #rAbout ul li span {
	display: inline-block;
	width: 133px;
}
#recruit .rExplanLeft {
	float: left;
}
#recruit .rExplanRight{
	float: right;
}
#recruit .rExplanLeft p {
	line-height: 2.2;
	font-size: 13px;
	margin-bottom: 45px;
}
#recruit .rExplanLeft dl dt {
	font-size: 15px;
	display: inline-block;
	padding: 4px 8px;
	border: 1px solid #333;
	line-height: 1;
	margin-bottom: 20px;
}
#recruit .rExplanLeft dl dd ul {
	font-size: 13px;
	display: block;
	height: 140px;
	background: url(../img/recruit/recruit_extra_img07.jpg) no-repeat left top;
	position: relative;
}
#recruit .rExplanLeft dl dd ul li {
	position: absolute;
	left: 23px;	
}
#recruit .rExplanLeft dl dd ul li:nth-child(1) {
	top:-6px;
}
#recruit .rExplanLeft dl dd ul li:nth-child(2) {
	top:33px;
}
#recruit .rExplanLeft dl dd ul li:nth-child(3) {
	top:74px;
}
#recruit .rExplanLeft dl dd ul li:nth-child(4) {
	top:114px;
}

#recruitNew h3 {
	margin-bottom: 20px;
}
#recruitNew .recruitNewLeft {
	width: 260px;
	display: block;
	float: left;
}
#recruitNew p {
	margin-bottom: 20px;
	letter-spacing: 0.05em;
}
#recruitNew .img {
	margin-left: 25px;
	margin-left: 0;
	margin-bottom: 20px;
}

#recruitTime h4 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
#recruitTime h4 small {
	font-size: 12px;
}
#recruitTime p {
	margin-bottom: 20px;
}
#recruitTime h5 {
	margin-bottom: 25px;
	font-size: 15px;
	font-weight: normal;
}

#recruitTimePict1 {
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: 15px;
	margin-bottom: 20px;
}
#recruitTimePict1 li {
	display: block;
	width: 170px;
	float: left;
	margin: 0 8px;
}
#recruitTimePict1 li span {
	display: block;
	text-align: center;
	line-height: 1.4;
	font-size: 12px;
	margin-top: 5px;
	margin-top: 0;
}

#recruitTimePict2 {
	margin-left: -9px;
	margin-right: -9px;
}
#recruitTimePict2 li {
	display: block;
	width: 260px;
	float: left;
	margin: 0 9px;
}
#recruitTimePict2 li span {
	display: block;
	text-align: center;
	line-height: 1.4;
	font-size: 12px;
	margin-top: 5px;
	margin-top: 0;
}

#recruitHoliday h4 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
#recruitHoliday h5 {
	font-weight: normal;
	padding: 25px 0 0 0;
	font-size: 13px;
	letter-spacing: 0.02em;
}

#recruitVoice h4 {
	color: #12828c;
	border: 1px solid #12828c;
	display: inline-block;
	line-height: 1;
	font-weight: normal;
	padding: 5px 15px;
	margin-bottom: 22px;
}
#recruitVoice .recruitVoiceInfo {
	float: left;
}
#recruitVoice .recruitVoiceImg {
	float: right;
}
#recruitVoice p {
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 2.1;
}
#recruitVoice h5 {
	font-size: 22px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 28px;
	margin-top: 18px;
	letter-spacing: 0.07em;
}


/********************************************************

privacy policy

********************************************************/

div#privacy{
	padding-top: 98px;
	width: 623px;
	margin: 0 0 0 145px;
	min-height: 560px;
	_height: 560px;
	letter-spacing: 0.1em;
	padding-bottom: 50px;
}

div#privacy h3{
}

h3.sub{
	margin: 0 0 5px 0;
}

.sign{
	text-align: left;
	margin-left: 435px;
}


/********************************************************

term of use

********************************************************/

div#term{
	padding-top: 98px;
	width: 623px;
	margin: 0 0 0 145px;
	min-height: 570px;
	_height: 570px;
	letter-spacing: 0.1em;
	padding-bottom: 50px;
}

div#term h3{
}

div#privacy p.dot{
	background: url(../img/privacy/dot.gif) no-repeat;
	background-position-y: 5px;
	padding-left: 14px;
	text-align: justify;
}

div#privacy div.purpose{
	margin-left: 30px;
}

div#privacy div.purpose-tytle{
	display: inline-block;
	width: 80px;
	vertical-align: top;
}

div#privacy div.purpose-body{
	display: inline-block;
	width: 450px;
	vertical-align: top;
}

/********************************************************

sitemap

********************************************************/

div#sitemap{
	padding-top: 98px;
	width: 623px;
	margin: 0 0 0 145px;
	min-height: 432px;
	_height: 432px;
	letter-spacing: 0.1em;
	padding-bottom: 50px;
}

ul.list{
	margin-top: 24px;
}

ul.list li{
	margin-bottom: 20px;
}

.lead{
	margin-top: 24px;
}