/*-----------------------------------------------*/
/*                     top                       */
/*-----------------------------------------------*/


#path {
	padding:25px 5px 20px;
	text-align:left;
	width:770px;
	font-size:11px;
}
#path p {
	letter-spacing:0px;
}
#path .homeIcon {
	background:url(../images/bg_path.gif) no-repeat 0 1px;
	padding-left:18px;
}
.frame {
	border:1px solid #dfdede;
	overflow:hidden;
	margin:0 0 40px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:15px 20px;
}
.frame p {
	margin-bottom:10px;
}
.box {
	overflow:hidden;
	margin:0 10px 40px;
}
.box p {
	overflow:hidden;
	margin-bottom:5px;
}
.tnavi {
	margin:-5px 3px 25px;
	border-left:1px solid #dfdede;
	overflow:hidden;
}
.tnavi li {
	float:left;
	padding:0 15px;
	border-right:1px solid #dfdede;
	font-size:11px;
}
.conversion {
	margin-bottom:45px;
	overflow:hidden;
}
.conversion .rightLink {
	margin-top:-37px;
	font-size:11px;
}
.registBtn {
	width:150px;
}
.registBtn a {
	background:#77b9ca;
	color:#FFFFFF;
	padding:9px 0 7px;
	font-weight:bold;
	text-shadow: 0 1px 0 #023263;
	font-size:14px;
	display:block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	text-align:center;
	text-decoration:none;
}
.registBtn a:hover {
	background:#459ab0;
	text-shadow: 0 1px 0 #023263;
}
#mainContents h2 {
	border-top:1px dotted #dfdede;
	border-bottom:2px solid #dfdede;
	padding:10px 10px 10px 35px;
	font-size:15px;
	font-weight:bold;
	margin-bottom:15px;
	position:relative;
}
#mainContents h2 span {
	font-size:11px;
	font-weight:normal;
	margin-left:10px;
}
#mainContents h2 .date {
	font-size:11px;
	font-weight:normal;
	margin:0;
	color:#756f6e;
}
#mainContents h2 a {
	position:absolute;
	right:10px;
	top:10px;
	font-weight:normal;
	font-size:11px;
	color:#756f6e;
	border-left:1px solid #dfdede;
	padding-left:10px;
	line-height:22px;
}
#mainContents h2 a:hover {
	color:#3b5998;
}
h2.h2fFeatureList {
	background:url(../images/bg_featurelist.gif) no-repeat 5px center;
}
h2.h2fInfoList {
	background:url(../images/bg_info.gif) no-repeat 5px center;
}
h2.h2PortMap {
	background:url(../images/bg_portmap.gif) no-repeat 5px center;
}
h2.h2Counter {
	background:url(../images/bg_counter.gif) no-repeat 5px center;
}
h2.h2Whatiscs {
	background:url(../images/bg_whatiscs.gif) no-repeat 5px center;
}
h2.h2Howtouse {
	background:url(../images/bg_howtouse.gif) no-repeat 5px center;
}
h2.h2Howtoregist {
	background:url(../images/bg_howtoregist.gif) no-repeat 5px center;
}
h2.h2Timeandprice {
	background:url(../images/bg_timeandprice.gif) no-repeat 5px center;
}
h2.h2Feature {
	background:url(../images/bg_feature.gif) no-repeat 5px center;
}
h2.h2Cycle_rd {
	background:url(../images/bg_cycle_rd.gif) no-repeat 5px center;
}
h2.h2Cycle_spot {
	background:url(../images/bg_cycle_spot.gif) no-repeat 5px center;
}
h2.h2Qa {
	background:url(../images/bg_qa.gif) no-repeat 5px center;
}
h2.h2Information {
	background:url(../images/bg_information.gif) no-repeat 5px center;
}
h2.h2Manner {
	background:url(../images/bg_manner.gif) no-repeat 5px center;
}
h2.h2Term {
	background:url(../images/bg_term.gif) no-repeat 5px center;
}
h2.h2Provision {
	background:url(../images/bg_provision.gif) no-repeat 5px center;
}
h2.h2Sitemap {
	background:url(../images/bg_sitemap.gif) no-repeat 5px center;
}
h2.h2Movie {
	background:url(../images/bg_movie.gif) no-repeat 5px center;
}
h3.h3dec {
	border-bottom:1px dotted #dfdede;
	margin-bottom:15px;
	font-size:14px;
	font-weight:bold;
	background:#f4f1f1;
	line-height:35px;
	height:33px;
}
h3.h3Cycle_rd {
	background:url(../images/bg_cycle_rd.png) no-repeat 5px center #f4f1f1;
	padding-left:35px !important;
}
h3.h3Cycle_spot {
	background:url(../images/bg_cycle_spot.png) no-repeat 5px center #f4f1f1;
	padding-left:35px !important;
}
h3.h3Cycle_date {
	background:url(../images/bg_cycle_date.gif) no-repeat 5px center #FFFFFF;
	padding-left:35px !important;
}
h3.h3Cycle_route {
	background:url(../images/bg_cycle_route.gif) no-repeat 5px center #FFFFFF;
	padding-left:35px !important;
}
h3.h3Circle {
	background:url(../images/bg_circle.png) no-repeat 10px center #f4f1f1;
	padding-left:25px !important;
}
h4.h4dec {
	font-size:14px;
	font-weight:bold;
	background:url(../images/bg_icon01.gif) no-repeat 0 5px;
	height:23px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 15px;
}
/* /feature/ */

