@charset "utf-8";
/* CSS Document */

*{
  margin:0;
  padding:0;
}

body{
 font-size:16px;
 width:300px;
 background:#FFFFFF;
} 

img{
  border:none;
}

.f-10{
  font-size:10px;
  font-weight:normal;
} 

.f-12{
  font-size:12px;
  font-weight:normal;
}

.f-13{
  font-size:13px;
}

.f-15{
  font-size:15px;
}

.f-24{
  font-size:24px;
  font-weight:bold;
}

.f-bold{
  font-weight:bold;
}

.red{
  color:#FF0000;
}

.red-old{
  color:#CC0000;
}

.ao{
  color:#003399;
}

.green{
  color:#009900;
}

.hai{
  color:#999999;
}

.shiro{
	color:#FFF;
}

.clear{
  clear:both;
}

.left{
  float:left;
}

.right{

  float:right;
}

.left-bun{
  width:60%;
}

.left_30{
  float:left;
  width:45%;
}

.left_70{
  float:left;
  width:70%;
  display:block;
}

.ul-controlgroup ui-radio .ui-btn-inner{
	padding:.6em 0px;
}
/*******************************************
*********   € € TOP-bus € € €*************
********************************************/ 

#top2{
  background:url(http://www.sunshinetour.co.jp/sp/bus/img/rogo_back.jpg) right no-repeat;
  height:122px;
  border-bottom:#FFFFFF solid 3px;
} 

/*******************************************
*********  　　 TOP-tour　　　*************
********************************************/ 

#top{
  
  padding:10px 4px 5px;
  border-bottom:#CCCCCC 1px solid;
  background:#FFFFFF;
}

.top_dep{
  border:#0066CC solid 1px;
  padding:3px 3px 1px;
  margin-left:15px;
  color:#0066CC;
  font-weight:bold;
  vertical-align:top;
  line-height:1.9;
} 

/*******************************************
*********  　　 タイトル-bus　　　*************
********************************************/ 

h2{
  background:#cc0000;
  color:#FFFFFF;
  padding:3px 15px;
  background-image: -webkit-gradient(linear, left top,left bottom, from(#FF8E8E), to(#FF0000));
  background-image: -webkit-linear-gradient(#FF8E8E, #FF0000);
  background-image: -moz-linear-gradient(#FF8E8E, #FF0000);
  background-image: -ms-linear-gradient(#FF8E8E, #FF0000);
  background-image: -o-linear-gradient(#FF8E8E, #FF0000);
  background-image: -linear-gradient(#FF8E8E, #FF0000);
  border-top:#FF6600 solid 1px;
  font-weight:bold;
  height:30px;
}


/*******************************************
*********  　　 タイトル-tour　　　*************
********************************************/ 

#title{
  background:#C00;
  color:#FFFFFF;
  padding:0px;
  border-bottom:#FFFFFF solid 2px;
  width:100%;

}

#title-ao{
  background:#100E08;
  color:#FFFFFF;
  padding:0px;
  border-bottom:#FFFFFF solid 2px;
  width:100%;

}


h1{
  font-size:16px;
  vertical-align:middle
}


/*******************************************
*********  　　 ツアー　　　*************
********************************************/ 

#tour{
  border-top:#F00 solid 2px;
  background:#FFFFFF;
  padding:5px;
}

#tour-ao{
  border-top:#03C solid 2px;
  background:#FFFFFF;
  padding:5px;
}

#tour2{
  background:#FFFFFF;
  padding:0px;
}


#tour ul{
  margin:10px 10px;
}

h3.tour_title{
  margin:0px 0px 2px 3px;
  vertical-align:middle;
  white-space:normal;
  font-size:20px;
  color:#039;
}

p.tour_title2{
  margin:0px;
  font-size:15px;
  white-space: normal;
}


/*******************************************
*********  　　 内　容　　　*************
********************************************/ 

#plan{
  background:#FFFFDD;
  padding:0 5px 10px 5px;
  margin:0px;
}

h3.list{
  margin:0px 0px 7px 0px;
  border-bottom:#CCCCCC 1px dotted;
  vertical-align:middle;
  font-weight:bold;
}

h4{
	line-height:2.2;
}

#plan p.bun{
  background:#FFFFFF;
  margin:-10px -15px;
  padding:10px 10px;
  line-height:1.3;
  clear:both;
}

span.sch{
  display:block;
  background-color:#D0E8FF;
  padding:2px 5px;
  margin:2px -10px 3px;
  clear:both;
}

span.sch2{
  display:block;
  padding:2px 5px;
  margin:2px 0px 3px;
  width:45%;
  float:left;
  border-left:#CCCCCC solid 1px;
}

ul#tab{
  width:100%;
  font-size:18px;
}

ul#tab ul{
  width:100%;
}

ul#tab li{
  color:#CC0000;
  float:left;
  padding:0px;
}

.rosen{
  font-size:20px;
  line-height:3;
  margin-left:5px;
}

.rosen a{
  text-decoration:none;
  color:#0033CC;
}


table.table-top td{
	border-bottom:#039 1px solid;
}

table.table-top img{
	margin:3px;
}

/*******************************************
*********  　　料　金　　　*************
********************************************/ 



table.cal{
  background-color:#666666;
  text-align:center;
  font-size:11px;
  width:100%;
  margin-bottom:2px;
  text-shadow:none;
  line-height:1.5;
}

