@charset "UTF-8";

/* --------------------------------------------------------
	Setting
-------------------------------------------------------- */

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

h1, h2, h3, h4, h5, h6 {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.Clear {
	clear: both;
}

/*///// ボーダー /////*/
img {
	border-width:0;
	line-height:0;
	vertical-align:top;
}

/*///// リストスタイル /////*/
ul {
	list-style-type:none;
}

ol {
	list-style-type:decimal;
}

/*---リスト(黒丸)---*/
.Disc {
	margin:0px 0px 0px 18px;
}

.Disc li {
	list-style-type:disc;
}

/*---リスト(数字)---*/
.Decimal {
	margin:0px 0px 0px 33px;
}

.Decimal li {
	list-style-type:decimal;
	margin:0px 0px 10px 0px;
}

/*///// リンク /////*/
a {
        color: #FF2626;
	text-decoration: underline;
}

a:hover {
        color: #FF2626;
	text-decoration: none;
}

a:active {
        color: #FF2626;
}

a:visited {
        color: #FF2626;
}

/*///// テキスト /////*/
.Txt-C {
	font-weight:bold;
	color: #000;
	text-align:center;
}

.Txt-Em {
	font-weight:bold;
	color: #000;
}

.Txt-Em-20 {
	font-size:20px;
	font-weight:bold;
	color: #000;
	line-height:1.6em;
}

.Txt-12 {
	font-size:12px;
}

.Txt-36 {
	font-size:36px;
}

.Txt-Red {
	color: #FF0000;
	line-height:1.6em;
}

.Txt-Red-20 {
	font-size:20px;
	color: #FF0000;
	line-height:1.6em;
}

.Txt-Orange {
	color: #FF3300;
	line-height:1.6em;
}

.Txt-Orange-24 {
	font-size:24px;
	color: #FF8800;
}

.Txt-18-Blue {
	font-size:18px;
	color: #083F93;
}

.Txt-24-Blue-Em {
	font-size:24px;
	font-weight:bold;
	color: #083F93;
}

.Txt-24-Orange-Em {
	font-size:24px;
	font-weight:bold;
	color: #FFBF00;
}

.Txt-30-Em {
	font-size:30px;
	font-weight:bold;
	color: #000;
}

/*---画像位置---*/
.Img_Left {
	float:left;
	margin:0px 10px 0px 0px;
}

/*---角丸---*/
.border_radius {
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

/*///// レイアウト /////*/
body {
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6em;
	font-size:16px;
	color:#000;
	background: url(http://www.hotel8940.com/common/img/bg.png) repeat left top;
}

/* --------------------------------------------------------
	Header
-------------------------------------------------------- */
#Header_Wrap {
	height:240px;
	background: url(../img/header_bg.png) repeat-x left top;
	margin:0px 0px 1px 0px;
}

#Header_Top {
	width:1024px;
	height:50px;
	margin:0 auto;
}

#Header {
	width:1024px;
	height:90px;
	margin:0 auto;
}

#Header_Left {
	float:left;
	width:324px;
}

#Header_Right {
	float:left;
	width:700px;
}

#Logo {
	width:280px;
	height:60px;
	margin:10px 0px 0px 0px;
}

/*---ToolTop---*/
#Tool-Top {
	float:right;
	width:auto;
	margin:13px 10px 0px 0px;
}

#Tool-Top ul.Tool-List {
	float:right;
}

#Tool-Top ul.Tool-List li {
	float:left;
	list-style:none;
	margin-left:6px;
	font-size:12px;
	text-align:right;
}

#Tool-Top  a {
	color:#222;
	text-decoration: none;
}

#Tool-Top a:hover {
        color: #189AD7;
        text-decoration: underline;
}

/*---翻訳---*/
#Trans {
	float:right;
	width:auto;
	margin:9px 0px 0px 0px;
}

/*---Sub-Navi---*/
#Sub-Navi ul {
	float:right;
	height:35px;
	margin:23px 0px 0px 10px;
}

#Sub-Navi ul li {
	float:left;
	width:auto;
	text-align:center;
	vertical-align: middle;
	background-color:#FFDC33;
	border:1px solid #F7CB00;
	margin:0px 0px 0px 10px;
}

