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

/* 共通　*/
*{
	margin:0px;
	padding:0px;
}

body  {
	/*background:#FFEEFE;*/
	background: linear-gradient(to bottom, #FFF 40%, #DADEFE 60%);
	}
p{
	font-size: 14px;
}
a:link {
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	
}
a:hover {
	text-decoration:none;
	color:#C8C8C8;
	
}
a:active {
	text-decoration: none;
	color: #6777F1;
}
/* 区切り線　*/
.sen {
	clear: both;
	width: 90%;
	margin: 30px auto 20px;
	color: #CFBFF7;
	}

/* header */
img {
	border:none;
	vertical-align:bottom;
	}
header{
	background: #FFF;
	width: 100%;
}
/*  ヘッダー　　*/
/*会社ロゴ・会社名・会社コンセプト　*/
#headerBanner{
	overflow: hidden;
	background: #FFF;
	/*width: 100%;*/
	}
#headerBanner .companyLogo{
	width: 100%;
	text-align: center;
	}
#headerBanner .companyLogo img{
	width: 70%;
	height: auto;
	margin:0 auto;
}

.companyName{
	display: none;
	float: none;
	vertical-align: middle;
	margin-top: 7px;
	font-size: 1.5em;
	font-weight: bold;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	margin: 0 auto;
}
#headerBanner .box2{
	
}
#headerBanner .companyPolicy{
	display: none;
	float: none;
	vertical-align: middle;
	margin-top: 5px;
	font-size: 1.5em;
	color: #8E066B;
	padding: 10px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	margin: 0 auto;
	}

/* headerContent */
.headerContent {
	width: 100%;
	color: #887FF5;
	margin: 0 auto;
}
/*　クロスロードロゴ*/
#headerContent .companyLogo{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background:#FFF;
}
#headerContent .companyLogo img{
	margin: 0 auto;
}
/* クロスロードツアーズ　*/
#headerContent .box{
	width: 50%;
	display: table-cell;
	vertical-align: middle;
	
}
#headerContent .company{
	font-size: 1.1em;
	font-weight: bold;
	}
/*　トップタイトル　シャーロットタウンのおすすめレストラン トップ10　*/
#headerContent .topTitle{
	font-family:"ＭＳ Ｐゴシック";
	font-size:1.4em;
	font-weight:bold;
	font-style:italic;
	line-height: 1.8em;
	color:#FFF;
	background: #990033;
	padding:10px;
	text-align:center;
	text-decoration:none;
}

#headerContent .topTitle a{
	color: #FFF;
}
/* 内容　*/
#container {
	background:#F0F7F5;
	width:100%;
	margin:0 auto;
	height:auto;
	padding-bottom: 50px;
	}
/* 旅は記憶の財産の基本理念テキスト　*/
#headerText p{
		padding: 10px;
		text-align: center;
		font-size: 0.9em;
		font-weight: bold;
		color: #990033;
		border-bottom: solid 1px #990033;
		margin-bottom: 15px;
	}
#container .read{
	font-size: 1em;
	font-weight: bold;
	padding: 10px;
}
/* メインタイトル　ランチやディナーに　*/
.mainTitle{
	width: 90%;
	font-family:"ＭＳ ゴシック";
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight:bold;
	color:#006;
	margin:20px auto 20px;
	background-color:#FCF;
	border: solid 1px #F6F;
	padding:10px;
	background: linear-gradient(#EDB5EB, #FFF);
	text-align: center;
	border-radius: 7px;
	box-shadow: 5px 5px 5px #646464; 
}
/*　レストランリスト*/
#lineUp{
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}

#lineUp #rest{
	float: none;
	width: 100%;
	height: auto;
	/*margin-left: 10px;*/
	overflow: hidden;
}
/*　レストランリスト　イメージ画像　*/
#lineUp #restImage{
	float: none;
	width: 100%;
	height: auto;
	margin:20px auto 20px;
}
#lineUp #restImage img{
	width: 100%;
	height: auto;
}
#lineUp figcaption{
	font-size: 0.8em;
	margin-top: 5px;
	text-align: center;
}
#lineUp #rest1{
	width: 95%;
	float: none;
	list-style: none;
	margin:20px auto 0px;
	/*padding: 5px 10px;*/
	}
