@charset "utf-8";

/*---------------------------------------------------------
  Kumamotodentetsu CSS : index
----------------------------------------------------------*/

/* main
----------------------------------------------------------*/
#main {
	padding-top: 35px;
}
#main .slideTarget {
	width: 860px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#main .slideTarget p {
	padding-top: 138px;
	text-align: center;
}

/* main : importnews
----------------------------------------------------------*/
#main .importnews {
	background: #FFF;
	padding: 10px 15px 15px;
	margin-top: 20px;
	border: 2px solid #F00;
}
#main .importnews p {
	text-align: center;
	padding-top: 5px;
}

/* main : division
----------------------------------------------------------*/
#main .division {
	background: url(../images/div_bg.jpg) no-repeat 0px 100%;
	border-top: 20px solid #FFF;
}
#main .division .train,
#main .division .bus,
#main .division .kashikiri,
#main .division .other {
	float: left;
	width: 215px;
}
#main .division .inner {
	padding: 10px 12px;
}
#main .division ul.contList li {
	background: url(../images/div_line.gif) repeat-x 0px 0px;
	padding-top: 1px;
	position: relative;
}
#main .division ul.contList li.top {
	background: url(none);
	padding-top: 0px;
}
#main .division ul.contList li.w90 {
	width: 90px;
}
#main .division ul.contList li.w100 {
	width: 100px;
}
#main .division ul.contList li a {
	background: url(../images/div_arrow.jpg) no-repeat 0px 6px;
	display: block;
	padding: 6px 0px 6px 17px;
}
/*#main .division ul.contList li a.newwin {
	background: url(../images/div_newwin.jpg) no-repeat 0px 6px;
}*/
#main .division ul.contList li a.wi {
	width: 57px;
}
/*#main .division ul.contList li select {
	position: absolute;
	top: 5px;
	right: 34px;
	font-size: 10px;
	padding: 2px;
}
#main .division ul.contList li input {
	position: absolute;
	top: 5px;
	right: 0px;
}
#main .division ul.contList li input[type="button"] {
	background: url(../images/div_btn_go.jpg) no-repeat 0px 0px;
	height: 19px;
	width: 31px;
	border-style: none;
	cursor: pointer;
}
#main .division .bus .inner {
	background: url(../images/div_bus_bg.jpg) no-repeat 12px 100%;
}
#main .division .bus ul.busList {
	padding: 0px 12px;
}
#main .division .bus ul.busList li {
	display: inline;
	border-left: 1px solid #CCC;
	padding-left: 5px;
}
#main .division .bus ul.busList li.leftSide {
	padding-left: 0px;
	border-left-style: none;
}
#main .division .bus {
	min-height: 290px;
	height: auto !important;
	height: 280px;
}
#main .division .bus ul.contList {
	padding: 0px 12px;
}*/

/* main : prbnr
----------------------------------------------------------*/
/*#main #prbnr {
	clear: both;
	padding-top: 18px;
}*/

/* main : contBtm
----------------------------------------------------------*/
#main .contBtm {
	padding-top: 30px;
}
#main .contBtm .leftCol {
	float: left;
	width: 640px;
	padding-right: 20px;
}
#main .contBtm .rightCol {
	float: left;
	width: 200px;
}

/* main : contBtm : leftCol : bustour
----------------------------------------------------------*/
#main .bustour {
	padding-top: 20px;
}
#main .bustour .title {
	position: relative;
	padding-bottom: 9px;
}
#main .bustour .title .btn {
	position: absolute;
	top: 6px;
	right: 6px;
}
#main .bustour .itemFirst {
	background: #FFF7DE;
	padding: 10px;
}
#main .bustour .itemFirst .pic {
	background: #FFF;
	width: 110px;
	padding: 4px;
	border: 1px solid #D9D9D9;
	float: left;
}
#main .bustour .itemFirst .text {
	float: left;
	width: 490px;
	padding-left: 10px;
}
#main .bustour .itemFirst .text .price {
	background: url(../images/tour_icon_price.gif) no-repeat 0px 5px;
	padding: 5px 0px 0px 50px;
}
#main .bustour .itemList {
	clear: both;
}
#main .bustour .itemList .box {
	float: left;
	padding: 10px 10px 0px;
	min-height: 76px;
	height: auto !important;
	height: 76px;
}
#main .bustour .itemList .pic {
	background: #FFF;
	width: 69px;
	padding: 2px;
	border: 1px solid #D9D9D9;
	float: left;
}
#main .bustour .itemList .text {
	float: left;
	width: 215px;
	padding-left: 10px;
}
#main .bustour .itemList .text .price {
	background: url(../images/tour_icon_price.gif) no-repeat 0px 5px;
	padding: 5px 0px 2px 50px;
}