#Sub-Navi ul li a {
	height:28px;
	font-size:16px;
	color:#000;
	text-decoration:none;
	padding:7px 10px 0px 10px;
	display:block;
}

#Sub-Navi ul li a:hover {
	background-color:#FFC411;
}

.Sub-Navi-on a {
	height:28px;
	font-size:16px;
	color:#FFF;
	background-color:#FFC411;
	text-decoration:none;
	padding:7px 10px 0px 10px;
	display:block;
}

#Lead {
	width:1024px;
	height:37px;
	font-size:14px;
	line-height:1.2em;
	color:#FFF;
	margin:20px auto 0px auto;
	padding:13px 0px 0px 0px;
}

/* --------------------------------------------------------
	Navigation
-------------------------------------------------------- */
#Navi ul {
	width:1024px;
	height:35px;
	display:table;
	/*table-layout:fixed;*/
	border-left:1px solid #999;
	margin:0 auto;
}

#Navi ul li {
	border-right:1px solid #999;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}

#Navi ul li a {
	height:28px;
	font-size:20px;
	color:#000;
	text-decoration:none;
	padding:7px 20px 0px 20px;
}

#Navi ul li a:hover {
	height:26px;
	border-bottom:2px solid #FBD800;
}

.Navi-on a {
	border-bottom:2px solid #FBD800;
}

/* --------------------------------------------------------
	Sitepath
-------------------------------------------------------- */
#Sitepath {
	width:auto;
	height:38px;
	margin:10px 0px 40px 0px;
	border-bottom:1px solid #E0E0E0;
}

#Sitepath li {
	padding:0px 15px 0px 5px;
	float: left;
	font-size:14px;
	background: url(../img/icon_sitepath.jpg) no-repeat right center;
}

#Sitepath li a {
	color: #0083CA;
	text-decoration: underline;
}

#Sitepath li.noarrows {
	background: none;
}

#Sitepath li a:hover {
	color: #0083CA;
	text-decoration: none;
}

/* --------------------------------------------------------
	Main
-------------------------------------------------------- */
.Container {
	width:1024px;
	margin:0 auto;
}

/*---メイン・イメージ画像---*/
#Gallery_Wrap {
	height:auto;
}

#Gallery_Wrap02 {
	height:550px;
}

#Gallery-Area {
	margin:0 auto;
}

/*---見だし---*/
h2 {
	font-size:22px;
	font-weight:normal;
	color:#000;
	background: url(../img/h2_bg.png) no-repeat left top;
	height:38px;
	margin:0px 0px 20px 0px;
	padding:12px 0px 0px 30px;
}

h3 {
	height:29px;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	background-color:#C9752C;
	margin:0px 0px 20px 0px;
	padding:5px 0px 0px 14px;
}

.Tit_Sec {
	height:29px;
	font-size:18px;
	color:#FFF;
	text-align:center;
	background-color:#083F93;
	margin:0px 0px 20px 0px;
	padding:5px 0px 0px 14px;
}

/*---エリア分け---*/
.Left-Cont {
	float:left;
	width:674px;
	margin:0px 0px 0px 0px;
	display:inline;
}

.Right-Cont {
	float:right;
	width:324px;
	margin:0px 0px 0px 0px;
	display:inline;
}

/*---ライン---*/
.Line-Bottom {
   border-bottom: 1px solid #DDD;
   padding-bottom: 2px;
}

/*行間マージン設定*/
.Space-Contour5 {
	height:5px;
}

.Space-Contour10 {
	height:10px;
}

.Space-Contour15 {
	height:15px;
}

.Space-Contour20 {
	height:20px;
}

.Space-Contour26 {
	height:26px;
}

.Space-Contour30 {
	height:30px;
}

.Space-Contour40 {
	height:40px;
}

.Space-Contour60 {
	height:60px;
}

.Space-Contour80 {
	height:80px;
}

.Space-Contour100 {
	height:100px;
}

.Contour {
	clear: both;
	height:10px;
	width:1024px;
	background: url(../img/gray_bg.png) no-repeat left top;
}

.Contour02 {
	clear: both;
	height:10px;
	width:982px;
	background: url(../img/gray_bg02.png) no-repeat left top;
}

/*---ページの先頭へ---*/
#back-top {
	position:fixed;
	right:15px;
	bottom:15px;
	z-index: 5;
}

