﻿@charset "utf-8";



/*==========================================



	common



==========================================*/



/*------------------------------------------

 @ dot line

------------------------------------------*/





/*------------------------------------------

 @ icon

------------------------------------------*/





/*------------------------------------------

 @ margin - padding

------------------------------------------*/



.pl5 {padding-left:5px !important;}

.pl10 {padding-left:10px !important;}

.pl15 {padding-left:15px !important;}

.pl20 {padding-left:20px !important;}

.pl25 {padding-left:25px !important;}

.pl30 {padding-left:30px !important;}

.pl35 {padding-left:35px !important;}

.pl40 {padding-left:40px !important;}

.pl45 {padding-left:45px !important;}

.pl50 {padding-left:50px !important;}

.pr5 {padding-right:5px !important;}

.pr10 {padding-right:10px !important;}

.pr15 {padding-right:15px !important;}

.pr20 {padding-right:20px !important;}

.pr25 {padding-right:25px !important;}

.pr30 {padding-right:30px !important;}

.pr35 {padding-right:35px !important;}

.pr40 {padding-right:40px !important;}

.pr45 {padding-right:45px !important;}

.pr50 {padding-right:50px !important;}

.pt0 {padding-top:0px !important;}

.pt5 {padding-top:5px !important;}

.pt10 {padding-top:10px !important;}

.pt15 {padding-top:15px !important;}

.pt20 {padding-top:20px !important;}

.pt25 {padding-top:25px !important;}

.pt30 {padding-top:30px !important;}

.pt35 {padding-top:35px !important;}

.pt40 {padding-top:40px !important;}

.pt45 {padding-top:45px !important;}

.pt50 {padding-top:50px !important;}

.pt60 {padding-top:60px !important;}

.pt70 {padding-top:70px !important;}

.pt80 {padding-top:80px !important;}

.pt90 {padding-top:90px !important;}

.pb0 {padding-bottom:0px !important;}

.pb5 {padding-bottom:5px !important;}

.pb10 {padding-bottom:10px !important;}

.pb15 {padding-bottom:15px !important;}

.pb20 {padding-bottom:20px !important;}

.pb25 {padding-bottom:25px !important;}

.pb30 {padding-bottom:30px !important;}

.pb35 {padding-bottom:35px !important;}

.pb40 {padding-bottom:40px !important;}

.pb45 {padding-bottom:45px !important;}

.pb50 {padding-bottom:50px !important;}

.pb60 {padding-bottom:60px !important;}

.pb70 {padding-bottom:70px !important;}

.pb80 {padding-bottom:80px !important;}

.pb90 {padding-bottom:90px !important;}



.ml0 {margin-left:0px !important;}

.ml5 {margin-left:5px !important;}

.ml10 {margin-left:10px !important;}

.ml15 {margin-left:15px !important;}

.ml20 {margin-left:20px !important;}

.ml25 {margin-left:25px !important;}

.ml30 {margin-left:30px !important;}

.ml35 {margin-left:35px !important;}

.ml40 {margin-left:40px !important;}

.ml45 {margin-left:45px !important;}

.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}

.mr5 {margin-right:5px !important;}

.mr10 {margin-right:10px !important;}

.mr15 {margin-right:15px !important;}

.mr20 {margin-right:20px !important;}

.mr25 {margin-right:25px !important;}

.mr30 {margin-right:30px !important;}

.mr35 {margin-right:35px !important;}

.mr40 {margin-right:40px !important;}

.mr45 {margin-right:45px !important;}

.mr50 {margin-right:50px !important;}

.mt0 {margin-top:0px !important;}

.mt5 {margin-top:5px !important;}

.mt10 {margin-top:10px !important;}

.mt15 {margin-top:15px !important;}

.mt20 {margin-top:20px !important;}

.mt25 {margin-top:25px !important;}

.mt30 {margin-top:30px !important;}

.mt35 {margin-top:35px !important;}

.mt40 {margin-top:40px !important;}

.mt45 {margin-top:45px !important;}

.mt50 {margin-top:50px !important;}

.mb0 {margin-bottom:0px !important;}

.mb5 {margin-bottom:5px !important;}

.mb10 {margin-bottom:10px !important;}

.mb15 {margin-bottom:15px !important;}

.mb20 {margin-bottom:20px !important;}

.mb25 {margin-bottom:25px !important;}

.mb30 {margin-bottom:30px !important;}

.mb35 {margin-bottom:35px !important;}

.mb40 {margin-bottom:40px !important;}

.mb45 {margin-bottom:45px !important;}

.mb50 {margin-bottom:50px !important;}



