@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 下層ページ
--------------------------------------------------------------------------------------- */

/* live
 ------------------------------ */

/* index --------------------- */

div.liveBox {
	width: 660px;
	margin: 40px 0 0;
	background: url(../../live/img/index_bg_line.gif) repeat-y;
	color:#4C4C4C;
}

div.liveBoxInner {
	width: 660px;
	padding-bottom: 20px;
}
div.liveBox div.border {
	margin-bottom: 25px;
	border-bottom: 1px solid #E9E9E9;
}
div.liveBoxInner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.liveBoxInner { display:inline-block; }
/*\*/
* html div.liveBoxInner { height:1%; }
div.liveBoxInner { display:block; }
/**/

div.live,
div.live02 {
	float: left;
	width: 310px;
}
div.live02 {
	float: right;
}

div.liveBox p.img {
	float: left;
	width: 100px;
}

div.liveBox div.txtBox {
	float: right;
	width: 195px;
}

div.liveBox div.txtBox p {
	margin-top: 10px;
}

div.liveBox div.txtBox p.btn {
	margin-top: 15px;
	background: #E9E9E9;
	text-align: right;
}

/* lifebook ---------------------- */

div.lifebook,
div.lifebook02 {
	float: left;
	width: 300px;
}
div.lifebook02 {
	float: right;
}

div.lifebookBox p.img {
	float: left;
	width: 177px;
}

div.lifebookBox div.txtBox {
	float: right;
	width: 100px;
}

div.lifebookBox div.txtBox p {
	margin-top: 10px;
}

div.lifebookBox div.txtBox p.btn {
	margin-top: 15px;
	background: #E9E9E9;
	text-align: right;
}


/* recommend --------------------- */

div#main p.name {
	margin-top: 7px;
	color: #4C4C4C;
}

div.profile {
	width: 520px;
	margin: 20px 0 0;
	padding: 20px;
	background: #F4F4F4;
}
div.profile:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.profile { display:inline-block; }
/*\*/
* html div.profile { height:1%; }
div.profile { display:block; }
/**/

div.profile p.img {
	float: left;
	width: 120px;
}

div.profile dl {
	float: right;
	width: 390px;
	font-size: 1.1em;
}

div.profile dl dt {
	font-weight: bold;
}

div.recommend {
	width: 560px;
}

div.recommend p {
	margin-top: 20px;
	line-height: 1.8;
}

div#main div.recommend p.img {
	width: 500px;
	margin-left: 30px;
	padding: 5px 0;
	font-size: 1.1em;
}

div.recommend p.img span {
	display: block;
	padding: 8px 0 7px 13px;
	background: #F4F4F4;
}


/* merit --------------------- */

div.merit {
	width: 601px;
	margin: 40px 0 0;
}
div.merit:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.merit { display:inline-block; }
/*\*/
* html div.merit { height:1%; }
div.merit { display:block; }
/**/

div.merit p.ico {
	float: left;
	width: 46px;
}

div.merit div.txtBox {
	float: right;
	width: 541px;
	padding-top: 18px;
}

div.merit div.txtBox h2 {
	font-size: 1.6em;
	font-weight: bold;
}

div.merit div.txtBox p {
	margin-top: 8px;
}
div.point01 div.txtBox p {
	margin-top: 15px;
}

div.merit div.txtBox p.catch {
	margin-top: 0;
	font-weight: bold;
}

div.merit div.txtBox p.access {
	margin-top: 40px;
}

div#main div.merit div.txtBox p.caption {
	margin-top: 0;
	font-size: 1.0em;
}


/* facilities --------------------- */

div.facilitiesBox {
	width: 660px;
}

div.facilities {
	width: 560px;
	margin: 35px 0 0;
}

div.facilities h2 {
	font-size: 1.6em;
	font-weight: bold;
}

div.facilitiesBox h3 {
	margin-top: 28px;
	font-size: 1.2em;
	font-weight: bold;
}

div.facilities p {
	margin-top: 15px;
}

div.facilities p.map {
	text-align: center;
}

div.facilities ul.link {
	padding-top: 12px;
	font-size: 1.2em;
	line-height: 1.8;
}