#featureArea {
	background:url(../images/bg_feature.jpg) no-repeat 0 0;
}
#recommend dt {
	float:left;
	width:270px;
	position:relative;
}
#recommend dt #recTitle {
	position:absolute;
	z-index:100;
}
#recommend dt #recImage {
	border:3px solid #dbdbdb;
}
#recommend dd {
	float:right;
	width:300px;
}
#recommend dd #recDate {
	font-size:10px;
	color:#756f6e;
	line-height:13px;
	margin-bottom:10px;
}
#recommend dd #recTitle {
	font-size:14px;
	font-weight:bold;
}
#pickUp {
	padding:0 4px;
}
#pickUp .col {
	width:285px;
	background:#FFFFFF;
}
#pickUp .col dl {
	padding:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #dfdede;
	overflow:hidden;
}
#pickUp .col dt {
	float:left;
	width:100px;
}
#pickUp .col dt img {
	width:90px;
}
#pickUp .col dd p {
	overflow:hidden;
}
/* /feature/~ */
	
#cycleListArea {
	background:url(../images/bg_cycle_rd.jpg) no-repeat 0 0;
}
#spot1ListArea {
	background:url(../images/bg_cycle_spot01.jpg) no-repeat 0 0;
}
#spot2ListArea {
	background:url(../images/bg_cycle_spot02.jpg) no-repeat 0 0;
}
.cycleListMain {
	height:200px;
	width:590px;
	position:relative;
}
.cycleListMain h3 {
	position:absolute;
}
.cycleList {
	overflow:hidden;
}
.cycleDoc {
	border:1px solid #dfdede;
	overflow:hidden;
	margin:0 5px 10px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding:14px;
	width:255px;
	float:left;
	background:#FFFFFF;
}
.cycleDoc .cycleTitle strong {
	font-size:14px;
}

.cycleDoc .cycyleImage img{
	width:255px;
}
.cycleDoc div {
	margin-bottom:5px;
}
.cycleDoc dt {
	font-size:10px;
	line-height:120%;
	float:left;
}
.cycleDoc dd {
	float:right;
}
.cycleDoc dd a {
	background:#f4f1f1;
	padding:5px 0 4px;
	width:85px;
	border:1px solid #dfdede;
	display:block;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:11px;
	text-decoration:none;
}
.cycleDoc dd a:hover {
	background:#c4b9b8;
	color:#FFFFFF;
}
/* /feature/~/~ */