#back-top a {
	width: 125px;
	height: 120px;
	display: block;
	background: url(../img/pagetop.png) no-repeat left top;
	text-indent:-9999px;
	z-index: 5;
}

#back-top a:hover {
	background: url(../img/pagetop.png) no-repeat left -120px;
	z-index: 5;
}

/*---写真2枚フロート---*/
.Photo_2items {
	width:1024px;
	margin:0px 0px 0px 0px;
}

.Photo_2items img {
	margin:0px 0px 0px 0px;
}

.Photo_2items p {
	margin:5px 0px 0px 0px;
}

.Photo_2items li {
	float:left;
}

.Photo_2items .Left {
	width:497px;
	margin:0px 30px 0px 0px;
}

.Photo_2items .Right {
	width:497px;
	margin:0px 0px 0px 0px;
}

/*---写真3枚フロート---*/
.Photo_3items {
	width:1024px;
	margin:0px 0px 0px 0px;
}

.Photo_3items img {
	margin:0px 0px 0px 0px;
}

.Photo_3items p {
	margin:5px 0px 0px 0px;
}

.Photo_3items li {
	float:left;
}

.Photo_3items .Left {
	width:324px;
	margin:0px 26px 0px 0px;
}

.Photo_3items .Right {
	width:324px;
	margin:0px 0px 0px 0px;
}

/*---写真5枚フロート---*/
.Photo_5items {
	width:1024px;
	margin:0px 0px 0px 0px;
}

.Photo_5items img {
	margin:0px 0px 0px 0px;
}

.Photo_5items li {
	float:left;
}

.Photo_5items .Left {
	width:184px;
	margin:0px 26px 0px 0px;
}

.Photo_5items .Right {
	width:184px;
	margin:0px 0px 0px 0px;
}

/*---枠設定---*/
.Dot_Frame01 {
	width:auto;
	border:1px dotted #FF0000;
	background-color:#FFF;
	padding:20px;
}

.Dot_Frame02 {
	width:auto;
	border:1px dotted #BBB;
	background-color:#FFF;
	padding:20px;
}

.Dot_Frame03 {
	width:auto;
	border:1px dotted #FF0000;
	background-color:#FFF;
	padding:10px;
}

/*---メールフォーム背景---*/
#Mail_Area {
	background-color:#FFF;
	padding:15px;
}

/*---ボタン---*/
.Btn01 {
	width:300px;
	text-align:center;
	vertical-align: middle;
	background-color:#E60012;
	margin:0px 0px 0px 0px;
}

.Btn01 a {
	height:30px;
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	padding:5px 0px 0px 0px;
	display:block;
}

.Btn01 a:hover {
	background-color:#FFBF00;
}

.Btn02 {
	width:450px;
	text-align:center;
	vertical-align: middle;
	background-color:#E60012;
	margin:0px 0px 0px 0px;
}

.Btn02 a {
	height:30px;
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	padding:5px 0px 0px 0px;
	display:block;
}

.Btn02 a:hover {
	background-color:#FFBF00;
}

/*---テーブル（基本）---*/
.Table_Frame table {
	border-collapse:collapse;
}

.Table_Frame tr {
	border:1px solid #CCC;
}

.Table_Frame th {
	text-align:left;
	font-weight:bold;
	background-color:#F5F5F5;
	border:1px solid #CCC;
	color:#000;
	padding:10px;
}

.Table_Frame td {
	vertical-align:top;
	border:1px solid #CCC;
	padding:10px;
}

/*---テーブル---*/
.Table_Frame02 table {
	border-collapse:collapse;
}

.Table_Frame02 tr {
	border:1px solid #CCC;
}

.Table_Frame02 th {
	text-align:left;
	font-weight:normal;
	background-color:#FFF8DF;
	border:1px solid #CCC;
	color:#000;
	padding:10px;
}

.Table_Frame02 td {
	vertical-align:top;
	border:1px solid #CCC;
	padding:10px;
}

.Bg_Blue {
	background-color:#552F1C;
	color:#FFF;
	text-align:center;
}

/*---カネイグループ---*/
#Kanei_Wrap {
	background-color:#FFF;
	border-top:1px solid #E0E0E0;
	text-align:center;
}

#Kanei {
	width:1024px;
	margin:0 auto;
}