table.cal td{
  padding:0px;
}


table.cal td p a{
  text-decoration:none;
  display:block;
  color:#333333;
  margin-top:5px;
  margin-bottom:5px; 
}


table p.month{
  font-size:16px;
  font-weight:bold;
  margin:5px 0px;
  text-align:center;
}
td.calender_1{background-color:#EEEEEE; color:#000000;}
td.calender_s{background-color:#FF0000; color:#FFFFFF; font-weight:bold;}
td.calender_a{background-color:#FFFFCC;}
td.calender_b{background-color:#CCFFFF;}
td.calender_c{background-color:#64FB64;}
td.calender_d{background-color:#FCA7DA;}
td.calender_e{background-color:#660099; color:#FFFFFF; font-weight:bold;}
td.calender_f{background-color:#630; color:#FFFFFF; font-weight:bold;}
td.calender_g{background-color:#666; color:#fff; font-weight:bold;}
td.calender_h{background-color:#F90;}
td.calender_z{background-color:#ffffff; color:#ccc;}


/*******************************************
*********  　　　bus用　　　*************
********************************************/ 

dl { padding:2px 0; font-size:14px; border-bottom:1px dotted #CCC; line-height:2.0}
dl dt { font-weight:bold; display:table-cell; white-space:nowrap }
dl dd { display:table-cell }
li { list-style-type:none; }


/* =================================================================

================================================================= */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

* html .clearfix {
    height:1%;
}
.clearfix {
	display:block;
}

/*******************************************
*********  　　　予　約　　　*************
********************************************/ 

.title2{
  clear:both;
  background:#003399;
  color:#FFFFFF;
  font-size:18px;
  padding:8px 10px 3px;
  background-image: -webkit-gradient(linear, left top,left bottom, from(#003399), to(#0066CC));
  background-image: -webkit-linear-gradient(#003399, #0066CC);
  background-image: -moz-linear-gradient(#003399, #0066CC);
  background-image: -ms-linear-gradient(#003399, #0066CC);
  background-image: -o-linear-gradient(#003399, #0066CC);
  background-image: -linear-gradient(#003399, #0066CC);
  margin:5px -5px 5px -5px;

}
#booking{
  background:#FFFFCC;
  padding:10px;
}

/*******************************************
*********  　全プラン共通　　　*************
********************************************/ 


#common{
  background:#FFFFFF;
  padding:10px;
}

#common ul{
  margin-bottom:10px;
}

#common li a{
  text-align:center;
}

#common ul.left1{
  float:left;
  display:inline-block;
  width:47%;
}


#common ul.left2{
  float:left;
  display:inline-block;
  width:50%;
  margin-left:6px;
}

.wordbreak{
  overflow:visible;
  white-space:normal;
}

#toi{
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  border-top:#CCCCCC solid 1px;
  border-bottom:#CCCCCC solid 1px;
  margin-bottom:10px;
}

#toi .toi_sun{
  font-size:13px;
  font-weight:bold;
  margin-bottom:5px;
}


#toi .tel{
  border:#FF0000 solid 1px;
  color:#FF0000;
  font-size:23px;
  font-weight:bold;
}

#common .company{
  display:inline;
  float:left;
}

.waku{
	border:#666 solid 1px;
	padding:3px;
	font-size:13px;
}


/*******************************************
*********  　コピーライト　　　*************
********************************************/ 

#copy{
 color:#FF0000;
 font-size:11px;
 text-align:center;
 border-top:#FF0000 solid 2px;
 background:#FFFFFF;
 padding:2px 0px 5px;
}



/*******************************************
*********  　FLIPSNAP　　*************
********************************************/ 

.viewport {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap1 {
    width: 2240px; /* 320px(item width) * 7(item count) */
}

.flipsnap2 {
    width: 1280px; /* 320px(item width) * 4(item count) */
}

.flipsnap3 {
    width: 1920px; /* 320px(item width) * 6(item count) */
}

.flipsnap4 {
    width: 1920px; /* 320px(item width) * 6(item count) */
}

.flipsnap5 {
    width: 2880px; /* 320px(item width) * 9(item count) */
}

.item {
    float: left;
    width: 320px;
    cursor: pointer;
}


.pointer {
  text-align: center; }

.pointer span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: 1px solid #000; }

.pointer span.current {
  background: #FC0; }

/*******************************************
*********** テーブルの行全体をリンク　*****
********************************************/

     thead th {
        background: #110303; /* Old browsers */
        background: -moz-linear-gradient(top, #110303 0%, #333333 98%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#110303), color-stop(98%,#333333)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #110303 0%,#333333 98%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #110303 0%,#333333 98%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #110303 0%,#333333 98%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110303', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #110303 0%,#333333 98%); /* W3C */

        color: #fff;
    }

    tbody tr {
        border-top: 1px dotted #D8D5D5;
    }

    tbody td {
        border: 1px dotted #D8D5D5;
        border-width: 0px 1px;

        -webkit-transition: background-color .2s linear;
        -moz-transition: background-color .2s linear;
        transition: background-color .2s linear;
    }

    tbody tr:first-child {
        border-top: none;
    }

    tbody tr.even td {
        background: #fbfbfb;
    }

    tbody tr.clickable:hover td {
        background: #ecf2fa;
        cursor: pointer;
    }