@charset "utf-8";


/* ===================================================================
CSS information

 file name  :individual-company.css
 author     :93s(admin)
 style info :compnayディレクトリ個別CSS
=================================================================== */

/*----------------------------------------------------
	
	ourDreams
	
----------------------------------------------------*/

div#staff-layout {
	width: 639px; /* 652-13(left-padding) */
	margin-bottom: 30px;
	background: #EDE8DF;
	padding: 12px 0 0 13px;
}


div#staff-layout h3 {
	margin-bottom: 10px;
}



div#president {
	width: 627px;
	height: 195px;
	position: relative;
	margin-bottom: 10px;
	background: url(/imgs/content/aboutUs/ourDreams/staff_bg.jpg) repeat top left;	
}

div#president p.photo {
	position: absolute;
	top: 10px;
	left: 10px;
}
div#president p.name {
	position: absolute;
	top: 20px;
	left: 121px;
}
div#president p.staff-txt {
	width: 496px;
	position: absolute;
	top: 115px;
	left: 121px;
	font-size: 10px;
}

div.staff-layout-inner {
	width: 639px;
	zoom: 1;
}
div.staff-layout-inner:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


div.staffInfo-wrap {
	width: 318px;
	height: 260px;
	float: left;
}
div.staffInfo {
	width: 310px;
	height: 250px;
	background: url(/imgs/content/aboutUs/ourDreams/staff_bg.jpg) repeat top left;
	position: relative;
}	
div.staffInfo p.photo {
	position: absolute;
	top: 10px;
	left: 10px;
}
div.staffInfo p.name {
	position: absolute;
	top: 15px;
	left: 121px;
}
div.staffInfo p.staff-txt {
	width: 282px;
	position: absolute;
	top: 160px;
	left: 13px;
	font-size: 10px;
}


/*----------------------------------------------------
	
	company
	
----------------------------------------------------*/

p#company-image {
	width: 652px;
	margin-bottom: 40px;
	text-align: center;
}
table.company-layout {
	width: 652px;
	margin-bottom: 40px;
	border-top: solid 1px #D0D0CE;
	border-right: solid 1px #D0D0CE;
}

table.company-layout td {
	padding: 12px;
	vertical-align: top;
}
table.company-layout td.company-layout-head {
	width: 105px;
	border-bottom: solid 1px #D0D0CE;
	border-left: solid 1px #D0D0CE;
	background: #F5F5F5;
	font-weight: bold;
}
table.company-layout td.company-layout-txt {
	border-bottom: solid 1px #D0D0CE;
	border-left: solid 1px #D0D0CE;
}	
table.company-layout td.company-layout-txt a.link-map {
	display: inline-block;
	width: 50px;
	height: 17px; /* 18-3(top-padding) */
	padding-top: 1px;
	text-align: center;
	color: #FFF;
	background: url(/imgs/content/aboutUs/company/icon_map_bg.gif) no-repeat top left;
	text-decoration: none;
}
table.company-layout td.company-layout-txt ul {
	padding-left: 20px;
}
table.company-layout td.company-layout-txt ul li {
	margin-bottom: 3px;
	list-style-type: disc;
	list-style-position: outside;
}

/*----------------------------------------------------
	
	marina-info
	
----------------------------------------------------*/

dl.marinaInfo-layout {
	width: 652px;
	margin-bottom: 30px;
}
dl.marinaInfo-layout dt {
	width: 350px; /* 652-302(left-padding) */
	height: 49px;
	position: relative;
	padding-left: 302px;
	margin-bottom: 10px;
	background: url(/imgs/content/aboutUs/marina/marina_name_bg.gif) no-repeat right top;
}

dl.marinaInfo-layout dt img.marina-image {
	position: absolute;
	top: 0;
	left: 0;
}

dl.marinaInfo-layout dt span.marina-name {
	position: absolute;
	top: 4px;
	left: 316px;
	font-size: 105%;
	font-weight: bold;
}
dl.marinaInfo-layout dt span.marina-subname {
	position: absolute;
	top: 20px;
	left: 317px;
	font-size: 10px;
	font-weight: bold;
}

dl.marinaInfo-layout dt span.marina-add {
	position: absolute;
	top: 22px;
	left: 317px;
	font-size: 10px;
}

