@charset "UTF-8";

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

	COPYRIGHT(C) CYBRiDGE CORPORATION.
	URL: http://www.cybridge.jp/

****************************************************************** */
#p-home{
	background:url("/img/home/bg_home.gif") repeat-x 0% 0%;
	}

#main{
	padding-top:0px;
	}
#contents{margin-top:18px;}

.section#mapSearch{
	float:left;
	width:400px;
	}
.section#specialBox{
	float:right;
	width:320px;
	}
.section#specialBox li{
	margin-bottom:3px;
	}

.section#detailSearch{
	border:1px solid #D1D1D1;
	background:#F0F0F0;
	padding:5px;
	}
.section#detailSearch .inner{
	border:1px solid #DCDCDD;
	padding:10px;
	background:#FFF;
	}
.section#detailSearch form{
	}

#stationSearch{
	background: #FFF url("/img/home/pic_train.gif") no-repeat 0% 100%;
	padding:8px 0px 0px 90px;
	}
/*	clearfix
-------------------------------------------------------------------*/
#searchSc:after,
#searchMapBox:after,
#searchMapBox .innerSc:after,
#searchTypeInput:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#searchSc,
#searchMapBox,
#searchMapBox .innerSc,
#searchTypeInput{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #searchSc,
* html #searchMapBox,
* html #searchMapBox .innerSc,
* html #searchTypeInput{
	height: 1%;
	}
#searchSc,
#searchMapBox,
#searchMapBox .innerSc,
#searchTypeInput{
	display: block;
	}


/* ------------------------------------------------------------------
	tabNavigation styles
-------------------------------------------------------------------*/
ul#tabNavigation{
	border-bottom:4px solid #103395;
	height:28px;
	}
ul#tabNavigation li{
	display:inline;
	}
ul#tabNavigation li a{
	display:block;
	float:left;
	width:184px;
	text-decoration:none;
	text-indent:-5000px;
	background:url("/img/btn/btn_tabnavigation.png") no-repeat 0px 0px;
	height:28px;
	}


ul#tabNavigation li#tabPrimary a:hover{
	background-position:0px -28px;
	}

ul#tabNavigation li#tabJuniorhigh a{
	background-position:-184px 0px;
	}
ul#tabNavigation li#tabJuniorhigh a:hover{
	background-position:-184px -28px;
	}

ul#tabNavigation li#tabHigh a{
	background-position:-368px 0px;
	}
ul#tabNavigation li#tabHigh a:hover{
	background-position:-368px -28px;
	}

ul#tabNavigation li#tabKids a{
	width:183px;
	/*background-position:-552px 0px;*/
	background-position:-552px -28px;
	}
ul#tabNavigation li#tabKids a:hover{
	background-position:-552px -28px;
	}
	
#secPrimary,
#secJuniorhigh,
#secHigh{
	display:none;
	}

#secKids{}


/*==================================================================
	search styles
===================================================================*/
#searchSc{
	background:url("/img/common/bg_searchSc.gif") repeat-x 0 0;
	padding:15px 0px;
	}
#searchListBox{
	background:url("/img/home/bg_searchListBoxBottom.gif") no-repeat 0 100%;
	float:left;
	width:260px;
}
#searchListBox .inner{
	background:url("/img/home/bg_searchListBoxTop.gif") no-repeat 0 0%;
	padding:10px 10px 9px 10px;
	}
#searchListBox li#btnHotel,
#searchListBox li#btnSearch
{
	margin-bottom:5px;
}
#searchListBox li a{
	background:#FFF url("/img/home/btn_searchList.gif") no-repeat;
	width:240px;
	display:block;
	text-indent:-5000px;
	height:38px;
}
#searchListBox li#btnHotel a{
	background-position:0 0;
	height:38px;
	}
#searchListBox li#btnSearch a{
	background-position:0 -40px;
	height:38px;
}
#searchListBox li#btnMap a{
	background-position:0 -80px;
	height:39px;
}
#searchListBox li#btnMap{
	margin-bottom:8px;
	background:url("/img/common/line_dot.gif") repeat-x 0% 100%;
	padding-bottom:8px;
} 
#searchListBox li#btnEstimate a{
	background-position:0 -120px;
	height:37px;
}
#searchListBox p{
	background:url("/img/home/btn_searchList.gif") no-repeat 0 -160px;
	line-height:1.5em;
	margin-top:5px;
	padding:9px 5px 5px 5px;
	width:230px;
	font-size:x-small;
}