.Link_5items {
	width:1024px;
	margin:0px 0px 0px 0px;
}

.Link_5items img {
	margin:0px 0px 0px 0px;
}

.Link_5items li {
	float:left;
}

.Link_5items .Left {
	width:188px;
	margin:0px 21px 0px 0px;
}

.Link_5items .Right {
	width:188px;
	margin:0px 0px 0px 0px;
}

/*---カネイグループ・ボタン---*/
#Btn-Kanei_01 a {
	display:block;
	width:188px;
	height:250px;
	background:url(../img/bnr_kanei_01.png) no-repeat left top;
	text-indent:-9999px;
}

#Btn-Kanei_01 a:hover {
	background: url(../img/bnr_kanei_01_on.png) no-repeat left top;
}

#Btn-Kanei_02 a {
	display:block;
	width:188px;
	height:250px;
	background:url(../img/bnr_kanei_02.png) no-repeat left top;
	text-indent:-9999px;
}

#Btn-Kanei_02 a:hover {
	background: url(../img/bnr_kanei_02_on.png) no-repeat left top;
}

#Btn-Kanei_03 a {
	display:block;
	width:188px;
	height:250px;
	background:url(../img/bnr_kanei_03.png) no-repeat left top;
	text-indent:-9999px;
}

#Btn-Kanei_03 a:hover {
	background: url(../img/bnr_kanei_03_on.png) no-repeat left top;
}

#Btn-Kanei_04 a {
	display:block;
	width:188px;
	height:250px;
	background:url(../img/bnr_kanei_04.png) no-repeat left top;
	text-indent:-9999px;
}

#Btn-Kanei_04 a:hover {
	background: url(../img/bnr_kanei_04_on.png) no-repeat left top;
}

#Btn-Kanei_05 a {
	display:block;
	width:188px;
	height:250px;
	background:url(../img/bnr_kanei_05.png) no-repeat left top;
	text-indent:-9999px;
}

#Btn-Kanei_05 a:hover {
	background: url(../img/bnr_kanei_05_on.png) no-repeat left top;
}

#Btn-Kanei_06 a {
	display:block;
	width:188px;
	height:250px;
	background:url(../img/bnr_kanei_06.png) no-repeat left top;
	text-indent:-9999px;
}

#Btn-Kanei_06 a:hover {
	background: url(../img/bnr_kanei_06_on.png) no-repeat left top;
}

.Kikubari {
	width:950px;
	height:60px;
	background:url(../img/kikubari.png) no-repeat 200px top;
	font-size:36px;
	padding:40px 0px 0px 74px;
}

/*---ToolBottom---*/
#Tool-Bottom {
	width:auto;
	margin:2px 10px 0px 0px;
}

#Tool-Bottom ul.Tool-List {

}

#Tool-Bottom ul.Tool-List li {
	float:left;
	list-style:none;
	margin-left:6px;
	font-size:14px;
	text-align:right;
}

#Tool-Bottom  a {
        color: #189AD7;
	text-decoration: none;
}

#Tool-Bottom a:hover {
        color: #189AD7;
        text-decoration: underline;
}

/* --------------------------------------------------------
	Footer
-------------------------------------------------------- */
#Footer_Wrap {
	height:100px;
	background-color:#552F1C;
}

#Footer {
	width:1024px;
	height:100px;
	margin:0 auto;
}

#Copy {
	height:30px;
	font-size:14px;
	text-align:center;
        color: #FFF;
	padding:20px 0px 0px 0px;
}

#Add {
	height:50px;
	font-size:14px;
	text-align:center;
        color: #FFF;
}

/* --------------------------------------------------------
	フローティングバナー
-------------------------------------------------------- */
/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 右端の上から20pxの位置に固定表示 */
    position: fixed;
    top: 176px;
    right: 0;
	z-index:9999;
}

/* 画像の共通設定 */
#fixed_right_banner > *
{
    /* 横幅 */
    width: 100px;
}
#fixed_right_banner img{
	width:100px;
	height:auto;
}
/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 10px; }

/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;

    /* 透過変更をスムーズにする(任意) */
   -webkit-transition: opacity .2s ease;
   transition: opacity .2s ease;
}

/* マウスオーバー時の表現 */
#fixed_right_banner > a:hover
{
    /* 10%透過させる */
    opacity: .9;
}