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

/*jyoshitabi*/

/* --------------------------------------------------------
	default
-------------------------------------------------------- */
body{ 	
    color:#640;
	background-color:#fff;
	background-position: center center;
	font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
	font-size:13px;
 /*Firefox、Safari、Opera & Mac IE5*/
 *font-size:small;
 /*Win IE7 & Win IE6 standard mode*/
 *font:x-small;
 /*Win IE 5-5.5､6 interchangeablity mode*/
	line-height:1.5;
	font-weight:normal;
	font-style:normal;
　　}

a:link { color: #963; text-decoration: none; }
a:visited { color: #963; text-decoration: none; }
a:hover { color: #e68; text-decoration: none; }
a:active { color: #e68; text-decoration: none; }




/* Html
==================== */
html {
    width: 100%;
    height: auto !important;
    height: 100%;
    min-width: 1000px;
    min-height: 100%;
    overflow-y: scroll;
    } 
	
#headBnr {
    width: 728px;
	margin:10px auto 5px;
    }

#bottomBnr {
    width: 728px;
	margin:10px auto 0;
    }

#container {
   width: 1120px;
   margin: 0 auto 25px auto;
   }

#container:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }   
	
   
/* Header
==================== */
header {
   width: 1120px;
   margin-bottom: 20px;
   }

#hNavi {
    width: 1070px;
	margin-bottom: 15px;
	padding: 4px 25px;
	font-size: 93%;
	line-height: 1.4;
	text-align: right;
	color:  #c77;
	background-color: #fdd;
    }
	
#hNavi a:link { color: #333; text-decoration: none; }
#hNavi a:visited { color: #333; text-decoration: none; }
#hNavi a:hover { color: #e56; text-decoration: none; }
#hNavi a:active { color: #e56; text-decoration: none; }

#headInner {
    width: 1070px;
	padding: 0 25px 10px 25px;
    }
#headInner:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }  
	
#headInner h1 {
	width: 279px;
	float: left;
    }

#headBnr {
    width: 728px;
	height: 90px;
    float: right;
    }

	
/*	gNavi 
-------------------------------------------------------*/
#gNavi {
	clear: both;
	width: 1070px;
	height: 35px;
	padding: 0 25px;
	
	/*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#78736f, endcolorstr=#5a5550));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#78736f, endcolorstr=#5a5550))";
    zoom: 1;
    background: -moz-linear-gradient(top,#78736f 0%,#78736f 50%,#5a5550 50%,#5a5550);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom,from(#78736f), color-stop(0.5,#78736f), color-stop(0.5,#5a5550),  to(#5a5550));/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #78736f, #5a5550);/* IE10+, W3C */
	z-index: 100;
   }
#gNavi:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
    }    
   
#gNavi ul  {
	width: 1070px;
	height: 35px;
    margin: 0 auto;
   }	   
   
#gNavi li {	
    text-align: center;	
    float: left;	
	
   }
   
#gNavi li a {
   width: auto;
   height: 35px;
   padding:0 20px;
	font-size: 100%;
   line-height: 35px;
   color: #fff; 
   display: block;
   border-left: 1px solid #888; 
   }

#gNavi li:last-child a {
	color: #fff; 
	border-right: 1px solid #888;
   }
   
#gNavi li a:hover,
#gNavi li a:active,
#gNavi li a.current {
	color: #fff;
	text-decoration: none;
	/*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ee7788, endcolorstr=#cc5566));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ee7788, endcolorstr=#cc5566))";
    zoom: 1;
    background: -moz-linear-gradient(top,#e78 0%,#e78 50%,#c56 50%,#c56);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom,from(#e78), color-stop(0.5,#e78), color-stop(0.5,#c56),  to(#c56));/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #ee7788, #cc5566);/* IE10+, W3C */
    } 
	
#gNavi li a.current { pointer: default; !important; }
	
#gNavi li ul {
    display: none;
	width:160px;
	border: none;
	z-index:300;
    }

#gNavi li:hover ul {
    display: block;
    position: absolute;
	border: none;
    }
	
#gNavi li ul li {
    margin: 0;
    float: none; 
	text-align:left;
	background-color: #fbb;
    }
	