dl.marinaInfo-layout dt span.marina-add-lower {
	position: absolute;
	top: 32px;
	left: 317px;
	font-size: 10px;
}


dl.marinaInfo-layout dt a.marina-map {
	display: block;
	width: 50px;
	height: 17px; /* 18-3(top-padding) */
	position: absolute;
	top: 8px;
	right: 0;
	padding-top: 1px;
	text-align: center;
	color: #FFF;
	background: url(/imgs/content/aboutUs/company/icon_map_bg.gif) no-repeat top left;
	text-decoration: none;
}

dl.marinaInfo-layout dt a.marina-detail {
	display: block;
	width: 116px;
	height: 17px; /* 18-3(top-padding) */
	position: absolute;
	top: 8px;
	right: 56px;
	padding-top: 3px;
	text-align: center;
	color: #FFF;
	background: url(/imgs/content/aboutUs/company/icon_detail_bg.gif) no-repeat top left;
	text-decoration: none;
	font-size: 10px;
}


dl.marinaInfo-layout dd {
	width: 350px; /* 652-302(left-padding) */
	padding-left: 302px;
}
dl.marinaInfo-layout dd p {
	padding: 0 5px;
	font-size: 92%;
	margin-bottom: 20px;
}
dl.marinaInfo-layout dd table {
	width: 350px;
	border-top: solid 1px #DDD;
}
dl.marinaInfo-layout dd table td {
	border-bottom: solid 1px #DDD;
	padding: 13px 8px;
}
dl.marinaInfo-layout dd table td.marinaInfo-head {
	width: 82px;
	background: #EEEEEE;
}



/*----------------------------------------------------
	
	media
	
----------------------------------------------------*/

div#media-wrap {
	width: 630px; /* 652-20(left-padding)-2(border) */
	margin-bottom: 30px;
	padding: 20px 0 0 20px;
	border: solid 1px #CDCDCD;
	background: #F9F9F9;
	zoom: 1;
}
div#media-wrap:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
dl.media {
	width: 315px;
	height: 130px;
	float: left;
	zoom: 1;
}

dl.media:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

dl.media dt {
	width: 100px;
	float: left;
	text-align: left;
}
dl.media dd {
	width: 195px;
	float: left;
}
dl.media dd span a {
	font-weight: bold;
	color: #0265CA;
	text-decoration: underline;
	font-size: 14px;
}
dl.media dd span a:hover {
	color: #E50673;
	text-decoration: none;
}

dl.media dd a.media-pdf {
	display: block;
	height: 23px;
	background: url(/imgs/content/aboutUs/media/icon_pdf.gif) no-repeat top left;
	padding-left: 22px;
	color: #3F8CD9;
	text-decoration: underline;
}
/*----------------------------------------------------
	
	recruit
	
----------------------------------------------------*/
ul#recruit-guide {
	width: 576px;
	margin: 0 0 27px 52px;
	zoom: 1;
}
ul#recruit-guide:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
ul#recruit-guide li {
	float: left;
	margin-right: 20px;
}


div#recruit-lead {
	width: 626px; /* 650-12(right-padding)-12(left-padding) */
	margin-bottom: 25px;
	padding: 19px 12px;
	border-top: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	background: #F9F8F4;
	font-size: 92%;
	zoom: 1;
}
div#recruit-lead:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
div#recruit-lead h4 {
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 12px;
}

/*----------------------------------------------------
	recruit-points
----------------------------------------------------*/

div.recruit-points-regular,
div.recruit-points-partTime {
	width: 652px;
	margin-bottom: 60px;
}
div.recruit-points-regular h4,
div.recruit-points-partTime h4 {
	width: 650px;
	height: 25px;
	margin-bottom: 0;
}
div.recruit-points-regular table,
div.recruit-points-partTime table {
	width: 649px; /* 650-1(left-border) */
	margin-bottom: 20px;
	border-bottom: solid 1px #DDD;
	border-left: solid 1px #DDD;
}
div.recruit-points-regular table td,
div.recruit-points-partTime table td {
	border-top: solid 1px #DDD;
	border-right: solid 1px #DDD;
	padding: 12px 7px;
}
div.recruit-points-regular table td.points-head {
	width: 22%;
	background: #F5F5ED;
	vertical-align: middle;
}
div.recruit-points-partTime table td.points-head {
	width: 22%;
	background: #F2F6F9;
	vertical-align: middle;
}
div.recruit-points-regular table td.points-txt,
div.recruit-points-partTime table td.points-txt {
	font-size: 92%;
	background: #FFF;
}