div.facilities ul.link li {
	padding-left: 10px;
	background: url(../img/ico_arw.gif) no-repeat 0 .5em;
}

div.facilities a.mail {
	padding-left: 10px;
	background: url(../img/ico_arw.gif) no-repeat left center;
}

/* recruit */

div.facilities dl.recruit {
	font-size: 1.2em;
}

div.facilities dl.recruit dt {
	margin:12px 0 0;
	padding: 1px 0 4px 30px;
	background: url(../../live/img/facilities_ico_gray.gif) no-repeat 4px 0;
}

div.facilities dl.recruit dd {
	padding:0 0 10px 30px;
	border-bottom: 1px solid #E5E5E5;
}

/* facilityList */

div.facilityList {
	width: 660px;
}
div.facilityList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.facilityList { display:inline-block; }
/*\*/
* html div.facilityList { height:1%; }
div.facilityList { display:block; }
/**/

div.facilityList dl {
	float: left;
	width: 335px;
	padding-top: 15px;
	font-size: 1.2em;
}

div.facilityList dl dt {
	position: relative;
	width: 135px;
}

div.facilityList dl dt span {
	display: block;
	position: absolute;
	top: 8px;
	left: 5px;
}

div.facilityList dl dt img {
	margin-right: 7px;
	vertical-align: middle;
}

div.facilityList dl dd {
	padding: 8px 0 8px 135px;
	border-bottom: 1px solid #E5E5E5;
}

/* farm */
div.facilityList dl.farm dd {
	padding-left: 115px;
}
div.facilityList dl.farm dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.facilityList dl.farm dd { display:inline-block; }
/*\*/
* html div.facilityList dl.farm dd { height:1%; }
div.facilityList dl.farm dd { display:block; }
/**/

div#main div.facilityList dl.farm dd p {
	font-size: 100%;
}

div#main div.facilityList dl.farm dd p.linkTxt {
	float: left;
	width: 95px;
}

div#main div.facilityList dl.farm dd p.tel {
	float: right;
	width: 110px;
}

/* support */
div.facilityList dl.support {
	width: 380px;
	margin-right: -45px;
}

div.facilityList dl.support dt {
	width: 380px;
	margin-bottom: 5px;
}

div.facilityList dl.support dd {
	margin-bottom: 12px;
	padding: 0 0 8px 25px;
}

div.facilityList dl dd img {
	margin-right: 3px;
}

div.facilityList div.imgBox {
	float: right;
	width: 288px;
	padding-top: 23px;
	text-align: center;
}

div.facilityList div.imgBox p {
	margin-bottom: 8px;
}

div.facilityList div.imgBox p.facilityMap {
	margin-bottom: 45px;
}


/* lifestyle
 ------------------------------ */

/* index --------------------- */

div.lifestyle {
	width: 600px;
	margin: 40px 0 0;
	color: #4C4C4C;
}

div.lifestyle div.txtBox {
	float: left;
	width: 380px;
}

div.lifestyle div.txtBox h2 {
	margin-bottom: 3px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3;
}

div.lifestyle div.txtBox h2 span {
	font-size: 68%;
}

div.lifestyle div.txtBox p {
	margin-bottom: 14px;
}

div.lifestyle p.img {
	float: right;
	width: 180px;
	margin-bottom: 20px;
}

div.lifestyle p.btn {
	margin-bottom: 0;
	background: #E9E9E9;
	text-align: right;
	clear: both;
}


/* lifestyle_01 --------------------- */

div.mainVisual {
	padding: 0 20px 15px;
	background: #F4F4F4;
}

div.mainVisual p {
	padding-top: 20px;
}

div.mainVisual p span {
	font-size: 117%;
}

div#main div.mainVisual p.comment {
	padding-top: 10px;
	font-size: 1.1em;
	line-height: 1.6;
}

div.lifestyleArea {
	width: 660px;
	margin: 40px 0 0;
}
div.lifestyleArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.lifestyleArea { display:inline-block; }
/*\*/
* html div.lifestyleArea { height:1%; }
div.lifestyleArea { display:block; }
/**/