#gNavi li ul li a { border: none;	 }
#gNavi li ul li:last-child a { border: none; }

#gNavi li ul li a:hover,
#gNavi li ul li a:active {
	color: #fff;
	text-decoration: none;
	background: #f9a;
    } 

.shadow {
    width: 1120px;
    height: 20px;
	margin-bottom: 10px;
	border-top: solid 1px #999;
	
	/*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#bbbbbb, endcolorstr=#ffffff));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#bbbbbb, endcolorstr=#ffffff))";
    zoom: 1;
    background: -moz-linear-gradient(top, #bbb, #fff);/* FF3.6+ */
    background: -webkit-linear-gradient(top, #bbb, #fff);/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #bbb, #fff);/* IE10+, W3C */
    }  
	
#contents {
    width: 1070px;
	margin: 0 auto;
    }
   
/* headArea
==================== */
#headArea {
    width: 1070px;
	height: 170px;
	background: url(../images/bg_head.gif) no-repeat 294px 24px;
    }
#headArea:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }  
	
#headArea h1 {
	width: 282px;
	height: 155px;
	float: left;
	display: inline;
    }

#headcopy {
	width: 580px;
	height: 54px;
	padding: 45px 0 0 30px;
	float: left;
    }

#headfukidashi {
	position: relative;
	width: 283px;
	height: 122px;
	padding: 40px 0 0 25px;
	font-size: 93%;
	line-height:1.5;
	float: left;
	background: url(../images/bg_fukidashi.png) no-repeat 0 0;
    }
	
/*	contents 
-------------------------------------------------------*/
/*	Top-Title 
-------------------------------------------------------*/
#top-title {
	position: relative;
	width: 1030px;
	height: 80px;
	padding: 10px 20px;
	font-size: 116%;
	line-height: 1.5;
	font-weight: bold;
	color: #fff;
	background-color:#e96380;
    } 
	 
/*	tophnavi 
-------------------------------------------------------*/
#topNavi {
	clear: both;
	width: 1020px;
	margin-bottom: 5px;
	padding: 2px 25px;
	text-align: center;
	background-color: #e96380;
   }
   
#topNavi ul { margin: 0 auto; }	   
   
#topNavi ul li { 
    width: 253px; 
	white-space: nowrap;
    float: left;	
   	border-right: solid 1px #f9a;
   }
#topNavi ul li.first {	
	border-left: solid 1px #f9a;
   } 
 
#topNavi ul li img {	
    padding-right: 10px ;
	vertical-align: middle;
   }
   
#topNavi ul li a {
    width: auto;
    height: 75px;
    margin: 3px;
    display: block;
   }
 
#topNavi ul li a dl dt { 
    padding: 6px 0 3px ;	
   }   
#topNavi ul li a dl dd {
    padding-right: 7px;
    font-size: 123.1%;
	line-height:1.4;
    font-weight: bold;
   color: #fff; 
   }
#topNavi ul li a dl dd.area {
	padding-right: 7px;
    font-size: 93%;
   	line-height:1.4;
   }   
   
#topNavi ul li a:hover,
#topNavi ul li a:active,
#topNavi ul li a.current {
	color: #fff;
	text-decoration: none;
	background-color: #f9a;
    } 


/*	CommonNavi 
-------------------------------------------------------*/
#top-title2 {
	margin-top:25px;
	font-size: 131%;
	line-height: 1.5;
	float: left;
    }
	
#top-topImage01 {
	position: absolute;
	width: 255px;
	height: 94px;
	top: 25px;
	right: 10px;
    }
	
#top-topLine {
	width: 1030px;
	background: url(../images01/border_top.gif) no-repeat 0 60px;
    }
	    
#tourTitle {
	height:76px;
	font-size: 34px;
	line-height: 1.5;
	font-weight: bold;
	background: url(../images/border_top.gif) no-repeat 0 55px;
   }	   
#topCopy {
	position: relative;
	margin-bottom: 15px;
	padding-left: 130px;
	font-size: 100%;
	line-height: 1.8;
	font-weight: bold;
   }