.w220 {
	width:220px;
}
.w220 img {
	width:220px;
	margin-bottom:5px;
}
.w245 {
	width:245px;
}
.w260 {
	width:260px;
}
.w260 img {
	width:260px;
	margin-bottom:5px;
}
#routeArea {
	background:url(../images/bg_course.gif) repeat-y 35px 0;
	margin:0 5px 30px;
	overflow:hidden;
}
#routeArea .spotA {
	background:#fcfcfc;
	padding:20px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	overflow:hidden;
}
#routeArea .spotB {
	background:#fcfcfc;
	padding:15px;
	margin-left:90px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #dfdede;
	overflow:hidden;
}
#routeArea .spotC {
	background:#FFFFFF;
	padding:20px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #dfdede;
	overflow:hidden;
}
#routeArea .spotD {
	background:#fcfcfc;
	padding:15px;
	margin-left:90px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #dfdede;
	overflow:hidden;
}
#routeArea .time {
	margin:20px 20px;
	height:58px;
	width:58px;
	background:url(../images/bg_routetime.png) no-repeat 0 0;
	color:#FFFFFF;
	line-height:68px;
	text-align:center;
	font-size:11px;
}
#routeArea .time strong {
	font-weight:bold;
	font-size:20px;
}

#routeArea .walk {
	padding:5px 70px;
	background:url(../images/bg_walk.gif) repeat-y 35px 10px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
}

#routeArea .walk p{
	padding:10px;
}

#routeArea .spotA .thumb, #routeArea .spotC .thumb {
	float:left;
	margin-right:15px;
	width:210px;
}
#routeArea .spotB .thumb, #routeArea .spotD .thumb {
	float:right;
	margin-left:10px;
	width:210px;
}
#routeArea div h4 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	overflow:hidden;
	min-height:43px;
	padding:0 5px 5px 42px;
}

#routeArea div h4 img{
	float:left;
	margin:0 5px 0 -10px;
	vertical-align:baseline;
}
#routeArea .spotA h4 {
	background:url(../images/port.png) no-repeat 0 0;
}
#routeArea .spotB h4 {
	background:url(../images/drop.png) no-repeat 0 0;
}
#routeArea .spotC h4 {
	background:url(../images/spot.png) no-repeat 0 0;
}

#routeArea .spotD h4 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	overflow:hidden;
	padding:10px 0;
}

/*
#routeArea .spotD h4 {
	background:url(../images/encounter.png) no-repeat 0 0;
}
*/
#routeArea div p {
	overflow:hidden;
}
#routeArea .spotC .address {
	padding:15px;
	background:#f4f1f1;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

#routeArea .spotB .address {
	padding:15px;
	background:#FFFFFF;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

#routeArea .address h5 {
	font-weight:bold;
}
/* /howtoregist/ */

#vFlow {
	margin:0 10px 0;
	overflow:hidden;
}
#vFlow dl {
	background:url(../images/bg_vflow.gif) no-repeat bottom center;
	overflow:hidden;
	padding-bottom:15px;
	margin-bottom:10px;
}
#vFlow dt {
	padding-bottom:5px;
	font-weight:bold;
}
#vFlow dd {
}
#vFlow dd img {
	float:left;
	margin-right:10px;
}
/* /whatiscs/ */


#flow {
	width:690px;
	margin:0 5px 30px;
	overflow:hidden;
}
#flow dl {
	width:180px;
	padding-right:20px;
	float:left;
	background:url(../images/bg_flow.gif) no-repeat 185px 125px;
}
#flow dt {
	width:180px;
	padding-bottom:5px;
	font-weight:bold;
	text-align:center;
}
#flow dd {
	font-size:12px;
}
.bicycleBox {
	position:relative;
	width:590px;
	height:430px;
	overflow:hidden;
}
.bicycleBox div {
	position:absolute;
}
.bicycleBox .point01 {
	left:205px;
	top:105px;
}
.bicycleBox .point02 {
	left:170px;
	top:175px;
}
.bicycleBox .point03 {
	left:225px;
	top:225px;
}
.bicycleBox .point04 {
	left:340px;
	top:230px;
}
.bicycleBox .point05 {
	right:180px;
	top:60px;
}
.bicycleBox .point06 {
	right:90px;
	top:115px;
}
.bicycleBox .point07 {
	right:75px;
	top:170px;
}
#screenshot {
	position: absolute;
	background:none;
	padding: 0;
	display: none;
}
#screenshot img {
	-webkit-box-shadow: 0 2px 3px #c0bdbc;
	-moz-box-shadow: 0 2px 3px #c0bdbc;
	box-shadow: 0 2px 3px #c0bdbc;
	border:3px solid #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#table {
	width:558px;
	margin:0 10px 30px;
}
/* IE8 */
#table {
	width:556px\9;
}
/* IE9 */
#table:not(:target) {
 width:556px\9;
}
#table2 {
	margin:0 10px 5px;
}
/* IE8 */
#table2 {
	width:556px\9;
}
/* IE9 */
#table2:not(:target) {
 width:556px\9;
}
th, td {
	padding:5px 7px;
	border:1px solid #dbdbdb;
	text-align:center;
	font-size:11px;
}
th {
	text-align:left;
	background:#f4f1f1;
}
th span {
	white-space: nowrap;
}
th.bg {
	background:#e9e9e9;
}
.table3 {
	margin:5px 0;
}
.table3 .thead {
	text-align:center;
	font-size:14px;
}
.table3 th {
	text-align:center;
}
#table2 td {
	text-align:left;
}
th, td {
	padding:5px 7px;
	border:1px solid #dbdbdb;
	text-align:center;
	font-size:11px;
}
th {
	text-align:left;
	background:#f4f1f1;
}
th span {
	white-space: nowrap;
}
th.bg {
	background:#e9e9e9;
}

