/* *********************************************************************************_

【概要】NORENページのデザイン共通事項の管理（テキストとメインコンテンツ共通事項以外）。

※全ページのテキスト共通事項の管理は「text.css」で行っています。
※NOREN以外のメインコンテンツのデザインの管理は「maincontents.css」で行っています。

_********************************************************************************* */


/*---------- 全体のデザイン ----------*/
#beachselect div.t-catalog {
	width: 670px;
	margin: 5px 5px 0;
}

/*---------- 都市絞り込みデザイン ----------*/

#beachselect div.n-navi {
	width: 650px;
	margin: 5px 0 10px 10px;
	border: #7D96AF 1px solid;
}

#beachselect div.n-navi div.n-navitext {
	margin: 5px 5px 0;
}

/*---------- 都市絞り込みタグデザイン ----------*/
#tags span {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding: 5px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 10px 0px #777;
	-moz-box-shadow: inset 0px 0px 10px 0px #777;
	box-shadow: inset 0px 0px 10px 0px #777;
	background-color: #EEEEEE;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px 5px 0;
}

#tags span.selected {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFFFFF;
	background-color: #333333;
}

/*---------- 都市絞り込みタグデザイン ----------*/
#tags-gru span {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding: 5px 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 10px 0px #777;
	-moz-box-shadow: inset 0px 0px 10px 0px #777;
	box-shadow: inset 0px 0px 10px 0px #777;
	background-color: #EEEEEE;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px 5px 0;
}

#tags-gru span.selected {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFFFFF;
	background-color: #333333;
}

/*---------- 都市カセット デザイン ----------*/
#n-panel {
	margin: 5px 0 0;
	width: 670px;
}

#n-panel a {
	text-decoration:none;
	line-height: none;
	color: #3C3C3C;
	display: block;
}

#n-panel span.tour-cassette {
	width: 650px;
	margin: 5px 0 15px 10px;
	border: #7D96AF 1px solid;
	display: block;
}

#n-panel span.tour-cassette {
	width: 650px;
	margin: 5px 0 15px 10px;
	border: #7D96AF 1px solid;
	display: block;
}

#n-panel span.tourtitle {
	padding: 2px 0 3px 3px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFF;
	background-color: #7d96AF;
	height: 20px;
	width: 647px;
	display: block;
}

#n-panel span.tourtitle span {
	display: none;
}
#n-panel span.tourtitle.HND span,#n-panel span.tourtitle.NRT span {
	display: inline;
	font-size: 12px;
}
#n-panel span.tourtitle.HND span:after,#n-panel span.tourtitle.NRT span:after {
	content: " ";
}
#n-panel span.tourtitle strong.tourtitlename {
	font-size: 16px;
	font-weight: normal;
}

#n-panel span.tourinfo {
	width: 640px;
	padding: 5px 5px 10px;
	display: block;
}

#n-panel span.tourinfo>span.T1img {
	float: left;
	width: 120px;
	padding: 0 5px 5px 0;
	display: block;
}

#n-panel span.tourinfo>span.text {
	float: right;
	min-height:80px;
	width: 500px;
	padding: 0 0 5px;
	line-height:none;
	display: block;
}

#n-panel span.tourinfo span.text>span.title {
	width: 490px;
	margin: 5px 0 10px;
	font-size:13px;
	text-decoration: underline;
	padding: 0 5px 0;
	display: block;
}

#n-panel span.tourinfo span.text>span.title:hover {
	width: 490px;
	font-size:13px;
	color: #7D96AF;
	padding: 0 5px 0;
}

#n-panel span.tourinfo span.price {
	width: 500px;
	color: #FF0000;
	font-size: 17px;
	font-weight: bold;
	text-align: right;
	display: block;
}

#n-panel span.tourinfo span.fuel {
	font-size: 11px;
	color: #3C3C3C;
	font-weight:normal;
	letter-spacing:normal;
}

#n-panel span.hotel {
	width: 650px;
	margin: 5px 0;
	display: block;
	clear: both;
	position: relative;
}

#n-panel span.kodawari {
	width: 650px;
	margin: 5px 0;
	clear: both;
}

#n-panel span.tourinfo span.img {
	float: left;
	width: 59px;
	height: 42px;
	display: block;
}

#n-panel span.tourinfo span.name {
	float: left;
	width: 570px;
	height: 34px;
	padding: 3px 5px;
	border: #7D96AF 1px solid;
	display: block;
}

#n-panel span.tourinfo span.info1 {
	width:100%;
	display: block;
}

#n-panel span.tourinfo span.info2 {
	width:320px;
	display: block;
}

#n-panel span.tourinfo span.tour-text {
	width:100%;
	text-align:right;
	clear:both;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
	line-height:1.8em;
	display: block;
}

#n-panel span.tourinfo span.tour-text:hover {
	font-weight: bold;
	font-size: 13px;
	text-decoration:none;
	line-height:1.8em;
	color: #7D96AF;
	display: block;
	position: relative;
}