#topcopyImage {
	position:absolute;
	width: 121px;
	height: 106px;
	top: 0;
	left: 0;
	z-index:120;
   }	
      
#areaInfo {
	clear: both;
	position: relative;
	width: 940px;
	margin-bottom: 20px;
	padding: 12px 0 9px 130px;
	font-size: 108%;
	line-height: 1.5;
	background: url(../images/bg_area.gif) repeat 0 0;
   }	   

#areaInfo .bgPk {
	padding: 2px;
	color: #fff;
    background-color: #e96380;
   }
   
#areaInfo p { padding-top: 6px; }
   
#areaInfoBtn {
	position: absolute;
	top: 15px;
	right: 150px;

	border: 4px solid #fff;
	-moz-box-shadow: 1px 4px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 4px 1px rgba(000,000,000,0.3);
	
	filter: progid:DXImageTransform.Microsoft.Shadow(Color='#999999', Direction=180, Strength=5);
	
	padding: 5px 15px;
	font-size: 108%;
	line-height:1.2;
	color: #fff;
	white-space: nowrap;
   }

#areaInfoBtn img {
	padding-left: 10px;
	padding-bottom: 2px;
    }

a#areaInfoBtn { /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ee99aa, endcolorstr=#ee6688));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ee99aa, endcolorstr=#ee6688))";
    zoom: 1;
    background: -moz-linear-gradient(top,#ee99aa 0%,#ee6688);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ee99aa), to(#ee6688));/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #ee99aa, #ee6688);/* IE10+, W3C */
	color: #fff; text-decoration: none; }
a:visited#areaInfoBtn { color: #fff; text-decoration: none; }
a:hover#areaInfoBtn { color: #fff; text-decoration: none; }
a:active#areaInfoBtn { color: #fff; text-decoration: none; }
a:hover#areaInfoBtn  {	
	/*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ee6688, endcolorstr=#ee99aa));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ee6688, endcolorstr=#ee99aa))";
    zoom: 1;
	background: -moz-linear-gradient(top,#ee6688 0%,#ee99aa);
	background: -webkit-gradient(linear, left top, left bottom, from(#ee6688), to(#ee99aa));
	Safari5.1+ */
    background: linear-gradient(to bottom, #ee6688, #ee99aa);/* IE10+, W3C */
	color: #fff;
	text-decoration: none; 
    }
	
	
section { position:relative; }	
    
.detailBtn {
	border: 3px solid #fff;
	-moz-box-shadow: 1px 3px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 3px 1px rgba(000,000,000,0.3);
	
	filter: progid:DXImageTransform.Microsoft.Shadow(Color='#999999', Direction=180, Strength=5);
	
	width: 120px;
	margin-bottom: 7px;
	padding: 4px 10px;
	font-size: 100%;
	line-height: 1.2;	
	display: block;
    }

.detailBtn img {
	padding-left: 5px;
	padding-bottom: 2px;
    }

a.detailBtn { 
/*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffcc00, endcolorstr=#ff8822));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffcc00, endcolorstr=#ff8822))";
    zoom: 1;
    background: -moz-linear-gradient(top,#ffcc00 0%,#ff8822);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff8822));/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #ffcc00, #ff8822);/* IE10+, W3C */
	color: #640; text-decoration: none; }
a:visited.detailBtn { color: #640; text-decoration: none; }
a:hover.detailBtn { color: #640; text-decoration: none; }
a:active.detailBtn { color: #640; text-decoration: none; }
a:hover.detailBtn  {
	/*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff8822, endcolorstr=#ffcc00));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff8822, endcolorstr=#ffcc00))";
    zoom: 1;
	background: -moz-linear-gradient(top,#ff8822 0%,#ffcc00);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8822), to(#ffcc00));
	background: linear-gradient(to bottom, #ff8822, #ffcc00);/* IE10+, W3C */
	color: #640;
	text-decoration: none; 
    }
	

.talkBtn {
	/*IE6 IE7 */
	border: 3px solid #fff;
	-moz-box-shadow: 1px 3px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 3px 1px rgba(000,000,000,0.3);
	
	filter: progid:DXImageTransform.Microsoft.Shadow(Color='#999999', Direction=180, Strength=5);
	
	width: 120px;
	margin-bottom: 7px;
	padding: 4px 10px;
	font-size: 100%;
	line-height: 1.2;	
	display: block;
    }

.talkBtn img { padding: 0 0 2px 10px; }

a.talkBtn {  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ee99aa, endcolorstr=#ee6688));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ee99aa, endcolorstr=#ee6688))";
    zoom: 1;
    background: -moz-linear-gradient(top,#ee99aa 0%,#ee6688);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#ee99aa), to(#ee6688));/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #ee99aa, #ee6688);/* IE10+, W3C */
	color: #fff; text-decoration: none; }
a:visited.talkBtn { color: #fff; text-decoration: none; }
a:hover.talkBtn { color: #fff; text-decoration: none; }
a:active.talkBtn { color: #fff; text-decoration: none; }
a:hover.talkBtn  {
	/*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ee6688, endcolorstr=#ee99aa));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff8822, endcolorstr=#ee99aa))";
    zoom: 1;
	background: -moz-linear-gradient(top,#ee6688 0%,#ee99aa);
	background: -webkit-gradient(linear, left top, left bottom, from(#ee6688), to(#ee99aa));
	background: linear-gradient(to bottom, #ee6688, #ee99aa);/* IE10+, W3C */
	color: #fff;
	text-decoration: none; 
    }


/* footer
==================== */
footer {
    padding: 15px 0 0;
    background-color: #d5d3d0;	 
    }
   
#footerlinkArea {
    width: 1080px;
    margin: 0 auto;
	font-size: 100%;
	line-height: 1.4;
    }	
#footerlinkArea:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
　}

#footerlinkArea dl {
	margin-bottom: 10px;
	float: left;
    }	
#footerlinkArea dl.contents {
	padding-right: 200px;
	float :left;
    }		
	
#footerlinkArea dl dt {
    padding-right: 20px;
	color:  #888;
	float: left;
	clear: both; 
    }
		
#footerlinkArea dl dd {
	float: left;
    }	

#footerlinkArea dl dd ul {
	float: left;
    }	
#footerlinkArea dl dd ul li {
    margin:3px 0;
    padding-right: 30px;
    white-space: nowrap;	
    }	
	
#footerlinkArea dl dd ul li ul li {
	margin:3px 0;
    padding-left: 30px;
	white-space: nowrap;	
    }		

#footerlinkArea dl dd ul li a {
	color: #666;
    display:block;
    }	

