@charset "shift_jis";

/* ****************************************************

Since : 2009-06-18

Last Modify : 2009-06-18

**************************************************** */

/* 100428

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

#maincontents div.design-h2 div#top_box {

	position:relative;

	background: url(/resident/area/img/index_ti01_bk.jpg) no-repeat top left;

	width:950px;

	height:324px;

}

#maincontents div.design-h2 div#top_box div#tit_select {

	position:absolute;

	top:22px;

	left:36px;

}

#maincontents div.design-h2 div#top_box div#txt {

	position:absolute;

	top:80px;

	left:36px;

	width:450px;

}

#maincontents div.design-h2 div#top_box div#map {

	position:absolute;

	top:22px;

	left:530px;

}

#maincontents .design-h2 h2 .shoulder-title2 {

	display: block;

	font-size:.83em;

	margin: 0 0 5px 20px;

}

/* 100428

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

/* �NjL�@

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



/* area index Start

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

#area-top #maincontents .design-h2 {

	margin: 17px 0 0;

	border-bottom: 3px solid #dbdbdb;

}

#area-top #maincontents .design-h2 img {

	vertical-align: top;

}

#area-top .area-column {

	margin: 0 0 20px;

	background: url(/resident/area/img/index_bg02.gif) no-repeat bottom left;

}

#area-top .col-single {

	width: 290px;

}

#area-top .col-double {

	width: 600px;

}

#area-top .col-triple {

	width: 910px;

}

#area-top .area-column .col-left,

#area-top .area-column .col-right {

	width: 290px;

	background: url(/resident/area/img/index_bg01.gif) no-repeat top left;

	float: left;

	margin: 0 20px 0 0;

}

#area-top .area-column .last {

	margin: 0;

}

#area-top .area-column dl {

	padding: 11px;

}

#area-top .area-column dt {

	border-bottom: 1px solid #666666;

}

#area-top .area-column dt a {

	display: block;

	padding: 0 0 5px;

}

#area-top .area-column dd {

	padding: 8px 0 0 1px;

}

#area-top .area-column dd .photo {

	width: 100px;

	float: left;

}

#area-top .area-column dd .catch-box {

	width: 155px;

	float: right;

}

#area-top .area-column dd .catch-box .link-ic {

	margin-top: 10px;

	background-position: 0 0.4em;

}

/* area index End

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



/* area category

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

.mt05 {

	margin-top: 5px !important;

}

.pt10 {

	padding-top: 10px !important;

}



/* title */

.large-txt {

	font-size: 115%;

}



#maincontents .design-h2 {

	position: relative;

	margin: 17px 0 0 0;

}

#maincontents .design-h2 h2 .shoulder-title {

	display: block;

	margin: 0 0 10px 20px;

}

#maincontents .design-h2 .title-img {

	position: absolute;

	top: -18px;

	right: 22px;

}



/* contents part */

#maincontents .map-area {

	margin: 7px 0 30px 0;

}



#maincontents .search-condition {

	margin-bottom: 17px;

}

#maincontents .search-condition li {

	display: block;

	float: left;

	margin-right: 18px;

}



#maincontents .area-point {

	/*padding-bottom: 38px;*/

}

#maincontents .area-point p {

	padding-bottom: 0;

}

#maincontents .area-point .area-name {

	margin-bottom: 20px;

	padding-bottom: 8px;

	border-bottom: solid 1px #666666;

}



#maincontentsWrapper .area-point div.col2-box {

	clear: both;

	margin: 0;

	padding-bottom: 38px;

}

#maincontentsWrapper .last-box div.col2-box {

	padding-bottom: 0;

}

#maincontentsWrapper .area-point div.col2-box .text-box {

	float: left;

	width: 565px;

}

#maincontents .area-point div.col2-box .text-box .catch {

	font-weight: bold;

	padding-bottom: 5px;

}

#maincontentsWrapper .area-point div.col2-box .image-box {

	float: right;

	width: 240px;

}



#maincontentsWrapper .area-point div.long-image .text-box {

	float: left;

	width: 625px;

}

#maincontentsWrapper .area-point div.long-image .image-box {

	float: right;

	width: 180px;

}



#maincontents .area-link {

	margin-bottom: 20px;

	padding-top: 5px;

	background: url(/resident/area/img/area_bg001.gif) no-repeat 0 0;

}

* html #maincontents .area-link {

	zoom:1;

}

#maincontents .wrap {

	padding: 7px 16px 4px;

	background: url(/resident/area/img/area_bg002.gif) no-repeat 0 100%;

}

* html #maincontents .wrap {

	zoom:1;

}

#maincontents .area-link ul {

	padding-bottom: 4px;

}

#maincontents .area-link ul li {

	display: block;

	float: left;

	width: 170px;

	padding-right: 5px;

}

#maincontents .area-link ul li a,

#maincontents .area-link ul li em {

	display: block;

	padding-left: 17px;

	font-weight: bold;

}



* html #maincontents .area-link ul li a,

* html #maincontents .area-link ul li em {

	zoom:1;

}

#maincontents .area-link ul li a {

	display: block;

	padding-left: 17px;

	background: url(/resident/common2/img/common_ic02.gif) no-repeat 0 0.4em;

	font-weight: bold;

}

#maincontents .area-link ul li em {

	background: url(/resident/common2/img/common_ic02on.gif) no-repeat 0 0.4em;

	color: #d45b20;

}



/* clearFix

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

#area-top #maincontents .area-column:after,

#area-top #maincontents .area-column dd:after,

#maincontents .search-condition:after,

#maincontents .area-link ul:after {

	content:".";

	display: block;

	clear: both;

	visibility: hidden;

	height: 0;

}

*:first-child+html #area-top #maincontents .area-column,

*:first-child+html #area-top #maincontents .area-column dd,

*:first-child+html #maincontents .search-condition,

*:first-child+html #maincontents .area-link ul {

	display: inline-table;

	min-height: 1%;  /* for IE 7*/

}

/* Hides from IE-mac \*/

* html #area-top #maincontents .area-column,

* html #area-top #maincontents .area-column dd,

* html #maincontents .search-condition,

* html #maincontents .area-link ul {

	zoom: 1;

}

 {

	display: block;

}

/* End hide from IE-mac */