@charset "utf-8";  

input.off {
  color:#999;
}
textarea.off {
  color:#999;
  font-size:12px;
}


#eyecatchmain{
	float: left;
	width:500px; 
	height:300px;
}
#eyecatchmain a{display:block; width:100%; height:100%;background:url(../../images/eyecatchmain.jpg) 0px 0px no-repeat; text-indent:-9999px;}
#eyecatchmain a:hover{ background-position:0px -300px;}

/*========================
 メインコンテンツ-左サイド */



#TopContentsBox{
	margin-top: 30px;
}
#TopContentsLeftBox{
	width: 470px;
	float: left;
}
.newroomHeadbox h2 {
	font-size: 16px;
	margin-top: 10px;
}
.word_p2{
	letter-spacing: 2px;
}
.newTextStyle {
	margin-left: 10px;
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	margin-bottom: -2px;	
}
.newroomheadArea{
	float: left;
}
#TopContentsRightBox{
	width: 220px;
	float: right;
}
.summaryDetailLink2{
	padding-top: 24px;
	text-align: right;
}
.topmainroomlist p{
	width: 150px;
}
.topmainroomtitle{
	font-size: 13px;
	color: #505050;
	line-height: 17px;
	margin-top: 4px;
	height: 34px;
	overflow-x:hidden;
	overflow-y:hidden;
}
.topmainroomStation{
	margin-top: 4px;
	font-size: 11px;
	margin-bottom: 4px;
	color: #a0a0a0;
	line-height: 1.3;
	width: 150px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	
}
.topmainroomDetailList{
	font-size: 11px;
	color: #a0a0a0;
	line-height: 1;
	width: 150px;
	overflow-x:hidden;
	overflow-y:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.topmainroomlist{
	float: left;
	width: 150px;
}
.topmainroomtitle a{
	color: #505050!important;
}
.topmainroomStation a,.topmainroomDetailList a{
	color: #a0a0a0!important;
}

.newRoomBox{
	margin-top: 15px;
	height: auto;
}
.pd_bord{
	border-top: 1px dotted #a0a0a0;
	padding-top: 10px;
}
/*========================
 メインコンテンツ-右サイドバナー */
 /*
.feature,.museum,.links,.updateinfo{
	font-size: 12px;
	color: #505050;
	background: url(../../images/icon_h_small.gif) no-repeat left;
	padding-left: 20px;
}
*/
.museum,.links,.updateinfo{
	margin-top: 25px;
}
.featureLinkMt,.museumLinkMt,.linksLinkMt{
	margin-top: 5px;
}
.featureLinkFirst,.museumLinkFirst,.linksLinkFirst{
	margin-top: 13px;
}
.updateinfo{
	margin-bottom: 13px;
}
#updatelinklist,#updatelinklist a{
	font-size: 9px;
	color: #a0a0a0;
}
#updatelinklist a:hover{
	color: #505050;
}
#updatelinklist dt{
	clear: left;
	float: left;
	width: 7em;
	line-height: 1.4;
}
#updatelinklist dd{
	margin-left: 7em;
	margin-bottom: 10px;
	line-height: 1.4;
}
	
/*========================
 検索メニューツールチップ */