#footerlinkArea dl dd ul li a:visited { color: #666; text-decoration: none; }
#footerlinkArea dl dd ul li a:hover { color: #e56; text-decoration: none; }
#footerlinkArea dl dd ul li a:active { color: #e56; text-decoration: none; }

#footerBottom {
	clear: both;
    width: 100%;
	padding: 10px 0 20px;
	background: #fff;
    }
.copyright {
	position:relative;
    width: 1120px;
    margin: 0 auto;
	font-size: 100%;
	line-height: 1.6;
	color: #999;
    }
	
.copyright a:link { color: #333; text-decoration: none; }
.copyright a:visited { color: #333; text-decoration: none; }
.copyright a:hover { color: #e56; text-decoration: none; }
.copyright a:active { color: #e56; text-decoration: none; }
	
.sbsLogo	{
	position: absolute;
	top: -5px;
	right: 24px;
	float: right;
    }

 /* toTop 
-------------------------------------------------------*/
#toTop {
	display: table-cell;
    position: fixed;
    bottom: 20px;
    right: 20px;
	padding: 5px;
    
	border-radius:32px; /* 記述無し */
    -moz-border-radius:32px; /* Firefox */
    -webkit-border-radius:32px; /* Google Chrome、Safari */
    -o-border-radius:27px; /* Opera */
    -ms-border-radius:27px; /* Internet Explorer */
    background-color: rgba(000,000,000,0.6);
	z-index: 100;
    }

#toTop a {
    width: 54px;
	height: 54px;  
	font-size: 77%;
	line-height: 2.1;
    color: #fff;
    text-align: center;
	vertical-align: middle;  
    display: block;
    border-radius: 32px;
    }
 
#toTop a:hover {
    text-decoration: none;
    background-color: rgba(000,000,000,0.5);
    }


/* Map
==================== */     
#subpage-headInner {
	position: relative;
    width: 1070px;
	height: 118px;
	margin-top: 10px;
	padding-bottom: 12px ;
	background: url(../images/bg_head_s.gif) no-repeat 210px 10px;
    }