#lineUp #rest1 li{
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	padding:10px;
	margin-bottom: 10px;	
}
#lineUp #rest1 li a{
	padding: 2px 40px 2px 40px;
	color: #006;
}
#lineUp #rest1 li a:hover{
	/*background: #DADEFE;*/
	/*background: linear-gradient(to bottom, #FFF 30%, #6594F4 60%);*/
	color: #FFF;
	
}
#lineUp #rest1 .op{
	border: solid 2px #D3AFED;
	border-radius: 7px;
	padding:5px 10px;
	background: linear-gradient(to bottom, #FFF 40%, #DADEFE 60%);
	box-shadow: 2px 2px 2px gray;
	text-align: center;
}
#lineUp #rest2{
	width: 95%;
	float: none;
	list-style: none;
	margin: 0 auto 30px;
	/*padding: 5px 10px;*/
	}
#lineUp #rest2 li{
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	padding:10px;
	margin-bottom: 10px;
	}
#lineUp #rest2 li a{
	padding: 2px 15px 2px 15px;
	color: #006;
	
}
#lineUp #rest2 li a:hover{
	/*background: #DADEFE;*/
	/*background: linear-gradient(to bottom, #FFF 30%, #6594F4 60%);*/
	color: #FFF;
}
#lineUp #rest2 .op{
	border: solid 2px #D3AFED;
	border-radius: 7px;
	padding:5px 10px;
	background: linear-gradient(to bottom, #FFF 30%, #DADEFE 60%);
	box-shadow: 2px 2px 2px gray;
	text-align: center;
}
/* 現在のページを表示　*/
#lineUp #rest1 li.current {
	border: solid 2px #D3AFED;
	border-radius: 7px;
	padding:5px 5px;
	background: linear-gradient(to bottom, #FFF 30%, #2DCDC1 60%);
	box-shadow: 2px 2px 2px gray;
	text-align: center;
	color:#DBF8EF;
}

/* ミールクーポンへジャンプするボタン　*/
nav .town{
	clear: both;
	display: block;
	width: 90%;
	padding: 5px;
    font-size: 0.9em;
	margin: 20px auto 20px;
	/*margin-left: 20px;*/
	border: dotted 1px #7887F4;
	border-radius: 5px;
	background: #DED3F5;
}
/* トップイメージ　シャーロットタウン街並み　*/
#top{
	width: 100%;
	padding-top: 20px;
	background: #FFF;
}
/* レストラン名*/
#top h2.shop{
	font-size: 1.3em;
	font-weight: bold;
	margin: 10px auto 20px;
	text-align: center;
	color: #05176B;
	border-bottom: solid 5px #6CACF0;
	padding: 10px;
}
#topImage{
	width: 100%;
	margin: 20px auto;
	padding: 20px 0 20px;
	overflow: hidden;
}
#topImage .top1{
	width: 100%;
	height: auto;
    float: none;
	margin-bottom: 5px;
}
#topImage img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
/* レストラン　詳細　*/
main {
	overflow: hidden;
	width: 100%;
	margin-top: 30px;
}
section.more{
	overflow: hidden;
	width: 95%;
	height: auto;
	padding: 10px;
	background: #FFF;
	margin: 0 auto;
	border: 1px solid #8884F7;
	border-radius: 10px;
}
.info {
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-top: 10px;
}
/*　各レストランの画像イメージ　*/
.detail1{
	float: none;
	width: 100%;
	/*margin-left: 10px;*/
}
.detail2{
	float: none;
	width: 100%;
	/*margin-left: 10px;*/
}
.detail3{
	float: none;
	width: 100%;
	/*margin-right: 10px;*/
}
.detail1 img,
.detail2 img,
.detail3 img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.offer,
.offer2,
.offer3{
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 10px;
}

/* レストランの詳細　説明　*/