/* main : contBtm : leftCol : topics
----------------------------------------------------------*/
#main #topics {
	clear: both;
}
#main #topics .title {
	position: relative;
	background: url(../images/tps_tit_bg.jpg) repeat-x 0px 100%;
}
#main #topics ul.tab {
}
#main #topics ul.tab li {
	float: left;
	padding-right: 1px;
}
#main #topics ul.tab a {
	text-indent: -3000px;
	display: block;
	width: 132px;
	min-height: 35px;
	height: auto !important;
	height: 35px;
}
#main #topics ul.tab li.btnNews a {
	background: url(../images/tps_tab_news.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnNews a:hover {
	background: url(../images/tps_tab_news_on.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnNews a.sct {
	background: url(../images/tps_tab_news_sct.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnTrain a {
	background: url(../images/tps_tab_train.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnTrain a:hover {
	background: url(../images/tps_tab_train_on.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnTrain a.sct {
	background: url(../images/tps_tab_train_sct.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnBus a {
	background: url(../images/tps_tab_bus.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnBus a:hover {
	background: url(../images/tps_tab_bus_on.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnBus a.sct {
	background: url(../images/tps_tab_bus_sct.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnPress a {
	background: url(../images/tps_tab_press.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnPress a:hover {
	background: url(../images/tps_tab_press_on.jpg) no-repeat 0px 0px;
}
#main #topics ul.tab li.btnPress a.sct {
	background: url(../images/tps_tab_press_sct.jpg) no-repeat 0px 0px;
}
#main #topics ul.btn {
	position: absolute;
	top: 9px;
	right: 8px;
}
#main #topics ul.btn li {
	display: inline;
}
#main #topics ul.btn li.more {
	background: url(../images/tps_btn_line.gif) no-repeat 5px 0px;
	padding-left: 11px;
}
#main #topics ul.btn li img {
	vertical-align: bottom;
}
#main #topics .contBox {
	background: url(../images/tps_bg.jpg) no-repeat 0px 100%;
	padding: 15px 15px 17px;
}
#main #topics #contNews {
	clear: both;
}
#main #topics #contTrain,
#main #topics #contBus,
#main #topics #contPress {
	display: none;
	clear: both;
}
#main #topics dt {
	background: url(../images/tps_line.gif) repeat-x 0px 0px;
	width: 13em;
	float: left;
	padding-top: 8px;
}
#main #topics dt img {
	float: right;
	padding-right: 1em;
}
#main #topics dd {
	background: url(../images/tps_line.gif) repeat-x 0px 0px;
	margin-left: 13em;
	padding: 8px 0px;
}
#main #topics dt.top,
#main #topics dd.top {
	background: url(none);
	padding-top: 0px;
}

/* main : contBtm : rightCol : facebook
----------------------------------------------------------*/
#main .facebook {
	position: relative;
}
#main .facebook h2 {
	position: absolute;
	top: -20px;
}
#main .facebook .inner {
	padding: 41px 10px 10px;
	border: 1px solid #CCC;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #DFE4EE;
}

/* main : contBtm : rightCol : mobile
----------------------------------------------------------*/
#main .mobile {
	padding-top: 15px;
}
#main .mobile .inner {
	background: url(../images/mob_bg.jpg) no-repeat 0px 100%;
	padding: 0px 15px 10px;
}
#main .mobile p.qr {
	padding-top: 12px;
	text-align: center;
}
#main .mobile p.url {
	text-align: center;
	padding-top: 4px;
}
#main .mobile form {
	position: relative;
	padding-top: 12px;
}
#main .mobile input#email {
	background: url(../images/mob_email.jpg) no-repeat 0px 0px;
	border-style: none;
	font-size: 12px;
	width: 125px;
	line-height: 12px;
	padding: 6px;
	ime-mode: inactive;
	color: #111;
}
#main .mobile input#btn {
	position: absolute;
	top: 12px;
	right: 0px;
}
#main .mobile input#btn[type="submit"] {
	background: url(../images/mob_btn.jpg) no-repeat 0px 0px;
	height: 23px;
	width: 30px;
	border-style: none;
	cursor: pointer;
}

/* main : contBtm : rightCol : bnkBnr
----------------------------------------------------------*/
#main .group {
	padding-top: 15px;
}
#main .group ul {
	background: #F9F9F9;
	padding: 5px 9px 10px;
	border-right: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
}
#main .group li {
	padding-top: 3px;
}

/* main : contBtm : rightCol : bnkBnr
----------------------------------------------------------*/
#main .bnkBnr {
	background: url(../images/bnkbnr_bg.gif) no-repeat 0px 100%;
	position: relative;
	padding-bottom: 10px;
}
#main .bnkBnr h2 {
	padding-bottom: 48px;
	cursor: pointer;
}
#main .bnkBnr h2.open {
	background: url(../images/bnkbnr_open.gif) no-repeat 100% 0px;
}
#main .bnkBnr h2.close {
	background: url(../images/bnkbnr_close.gif) no-repeat 100% 0px;
}
#main .bnkBnr p {
	text-align: center;
	position: absolute;
	left: 10px;
	top: 32px;
}
#main .bnkBnr ul {
	padding: 0px 10px;
}
#main .bnkBnr li {
	padding-top: 5px;
	text-align: center;
}
#main .bnkBnr li img {
	vertical-align: bottom;
}