#subpage-headInner:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }  
	
#subpage-headInner h1 {
	width: 216px;
	height: 118px;
	float: left;
	display: inline;
    }

#subpage-headcopy {
	width: 345px;
	height: 36px;
	padding: 40px 0 0 20px;
	float: left;
    }

/*	map-contents 
-------------------------------------------------------*/
#top-titleInner {
	position: relative;
	width: 1030px;
	height: 80px;
	margin-bottom: 30px;
	padding: 10px 20px;
	font-size: 116%;
	line-height: 1.5;
	font-weight: bold;
	color: #fff;
	background-color:#e96380;
    } 
	  
#map-titleTop {
	position: relative;
	width: 1030px;
	height: 80px;
	margin-bottom: 30px;
	padding: 10px 20px;
	font-size: 116%;
	line-height: 1.5;
	font-weight: bold;
	color: #fff;
	background-color:#e96380;
    } 
	 
#mapTitle {
	padding-right: 30px;
	font-size: 108%;
	line-height: 1.4;
	font-weight: bold;
	white-space: nowrap;
	float: left;
    } 
	
#mapTitle h1 {
	font-size: 182%;
	line-height: 1.5;
	font-weight: bold;
    }  	
	
#top-schedule {
	width:81px;
	height:81px;
	padding-right: 20px;
	top: 8px;
	left: 480px;
	float: left;
    }
	
#mapTitle2 {
	margin-top:25px;
	font-size: 131%;
	line-height: 1.5;
	white-space: nowrap;
	float: left;
    }
	
#top-topImage01 {
	position: absolute;
	width: 255px;
	height: 94px;
	top: 25px;
	right: 10px;
    }
	
#map-topLine {
	width: 1030px;
	margin: 20px auto 10px;
	height: 20px;
	background: url(../images/border_top.gif) no-repeat 0 0;
   }

#areaNavi-inner {
    width: 850px;
    margin: 5px auto;
    }

#areaNavi-inner h3 {
    width: 106px;
    height: 18px;
    margin-top: 16px;
    padding-right: 15px;
    float: left;
    }

/* areaNavi */
#areaNavi {
    display: block;
    width: 721px;
    height: 50px;
    float: left;
    }

#areaNavi li {
    float: left;
    width: 180px;
    height: 50px;
    }

#areaNavi li a {
    display: block;
    overflow: hidden;
    width: 180px;
    height: 50px;
    }

#areaNavi li.areaNavilast {
   float: left;
    width: 171px;
    height: 50px;
    }
#areaNavi li a.areaNavilast {
    display: block;
    overflow: hidden;
    width: 171px;
    height: 50px;
    }

#areaNavi li#areaNavi01 a img { margin-left: 0;}
#areaNavi li#areaNavi02 a img { margin-left: -180px;}
#areaNavi li#areaNavi03 a img { margin-left: -360px;}
#areaNavi li#areaNavi04 a img { margin-left: -540px;}
#areaNavi li a:hover img { margin-top: -50px; }

#areaNavi li#areaNavi01 img.current-page,
#areaNavi li#areaNavi02 img.current-page,
#areaNavi li#areaNavi03 img.current-page,
#areaNavi li#areaNavi04 img.current-page { margin-top: -50px; }

#iconDescription {
    width: 909px;
    margin: 5px auto 8px;
    padding: 8px 20px 6px 20px;
    border: solid 1px #e68;
    }
	
#iconDescription:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }  	

#iconDescription h3 {
    width: 85px;
    height: 14px;
    margin-top: 12px;
    padding-right: 25px;
    float: left;
    }

#iconDescription li {
    float: left;
    width: 130px;
    font-size: 100%;
    line-height: 1.2;
    text-align: left;
    color: #666;
    }

