@charset "utf-8";

/* メインイメージ--------------------*/

#main_image_block {
	min-width:980px;
	background: url(../img/common/mainimg_bg.gif) top repeat-x;
	height: 390px;
	padding: 15px 0 0;
}

#main_image_box {
	width: 980px;
	height: 370px;
	margin: 0 auto;
}

#main_image_block #top_slide {
	position: relative;
	z-index: 0;
}

#top_slide .btn_prev {
	position: absolute;
	top: 150px;
	left: -17px;
	z-index: 10000;
}

#top_slide .btn_next {
	position: absolute;
	top: 150px;
	right: -17px;
	z-index: 10000;
}

#icon_circle {
	position:absolute;
	top: 390px;
	left: 0;
	width: 980px;
}

#main_slide_block #icon_circle {
	top: 390px;
	left: 0px;
	width: 730px;
}

#icon_circle ul{
	text-align: center;
}

#icon_circle li{
	display : inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 1px;
	width: 10px;
	height: 10px;
	background: url(../img/common/slide_point_off.png) no-repeat;
	cursor: pointer;
}

#icon_circle li.current{
	background: url(../img/common/slide_point_on.png) no-repeat;
}

/* メインイメージ 検索ボックス付き */

#main_timesearch_block {
	width: 225px;
	float: left;
}

#main_slide_block {
	width: 730px;
	float: right;
}


/* 時刻検索--------------------*/

/* autocomplete */
.ui-autocomplete {
	width:560px;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px;
}
.ui-menu-item {
	display: block;
	background: #eee url(../img/top/suggest_bg.gif) top repeat-x;
	border: 1px solid #ddd;
	border-bottom-style: none;
	height:70px;
	width:265px;
	float:left;

 }

.ui-menu-item a {
	display: block;
	color: #333;
}

.ui-menu-item a:hover {
	color: #ee9300;
	text-decoration: underline;
}
.suggest_set{
	width:100%;
	height:4.5em;
}

.suggest_set .name {
	float: left;
	width: 140px;
	padding: 0px 0px 0px 35px;
}

.suggest_set .name span {
	font-size: 85%;
}

.suggest_set .city {
	float: left;
	width: 64px;
	padding: 14px 0 0;
}


.search{
	background: url(../img/top/loading.gif) top left no-repeat;
	padding: 5px 10px 0px 10px;
}


.landmark{
	background: url(../img/top/ico_flag.gif) top left no-repeat;
}
.busstop{
	background: url(../img/top/ico_station01.gif) top left no-repeat;
}
.station{
	background: url(../img/top/ico_train.gif) top left no-repeat;
}
.community{
	background: url(../img/top/ico_station02.gif) top left no-repeat;
}

/* メインコンテンツ--------------------*/

.ttl_pickup {
	float: left;
	margin: 15px 0 0 10px;
}

/* News Tab */

.news_tab {
	float: right;
	margin: 0 15px 0 0;
	position: relative;
}

.news_tab li {
	float: left;
	margin-left: 2px;
}

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

※

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

/* サイド お知らせ */

.side_news_block {
	position: relative;
	margin: 0 0 20px;
}

.side_news_block .news_title {
	border-bottom: 1px solid #ccc;
}

.side_news_block .news_title .title {
	float: left;
}

.side_news_block .news_title .menu {
	float: right;
}

.side_news_block .news_title .menu li {
	float: left;
	padding: 6px 0 0 3px;
}

.side_news_block dl {
	background: url(../img/common/bg_diagonal.gif) top repeat-x;
	padding-top: 12px;
	margin-bottom: 20px;
}

.side_news_block dt {
	font-weight: bold;
	font-size: 85%;
}

.side_news_block dt img {
	margin-left:4px;
}

.side_news_block dd {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 6px;
	padding-bottom: 6px;
	font-size: 93%;
}


/* サイド 伸びるメニュー */
dl#side_news_widen_bar {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 850px;
	margin: -10px 0 0 -10px;
	padding: 5px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	background: #999;
	background: rgba(0, 0, 0, 0.4);
}

