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

/* 640px 以下　　スマホ用　*/
*{
	margin:0;
	padding:0;	
}
	
img{
	border:none;
}
	
body {
	/*background-color:#FFE8FB;*/
	background: #FFF;
}


/*　上に戻るボタンマーク　*/
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;
}
main a:link,footer a:link {
	text-decoration: none;
	color:#030;
}

main a:visited,footer a:visited {
	text-decoration: none;
	color:#030;
}

main a:hover,footer a:hover {
	text-decoration: none;
	color: #0FF;
}

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

/*　ヘッダー　*/
/* 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;
	width: 30%;
	margin-top: 5px;
}
/*　クロスロードツアーズ　*/
.companyName{
	display: table-cell;
	float: right;
	vertical-align: baseline;
	margin-top: 5px;
	margin-right: 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: 20px;
	color: #8E066B;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	padding: 5px;
	text-align: center;
	/*margin-right: 80px;*/
	}

/* headerContent */
#headerContent {
	width: 100%;
	overflow: hidden;
}
#sacli_Logo{
	width: 100%;
	height: auto;
	/*float: right;*/
	background: #FFF;
}
#sacli_Logo img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#headerContent .title{
	width: 100%;
	/*float: left;*/
}
/* プリンスエドワード島でホームステイしながら楽しく語学留学　*/
#headerContent .topTitle{
	font-family:"ＭＳ Ｐゴシック";
	font-size:1.2em;
	line-height: 1.8em;
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	/*background: #068B4F;*/
	background: linear-gradient(#055C38 40%,#BCF4C6);
	padding:10px;
	text-align:center;
	text-decoration:none;
	margin-bottom: 10px;
}

#headerContent .topTitle a{
	text-decoration: none;
	color: #FFF;
}
/* 語学学校スタディアブロードカナダへようこそ　*/

#topText h2{
		padding: 10px;
		/*padding-bottom: 10px;*/
		text-align: center;
		font-size: 1.2em;
		font-weight: bold;
		color: #990033;
	    /*background:#FCE2F2;*/
	    background: #FFF;
		border-bottom: solid 1px #990033;
	   margin-top: 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, #980A51 0%, #F7E4ED 99%);
	color:#FFF; 
	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;
	margin-bottom: 10px;
}
nav#navigation ul.navi li a{
	text-decoration: none;
	color:#FFF;
	padding: 10px;
	display: block;
}
nav#navigation ul.navi li a:hover{
	color: #D8D8D8;
}
nav#navigation ul li.current{
	border-bottom: 3px solid #C5D00C;
	background: linear-gradient(to bottom, #980A51 0%, #F7E4ED 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 {
	font-family:"MS PGothic";
	font-size:13px;
	font-style:italic;
	color:#FFF;
	text-align:center;
	margin-top:0px;
	padding:30px 0;
	/*background: #068B4F;*/
	background: linear-gradient(#055C38 40%,#BCF4C6);
}

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