#iconDescription li img {
    vertical-align: middle;
    padding-right: 8px;
    }

#shisekiMap
    {
    width: 848px;
    height: 482px;
    margin: 8px auto 30px;
    padding: 0;
    border: solid 1px #999;
    }

/* mapData */ 
#mapData {
    width: 280px;
    padding: 5px 10px 10px 10px;
    text-align: left;
    }  

#mapData-title
    {
    width: 280px;
    margin: 5px 0;
    font-size: 100%;
    line-height: 1.2;
   font-weight: bold;
   } 
#mapData-title img {
    vertical-align: middle;
    padding-right: 3px;
    }

.mapData-next {
   font-size: 85%;
    line-height: 1.2;
   font-weight: normal;
   }

#mapData-pic {
    width: 65px;
    padding-right: 10px;
    float: left;
    } 

#mapData-add {
    width: 205px;
    font-size: 93%;
    line-height: 1.4;
    float: left;
    } 

#mapData-text
    {
    clear: both;
    width: 280px;
    padding-top: 5px;
    font-size: 85%;
    line-height: 1.4;
    color: #666;
    } 

#jyoshitabiSlider {
    width: 934px;
    margin: 20px auto;
    padding: 15px 8px 25px 8px;
    background-color: #ffedf1;
    }
	
#jyoshitabiSlider:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }  	

#shisekiSlider h3 {
    width: 920px;
    margin-bottom: 10px;
    background-color: #deb;
    }

.picupNavi {
    width: 30px;
    height: 46px;
    padding: 60px 16px 0 16px;
    float:left;
    }

#shisekiSlider ul li {
    width: 146px;
    padding-right: 20px;
    text-align: left;
    float:left;
    }

#jyoshitabiSlider ul li.last {
    width: 146px;
    padding-right: 0;
    float:left;
    }

#jyoshitabiSlider dl p,
#jyoshitabiSlider ul li.last dl p {
    width: 140px;
    height: 112px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    }

#jyoshitabiSlider dt,
#jyoshitabiSlider ul li.last dt {
    margin:5px 0 3px 0;
    font-size: 100%;
    line-height: 1.2;
    }

#jyoshitabiSlider dt img,
#jyoshitabiSlider ul li.last dt img {
    border: none;
    padding-right: 3px;
    vertical-align: middle;
    }

#jyoshitabiSlider dd,
#jyoshitabiSlider ul li.last dd {
    font-size: 93%;
    line-height: 1.2;
    }

/* tabiGirl */
#tabiGirl {
	float: right;
	width: 380px;
	padding:5px 0 5px 0;
	font-size: 100%;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	
	-webkit-background-size: 30px 30px;
   -moz-background-size: 30px 30px;
    background-size: 30px 30px;
    background-color: #ff8899;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0,
                        color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)),
                        color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent),
                        to(transparent)),
                  -webkit-gradient(linear, 0 0, 100% 100%,
                        color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)),
                        color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent),
                        to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent),
                  -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent),
                  -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent),
                  -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent),
                  -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent),
                  linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%,
                    transparent 75%, transparent);
    behavior: url(http://www.at-s.com/girls/trip/PIE-1/PIE.htc);
   }	
   
#tabiGirl h3 {
	margin-bottom: 1px;
	border: none;
    }   

#tabiGirlImg {
	width: 299px;
	height: 192px;
	border: solid 2px #fff;
	margin: 0 auto 4px auto;
	padding: 0px;
    }
	
#tabiGirlImg img {
	margin: 0px;
    }

.tabigirlBtn {
	-moz-box-shadow: 1px 3px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 3px 1px rgba(000,000,000,0.3);
	
	filter: progid:DXImageTransform.Microsoft.Shadow(Color='#999999', Direction=180, Strength=5);
	
	width: 220px;
	margin: 5px auto  4px;
	padding: 4px 10px;
	font-size: 100%;
	line-height: 1.2;	
	display: block;
    }

.tabigirlBtn img {
	padding-left: 5px;
	padding-bottom: 2px;
    }