dl#side_news_widen_bar dt {
	padding: 5px;
	border: 1px solid #333;
	border-bottom: 0 none;
	-webkit-border-radius: 3px 3px 0 0;
	        border-radius: 3px 3px 0 0;
	background: #fff;
}

dl#side_news_widen_bar dt .mark_categories,
dl#side_news_widen_bar dt .mark_link_type {
	display: none;
}

dl#side_news_widen_bar dd {
	padding: 5px 5px 10px;
	margin: 0;
	border: none;
	border: 1px solid #333;
	border-top: 0 none;
	-webkit-border-radius: 0 0 3px 3px;
	        border-radius: 0 0 3px 3px;
	background: #fff;
}

dl#side_news_widen_bar dd .mark_categories,
dl#side_news_widen_bar dd .mark_link_type {
	margin: 0 4px;
}

/* フッタバナー--------------------*/

#foot_slide_block {
	border: 4px solid #e4e4e4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 150px;
	width: 952px;
	margin: 0 auto 30px;
}

#foot_slide_box {
	border: 1px solid #ccc;
	background: url(../img/common/foot_img_bg.gif) top repeat-x;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 950px;
	height: 128px;
	position: relative;
	font-size: 11px;
	text-align: left;
	padding: 20px 0 0;
}

#foot_slide_box a {
	color: #666;
	text-decoration: none;
	display: block;
}

#foot_slide_box a span {
	display: block;
	padding: 4px 4px 4px;
}

/*
#foot_slide {
	height: 150px;
	width: 980px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
*/

#foot_slide_block .jcarousel-clip {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
	top: 14px;
	left: 30px;
	width: 900px;
	height: 150px;
	overflow: hidden;
}


#foot_slide_block .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#foot_slide_block .jcarousel-list li,
#foot_slide_block .jcarousel-item {
    float: left;
	width: 158px;
    list-style: none;
	border: 1px solid #ccc;
}

#foot_slide_block li {
	float:left;
	text-align: left;
}

#foot_slide_block .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 20px;
}

#foot_slide_block .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: -5px;
    width: 18px;
    height: 39px;
	padding: 0;
    cursor: pointer;
    background: transparent url(../img/common/bt_foot_banner_next.gif) no-repeat 0 0;
}

#foot_slide_block .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
#foot_slide_block .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
#foot_slide_block .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -39px;
}

#foot_slide_block .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: -5px;
    width: 18px;
    height: 39px;
	padding: 0;
    cursor: pointer;
    background: transparent url(../img/common/bt_foot_banner_prev.gif) no-repeat 0 0;
	z-index: 200;
}

#foot_slide_block .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
#foot_slide_block .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
#foot_slide_block .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -39px;
}

/*
#foot_shelf {
	height: 400px;
	width: 1000px;
	overflow: hidden;
	position: relative;
}

#foot_shelf .jcarousel-clip {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
	top: 0;
	left: 40px;
	width: 926px;
	height: 300px;
	overflow: hidden;
}


#foot_shelf .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#foot_shelf .jcarousel-list li,
#foot_shelf .jcarousel-item {
    float: left;
	width: 148px;
    list-style: none;
	text-align: center;
}

#foot_shelf li {
	float:left;
}


#foot_shelf .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right: 7px;
}

#foot_shelf .jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 0px;
    width: 15px;
    height: 51px;
	padding: 0;
    cursor: pointer;
    background: transparent url(../img/bt_next.png) no-repeat 0 0;
}

#foot_shelf .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
#foot_shelf .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
#foot_shelf .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -51px;
}

#foot_shelf .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 15px;
    height: 51px;
	padding: 0;
    cursor: pointer;
    background: transparent url(../img/bt_prev.png) no-repeat 0 0;
}

#foot_shelf .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
#foot_shelf .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
#foot_shelf .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -51px;
}
*/

/* トップ--------------------*/

.ts_block {
	margin: 0px;
	background-color: #fff;
}

.ts_block_top {
	position: relative;
	top: 10px;
	left: 35px;
	width: 175px;
	background-color: #fff;
}

.ts_box {
	padding: 9px;
}

.ts_box_demo {
	border: 1px solid #ddd;
	border-top-style: none;
	padding: 0px;
}