#searchMapBox{
	float:right;
	width:680px;
	padding-bottom:10px;
	background:url("/img/home/bg_searchMapBoxBottom.gif") no-repeat 0 100%;
}
#searchMapBox .innerSc{
	padding-top:10px;
	background:url("/img/home/bg_searchMapBoxTop.gif") no-repeat 0 0%;
	width:680px;
}
#searchMapBox .innerSc .inner{
	float:left;
	width:249px;
	padding-left:10px;
}
#searchMapBox .innerSc .inner li{
	line-height:157%;
}
#searchMapBox .innerSc .inner .submit,
#p-area .inner .submit{
	background: #FFF url("/img/common/line_dot.gif") repeat-x 0% 0%;
	padding:10px 0px 0px 0px !important;
	margin:0px;
}
#searchMapBox .section,
#searchMapBox .innerSc .inner #searchAreaInput{
	margin-bottom:10px;
	}
#searchMapBox {
	line-height:normal;
	padding-bottom:6px;
}
#searchMapBox dt span{
	font-weight:bold;
}
#searchMapBox #mapSearch{
	float:right;
	margin-right:10px;
	height:224px;
	margin-bottom:6px;
}
* html #searchMapBox #mapSearch{
	margin-right:5px !important;
}


#search{
	margin-top:8px;
	}

#p-area #search{
	margin-top:0px;
	}
#search .inner{
	padding:0;
	position:relative;
	background:#EFEFEF;
	border:1px solid #DDD;
	margin-bottom:12px;
	}
	
#search #searchBox{
	width:320px;
	border:1px solid #DDD;
	background:#FFF;
	position:absolute;
	right:8px;
	top:8px;
	}
#search #searchBox form{
	padding:8px;
	}

#search #searchBox .headline4{
	margin-bottom:6px;
	}
#search #searchBox select{
	width:160px;
	margin-left:10px;
	}

form#searchStation {
	background:#FFF url("/img/common/txt_stationsearch.gif") no-repeat scroll 12px 50%;
	padding:8px 5px 8px 105px;
	border:1px solid #DDD;
	}
#searchAccessTxt {
	color:#666666;
	font-size:x-small;
	padding-left:3px;
	}

/* ------------------------------------------------------------------
	headline
-------------------------------------------------------------------*/
.headline0{
	background:url("/img/home/headline.gif") no-repeat 0 0%;
	height:26px;
	text-indent:-5000px;
	margin-bottom:10px;
}
#particularSc .headline0{
	background-position: 0 0px;
}
#estimateSc .headline0{
	background-position: 0 -30px;
}
#questionSc .headline0{
	background-position: 0 -60px;
}



/* 	こだわりから探す
-------------------------------------------------------------------*/
#particularSc ul li a{
	background:transparent url("/img/icon/li.gif") no-repeat scroll 0 50%;
	display:inline;
	padding-left:15px;
	}
/*
#homeType ul{
	padding:5px 5px 15px 5px;
	}
#homeType li{
	float:left;
	width:136px;
	}
#homeType ul li a {
	background:url("/img/icon/li.gif") no-repeat 0 50%;
	padding-left:15px;
	}

#typeSearch{
	}
#typeSearch img{
	padding:4px;
	border:1px solid #DDD;
	background:#FFF;
	}
#typeSearch .photoImage{
	float:left;
	background:#F0F0F0;
	border:1px solid #DDD;
	text-align:center;
	width:140px;
	padding-top:4px;
	}
#typeSearch .listSection{
	float:right;
	width:560px;
	}


#typeSearch .box ul li a {
	background:url("/img/icon/icon_li2.gif") no-repeat 0 50%;
	padding-left:15px;
	}	
*/


/* 	よくある質問
-------------------------------------------------------------------*/
#questionSc h2{
	margin-bottom:0px;
}
#questionSc li{
	background:#FFF url("/img/common/line_dot.gif") repeat-x scroll 0 100%;
	line-height:2.5em;
}
#questionSc li a{
	background:transparent url("/img/icon/icon_q.gif") no-repeat scroll 0 50%;
	padding-left:23px;
	display:block;
}


/* ------------------------------------------------------------------
	キーワードから探す
-------------------------------------------------------------------*/
#kywordSearch{
	position:relative;
	width:690px;
	z-index:10;
	background:url("/img/common/bg_keyword_search.gif") no-repeat 0 0%;
	height:42px;
	}
#kywordSearch dl{
	left:10px;
	position:absolute;
	top:10px;
	}

#kywordSearch #searchAccessInput{
/*	background:url("/img/home/txt_keyword_search.gif") no-repeat 7px 8px;*/
	padding:11px 0 11px 144px;
	}
#kywordSearch #searchAccessTxt{
	font-size:x-small;
	color:#999;
}
#kywordSearch dl#trendWords{
	display:inline;
	}
ul#wordSearch {
	background:#FFF url("/img/common/line_dot.gif") repeat-x scroll 0 0;
	margin-top:6px;
	padding-top:8px;
	}