#sideSerchContentsArea{
	z-index: 50;
}
.tooltip1,.tooltip2,.tooltip3,.tooltip4,.tooltip5{
	display: none;
}
div.tooltip1{
	width:231px;
	position:absolute;
	left: 242px;
	top: 0px;
	z-index: 50;
}
div.tooltip1 {
	height: auto;
	background-image: url(../../images/bg_serchcategory1.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.tooltip_content{
	margin-left: 40px;
	margin-top: 10px;
}
.closebtnBox{
	height: 15px;
	width: auto;
	cursor:pointer;
}
.checklist li{
	margin-bottom: 7px;
}
.ie7 .checklist li{
	margin-bottom: 3px;
}
.ipad .checklist li{
	margin-bottom: 7px;
}
.iphone .checklist li{
	margin-bottom: 7px;
}
.android .checklist li{
	margin-bottom: 7px;
	height: 17px;	
}
.checkfloat li{
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}
.ie7 .checkfloat li{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.ipad .checkfloat li{
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}
.iphone .checkfloat li{
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}
.android .checkfloat li{
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}
.checkfloat_sel li{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.ipad .checkfloat_sel li{
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}
.iphone .checkfloat_sel li{
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}
.android .checkfloat_sel li{
	float: left;
	margin-right: 10px;
	margin-bottom: 4px;
}
.checkfloatbox{
	float: left;
	margin-right: 27px;
}
.ipad .checkfloatbox{
	float: left;
	margin-right: 18px;
}
.iphone .checkfloatbox{
	float: left;
	margin-right: 18px;
}
.android .checkfloatbox{
	float: left;
	margin-right: 18px;
}

.checkfloatbox li{
	margin-bottom: 7px;
}
.ie7 .checkfloatbox li{
	margin-bottom: 3px;
}

.CheckBoxLabelClass{
	font-size: 77%;
}
.iphone .CheckBoxLabelClass{
	font-size: 10px;
}

.android .CheckBoxLabelClass{
	padding-top: 4px;
}
.radioBoxLabelClass{
	font-size: 10px;
	padding-right: 5px;
}
.CheckBoxLabelClass0{
	font-size: 12px;
	margin-top: 10px;
}

/*新フォーム*/
.CheckBoxLabelClass-ctg{
	font-size: 14px;
	margin-left: 3px;
}
.android .CheckBoxLabelClass-ctg{
	vertical-align: bottom;
}

.checkfloatbox-ctg1{
	float: left;
	margin-right: 70px;
}
.checkfloatbox-ctg2{
	float: left;
	margin-right: 50px;
}

.checkfloatbox-ctg1 li, .checkfloatbox-ctg2 li,.checkfloatbox-ctg3 li{
	margin-bottom: 12px;
}
.checkbox-ctg{
	vertical-align: top;
}


input.serchgo-ctg {
	display:block;
	width:252px;
	height:35px;
	padding:0;
	border:0;
	background:url(../../images/btn_serchform.jpg) no-repeat 0px -35px;
	text-indent:-9999;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
	margin-top: 33px;
	margin-left: auto;
	margin-right: auto;
}
input.serchgo-ctg:hover {
    background:url(../../images/btn_serchform.jpg) no-repeat 0px 0px;
}
#formToggleBtn-open{ margin-top:30px; width:720px; height:31px;}
#formToggleBtn-open p{	
	display:block; width:100%; height:100%;
	background:url(../../images/btn_serch-open.gif) no-repeat 0px -32px; text-indent:-9999px; cursor:pointer;}
#formToggleBtn-open p:hover{ background-position:0px 0px;}
#formToggleBtn-close{ margin-top:30px; width:720px; height:21px;}
#formToggleBtn-close p{	
	display:block; width:100%; height:100%;
	background:url(../../images/btn_serch-close.gif) no-repeat 0px -21px; text-indent:-9999px; cursor:pointer;}
#formToggleBtn-close p:hover{ background-position:0px 0px;}

#serch-hideArea{display:none;}

.hr-line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7b7b7b;
	width: 720px;
	margin-top: 40px;
}





.mr-chekbox-all{
	margin-top: 29px;
}
.serchtitle{
	font-size: 12px;
	margin-bottom: 10px;
	background: url(../../images/icon_h_small.gif) no-repeat left center;
	padding-left: 20px;
	color: #a0a0a0;
}
.ipad .serchtitle{
	margin-bottom: 9px;
}
.iphone .serchtitle{
	margin-bottom: 9px;
}
.android .serchtitle{
	margin-bottom: 9px;
}

.subtitle{
	font-size: 8px;
}
.mac .le-space{
	letter-spacing: -1px;
}
div.categorynext {width:158px; height:30px; margin-top:20px;}
div.categorynext p{display:block; width:100%; height:100%; background:url(../../images/btn_serchnext.jpg) 0px -30px no-repeat; text-indent:-9999px;}
div.categorynext p:hover{ background-position:0px 0px;}

div.categoryserch {width:159px; height:30px; margin-top:20px;}
div.categoryserch p{display:block; width:100%; height:100%; background:url(../../images/btn_conp.jpg) 0px 0px no-repeat; text-indent:-9999px;}
div.categoryserch p:hover{ background-position:0px -30px;}


.btn_1pd{padding-left:148px;}
.btn_2pd{padding-left:173px;}
div.tooltip2{
	height: 370px;
	width: 246px;
	position:absolute;
	left: 450px;
	top: 0px;
	background-image: url(../../images/bg_serchcategory2.png);
	background-repeat: no-repeat;
	z-index: 50;
	margin-bottom: -10px;
}
.ie7 .tooltip2{
	height: 383px;
}

.radiobtn{
	vertical-align: middle;
	padding-top: 4px;
	margin-top:2px
}
.checkbox{
	vertical-align: middle;
}
.android .checkbox{
	margin-top: -6px;
}

/*winハック*/
/*
.win.ie .checkbox{
	vertical-align: middle;
	margin-top: 4px;
}
.win.chrome .checkbox{
	vertical-align: middle;
	margin-top: 4px;
}
.win.opera .checkbox{
	vertical-align: middle;
	margin-top: 4px;
}
.win.gecko .checkbox{
	vertical-align: middle;
	margin-top: 4px;
}
.win.ie .checkfloatbox li{
	margin-bottom: 5px;
}
.win.chrome .checkfloatbox li{
	margin-bottom: 5px;
}
.win.opera .checkfloatbox li{
	margin-bottom: 5px;
}
.win.gecko .checkfloatbox li{
	margin-bottom: 5px;
}
*/
/*
.win.ie .checkfloat li{
	margin-bottom: 4px;
}
.win.chrome .checkfloat li{
	margin-bottom: 4px;
}
.win.opera .checkfloat li{
	margin-bottom: 4px;
}
.win.gecko .checkfloat li{
	margin-bottom: 4px;
}
*/
/*
.win.ie .checklist li{
	margin-bottom: 5px;
}
.win.chrome.checklist li{
	margin-bottom: 5px;
}
.win.opera .checklist li{
	margin-bottom: 5px;
}
.win.gecko .checklist li{
	margin-bottom: 5px;
}
*/
/*
.win.ie .radiobtn{
	vertical-align: middle;
	padding-top: 2px;
}
.win.chrome .radiobtn{
	vertical-align: middle;
	padding-top: 2px;
}
.win.opera .radiobtn{
	vertical-align: middle;
	padding-top: 2px;
}
.win.gecko .radiobtn{
	vertical-align: middle;
	padding-top: 2px;
}
*/
/*
.win.ie .tooltip_content {
	margin-top: 10px;
}
.win.opera .tooltip_content {
	margin-top: 10px;
}
.win.chrome .tooltip_content {
	margin-top: 10px;
}
.win.gecko .tooltip_content {
	margin-top: 10px;
}
*/
/*閉じるボタン*/
.closebtn{
	position: relative;
	top: 10px;
	right: -202px;
	cursor:pointer;
}
.closebtn2{
	position: relative;
	top: 10px;
	right: -217px;
	cursor:pointer;
}
.closebtn3{
	position: relative;
	top: 10px;
	right: -495px;
	cursor:pointer;
}
.closebtn4{
	position: relative;
	top: 10px;
	right: -475px;
	cursor:pointer;
}
.closebtn5{
	position: relative;
	top: 10px;
	right: -495px;
	cursor:pointer;
}


/* 詳細*/

div.tooltip3{
	position:absolute;
	left: 240px;
	top: 0px;
	z-index: 50;
	display: none;
}
div.tooltip3 {
	height: 620px;
	width: 523px;
	background-image: url(../../images/bg_serchdetail.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div.detailserch {width:159px; height:30px; margin-top:20px;}
div.detailserch p{display:block; width:100%; height:100%; background:url(../../images/btn_conp.jpg) 0px 0px no-repeat; text-indent:-9999px;}
div.detailserch p:hover{ background-position:0px -30px;}

/* 沿線検索*/

div.tooltip4{
	position:absolute;
	left: 240px;
	top: 0px;
	z-index: 50;
}
div.tooltip4 {
	height: auto;
	width: 501px;
	background-image: url(../../images/bg_serchrailway.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div.railwayserch {width:158px; height:30px; margin-top:-5px;}
div.railwayserch p{display:block; width:100%; height:100%; background:url(../../images/btn_conp.jpg) 0px 0px no-repeat; text-indent:-9999px;}
div.railwayserch p:hover{ background-position:0px -30px;}

/* 地図検索*/

div.tooltip5{
	width:523px;
	position:absolute;
	left: 240px;
	top: 0px;
	z-index: 50;
}
div.tooltip5 {
	height: 290px;
	width: 523px;
	background-image: url(../../images/bg_serchmap.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div.mapserch {width:158px; height:31px; margin-top:20px;}
div.mapserch p{display:block; width:100%; height:100%; background:url(../../images/btn_serchmap.jpg) 0px 0px no-repeat; text-indent:-9999px;}
div.mapserch p:hover{ background-position:0px -31px;}


.address{
	width: 720px;
	margin-top: 2px;
	font-size: 11px;
}
.win .address{
	padding-top: 2px;
	padding-bottom: 2px;
}
.ipad .address{
	padding-top: 3px;
	padding-bottom: 4px;
}
.iphone .address{
	padding-top: 3px;
	padding-bottom: 4px;
}
.android .address{
	padding-top: 3px;
	padding-bottom: 4px;
}
/*
.wordserch{
	width: 170px;
	font-size: 11px;
	color: #a0a0a0;
	padding-left: 20px;
	margin-left: 15px;
	background-image: url(../../images/icon_wordserch.jpg);
	background-repeat: no-repeat;
	background-position: 2px center;
}
.win .wordserch{
	padding-top: 4px;
	padding-bottom: 3px;
}
.ipad .wordserch{
	padding-top: 4px;
	padding-bottom: 3px;
}
.iphone .wordserch{
	padding-top: 4px;
	padding-bottom: 3px;
}

.mac.opera .wordserch{
	padding-top: 4px;
	padding-bottom: 3px;
}
.android .wordserch{
	padding-top: 4px;
	padding-bottom: 3px;
}
*/
.wordserch{
	width: 174px;
	font-size: 11px;
	height: 22px;
	margin-top: 0px;
	border: 1px solid #000;
	padding-left: 5px;
}
.iphone .wordserch{webkit-border-radius:0; border-radius:0;}
.ipad .wordserch{webkit-border-radius:0; border-radius:0;}
.android .wordserch{webkit-border-radius:0; border-radius:0;}

.iphone .freewordBtn{ right:0px;}
.ipad .freewordBtn{ right:0px;}
.android .freewordBtn{ right:0px;}

.freewordBtn{
	height: 24px;
	width: 40px;
	position: absolute;
}
.mac.opera .freewordBtn{ right:0px; }

.iphone .freewordBtn{webkit-border-radius:0; border-radius:0;}
.ipad .freewordBtn{webkit-border-radius:0; border-radius:0;}
.android .freewordBtn{webkit-border-radius:0; border-radius:0;}


.ie .wordserch{
	height: 17px;
	margin-top: -1px;
	padding-top: 5px;
	padding-left: 5px;
}
.ie8 .wordserch{ margin-top: 0px;}
.ie .freewordBtn{ right:0px;}



.freewordBtn:hover{
    opacity: 0.7;
	filter: alpha(opacity=70);
}
.wordsercharea{
	margin-top: 25px;
}
.mr-b10{margin-bottom:8px;}

input.serchgo {
	display:block;
	width:181px;
	height:30px;
	padding:0;
	border:0;
	background:url(../../images/btn_serchgo.jpg) no-repeat left top;
	text-indent:-9999;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
	margin-top: 10px;
	margin-left: 5px;
}
input.serchgo:hover {
    background:url(../../images/btn_serchgo.jpg) no-repeat 0px -30px;
}
input.serchrefine {
	display:block;
	width:180px;
	height:30px;
	padding:0;
	border:0;
	background:url(../../images/btn_serchrefine.jpg) no-repeat 0px -30px;
	text-indent:-9999;
	font-size: 0px;
	line-height: 0px;
	cursor:pointer;
	margin-top: 10px;
	margin-left: 5px;
}
input.serchrefine:hover {
    background:url(../../images/btn_serchrefine.jpg) no-repeat 0px 0px;
}

.resetanchor{
	font-size: 12px;
	margin-left: 5px;
}
.checkbox_vacant{
	margin-left: 12px;
	vertical-align: middle;
}

/*========================
 チェックボックス、ラジオボタン */
/*
.checkbox,.radio{ z-index: -1;position: absolute; }
.checkbox{
	margin-top: 5px;
}
.radio{
}
.CheckBoxLabelClass{
	background: #fff url("../../images/icon_checkbox.gif") 0px 3px no-repeat;
	padding-left:21px;
	height: 16px;
}
.radiolabel{
	background: #fff url("../../images/icon_radiobutton.gif") 0px -15px no-repeat;
	margin-right:16px;
	padding-left:21px;
}
.LabelSelected{
	background-position: 0px -14px;
}
.RadioSelected{
	background-position: 0px 0px;
}
*/

.cust_checkbox {
	cursor:pointer;
	padding-top: 1px;
	padding-bottom: 1px;
}
.cust_checkbox_on { background:url("../../images/checkbox_on.jpg") no-repeat left center; }
.cust_radio_on { background:url("../../images/radiobox_on.jpg") no-repeat left center; }
.cust_checkbox_off { background:url("../../images/checkbox_off.jpg") no-repeat left center; }
.cust_radio_off { background:url("../../images/radiobox_off.jpg") no-repeat left center; }
.cust_checkbox_disabled_on { background:url("../../images/checkbox_disabled_on.jpg") no-repeat left center; }
.cust_checkbox_disabled_off { background:url("../../images/disabled_off.jpg") no-repeat left center; }
.cust_radio_disabled_on { background:url("../../images/radiobox_disabled_on.jpg") no-repeat left center; }
.cust_radio_disabled_off { background:url("../../images/disabled_off.jpg") no-repeat left center; }