@charset "utf-8";
/*================================

Sunshine Tour common CSS

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

*{
  margin:0;
  padding:0;
}

body {
	color:#666666;
	font-size:14px;
	font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande", "Geneva", "Arial", "Verdana", "sans-serif";
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	border-top:3px solid #E60012;
}

img{
  border:0;
  margin:0;
  padding:0;
}





ul{
	text-align:left;
	margin:0 auto;
	padding:0 0 0 25px;
}
ol{
	text-align:left;
	margin:0 auto 12px;
	padding:0 0 0 25px;
}
li{
	line-height:130%;
	margin:0 auto;
	padding:0 0 5px;
}

a:link{
	color:#005BAC;
}
a:visited{
	color:#490D1D;
}




/* utility classes */
.alignleft{
  float:left;
}
.alignright{
  float:right;
}
.textcenter{
	text-align:center;
}
.textright{
	text-align:right;
}
.textleft {
	text-align: left;
}


.bold{
  font-weight:bold;
}
.small{
  font-size:10px;
}
.big{
	font-size:14px;
}

.white{
	color:#FFFFFF;
}
.red{
  color:#E60012;
}
.blue{
	color:#005BAC;
}
.clear{
  clear:both;
}



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

          :::header::: 

==================================*/
div#header{
	width:960px;
	height:88px;
	margin:0 auto;
	padding:0;
}

p#summary{
	color:#666666;
	font-size:12px;
	font-weight:normal;
	line-height:150%;
	text-align:left;
}

div#logo{
	text-align:left;
	width:413px;
	padding:0;
	float:left;
}

	
div#site_info{
	text-align:right;
	width:255px;
	margin:0;
	padding:0;
	float:right;
}
div#site_infobtn{
	height:20px;
	margin:0;
	padding:0 0 0 55px;
}
div#site_infobtn img{
	float:left;
	padding:0 0 0 10px;
}


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

          :::nav::: 

==================================*/
div#nav{
	background:url(../img/navi_back.jpg) repeat-x left top;
	height:45px;
	margin:0;
	padding:0;
	border-top:2px solid #CACAC8;
	clear:both;
}

div#menu_btn{
	text-align:left;
	width:960px;
	height:42px;
	margin:0 auto;
}
div#menu_btn img{
	float:left;
}

div#pankuzu{
	border-bottom:1px solid #CCCCCC;
	margin:0 0 6px;
	padding:0;
}
div#pankuzu_link{
	width:960px;
	margin:0 auto;
	padding:3px 0;
}

div#pankuzu_link p,
div#pankuzu_link p a{
	color:#999999;
	font-size:12px;
	text-align:left;
	margin:0;
	padding:0;
}
div#pankuzu_link p a{
	text-decoration:underline;
}
div#pankuzu_link p a:hover{
	color:#E60012;
}

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

          :::contents::: 

==================================*/
div#contents{
	width:960px;
	margin:0 auto;
	padding:0;
	clear:both;
}



div#toTop{
	text-align:right;
	margin:0;
	padding:0;
	clear:both;
}


/*section
------------------------------------*/
div.section{
	width:740px;
	margin:0 auto;
	padding:0 0 20px 0;
	float:right;
}

div#introduction{
	margin:0 auto;
	padding:15px 25px;
}
div#introduction p{
	line-height:140%;
	text-align:left;
	margin:0;
	padding:0;
}

/*title*/
div#page_title{
	background:url(../img/h1.jpg) no-repeat;
	text-align:left;
	width:740px;
	height:120px;
	margin:0 0 15px;
	padding:0;
}
div#page_title h1{
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	text-indent:30px;
	line-height:120px;
	margin:0;
	padding-left:10px;
}


div#area_title{
	background:url(../img/h1_area.jpg) no-repeat left top;
	text-align:left;
	width:740px;
	height:170px;
	margin:0 0 15px;
	padding:0;
}
div#area_title h1{
	color:#FFFFFF;
	font-size:36px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:120%;
	text-indent:0;
	text-align:left;
	margin:0;
	padding:45px 0 0 40px;
}
div#area_title h1 span{
	font-size:16px;
}
/*--------------------------------------*/

div.section h2{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	line-height:40px;
	letter-spacing:1px;
	background: url(../img/h2_back.jpg) no-repeat;
	text-align:left;
	text-indent:25px;
	margin:0 auto;
	padding:0;
	clear:both;
}


div.detail{
	margin:0 auto 15px;
	padding:20px 24px;
	border:1px solid #CCCCCC;
	border-top:none;
}



div.detail h3{
	color: #333333;
	font-size:14px;
	font-weight:bold;
	line-height:34px;
	letter-spacing:1px;
	background: url(../img/h3_back.jpg) no-repeat;
	text-align:left;
	text-indent:30px;
	margin:5px auto 10px;
	padding:0;
	clear:both;
}
div.detail h3 a{
	color:#333333;
	text-decoration:underline;
}
div.detail h3 a:hover{
	color:#E60012;
}

div.detail h4{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	background: url(../img/h4_back.jpg) no-repeat 3px -1px;
	text-align:left;
	text-indent:25px;
	margin:5px auto 10px;
	padding:0;
	clear:both;
}

div.detail dl{
	text-align:left;
	line-height:140%;
	margin-bottom:20px;
}

div.detail p{
	line-height:140%;
	text-align:left;
	margin-bottom:20px;
	padding:0;
}









p.pagetop,
p.pagetop a{
	color:#999999;
	text-align:right;
	text-decoration:none;
	margin:0;
	padding:0 0 20px;
	clear:both;
}
p.pagetop a:hover{
	color:#E60012;
	text-decoration:underline;
}




