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

/* スマホ用（640px　以下）*/

/*  共通　　　*/

*{
	margin:0;
	padding:0;	
}
	
img{
	border:none;
}
	
body {
	/*background-color:#FFE8FB;*/
	background: #FFF;
}
.sen{
	width: 90%;
	border: 1px dashed #B6B6B6;
	margin: 30px auto;
}
main a:link {
	text-decoration: none;
	color:#3008D4;
}
main a:visited {
	text-decoration: none;
	color:#3008D4;
}

main a:hover {
	text-decoration: none;
	color:#558FF7;
}

main a:active {
	text-decoration: none;
}

/*　上に戻るボタンマーク　*/
a.gototop{
	background:#90BE59;
	bottom:2%;
	color: #FFF;
	display:none;
	font-size:2rem;
	height: 3rem;
	line-height: 3.8rem;
	position: fixed;
	right: 2%;
	text-align: center;
	text-decoration: none;
	width: 3rem;
	}

/* スマホ用（640px　以下）*/

#container {
	background-color:#FFF;
	width: 100%;
	margin:0 auto;
	height:auto;
}

/*　ヘッダー　*/
/* header */
header {
	background: linear-gradient(to bottom,#FCE2F2 0%, #FFF 99%);
	/*background-color:#FCE2F2;*/
}
/*会社ロゴ・会社名・会社コンセプト　始まり*/
#headerBanner{
	overflow: hidden;
	background: #FFF;
}
/*　クロスロード　ロゴ　*/
.companyLogo {
	display: table-cell;
	float: left;
	vertical-align:baseline;
	margin-top: 5px;
}
/*　クロスロードツアーズ　*/
.companyName{
	display: table-cell;
	float: left;
	vertical-align: baseline;
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

/* 旅は記憶の財産　*/
.companyPolicy{
	display: none;
	/*display: table-cell;
	float: right;
	vertical-align: middle;
	font-size: 25px;
	color: #8E066B;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	padding: 5px;
	margin-right: 80px;*/
	}

/* headerContent*/
/* これがプリンスエドワード島 　*/
#headerContent .topTitle{
	font-family:"ＭＳ Ｐゴシック";
	font-size:1.4em;
	line-height:1.2em; 
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	background: #879306;
	padding:15px;
	text-align:center;
	text-decoration:none;
}

#headerContent .topTitle a{
	text-decoration: none;
	color: #FFF;
}
/* シャーロットタウン・キャベンディッシュ・赤毛のアンとモンゴメリ　*/
#topText h2{
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		font-size: 1.1em;
	   line-height: 1.3em;
		font-weight: bold;
		color:#454203;
	    background:#F3F8E3;
		border-bottom: solid 1px #990033;
	    padding: 10px;
}
/*　グローバルナビゲーション　*/
nav#navigation{
	width: 90%;
	height: auto;
	margin: 0 auto 20px;
	overflow: hidden;
}
nav#navigation ul.navi{
	width: 100%;
}
nav#navigation ul.navi li{
	/*float: left;*/
	width: 90%;
	padding: 10px 0 10px;
	border-left: 1px solid #AFAFAF;
	text-align: center;
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 99%);
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	margin: 0 auto;
}
nav#navigation ul.navi li{
	/*float: left;*/
	width: 90%;
	border-right: 1px solid #707070;
}
nav#navigation ul.navi li a{
	text-decoration: none;
	color:#5B5B5B;
	display: block;
}
nav#navigation ul.navi li a:hover{
	color: #D8D8D8;
}nav#navigation ul li.current{
	border-bottom: 2px solid #068B4F;
	background: linear-gradient(to bottom, #ffffff 0%,#F9F9F9 99%);
}
/* グローバルナビゲーション終わり　*/

	/*  フッターエリア　　*/
#footer  {
	height:auto;
	margin: 10px auto 0;
	background: #FFF;
}

	/*  予約・問い合わせボタン　*/
/*　新ボタン　*/
section.ask{
	width: 80%;
	height: auto;
	margin:0 auto 30px;
} 

section.ask .book{
	font-size: 1.2em;
	font-weight: bold;
	color: #B00DAA;
	background: #FFF;
	border: solid 3px #D084F1;
	padding: 5px 10px;
	text-align: center;
	border-radius: 15px;
}
section.ask .book a:link {
	text-decoration: none;
	color: #5F0456;
}
section.ask .book a:visited {
	text-decoration: none;
	color: #5F0456;
	}
section.ask .book a:hover {
	/*text-decoration:none;*/
	display: block;
	color:#FFF;
	background:#F7E5EF;
	padding-left: 10px;
	padding-right: 10px;	
}
section.ask .book a:active {
	text-decoration: none;
	color: #6777F1;
}

/*ページトップへ戻るボタン　*/
.ask .gotoTop  {
	width: 60%;
	font-size: 0.8em;
	margin:20px auto 15px;
	padding: 5px;
	color: #B00DAA;
	background: #FFF;
	border: solid 2px #D084F1;
	border-radius: 15px;
	text-align: center;
	}

.ask .gotoTop a{
	text-decoration: none;
	color: #B00DAA;
}
.ask .gotoTop a:hover{
	color: #F4D3E7;
}
/* クロスロード　コンタクト　*/
	/*　会社TEL FAX*/
#contact{
	/*overflow: hidden;*/
	width: 100%;
	margin: 0 auto 20px;
	/*background: #FFF;*/
	border: dashed 1px #E1A3F5;
	background: #E9E9E9;
	box-sizing: border-box;
}
/*　連絡先　*/
.kikaku2    {
	/*float: right;*/
	list-style:none;
	list-style-position:inside;
	margin: 30px 0;
	line-height:20px;
	padding: 10px;
	text-align: center;
	
	}
/*　電話　FAX番号　*/	
.tel2   {
	font-size:20px;
	font-weight:bold;
	line-height:33px;
	color:#009;
	padding-left: 10px;
	}
/*予約センター　*/	
.yoyaku  {
	font-size:12px;
	}
/* 会社住所　登録情報　*/
address{
	font-size: 14px;
	margin: 30px auto;
	line-height: 22px;
	font-style: normal;
	padding-left: 20px;
}

/* フッター　リンク集　*/
#link   {
	width:95%;
	height:auto;
	font-size:12px;
	margin:0 auto;
	padding: 10px;
	overflow: hidden;
	}
#footerbanner  {
	margin-top:5px;
	padding: 20px;
	background: #879306;
}

.copy  {
	font-size:12px;
	font-style:italic;
	color:#FFF;
	/*padding-top:15px;*/
	text-align: center;
	}