@charset "utf-8";

/*---------------------------------------------------------
  Kumamotodentetsu CSS : tour > index
----------------------------------------------------------*/
#main p.toTopLink a {
	background: url(../images/detail_adrrow_back.gif) no-repeat 0px 0px;
	padding-left: 15px;
}

/* main : tourList
----------------------------------------------------------*/
#main .tourList {
	background: #FFC7A2 url(../images/list_bg.gif) repeat 0px 0px;
	border-right: 1px solid #EE5C44;
	border-bottom: 1px solid #EE5C44;
	border-left: 1px solid #EE5C44;
	padding: 19px;
}
#main .tourBox {
	background: #FFF url(../images/list_box_bg.gif) repeat 100% 100%;
	padding: 15px 0px 17px;
	clear: both;
	margin-top: 10px;
}
#main .tourBox .picBox {
	width: 160px;
	padding: 35px 20px 0px 15px;
	position: relative;
	float: left;
}
#main .tourBox .picBox p.elem {
	position: absolute;
	left: -5px;
	top: 0px;
}
#main .tourBox .picBox p.pic {
	background: #FFF;
	padding: 3px;
	border: 1px solid #CCC;
}
#main .tourBox .textBox {
	width: 395px;
	padding-right: 20px;
	float: left;
}
#main .tourBox .textBox h2.title {
	padding-top: 5px;
}
#main .tourBox .textBox p.copy {
	padding: 8px 0px 4px;
}
#main .tourBox .textBox dt {
	float: left;
	width: 6em;
	padding-top: 6px;
}
#main .tourBox .textBox dd {
	margin-left: 6em;
	padding-top: 6px;
}
#main .tourBox .textBox dd strong {
	color: #C00;
}
#main .tourBox .btnBox {
	float: left;
	background: url(../images/list_btn_bg_btm.gif) no-repeat 0px 100%;
}
#main .tourBox .btnBox ul {
	background: url(../images/list_btn_bg_top.gif) no-repeat 0px 0px;
	padding: 30px 13px 35px;
}
#main .tourBox .btnBox li {
	padding-top: 5px;
}
#main .tourBox .btnBox li img {
	vertical-align: bottom;
}
#main .melma {
	background: url(../images/melma_bg.jpg) no-repeat 0px 20px;
	clear: both;
	padding-top: 33px;
	padding-left: 275px;
}
#main .melma form {
	position: relative;
	background: url(../images/melma_form_bg.jpg) no-repeat 0px 7px;
	padding: 16px 0px 24px 105px;
}
#main .melma input#email {
	background: url(../images/melma_form_email.jpg) no-repeat 0px 0px;
	border-style: none;
	font-size: 12px;
	width: 296px;
	line-height: 12px;
	padding: 6px;
	ime-mode: inactive;
	color: #111;
	height: 20px;
}
#main .melma input#btn {
	position: absolute;
	top: 16px;
	left: 406px;
}
#main .melma input#btn[type="submit"] {
	background: url(../images/melma_form_btn.jpg) no-repeat 0px 0px;
	height: 32px;
	width: 70px;
	border-style: none;
	cursor: pointer;
}

/* main : tourTitle
----------------------------------------------------------*/
#main .tourTitle {
	background: url(../images/detail_tourtit_bg.jpg) no-repeat 0px 5px;
	padding: 15px 0px 10px;
}
#main .tourTitle .textBox {
	padding-left: 26px;
	width: 630px;
	padding-right: 15px;
	float: left;
}
#main .tourTitle h1 {
	color: #111111;
	padding-top: 8px;
}
#main .tourTitle p.price {
	background: url(../images/detail_tourtit_price.gif) no-repeat 0px 5px;
	padding-top: 5px;
	padding-left: 60px;
}
#main .tourTitle p.price strong {
	color: #C00;
}
#main .tourTitle ul {
	width: 174px;
	float: left;
}
#main .tourTitle li {
	text-align: center;
}
#main .prText {
	color: #F60;
	background: url(../images/detail_point.jpg) no-repeat 28px 8px;
	padding: 15px 0px 5px 95px;
	clear: both;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}