/*side
------------------------------------*/
div#side{
	text-align:center;
	width:200px;
	margin:0 auto 20px;
	padding:0;
	float:left;
}



/*検索コーナー*/
div#search{
	background:url(../img/side_back.jpg) no-repeat bottom;
	text-align:left;
	width:200px;
	margin:0 auto 20px;
	padding:0;
}
div#search form{
	padding:8px 0 0 14px;
}
/* 出発地 */
/* 到着地 */
#search-start,
#search-goal{
	width: 170px;
}
/* 乗車日 */
#start-year,
#start-month{
	margin: 0 10px 0 0;
}
#start-day{
}
/* 乗車人数 */
#search-men{
	margin: 0 10px 0 0;
}
#search-women{
}


#search dl{
}
#search dl dt{
	padding: 0 0 5px 0;
}
#search dl dd{
	color: #fff;
	padding: 0 0 8px 0;
}
#search dl dd.end{
	background: none;
}
#search dl dd.end img{
	vertical-align: top;
	padding: 3px 0 0 0;
}

#search select{
	padding: 1px;
}
#search .submit{
	padding: 5px 0 15px 6px;
}
#search .submit input{
	padding: 0;
}




/*Special Route*/
div#side_route{
	margin:0 0 20px;
	padding:0;
}
div#side_route img{
	margin:0 0 5px;
	padding:0;
}









/*User Guide*/
div#user_guide{
	/*background:url(../img/side_back.jpg) no-repeat bottom;*/
	text-align:left;
	width:200px;
	margin:0 auto 30px;
	padding:0;
}

ul.sidelist{
	text-align:left;
	width:200px;
	margin:0 auto;
	padding:0;
	list-style:none;
}
ul.sidelist li,
ul.sidelist li a {
	color: #666666;
	font-weight:bold;
	line-height:40px;
	text-decoration: none;
	text-indent:35px;
	width:200px;
	height:41px;
	margin:0;
	padding:0;
	display: block;
	background: url(../img/side_list_back.jpg) no-repeat left top;
}

ul.sidelist li a:hover {
	color: #E60012;
	text-decoration: underline;
}


/*banner area*/
div#banner{
	margin:0 0 30px;
	padding:0;
}
div#banner img{
	margin-bottom:10px;
}




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

          :::footer::: 

==================================*/
div#footer{
	text-align:center;
	background:#FBFBFB;
	border-top:2px solid #E60012;
	clear:both;
}
div#bottom_info{
	font-size:12px;
	width:960px;
	margin:0 auto;
	clear:both;
}




/*footerのテキストリンク
--------------------------------------*/
div#textlink{
	text-align:left;
	margin:0 auto 15px;
	padding:10px 10px 15px;
	/*border-bottom:1px solid #CCCCCC;*/
}
div#textlink ul{
	height:10px;
	margin:0;
	padding:5px 0;
	list-style:none;
}
div#textlink ul li{
	text-indent:10px;
	background: url(../img/yaji.gif) no-repeat 0 center;
	margin: 0;
	padding:0 10px 0 0;
	float:left;
}
div#textlink ul li a{
	color:#999999;
	text-decoration:none;
	
}
div#textlink ul li a:hover {
	color:#E60012;
}


/*footerのバナー
--------------------------------------*/


/*footerの主要路線一覧
--------------------------------------*/
div#footer_route{/*斜線box*/
	text-align:left;
	width:960px;
	margin:15px auto 0;
	padding:10px 0;
	border-bottom:1px solid #CCCCCC;
	clear:both;
}

div.footer_route_detail{
	width:220px;
	padding:0 10px;
	float:left;
}
div.footer_route_detail h2{
	color:#666666;
	font-size:12px;
	line-height:150%;
	background:none;
	text-indent:0;
	margin:0;
	padding:0;
}
div.footer_route_detail ul{
	margin:0 0 15px;
	padding:0;
	list-style:none;
	}
div.footer_route_detail li{
	margin:0 0 2px;
	padding:3px 0;
	border-bottom:1px dotted #CCCCCC;
	}
div.footer_route_detail a{
	color:#999999;
	text-decoration:none;
	
}
div.footer_route_detail a:hover {
	color:#E60012;
}


/*information of sunshine
--------------------------------------*/
div#sunshine_info{
	text-align:left;
	margin:0 auto;
	padding:10px;
	
}
div#sunshine_info p{
	font-weight:bold;
	line-height:150%;
	margin:0 auto 10px;
}
address{
	font-style:normal;
	line-height:140%;
	margin-bottom:5px;
}


/*copyright
--------------------------------------*/
div#copyright{
	text-align:center;
	border-top:2px solid #E60012;
	clear:both;
}
div#copyright div{
	width:960px;
	text-align:right;
	margin:0 auto;;
	padding:0;
}
div#copyright p{
	color:#E60012;
	font-style:normal;
	line-height:400%;
}


/* for smart phone */
a.spLink{
	display:block;
	width:900px;	
	margin:10px;
	padding:30px;
	border-radius: 8px;
	box-shadow: 0px 0px 1px #999;
	background: -webkit-gradient(linear, center bottom, center top, from(#ffffff),
	color-stop(0.5, #FF6131), color-stop(0.51, #FF9F81),to(#FF9F81));
	
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight:bold;
	font-size:70px;
	color:#7e1505;
	text-align:center;
	text-decoration:none;
	border:solid 1px #c53a52;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.spLink:after{
	float: right;        
	width: 30px;
}
.spLink:after{
	content: "\279C";
}