.mg5 {margin:5px !important;}

.mg10 {margin:10px !important;}

.mg15 {margin:15px !important;}

.mg20 {margin:20px !important;}

.mg25 {margin:25px !important;}

.mg30 {margin:30px !important;}

.mg35 {margin:35px !important;}

.mg40 {margin:40px !important;}

.mg45 {margin:45px !important;}

.mg50 {margin:50px !important;}



.pd5 {padding:5px !important;}

.pd10 {padding:10px !important;}

.pd15 {padding:15px !important;}

.pd20 {padding:20px !important;}

.pd25 {padding:25px !important;}

.pd30 {padding:30px !important;}

.pd35 {padding:35px !important;}

.pd40 {padding:40px !important;}

.pd45 {padding:45px !important;}

.pd50 {padding:50px !important;}



.ma0 {margin:0 !important;}

.pd0 {padding:0 !important;}

.mAuto{ margin:0 auto; !important}



/*------------------------------------------

 @ width

------------------------------------------*/

.wid100{ width:100px; }

.wid110{ width:110px; }

.wid120{ width:120px; }

.wid130{ width:130px; }

.wid140{ width:140px; }

.wid150{ width:150px; }

.wid160{ width:160px; }

.wid170{ width:170px; }

.wid180{ width:180px; }

.wid190{ width:190px; }



.wid200{ width:200px; }

.wid210{ width:210px; }

.wid220{ width:220px; }

.wid230{ width:230px; }

.wid240{ width:240px; }

.wid250{ width:250px; }

.wid260{ width:260px; }

.wid270{ width:270px; }

.wid280{ width:280px; }

.wid290{ width:290px; }



.wid300{ width:300px; }

.wid305{ width:305px; }

.wid310{ width:310px; }

.wid320{ width:320px; }

.wid330{ width:330px; }

.wid340{ width:340px; }

.wid350{ width:350px; }

.wid360{ width:360px; }

.wid370{ width:370px; }

.wid380{ width:380px; }

.wid390{ width:390px; }



.wid400{ width:400px; }

.wid410{ width:410px; }

.wid420{ width:420px; }

.wid430{ width:430px; }

.wid440{ width:440px; }

.wid450{ width:450px; }

.wid460{ width:460px; }

.wid470{ width:470px; }

.wid480{ width:480px; }

.wid490{ width:490px; }



.wid500{ width:500px; }

.wid510{ width:510px; }

.wid520{ width:520px; }

.wid530{ width:530px; }

.wid540{ width:540px; }

.wid550{ width:550px; }

.wid560{ width:560px; }

.wid570{ width:570px; }

.wid580{ width:580px; }

.wid590{ width:590px; }



.wid600{ width:600px; }

.wid670{ width:670px; }



/*------------------------------------------

 @ font color

------------------------------------------*/



.txtRed{

	color:#A31837;

}



/*------------------------------------------

 @ font size

------------------------------------------*/



.fontSS{

	font-size:77% !important;

	line-height:1.4em;

}



.fontS{

	font-size:93% !important;

}



.fontM{

	font-size:108% !important;

}



.fontL{

	font-size:138.5% !important;

}



/*------------------------------------------

 @ text-align

------------------------------------------*/

.alignTxtR{

	text-align:right;

}



.alignTxtC{

	text-align:center;

}



.alignTxtL{

	text-align:left;

}



.alignTxtVM{

	vertical-align:middle !important;

	display:inline;

}



.alignTxtVT{

	vertical-align:top !important;

	display:inline;

}



.alignTxtVB{

	vertical-align:bottom !important;

	display:inline;

}



/*------------------------------------------

 @ notice

------------------------------------------*/



.notice {

	text-indent:-13px;

	padding:0 0 0 12px;

	margin:0;

}

.noticeS {

	font-size:80%;

	text-indent:-11px;

	padding:0 0 0 10px;

	margin:0;

}



/*------------------------------------------

 @ bold oblique

------------------------------------------*/

.bold{

	font-weight:bold;

}



.oblique{

	font-style:oblique;

}



/*------------------------------------------

 @ table

------------------------------------------*/



.tableZebra{

	width:100%;

	margin-bottom:5px;

	border:0;

}

.tableZebra th{

	background:#F1EEE7;

	padding:6px;

	border:1px solid #999999;

	text-align:center;

}

.tableZebra td{

	background:#FFFFFF;

	padding:6px;

	border:1px solid #999999;

}

.tableZebra th.bgLightGray,

.tableZebra td.bgLightGray,

.tableZebra .even th,

.tableZebra .even td{

	background:#EEEEEE;

}