p.points-btn {
	width: 652px;
	text-align: center;
}



/*----------------------------------------------------
	
	contact
	
----------------------------------------------------*/

div.contact-note {
	width: 624px; /* 652-14(right-padding)-14(left-padding) */
	background: #F1F1E7;
	padding: 14px;
	margin-bottom: 35px;
}

div#contact-tel-wrapper {
	width: 652px;
	zoom: 1;
	margin-bottom: 35px;
} 
div#contact-tel-wrapper:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

dl.contact-tel-left {
	width: 339px;
	margin-bottom: 35px;
	float: left;
}
dl.contact-tel-right {
	width: 313px;
	margin-bottom: 35px;
	float: left;
}
dl.contact-tel-left dt,
dl.contact-tel-right dt {
	width: 313px;
	margin-bottom: 12px;
}
dl.contact-tel-left dd table,
dl.contact-tel-right dd table {
	width: 313px;
	border-top: solid 1px #DDD;
}
dl.contact-tel-left dd table td,
dl.contact-tel-right dd table td {
	padding: 14px 10px;
	border-bottom: solid 1px #DDD;
	font-weight: bold;
	font-size: 14px;
}

dl.contact-tel-left dd table td.contact-tel-head,
dl.contact-tel-right dd table td.contact-tel-head {
	width: 80px;
	background: #EEE;
	font-weight: normal;
	font-size: 12px;
}

p.form-txt {
	margin-bottom: 10px;
}
p.form-txt a {
	color: #0066CB;
	text-decoration: underline;
}
p.form-txt a:hover {
	text-decoration: none;
}


table#contact-layout {
	width: 651px; /* 652-1(right-border) */
	border-top: solid 1px #DDD;
	border-right: solid 1px #DDD;
	margin-bottom: 25px;
}
table#contact-layout td.contact-layout-head {
	width: 100px;
	padding: 14px 10px;
	background: #EEE;
	border-bottom: solid 1px #DDD;
	border-left: solid 1px #DDD;
}
table#contact-layout td.contact-layout-txt {
	padding: 14px 10px;
	border-bottom: solid 1px #DDD;
	border-left: solid 1px #DDD;
}
table#contact-layout td.contact-layout-txt span.sample-answer {
	color: #8D8D8D;
}

table#contact-layout td.contact-layout-txt table {
	width: 100%;
}
table#contact-layout td.contact-layout-txt table td {
	padding: 3px 5px;
}
table#contact-layout td.contact-layout-txt table td.add-head {
	width: 60px;
	font-size: 10px;
	color: #000;
}

div#contact-btn-wrapper {
	width: 626px; /* 652-13(right-padding)-13(left-padding) */
	margin-bottom: 30px;
	padding: 13px;
	background: url(/imgs/content/contact/btn_area_bg.gif) repeat top left;
}
div#contact-btn {
	width: 604px; /* 626-10(right-padding)-10(left-padding)-2(border) */
	padding: 22px 10px;
	background: #F6F5F0;
	border: solid 1px #FFF;
	text-align: center;
}
div#contact-btn input {
	display: block;
	width: 254px;
	height: 30px; /* 30-4(top-padding) */
	padding-top: 4px;
	border: none;
	background: url(/imgs/content/contact/btn_bg.jpg) no-repeat top left;
	text-align: center;
}

/*----------------------------------------------------
	
	maintenace
	
----------------------------------------------------*/

dl.maintenance-layout {
	width: 653px;
	margin-bottom: 30px;
}
dl.maintenance-layout dt {
	margin-bottom: 10px;
	width: 653px;
	position: relative;
}
dl.maintenance-layout dt a img {
	position: absolute;
	top: 0;
	right: 0;
}
dl.maintenance-layout dd {
	width: 653px;
	zoom: 1;
}
dl.maintenance-layout dd:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

dl.maintenance-layout dd p.mainte-image {
	width: 172px;
	float: left;
}
dl.maintenance-layout dd p.mainte-txt {
	width: 481px;
	margin-bottom: 15px;
	float: right;
}