div.lifestyleArea div.txtBlock {
	float: left;
	width: 410px;
}

div.lifestyleArea div.txtBlock div.categoryBox {
	padding-bottom: 10px;
}

div.lifestyleArea div.txtBlock div.categoryBox h2 {
	margin-bottom: 10px;
	font-size: 1.6em;
	font-weight: bold;
}

div.lifestyleArea div.txtBlock div.categoryBox p {
	margin-bottom: 20px;
	line-height: 1.8;
}

div.lifestyleArea div.txtBlock div.categoryBox p.mb10 {
	margin-bottom: 10px;
}

div.lifestyleArea div.txtBlock div.linkBox {
	width: 410px;
	margin: 5px 0 0;
}
div.lifestyleArea div.txtBlock div.linkBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.lifestyleArea div.txtBlock div.linkBox { display:inline-block; }
/*\*/
* html div.lifestyleArea div.txtBlock div.linkBox { height:1%; }
div.lifestyleArea div.txtBlock div.linkBox { display:block; }
/**/

div.lifestyleArea div.txtBlock div.linkBox p {
	padding: 10px 0;
	border: 1px solid #DA6636;
	text-align: center;
}
div.lifestyleArea div.txtBlock div.linkBox p.prev,
div.lifestyleArea div.txtBlock div.linkBox p.next {
	float: left;
	width: 198px;
}
div.lifestyleArea div.txtBlock div.linkBox p.next {
	float: right;
}

div.lifestyleArea div.linkBox p a {
	padding-left: 10px;
	background: url(../img/ico_arw.gif) no-repeat left center;
}
div.lifestyleArea div.linkBox p a.prevIco {
	background: url(../img/ico_arw02.gif) no-repeat left center;
}

div.lifestyleArea div.imgBlock {
	float: right;
	width: 200px;
	color: #4C4C4C;
}

div#main div.lifestyleArea div.imgBlock p {
	margin-bottom: 12px;
	font-size: 1.1em;
	line-height: 1.2;
}

div.lifestyleArea div.imgBlock p span {
	display: block;
	margin-top: 5px;
}

div.lifestyleArea div.imgBlock dl.place {
	padding-top: 5px;
	font-size: 1.1em;
	line-height: 1.6;
}

div.lifestyleArea div.imgBlock dl.place dt {
	font-weight: bold;
}

div.lifestyleArea div.imgBlock dl.place dd ul li {
	padding-left: 10px;
	background: url(../img/ico_arw.gif) no-repeat 0 .4em;
}


/* about
 ------------------------------ */

div.about {
	width: 440px;
	line-height: 1.8;
}

div.about p {
	margin-top: 20px;
}

div.about p.link {
	padding-left: 10px;
	background: url(../img/ico_arw.gif) no-repeat 0 .5em;
}


/* privacy
 ------------------------------ */

div.privacy {
	width: 660px;
	line-height: 1.8;
}

div.privacy ol {
	margin-left: 25px;
	font-size: 1.2em;
	list-style: decimal outside;
}

div.privacy ol li {
	margin-top: 20px;
}


/* sitemap
 ------------------------------ */

ul.sitemap {
	font-size: 1.2em;
}

ul.sitemap li {
	margin-top: 24px;
	padding-left: 10px;
	background: url(../img/ico_arw.gif) no-repeat 0 .4em;
}

ul.sitemap ul {
	margin-left: 40px;
}

ul.sitemap ul li {
	margin-top: 14px;
}


/* advertising
 ------------------------------ */

p.advertisingTxt {
margin-top: 5px;
}

div.advertising {
	width: 660px;
	margin: 35px 0 0;
}

div.advertising h2 {
	font-size: 1.6em;
	font-weight: bold;
}

div.advertising p {
	margin-top: 15px;
}

div.advertising ol {
	margin-left: 25px;
	font-size: 1.2em;
	line-height: 1.6;
	list-style: decimal outside;
}

div.advertising ol li {
	padding: 15px 0 5px;
}

div.advertising ol li span {
	display: block;
	width: 600px;
	margin-top: 20px;
}