article{
	width: 95%;
	height: auto;
	margin: 20px auto;
	padding: 10px;
	background: #F1F1F1;
	border: dotted 1px #9B9B9B;
	border-radius: 15px;
}
article dt{
	text-align: center;
	margin-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
}
article dd{
	font-size: 1em;
	line-height: 1.5em;
}

/*　テーブル　*/
#ex{
	width: 100%;
	height: auto;
	margin: 20px auto 30px;
}
table.price{
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-collapse: collapse;
}
#ex caption{
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
table th{
	width: 25%;
	font-size: 0.9em;
	text-align: center;
	padding: 5px;
	background:#F1F1F1;
}
table td{
	font-size: 0.9em;
	padding: 5px;
	text-align: center;
}
table td.ex2{
	text-align: left;
}
/*　バナー集　サイドメニュー　*/
#sideMenu {
	background: #F0F7F5;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 30px auto 0;
	padding: 10px 0;
}
#sideMenu .banner{
	float: none;
	/*margin-left: 100px;*/
	
}
#sideMenu .banner li {
	display: block;
	width: 90%;
	font-size: 0.9em;
	margin: 10px auto 5px;
	border-left: 5px solid #051B7F;
	border-bottom: 1px solid #9F9EF5;
	padding: 5px;
	background: #FFF;
	text-align: center;
	list-style: none;
}
#sideMenu .townImg{
	width: 100%;
	float: none;
	margin-top: 20px;
}
/* トップページへ戻るボタン　*/
/* パッケージツアーページへのジャンプ　*/
.package{
	padding-top: 20px;
	padding-bottom: 20px;
}
.package h3.policy{
	text-align: center;
}
.pack{
	/*width: 800px;*/
	display: block;
	font-size: 0.9em;
	text-align: center;
	margin: 10px auto 10px;
	padding: 10px;
}
.pack2{
	width: 80%;
	margin: 10px auto 20px;
	font-size: 1.1em;
	font-weight: bold;
	color: #B00DAA;
	background: #FFF;
	border: solid 3px #D084F1;
	padding: 10px 10px;
	text-align: center;
	border-radius: 15px;
}
/*トップページへ戻るボタン　*/
h4.top  {
	width: 60%;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 5px;
	color:#040A4F;
	background:#FFF;
	border: solid 2px #D084F1;
	border-radius: 15px;
	text-align: center;

	}

h4.top:a{
	text-decoration: none;
	color: #FFF;
}

/* フッター　*/

/*　会社TEL FAX*/
/*　会社TEL FAX*/
#contact{

	overflow: hidden;
	width: 100%;
	/*background:#DBF3C6;*/
	background: #FFF;
	
}
.kikaku2    {
	float: none;
	list-style:none;
	list-style-position:inside;
	font-size: 1em;
	line-height:1.5em;
	margin: 30px 0 30px 30px;
	}
	
.tel   {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.8em;
	color:#009;
	}
	
.yoyaku  {
	font-size:0.9em;
	}
/* 会社住所　登録情報　*/
.localContact{
	font-size: 0.9em;
	margin: 30px 0px 20px 30px;
	font-style: normal;
}

/*レストラン一般イメージ*/
#image_Below{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #FFF;
}
#footerImg{
	overflow: hidden;
	margin: 0 auto;
}
#footerImg img{
	float: none;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
aside{
	background: #FFF;
}
/*　リンクナビゲーション　*/
#link   {
	overflow: hidden;
	width:95%;
	height:auto;
	font-size:0.8em;
	line-height: 1.2em;
	padding: 5px;
	/*margin-bottom:5px;*/
	
	}
/*フッター*/
footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: #FFF;
}
/*　フッターバナー　*/
#footerbanner {
	overflow: hidden;
	width:100%;
	height:100px;
	font-family:"MS PGothic";
	font-style:italic;
	color:#FFF;
	}
	
.copyright   {
	height:40px;
	margin-top:5px;
	font-size:0.9em;
	padding-top:15px;
	text-align:center;
	color:#FFF;
	background-color:#903;
}