@charset "utf-8";
/* ---------------------------------------------------------
 サービス
----------------------------------------------------------*/
/* スペース */
#contents .txt_s {
	background: url(../images/bg_service.jpg) no-repeat center top;
	height: 304px;
	width: 870px;
	margin: 30px auto 60px auto;
}
/* テキスト（左） */
#contents .txt_s .list_l {
	float: left;
	margin: 60px 0 0 130px;
}
#contents .txt_s .list_l li:first-child {
	margin-bottom: 122px;
}

/* テキスト（右） */
#contents .txt_s .list_r {
	float: right;
	margin: 60px 111px 0 0;
}
#contents .txt_s .list_r li:first-child {
	margin-bottom: 140px;
}

/* ---------------------------------------------------------
 カンパニー
----------------------------------------------------------*/
/* リスト */
#contents .txt_c dl dt {
	color: #4D6119;
	font-weight: bold;
	float: left;
	width: 10em;
}

#contents .txt_c dl dd {
	padding: 0 0 0 10em;
}

/* ---------------------------------------------------------
 アクセス
----------------------------------------------------------*/
/* 地図 */
#contents .txt .map_ixg {
	margin-top: 30px;
}
#contents .txt .map_ixg li:first-child {
	float: left;
	border: #808080 1px solid;
}

/* グーグルマップ */
#contents .txt .map_ixg.cf li #map {
	float: right;
	border: #808080 1px solid;
	width: 398px;
	height: 398px;
}

/* 吹き出し */
.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:12px;
  line-height:25px;
  padding:0 4px;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  -moz-border-radius: 4px;/* 角丸 */
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius:4px;
  -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.2);/* ドロップシャドウ */
  -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.2);
  -o-box-shadow: 2px 2px 10px rgba(0,0,0,.2);
  -ms-box-shadow: 2px 2px 10px rgba(0,0,0,.2);
  box-shadow: 2px 2px 10px #333;
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2);/* テキストシャドウ */
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
  -o-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
  -ms-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
  text-shadow:1px 1px 1px #666;
  behavior:url("PIE.htc");
}
#bg #contents #access_map .cf li #map {
	width: 438px;
	height: 281px;
}
.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #336699;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #336699;
}

/* ---------------------------------------------------------
 コンタクト
----------------------------------------------------------*/
/* エラー */
#contents .txt_co form #error {
	color: #4D6119;
	background-color: #F5FFE5;
	margin: 30px auto;
	padding: 15px;
}
#contents .txt_co form #error .contact_error {
	font-size: 200%;
	font-weight: bold;
}
#contents .txt_co form #error ul {
	margin: 15px 0 0 0;
}
#contents .txt_co form #error ul li {
	list-style-position: inside;
	list-style-type: square;
}

/* フォーム */
#contents .txt_co form dl, #contents .txt_co dl.cf {
	border-top: 5px solid #4D6119;
	margin: 30px auto;
}
#contents .txt_co form dl dt {
	background-color: #D9E0CE;
	color: #000;
	font-weight: normal;
	padding: 20px;
	width: 8em;
	height: 30px;
	float: left;
}
#contents .txt_co .cf dt {
	background-color: #D9E0CE;
	color: #000;
	font-weight: normal;
	padding: 20px;
	width: 8em;
	float: left;
}
#contents .txt_co form dl dt:last-of-type, #contents .txt_co form dl dd:last-of-type {
	height: 140px;
}
#contents .txt_co form dl dd {
	border-bottom: 1px dotted #808080;
	padding: 20px 20px 20px 13em;
	height: 30px;
}
#contents .txt_co .cf dd {
	border-bottom: 1px dotted #808080;
	padding: 20px 20px 20px 13em;
}

/* 必須項目 */
#contents .txt_co form .cf dt span {
	color: #4D6119;
}

/* ボタン */
.button_example{
	border:1px solid #616261;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	padding: 10px 30px 10px 30px;
	text-decoration:none;
	display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
	background-color: #7d7e7d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
}
.button_example:hover{
	border:1px solid #4a4b4a;
	background-color: #646464;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
	background-image: -webkit-linear-gradient(top, #646464, #282828);
	background-image: -moz-linear-gradient(top, #646464, #282828);
	background-image: -ms-linear-gradient(top, #646464, #282828);
	background-image: -o-linear-gradient(top, #646464, #282828);
	background-image: linear-gradient(to bottom, #646464, #282828);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
}
#contents .txt_co form .btn_spbox, #contents .btn_spbox {
	text-align: center;
	margin: 60px auto;
}

/* ページトップへ */
#contents .cf #jump_top {
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
	border: 2px solid #000;
	padding: 5px 30px 5px 20px;
	display: block;
	width: 70px;
	text-align: center;
	background: url(../images/bg_pagetop_off.jpg) no-repeat right center;
	float: right;
}
#contents .cf a:hover#jump_top {
	text-decoration: none;
	background: url(../images/bg_pagetop_on.jpg) no-repeat right center;
	background-color: #000;
	color: #FFF;
}

/* 確認ページ2連ボタン */
#contents .cf .form_left, #contents .cf .form_right {
	float: left;
	width: 450px;
	text-align: center;
	margin: 0 0 60px 0;
}