.ts_title {
	position: relative;
	height: 33px;
}

.ts_title .title {
	position: absolute;
}

.ts_title .bt {
	position: absolute;
	right: 7px ;
	top: 7px;
}

.ts_section1,.ts_section1_top {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.ts_section1 dt {
	float: left;
	clear: left;
	padding: 4px 0;
}

.ts_section1 dd {
	margin-left: 56px;
	padding: 3px 0;
}

.ts_section1 dd input {
	border: 1px solid #f00;
	width: 120px;
	border: 3px solid #e4e4e4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 2px 0;
}

.ts_section2 {
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.ts_section2 .title {
	margin: 0 0 4px;
}

.ts_section2 .select1 {
	padding: 3px 0 0;
}

.ts_section2 .txt1 {
	padding: 8px 2px 0 0;
}

.ts_section2 .select2 {
	padding: 3px 0 0;
}

.ts_section2 .txt2 {
	padding: 8px 6px 0 0;
}

.ts_section2 .select3 p {
	margin: 0 0 2px;
}

.ts_section2 .select3 p img {
	margin: 0 4px;
}

.ts_section2 .select1,
.ts_section2 .txt1,
.ts_section2 .select2,
.ts_section2 .txt2,
.ts_section2 .select3 {
	float: left;
}

.ts_section3 {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.ts_section3 .title {
	margin: 0 0 4px;
}

.ts_section3 .select1 {
	padding: 3px 0 0;
}

.ts_section3 .txt1 {
	padding: 8px 2px 0 0;
}

.ts_section3 .select2 {
	padding: 3px 0 0;
}

.ts_section3 .txt2 {
	padding: 8px 6px 0 0;
}

.ts_section3 .select3 {
	width: 60px;
}

.ts_section3 .select3 p {
	margin: 0 0 2px;
	line-height: 16px;
}

.ts_section3 .select3 p label {
	cursor: pointer;
	margin: 0 4px;
	font-size: 90%
}

.ts_section3 .select1,
.ts_section3 .txt1,
.ts_section3 .select2,
.ts_section3 .txt2,
.ts_section3 .select3 {
	float: left;
}

.ts_section3 .select3 {
	float: left;
}

.ts_box .ts_bt01 {
	text-align: center;
}

.ts_block_top .ts_bt02,
.ts_block .ts_bt02 {
	text-align: center;
	padding-bottom: 10px;
}


/* カテゴリトップ共通 */

#top_main_contents .col3_box .col_ttl_box p {
	margin: 0;
	padding: 0;
	text-align: center;
}

#top_main_contents .col3_box .col_ttl_box p a {
	padding: 8px 0;
	margin: 0;
}

#top_main_contents .col3_box .col_ttl_box p span {
	display: block;
	padding: 8px 0;
	margin: 0;
}

#top_main_contents .col3_box .col_ttl_box img {
	display: block;
	margin: 0 auto;
}


/* ダイヤ改正情報 */
#specialbus_block {
	width: 462px;
	margin: 0 0 20px;
	border: 4px solid #e4e4e4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/pc/css/PIE.htc);
	float: left;
}

#specialbus_block th ,
#unchinsearch_block th {
	width: 117px;
	background: url(../img/bus/title_specialbus_bg.gif) left center repeat-x;
}

#specialbus_block td ,
#unchinsearch_block td {
	padding: 10px;
	vertical-align: top;
}

#specialbus_block li  {
	background: url(../img/common/mark_arrow03.gif) 0 4px no-repeat;
	padding: 0 0 0 14px;
}

/* 臨時バス情報 */

#specialbus_block2 {
	width: 225px;
	margin: 0px 0px 0px 20px;
	float: left;
}

#specialbus_block2 img{
	margin: 0px 0px 5px 0px;
}


/* 電車トップ運賃検索情報 */
#unchinsearch_block {
	margin: 0 0 20px;
	border: 4px solid #e4e4e4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/pc/css/PIE.htc);
}

/* おでかけレジャートップ */

.news_pickup_block {
	margin-left: -10px;
	margin-bottom: 20px;
	position: relative;
}