a.tabigirlBtn { 
/*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#774400, endcolorstr=#663300));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#774400, endcolorstr=#663300))";
    zoom: 1;
    background: -moz-linear-gradient(top,#774400 0%,#663300);/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#774400), to(#663300));/* Chrome10+, Safari5.1+ */
    background: linear-gradient(to bottom, #774400, #663300);/* IE10+, W3C */
	color: #fff; text-decoration: none; }
a:visited.tabigirlBtn { color: #fff; text-decoration: none; }
a:hover.tabigirlBtn { color: #fff; text-decoration: none; }
a:active.tabigirlBtn { color: #fff; text-decoration: none; }
a:hover.tabigirlBtn  {
	/*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#663300, endcolorstr=#774400));
    /* IE8 IE9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#663300, endcolorstr=#774400))";
    zoom: 1;
	background: -moz-linear-gradient(top,#663300 0%,#774400);
	background: -webkit-gradient(linear, left top, left bottom, from(#663300), to(#774400));
	background: linear-gradient(to bottom, #663300, #774400);/* IE10+, W3C */
	color: #fff;
	text-decoration: none; 
    }


/* gift */
#gift {
	position: relative;
	width: 1030px;
	margin-bottom: 30px;
	padding:7px 20px 20px;
	
	-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-color: #99cccc;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
                        color-stop(.25, rgba(255, 255, 255, 0.2)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.2)),
                        color-stop(.75, rgba(255, 255, 255, 0.2)), color-stop(.75, transparent),
                        to(transparent)),
                  -webkit-gradient(linear, 0 0, 100% 100%,
                        color-stop(.25, rgba(255, 255, 255, 0.2)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.2)),
                        color-stop(.75, rgba(255, 255, 255, 0.2)), color-stop(.75, transparent),
                        to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
    behavior: url(http://www.at-s.com/girls/trip/PIE-1/PIE.htc);
   }	
   
   
#gift h3 {
	position: absolute;
	top: -10px;
	left: 30px;
    }   

#giftInner {
	width: 1000px;
	margin: 65px 0 20px;
	padding: 15px 0 20px 25px;
	background: #fff;
	 }	 
	
ul.giftList  {
    }
ul.giftList:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }
	 
ul.giftList li {
	float: left;
	width: 500px;
    }
ul.giftList li dt {
	float: left;
    }	
	
ul.giftList li dd {
	margin-left: 200px;
	padding-right: 20px;
	font-size: 100%;
	line-height: 1.6;
    }
	
ul.giftList li dd.name {
	margin-bottom: 5px;
	font-size: 108%;
	line-height: 1.4;
	font-weight: bold;
    }	
	
#giftData {
	position: relative;
	clear: both;
	width: 970px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #9cc;
    }
#giftData:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }
		
#giftDataLeft {
	width: 470px;
	float: left;
    }	
	
#giftDataLeft h4 {
	padding-bottom: 10px;
	font-size: 123.1%;
	line-height: 1.4;
	font-weight: bold;
	display: inline;
    }	
#giftDataLeft h4 .name {
	margin-right: 5px;
	padding: 2px 5px;
	font-size: 85%;
	line-height:1.4;
	font-weight: normal;
	background:#9cc;
	display: inline;
    }		
#giftDataLeft p {
	margin-top: 5px;
    }		
		
#giftDataRight {
	width: 470px;
	float: right;
    }
	
#giftImage {
	position: absolute;
	top: 30px;
	right: 30px;
    }  	
	
/* spot */
#spot {
	position: relative;
	width: 1030px;
	margin-bottom: 30px;
	padding:7px 20px 20px;
	
	-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-color: #ffbbbb;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
                        color-stop(.25, rgba(255, 255, 255, 0.2)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.2)),
                        color-stop(.75, rgba(255, 255, 255, 0.2)), color-stop(.75, transparent),
                        to(transparent)),
                  -webkit-gradient(linear, 0 0, 100% 100%,
                        color-stop(.25, rgba(255, 255, 255, 0.2)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.2)),
                        color-stop(.75, rgba(255, 255, 255, 0.2)), color-stop(.75, transparent),
                        to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent),
                  linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%,
                    transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%,
                    transparent 75%, transparent);
    behavior: url(http://www.at-s.com/girls/trip/PIE-1/PIE.htc);
   }	
   
   