#main .inner {
	padding: 0px 20px 30px;
}
#main .inner h2 {
	color: #111;
	background: #FFF1D4 url(../images/detail_h2_bg.jpg) no-repeat 0px 0px;
	padding: 4px 4px 4px 15px;
	border: 1px solid #FFC164;
}
#main .inner p {
	padding-top: 12px;
}
#main .action {
	padding: 0px 40px;
}
#main .action .btn {
	background: url(../images/detail_action_btn_bg.jpg) no-repeat 0px 0px;
	padding-top: 14px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
}
#main .action .btn form {
	text-align: center;
}
#main .action .btn p.text {
	text-align: center;
	padding-top: 5px;
}
#main .otherTour {
	padding: 40px 20px 0px;
}
#main .otherTour .otherInner {
	background: url(../images/detail_other_bg.gif) no-repeat 0px 100%;
	padding-bottom: 15px;
}
#main .otherTour li {
	width: 160px;
	float: left;
	padding: 20px 0px 0px 35px;
	min-height: 160px;
	height: auto !important;
	height: 160px;
	text-align: center;
}
#main .otherTour img.pic {
	padding: 3px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
}

#main form#tourForm {
	width: 640px;
	padding-top: 40px;
	margin: 10px auto;
}
#main form#tourForm table {
	width: 640px;
	margin-top: 10px;
}
#main form#tourForm th {
	background: #FFC;
	color: #111;
	vertical-align: top;
	padding: 8px;
	border: 1px solid #CCC;
	width: 160px;
}
#main form#tourForm th span.fontRed {
	font-size: 11px;
}
#main form#tourForm td {
	padding: 8px;
	border: 1px solid #CCC;
}
#main form#tourForm td .ex {
	font-size: 12px;
	padding-top: 5px;
	color: #666;
}
#main form#tourForm td .tit {
	font-weight: bold;
	background: #F0F0F0;
	padding: 3px;
}
#main form#tourForm td dt {
	float: left;
	width: 5em;
	padding-top: 5px;
}
#main form#tourForm td dd {
	margin-left: 5em;
	padding-bottom: 10px;
}

#main ol.jyokenList {
	padding-left: 40px;
	padding-top: 20px;
}
#main ol.jyokenList li {
	list-style: decimal;
	padding-top: 12px;
}
#main table.jyokenTbl {
	margin: 30px auto 20px;
	width: 500px;
}
#main table.jyokenTbl th {
	background: #F4F3EE;
	padding: 5px;
	text-align: center;
	border: 1px solid #CCC;
}
#main table.jyokenTbl td {
	padding: 5px;
	text-align: center;
	border: 1px solid #CCC;
}
#main form#tourForm input,
#main form#tourForm select,
#main form#tourForm textarea {
	padding: 8px;
	background: #FAFAFA;
	border: 2px solid #CCC;
}
#main form#tourForm label.error {
	color: #ff0000;
	font-weight: bold;
	background: #FFE1FF;
	padding: 3px;
	margin-top: 3px;
	display: block;
}

/*---------------------------------------------------------
  width: 736px
----------------------------------------------------------*/
@media screen and (max-width: 736px){

/* tblForm
----------------------------------------------------------*/
#main form#tourForm {
	padding-left: 0px;
	padding-top: 40px;
	width: 100%;
}
#main form#tourForm table {
	clear: both;
	width: 100%;
}
#main form#tourForm th {
	background: #FFC;
	color: #111;
	vertical-align: top;
	padding: 8px;
	border: 1px solid #CCC;
	display: block;
	width: 100%;
}
#main form#tourForm th .icon {
	float: right;
	padding-left: 5px;
}
#main form#tourForm td {
	padding: 8px;
	border: 1px solid #CCC;
	display: block;
}

/* main > form parts
------------------------------------------------*/
#main form#tourForm input,
#main form#tourForm select,
#main form#tourForm textarea {
	font-size: 16px;
	padding: 8px;
	background: #FAFAFA;
	border: 2px solid #CCC;
	width: 100%;
}
#main form#tourForm input[type="checkbox"] {
	width: 30px;
}

}