td.campaign {
	background:#c5e0fc;
	color:#18336d;
}
#table2 th {
	width:120px;
}
#table2 td {
	text-align:left;
}
/* /portmap/ */

#mainContents #portmapSec {
	margin-bottom:20px;
	overflow:hidden;
}
#mainContents #portmapSec #map {
	border:3px solid #dfdede;
}
/* /information/ */

#mainContents #infoSec {
	overflow:hidden;
	margin-bottom:30px;
}
#mainContents #infoSec h2 {
	background:url(../images/bg_info.gif) no-repeat 4px 9px;
}
#mainContents #infoSec dl {
	overflow:hidden;
	border-bottom:1px dotted #dfdede;
}
#mainContents #infoSec dt {
	float:left;
	width:70px;
	padding:10px;
}
#mainContents #infoSec dd {
	float:right;
	width:465px;
	padding:10px;
}
/* /information/date/ */


#mainContents #infoDetailSec h2 {
	padding:10px;
}
#mainContents #infoDetailSec .detail {
	padding:10px 15px 20px;
	margin-bottom:5px;
	border-bottom:1px dotted #dfdede;
}
#mainContents #infoDetailSec .detail p {
	margin-bottom:15px;
}
/* /qa/ */

.anchorLink li {
	background:url(../images/bg_icon02.gif) no-repeat 0 3px;
	height:15px;
	margin:0 10px 5px;
	padding-left:14px;
}
#boxQa dl {
	margin:0 10px 45px;
}
#boxQa dl dt {
	font-weight:bold;
	margin-bottom:5px;
	background:url(../images/bg_q.gif) no-repeat 0 2px;
	padding-left:15px;
	min-height:20px;
}
#boxQa dl dd {
	border-left:2px solid #dfdede;
	padding-left:15px;
	margin-left:5px;
}
#boxQa dl dd p {
	margin-bottom:5px;
}
#boxQa .rightLink {
	padding-top:10px;
}
#boxQuestion {
	margin:0 10px 20px;
}
#boxQuestion h3 {
	font-weight:bold;
	margin-bottom:5px;
	background:url(../images/bg_q.gif) no-repeat 0 2px;
	padding-left:15px;
	height:20px;
}
.txtIndent p {
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:15px;
}
/* /sitemap/ */
.sitemap {
	overflow:hidden;
	margin-bottom:25px;
}
.sitemap ul {
	float:left;
	margin:0 35px 0 0;
}
.sitemap ul li {
	margin:0 0 5px 13px;
	font-size:11px;
}
.sitemap ul li.mark {
	background:url(../images/arrow01.png) no-repeat 0 5px;
	padding-left:9px;
	margin:10px 0 5px;
	font-size:12px;
}
/* 地図表示用css */
#mainContents #coursemap {
	border:3px solid #dfdede;
	margin: 0px;
	padding: 0px;
	width: 584px;
	height: 400px;
}