.tableZebra th.noBg_Boader, .tableZebra td.noBg_Boader{

	background:none !important;

	border:none !important;

}



.tableNormalL{

	width:100%;

	margin-bottom:5px;

	border:0;

}

.tableNormalL th{

	background:#EEEEEE;

	padding:6px;

	border:1px solid #999999;

}

.tableNormalL td{

	background:#FFFFFF;

	padding:6px;

	border:1px solid #999999;

}



.tableNormalC{

	width:100%;

	margin-bottom:5px;

	border:0;

}

.tableNormalC th{

	background:#EEEEEE;

	padding:6px;

	border:1px solid #999999;

	text-align:center;

}

.tableNormalC td{

	background:#FFFFFF;

	padding:6px;

	border:1px solid #999999;

	text-align:center;

	white-space:nowrap;

}



.tableNone th,

.tableNone td{

	white-space:normal;

	padding:0 15px 5px 0;

}



.bgGray{

	background:#EEEEEE !important;

}



/*------------------------------------------

 @ noBg

------------------------------------------*/

.noBg{

	background:none !important;

}



/*------------------------------------------

 @ noBoader

------------------------------------------*/

.noBoader{

	border:none !important;

}



/*------------------------------------------

 @ thumbnails for IE

 http://devthought.com/tumble/2009/03/tip-high-quality-css-thumbnails-in-ie7/

------------------------------------------*/



img{

	-ms-interpolation-mode:bicubic;

}



/*------------------------------------------

 @ for thickBox

 

	<body class="layered">

		<div class="layeredSec">

			<div class="layeredBox">contents</div>

			<div class="layeredBoxBtn">

				<p class="closeBtn"><input /></p>

			</div>

		</div>

	</body>

------------------------------------------*/



.layered{

	width:100%;

	padding-bottom:20px;

	background:#FFF;

}



.layeredSec{

	padding-top:20px;

}



.layeredBoxBtn .closeBtn{

	text-align:center;

}



.layeredBoxBtn{

	margin-top:20px;

}



/*------------------------------------------

 @ system function システムにて生成する特殊文字用設定

------------------------------------------*/



/*強調機能*/

.sysEmphasis{

	font-size:117% !important;

	font-weight:bold !important;

	color:#A31837;

}



ins{

	text-decoration:none;

}



a:link ins   {text-decoration:none;}

a:visited ins{text-decoration:none;}

a:hover ins  {text-decoration:underline;}

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



/*強調機能重複相殺*/

.sysEmphasis .sysEmphasis{

	font-size:100% !important;

}



/*太文字機能*/

.sysAttension{

	font-weight:bold !important;

}



/*注釈機能*/

.sysNote{

	color:#A31837 !important;

}



/*リンク機能*/

/*a.sysLink{

	padding-left:8px;

	padding-right:6px;

	background:url(../../../hotel/common/img/red/ico_arrow.gif) 0 2px no-repeat;

}*/





/*------------------------------------------

 @ float

------------------------------------------*/



.floL{	float:left !important;}

.floR{	float:right !important;}



/*------------------------------------------

 @ clearfix

------------------------------------------*/



.clearFix:after {

   content: ".";

   display: block;

   clear: both;

   height: 0;

   visibility: hidden;

}

.clearFix { display: inline-block;}

/* exlude MacIE5 \*/

* html .clearFix { height: 1%; _height: 0; }

.clearFix {display:block;}

/* end MacIE5 */



/* or */



.clear{

	height: 0;

	clear:both;

	_margin:0;

	_padding:0;

	_font-size:0;

	_line-height:0;

}



/*------------20140904佐藤追加-------------*/



.area_youtube{

	width:603px;

	margin:0;

	padding:16px 16px 0px 16px;

	display:block;

	overflow:hidden;

	background: url(../img/common/top_youtube.jpg) no-repeat 0 0;

	clear:both;

}



.area_w_youtube{

	width:605px;

	margin:0;

	padding:16px 16px 0px 16px;

	display:block;

	overflow:hidden;

	background: url(../img/common/top_w_youtube.jpg) no-repeat 0 0;

	clear:both;

}



.area_youtube .left_youtube{

	width:235px;

	margin-right:8px;

	float:left;

}



.area_youtube .right_youtube{

	width:360px;

	float:right;

}



.area_w_youtube .left_w_youtube{

	width:235px;

	margin-right:10px;

	float:left;

}



.title_youtube{

	margin-bottom:7px;

	padding-bottom:7px;

	font-size:14px;

	font-weight:bold;

	border-bottom:dotted 1px #CECBAA;

}



.bottom_youtube{

	margin-bottom:18px;

}



