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


/* ---------------会社概要--------------- */


table.profile {
	width:100%;
	border-top:1px dotted #ECA6B0;
}
table.profile th, table.profile td {
	vertical-align:top;
	border-bottom:1px dotted #ECA6B0;
}
table.profile th {
	background:url(../images/icon_profile.gif) left top no-repeat;
	padding:15px 0 15px 30px;
}
table.profile td {
	padding:15px;
}
table.profile .font120 {
	font-size:120%;
}

div.number {
	margin:20px auto;
	text-align:center;
}



/* Google map */
.map {
	height:288px;
	border:1px solid #C2C2C2;
}

.address {
	padding:0px 0px 35px 0;
}
.address table{
	margin:0 0 15px;
	border:1px dotted #ECA6B0;
	width:100%;
}
.address table th {
	vertical-align:top;
	padding:1em 8px 0 1em;
	width:6em;
}
.address table td {
	padding:1em 1em 1em 0;
}

ul.access {
	margin:8px 0 0 20px;
	list-style-type:square;
	text-align:left
}
ul.access li {
	color:#43B6CA;
}
ul.access li span {
	color:#333;
}

.print {
	padding: 25px 30px 0 0;
	position:absolute;
	top:0;
	right:0;
}




/* ---------------業務内容--------------- */
table.about_index {
	width:100%;
	border-collapse:collapse;
	margin:20px 0 0;
}
table.about_index td {
	vertical-align:top;
}
table.about_index td.no1 {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:15px 10px 15px 0;
}
table.about_index td.no2 {
	border-bottom:1px solid #CCC;
	padding:15px 0 15px 10px;
}
table.about_index td.no3 {
	border-right:1px solid #CCC;
	padding:15px 10px 15px 0;
}
table.about_index td.no4 {
	padding:15px 0 15px 10px;
}
table.about_index td p {
	margin:10px;
	text-align:justify;
	*text-justify:distribute;
}

ul.sub_about {
	position:absolute;
	top:0;
	right:0;
	margin:20px 30px 0 0;
}
ul.sub_about li {
	float:left;
	margin-left:2px;
}

p.about1 {
	color:#09C;
	font-weight:bold;
	margin:0 0 10px;
}
p.about2 {
	text-align:justify;
	*text-justify:distribute;
	margin:0 0 10px;
}

div.about {
	border:1px dotted #999;
	padding:10px 20px 7px;
	margin:0 0 15px;
}
div.about h4 {
	color:#C30;
	border-bottom:1px solid #C30;
	padding:0 0 0 5px;
}
div.about ul {
	margin:10px 0 0 5px;
}
div.about ul li {
	margin:8px 0;
}

p.back {
	margin:30px 0 0 0;
}




/* ---------------Webサービス--------------- */
table.services {
	width:99%;
	margin:0 auto 10px;
	border-collapse:collapse;
}
table.services th {
	width:250px;
	padding:0 0 10px;
}
table.services td {
	vertical-align:top;
	padding:3px 0 10px 8px;
	text-align:justify;
	*text-justify:distribute;
}
table.services td dt {
	font-weight:bold;
	margin:0 0 2px;
}

table.services td dt.book a {
	color:#339fe3;
}
table.services td dt.inspect a {
	color:#c87474;
}
table.services td dt.inspect a:hover {
	background-color:#f2d5d5;
}
table.services td dt.busical a {
	color:#b757b8;
}
table.services td dt.busical a:hover {
	background-color:#e9c7e9;
}
table.services td dt.qr a {
	color:#b757b8;
}
table.services td dt.qr a:hover {
	background-color:#e9c7e9;
}
table.services td dt.fame a {
	color:#c9a527;
}
table.services td dt.fame a:hover {
	background-color:#ffe99c;
}
table.services td dt.scramble a {
	color:#6cab11;
}
table.services td dt.scramble a:hover {
	background-color:#c9f28e;
}
table.services td dt.enquete a {
	color:#2aa4c7;
}
table.services td dt.enquete a:hover {
	background-color:#ade6f6;
}


/* リンク
=============================================================================*/
div.link {
	width:900px;
	margin:15px auto 0;
}

div.link li{
	float:left;
	padding:0 15px 15px;
}

div.link li a {
	display:block;
	text-indent:-9999px;
	width:150px;
	height:107px;
}

div.link li a:hover {
	background-position: 0 -107px !important;
	text-decoration: none;
}

/* auto generate => /data/links.css */



/* スタッフ募集
=============================================================================*/
table.recruit {
	width:100%;
	margin:15px 0 15px -10px;
}
table.recruit th, table.recruit td {
	padding:0px 10px 5px;
}

table.recruit th.ttl {
	width:9em;
	border-bottom:2px solid #f36188;
}
table.recruit th.ttl2 {
	width:9em;
	border-bottom:2px solid #53C7FF;
}
table.recruit td {
	border-bottom:1px solid #CCC;
	vertical-align:top;
}
table.recruit th {
	vertical-align:bottom;
}




/* コンタクト
=============================================================================*/
div.contact {
	width:90%;
	margin:0 auto;
	text-align:center;
}
span.contact {
	color:#f36188;
	font-weight:bold;
}