@charset "utf-8";

/* CSS Information *************************************
File name: service.css
Description: layout service
Created date: 2009/11/09
Last created date: 2009/11/10
Created by: Elephant Communications
***************************************************** */


/* Table Of Contents
----------------------------------------

* #leed
* #entry
* #sending

----------------------------------------*/

/* #leed
-------------------------------------------------------------------------------------------------------*/
#leed {
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E0DCD5;
}

#leed h3 {
	margin-bottom: 40px;
}

#leed p.note {
	margin-top: 25px;
	font-weight: bold;
	color: #8D2F2F;
}

/* ul
----------------------------------------------------------------------------------------*/
#leed ul {
	padding-bottom: 15px;
}

#leed li {
	margin-bottom: 5px;
	padding-left: 1.0em;
	text-indent: -1.0em;
	line-height: 1.8;
}

#leed li a {
	background: url(../../img/common/bg_border04.gif) left bottom repeat-x;
}

#leed li a:hover {
	text-decoration: none;
}


/* dl
----------------------------------------------------------------------------------------*/
#leed dl {
	margin-bottom: 40px;
}

#leed dt {
	margin-bottom: 25px;
}

#leed dd {
	line-height: 1.5;
	font-size: 13px;
	font-weight: bold;
	color: #6d460b;
}



/* #entry
-------------------------------------------------------------------------------------------------------*/
#entry {
	margin-bottom: 10px;
}

#entry .last-child {
	margin-bottom: 0;
}

#entry a {
	background: url(../../img/common/bg_border04.gif) left bottom repeat-x;
}

#entry a:hover {
	text-decoration: none;
}



/* .section
----------------------------------------------------------------------------------------*/
.section {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../../img/common/bg_border05.gif) left bottom repeat-x;
}

.section dt {
	margin-bottom: 5px;
	font-weight: bold;
/*	color: #6d460b;*/
}

.section dt span.must {
	font-weight: bold;
	color: #8D2F2F;
}

.section dd {
	line-height: 1.5;
}

.section dd span {
	margin-left: 15px;
}



/* layout-2col
----------------------------------------------------------------------------------------*/
#name .colLeft, #name .colRight {
	width: 205px;
	float: left;
}

#name .colLeft {
	margin-right: 25px;
}



/* .radio
----------------------------------------------------------------------------------------*/
.radio .leed {
	margin-bottom: 20px;
	font-weight: bold;
/*	color: #6d460b;*/
}


/* .layout-2col
-------------------------------------------------------------------------*/
.layout-2col {
	margin-bottom: 10px;
}

.radio .colLeft, .radio .colRight {
	float: left;
}


/* .colLeft
----------------------------------------------------------*/
.radio .colLeft {
	width: 100px;
}

.radio .colLeft dl {
	margin-bottom: 5px;
}

.radio .colLeft dt, .radio .colLeft dd {
	float: left;
	line-height: 1.2;
}

.radio .colLeft dt {
	width: 25px;
	margin-bottom: 0;
}

.radio .colLeft dd {
	width: 75px;
	color: #6d460b;
}


/* .colRight
----------------------------------------------------------*/
.radio .colRight {
	width: 585px;
	line-height: 1.2;
}



/* #name (お名前、ふりがな)
----------------------------------------------------------------------------------------*/
#name .first-child {
	margin-bottom: 5px;
}


/* #post (郵便番号)
----------------------------------------------------------------------------------------*/
#post dd span {
	margin: 0 10px;
}

#post dd span.postIcn {
	padding-left: 18px;
	background: url(../../img/common/icn_externalLink01.gif) left center no-repeat;
}

/* #mansion (マンション・ビル名・お部屋番号)
----------------------------------------------------------------------------------------*/
#mansion .first-child {
	margin-bottom: 15px;
}


/* #introduce (ご紹介者)
----------------------------------------------------------------------------------------*/
/* .arrrow 矢印設定
-------------------------------------------------------------------------*/
#introduce .arrow {
	background: url(../../img/common/icn_arrow03.gif) 60px 7px no-repeat;
}

.arrow .colLeft dl {
	margin-top: 5px;
}

.arrow .colRight dl {
	line-height: 2.0;
}


/* .colRight
-------------------------------------------------------------------------*/
#introduce .colRight dl {
	width: 155px;
	float: left;
	margin-right: 20px;
}


#introduce .colRight dt, #introduce .colRight dd {
	float: left;
}

#introduce .colRight dt {
	width: 45px;
	margin-right: 10px;
}

#introduce .colRight dd {
	width: 100px;
}



/* #cue (地球人倶楽部をお知りになったのは？)
----------------------------------------------------------------------------------------*/
/* .parentLeft, .parentRight (layout-2colの親要素)
-------------------------------------------------------------------------*/
#cue .parentLeft, #cue .parentRight {
	float: left;
}

#cue .parentLeft {
	width: 205px;
	margin-right: 20px;
}

#cue .parentRight {
	width: 225px;
}

#cue .parentRight dl {
	width: 300px;
}

#cue .parentRight dd {
	width: 200px;
}


/* .colLeft
----------------------------------------------------------*/
#cue .colLeft {
	margin-top: 6px;
}


/* .noEntry
-------------------------------------------*/
#cue .noEntry {
	width: 205px;
}

#cue .noEntry dd {
	width: 180px;
}


/* .colRight
----------------------------------------------------------*/
#cue .colRight {
	width: 105px;
}



/* #sending
-------------------------------------------------------------------------------------------------------*/
/* .leed
----------------------------------------------------------------------------------------*/
#sending .leed {
	margin-bottom: 10px;
	line-height: 1.5;
}

#sending .note {
	margin-bottom: 10px;
	line-height: 1.5;
}

#sending .note a {
	text-decoration: underline;
}