#spot h3 {
	position: absolute;
	top: -3px;
	left: 30px;
    }   

#spotInner {
	width: 1000px;
	margin: 65px 0 20px;
	padding: 15px 0 20px 25px;
	background: #fff;
	 }	 
	
ul.spotList  {
    }
ul.spotList:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    }
	 
ul.spotList li {
	float: left;
	width: 500px;
    }
ul.spotList li dt {
	position: relative;
	float: left;
    }	
	
ul.spotList li dd {
	margin: 0 0 5px 200px ;
	padding-right: 20px;
	font-size: 100%;
	line-height: 1.6;
    }
	
ul.spotList li dd.name {
	
	font-size: 108%;
	line-height: 1.4;
	font-weight: bold;
    }	
	
/* subpageNavi  */
ul#subpageNavi 
    {
    list-style: none;
	margin: -15px 0 20px;
    font-size:108%;
    line-height:1.6;
    font-weight: bold;
	border-left: solid 1px #ccc;
    }
	
ul#subpageNavi li
    {
    display: inline; 
    float: left;
	width: auto;
	padding:0 10px;	
	border-right: solid 1px #ccc;
    }
	
ul#subpageNavi li.current { color: #e68; text-decoration: none; }





.fLeft { float: left;}
.fRight { float: right;}

.tC { text-align: center;}
.tR { text-align: right;}
.fN { font-weight: normal}	

/* !Base Fonts -------------------------------------------------------------- */

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  77%;}/* base 13px -> 10px */
.fzS   { font-size:  85%;}/* base 13px -> 11px */
.fzMS   { font-size: 93%;}/* base 13px -> 12px */
.fzM   { font-size: 100%;}
.fzML   { font-size:108%;}/* base 13px -> 14px */
.fzL   { font-size: 116%;}/* base 13px -> 15px */
.fzLL  { font-size: 123.1%;}/* base 13px -> 16px */
.fzLLL { font-size: 138.5%;}/* base 13px -> 18px */
sup   { font-size: 77%; vertical-align: top;}
sub   { font-size: 77%; vertical-align: baseline;}

/* !Width ------------------------------------------------------------------- */
.w640	{ width: 640px;}
.w530	{ width: 530px;}
.w480	{ width: 480px;}
.w320	{ width: 320px;}
.w270	{ width: 270px;}
.w160	{ width: 160px;}
.w80	{ width: 80px;}
.w60	{ width: 60px;}


/* !height ------------------------------------------------------------------- */
.h640	{ height: 640px;}
.h480	{ height: 480px;}
.h320	{ height: 320px;}
.h220	{ height: 220px;}

/* !margin-top ---------------------------------------------------------------- */
.mt00 { margin-top: 0   !important;}
.mt03 { margin-top: 3px !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:25px !important;}
.mt80 { margin-top:80px !important;}

/* !margin-bottom ---------------------------------------------------------------- */
.mb00 { margin-bottom: 0   !important;}
.mb03 { margin-bottom: 3px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}

/* !margin-right ---------------------------------------------------------------- */
.mr-03 { margin-right: -3px !important;}
.mr03 { margin-right: 05px !important;}

/* !padding-top ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt03 { padding-top: 3px !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:15px !important;}

/* !padding-bottom ---------------------------------------------------------------- */
.pb00 { padding-bottom: 0   !important;}
.pb03 { padding-bottom: 3px !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}

.pb100 { padding-bottom:100px !important;}
.pb200 { padding-bottom:200px !important;}
.pb300 { padding-bottom:300px !important;}


/* !padding-left
---------------------------------------------------------------- */
.pl00 { padding-left: 0   !important;}
.pl10 { padding-left:10px !important;}
.pl20 { padding-left:20px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl75 { padding-left:75px !important;}
	
/*** clear for float area ***/

.clear
	{
	clear: both;
	height: 1px;
	font-size: 1px;
	}
	  
/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
    }
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
    }
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
    }