.news_pickup_box {
	width: 225px;
	background: url(../img/common/bg_dot.gif) repeat;
	padding: 3px;
	float: left;
	margin-left: 10px;
	_display: inline;
}

.news_pickup_inner {
	padding: 6px;
	background-color: #fff;
}

.news_pickup_inner .thumb {
	float: left;
	width: 92px;
}

.news_pickup_inner .date {
	overflow: hidden;
	*zoom: 1;
	font-size: 85%;
	font-weight: bold;
}

.news_pickup_inner .lead {
	overflow: hidden;
	*zoom: 1;
	font-size: 93%;
}

.feature_block {
	background: url(../img/leisure/feature_box_bg.gif) top no-repeat;
	margin: 0 0 30px;
}

.feature_box {
	background: url(../img/leisure/feature_box_bg_bottom.gif) bottom no-repeat;
	padding: 40px 20px 20px;
}

.feature_box .photo {
	float: left;
	width: 211px;
}

.feature_box .feature_txt {
	float: right;
	width: 445px;
}

.feature_box .feature_txt .title {
	width: 360px;
	border-left: 3px solid #6eb806;
	padding-left: 10px;
	margin-bottom: 10px;
}

.feature_box .feature_txt .title .sub {
	font-size: 85%;
	font-weight: bold;
	margin: 0 0 4px;
}

.feature_box .feature_txt .title .lead {
	font-size: 115%;
	font-weight: bold;
	color: #6eb806;
	line-height: 1.3;
}

.odekake_block {
	margin-left: -20px;
}

.odekake_block li {
	width: 225px;
	float: left;
	background: url(../img/common/mark_arrow05.gif) 0 87px no-repeat;
	font-size: 93%;
	font-weight: bold;
	margin: 0 0 15px 20px;
}

.odekake_block li img {
	didplay: block;
	margin-bottom: 4px;
	border: 1px solid #ccc;
}

.odekake_block li a {
	text-decoration: none;
	color: #333;
	display: block;
}

.odekake_block li a:hover {
	text-decoration: underline;
}

.odekake_block li a span {
	padding: 0 0 0 14px;
}

.facilty_link_block .block01 {
	float: left;
	width: 260px;
	margin-right: 20px;
	margin-left: 20px;
	_display: inline;
}

.facilty_link_block .block02 {
	float: left;
	width: 180px;
	margin-right: 20px;
}

.facilty_link_block .block03 {
	float: left;
	width: 180px;
}

.facilty_link_block dl {
	margin-bottom : 15px;
}

.facilty_link_block dt {
	font-weight: bold;
	color: #6eb806;
}

.facilty_link_block dd {
	background: url(../img/common/mark_arrow06.gif) 0 4px no-repeat;
	padding: 0 0 0 14px;
}

.facilty_link_block dd a {
	color: #333;
	text-decoration: none;
}

.facilty_link_block dd a:hover {
	text-decoration: underline;
}

/* ショッピングトップ */

.shopping_link_block .block01 {
	float: left;
	width: 310px;
	margin-right: 20px;
	margin-left: 20px;
	_display: inline;
}

.shopping_link_block .block02 {
	float: left;
	width: 310px;
}

.shopping_link_block dl {
	margin-bottom : 15px;
}

.shopping_link_block li {
	background: url(../img/common/mark_arrow06.gif) 0 4px no-repeat;
	padding: 0 0 0 14px;
}

.shopping_link_block li a {
	color: #333;
	text-decoration: none;
}

.shopping_link_block li a:hover {
	text-decoration: underline;
}

/* 暮らしトップ */

.col_txt_box li {
	background: url(../img/life/mark_arrow03.gif) 0 4px no-repeat;
	padding-left: 15px;
}


/* お見舞い--------------------*/
.omimai_txt {
	width:960px;
	margin: 30px auto 0;
	background:#fff;
	font-size: 138.5%;
}

.omimai_txt div{
	width:924px;
	margin: 0 auto;
	padding: 10px 15px;
	border:3px solid #e3e3e3;
}

.omimai_txt h2 {
	margin-bottom:5px;
	font-size: 13px;
	text-align: center;
}

.omimai_txt p {
	text-align: center;
	font-size: 13px;
}