div.advertising ol li span a {
	padding-left: 10px;
	background: url(../img/ico_arw.gif) no-repeat 0 .2em;
}


/* links
 ------------------------------ */

div.links {
	width: 660px;
	margin: 40px 0 0;
	line-height: 1.6;
}
div.links:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.links { display:inline-block; }
/*\*/
* html div.links { height:1%; }
div.links { display:block; }
/**/

div.links p.bnr {
	float: left;
	width: 176px;
}

div.links div.txtBox {
	float: right;
	width: 454px;
}

div.links div.txtBox h2 {
	margin-bottom: 3px;
	padding-left: 12px;
	background: url(../img/ico_arw.gif) no-repeat 0 .5em;
	font-size: 1.6em;
}

div.links div.txtBox p {
	margin-left: 12px;
}


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

div.contact {
	min-height: 400px;
}
* html div.contact {
	height: 400px;
}

div#main p.office {
	margin: 23px 0 5px;
	font-size: 1.6em;
}

div.contact p.link {
	padding-left: 10px;
	background: url(../img/ico_arw.gif) no-repeat 0 .4em;
}
div.contact p.link a {
	color: #DA6636;
	text-decoration: underline;
}
div.contact p.link a:hover {
	color: #DA6636;
	text-decoration: none;
}


/* matching 2011/02/15
 ------------------------------ */
ul.sideBan {
	padding: 17px 0 0 7px;
}
ul.sideBan li {
	padding: 0 0 3px;
}
div.matching  ,
div.matching02,
div.matching03 {
	margin-bottom: 30px;
	line-height: 1.8 !important;
}
div.matching02 {
	padding: 5px;
	border: 2px solid #DA6636;
}
div.matching03 {
	width: 250px;
	margin: 0 0 0 200px;
	padding: 5px;
	border: 2px solid #fdaa59;
}
div.matching h2 {
	padding: 0 0 0 5px;
	border-left: 10px solid #DA6636;
	border-bottom: 1px solid #DA6636;
}
div.matching h3,
div.matching h4 {
	padding: 10px 0 0 5px;
}
div.matching h2,
div.matching h3,
div.matching h4,
div.matching02 h3,
div.matching03 h3 {
	font-size: 1.3em;
}
div.matching ul {
	margin-left: 10px;
}
div.matching ol {
	margin-left: 35px;
	list-style: decimal outside;
}
div.matching   ul li,
div.matching02 ul li,
div.matching   ol li {
	padding: 5px 0 0;
	font-size: 1.4em !important;
}
div.matching table {
	margin: 5px 0 0 15px;
	font-size: 1.2em !important;
}
div.matching table td {
	padding: 0 0 10px;
}
div.matching p {
	padding: 5px 0 0 15px;
}
iframe.matching_map {
	margin: 15px 0 0;
}


div#ctArea div#main.bukken_list dl {
	position: relative;
	margin: 0 0 5px 0;
	padding: 10px 0px;
	line-height: 1.9em;
	border-bottom:1px dotted #ccc;
	font-size:11pt;
}

div#ctArea div#main.bukken_list dl dt {
	position: absolute;
	padding: 3px 0;
	margin: 0;
	width: 8em;
	font-weight: bold;
	font-size:11pt;
}

div#ctArea div#main.bukken_list dl dd {
	padding: 3px 0 3px 9em;
	margin: 0;
	font-size:11pt;
}

div#ctArea div#mail table{
    border-bottom: 2px solid #4c4c4c;
    border-collapse: collapse;
    border-top: 2px solid #4c4c4c;
    clear: both;
    margin: 10px 0px;
    width: 100%;
}

div#ctArea div#mail table thead th.title {
    width: auto;
	font-size:11pt;
}

div#ctArea div#mail table thead th {
    background: none repeat scroll 0 0 #f4f4f4;
    border-bottom: 1px solid #4c4c4c;
    text-align: left;
	font-size:11pt;
}

div#ctArea div#mail table th {
    padding: 5px 8px;
	font-size:11pt;
}
div#ctArea div#mail table td {
    border-bottom: 1px dotted #4c4c4c;
    padding: 5px; 
	font-size:11pt;
}