@charset "shift_jis";
/* CSS Document for 'list' & 'detail' */

/* --------------------------------------------------
共通
-------------------------------------------------- */
table{

}



/* --------------------------------------------------
list
-------------------------------------------------- */
#inner {
	height: 160px;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 50px;
}
#maparea {
	float: left;
	width: 400px;
	padding-left:50px;
	margin-top: 25px;
}
.region {
	margin-top: 30px;
	width:250px;
	float: right;
	margin-right:20px;
}
.region ul {
	margin:0;
	padding: 0;
}
.region li {
	list-style-image: url(img/triangle_mark.gif);
	padding-bottom: 0.5em;
	margin: 0;
	width: 125px;
	float:left;
}
#gmap-btn {
	width:250px;
	float: right;
	height: 90px;
	margin-top: 20px;
}
#inner h3 {
	margin-top: 2em;
	font-size: 14px;
	color: #000066;
	background-image: url(img/list2_h2_bg.gif);
	background-repeat: repeat-x;
	font-weight: bolder;
	padding: 3px 0px 3px 30px;
}
#inner h4 {
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	border-left-style: solid;
	border-left-width: 8px;
	border-left-color: #000000;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 50px;
	margin-top: 10px;
}
#inner h4 a {
	font-weight: bold;
}
#inner .icon_image {
	float: right;
	margin-right: 5px;
	width: 270px;
	margin-top: 10px;
}
#inner .image {
	border:solid 1px #ccc;
	float: right;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#inner .icon {
	float: left;
	width: 162px;
	margin-left: 10px;
	margin-top: 21px;
}
#inner dl {
	text-align: left;
	margin:5px 0 5px 70px;
	font-size: 12px;
	line-height: 150%;
}
#inner dt {
	margin: 0px;
	padding: 0px;
	width:70px;
	float:left;
}
#inner dd {
	margin: 0px;
	padding: 0px;
	width:auto;
}
#banner {
	margin-top: 30px;
	float: right;
	width: 200px;
	margin-right: 40px;
}



/* --------------------------------------------------
detail
-------------------------------------------------- */
#detail #main{
width : 600px;
margin : 0px 85px;
overflow : hidden;
*height : 1%;/* ie6以下対策*/
}

#detail #main:after{
content : "";
display : block;
clear : both;
height : 1px;
}/* NN対策 */

#main h3{
	width : 600px;
	height : 50px;
	background-image : url(img/bikeyard.gif);
	background-position : bottom;
	/*margin-bottom : 2px;*/
overflow : hidden; /*回り込み解除用ではなく大きくしすぎた文字は表示しない設定 */
	position : relative;
}

#main h3 span{
display : block;
font-size : 250%;
font-weight : bold;
position : absolute;
right : 10px;
bottom : 0px;
color : #0000cc;
}

#main h3 img{
display : inline;
vertical-align : bottom;
*margin-bottom : 2px;
}

#campaign{
margin-bottom : 10px;
padding-top : 25px;
background-image : url(../css/img/campaign_top_ani.gif);
}

#campaign div{
border-left : 1px solid #FF9900;
border-right : 1px solid #FF9900;
padding : 2px 5px 0px 5px;
text-align : center;
background-color : #ffff99;
}

#campaign div p{
font-size : 120%;
font-weight : bold;
}

#campaign del{
font-weight : bold;
}

#photos{
	width : 190px;
	float : left;
	line-height : 110%;
}

.photo{
width : 185px;
margin-bottom : 5px;
}

.photo dl{
background-image : url(../css/img/photo_top.gif);
background-repeat : no-repeat;
}

.photo dt{
height : 131px;
position : relative;
}

.photo dt img{
position : absolute;
top : 10px;
left : 10px;
}

.photo dd{
background-image : url(../css/img/photo_middle.gif);
background-repeat : repeat;
}

.photo span{
display : block;
padding : 5px 10px 0px 10px;
}
#nearby h4 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #333399;
	padding-left: 5px;
	font-size:1.2em;
	font-weight:bold;
	margin-top:15px;
	padding-bottom:0;
	margin-bottom:0;
}
#nearby span {
	font-size: 0.8em;
	margin: 0 0 5px 0;
	text-align:right;
	display:block;
}
#nearby li {
	line-height:1.5em;
}
#deta{
width : 410px;
float : right;
}

#deta table{
width : 100%;
}

#deta th{
width : 30%;
}

#deta td#address{
width : 70%;
border-width : 0px 0px 1px 0px;
}

#deta td#map{
padding : 10px 10px 10px 0px;
vertical-align : top;
}

#deta p{
	margin-top : 5px;
	text-align : right;
}

#deta p img{
	vertical-align : text-bottom;
	margin-bottom : 1px;

*margin-bottom : 2px;
}

#prices table {
	width:100%;
	background-color:none;
}

#prices th {
	background-color:none;
}

#prices th,
#prices td{
	font-size:10pt;
	border:1px solid #996;
	text-align:center;
	padding:4px;
}

#prices td span {
	color:#f00;
}

#coming {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000099;
	background: url(../css/img/coming.gif) no-repeat center center;
	height: 40px;
	line-height: 220%;
}
#coming2 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #000099;
	background: url(../css/img/coming2.gif) no-repeat center center;
	height: 40px;
	line-height: 220%;
}
#undecided span/* end of this file */
 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 13px;
	color: #FF0000;
}
.tex {
	font-size: 0.8em;
	line-height: 1em;
}

.icn{
	margin-right:2px;
}