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


/*-------------------
CSSZbg
-------------------*/

#wrapper2{
	text-align: center;
	margin: 0 auto;
	}

#h-wrapper2{
	width: 980px;
	height: 80px;
	margin: 0 auto;
	position: static;
	}

* html #h-wrapper2 {
margin-left:auto;
text-align:left;
}



#header2{
	width: 980px;
	height: 80px;
	text-align: left;
	
	margin: 0 auto;
	position:relative;
	}


#block {
	position:absolute;
	top:-62px;
	left:780px;
	}



#h-navi {
	position:absolute;
	top:-44px;
	left:780px;
	}

#navi2 {
	position:absolute;
	top:7px;
	}

#share-col{
	text-align: left;
	height: 80px;
	}


#breadcrumb {
	width: 970px;
	margin-left:5px;
	position:absolute;
	top:53px;
	}

#container{
	text-align: center;
	width: 100%;
	}
/*
		*/
#c-wrapper2{
	width: 100%;
	margin-top: 0;
	padding:0;
	text-align:center;
	position:relative;
		}
#contents{
	width:100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	text-align: center;

	}
	
#main{
	margin:0 auto;
	float: none;
	text-align:center;
	width: 950px;
		}

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

	
#header3 {
	width: 950px;
	height:400px;
	background:url(img/head_1.jpg) left top no-repeat;
	margin:0 auto;
}
	

#header3 img{
float:right;
margin:0;}



* html #header3 img{
float:right;
margin-right:-3px;}




h3{
	width:470px;
	margin:370px 0 0 0;
	padding-left:30px;
	color:#FFF;
	font-weight:bold;
	float:left;
	text-align:left;
	font-size: 15px;
}



.whale_h3{
	margin:15px 0 50px;
	padding:0;
	clear:both;
}



.whale2_h3{
	margin:15px 0 50px;
}

h4{
	font-size:14px;
	font-weight:bold;
	color:#C03;
	text-align:center;
	
	}
/*
-------------------------------------------*/


/************************** / 色指定 / **************************/

/* 色指定 */
.kuro{
	color : #333;
	font-size :10px;
	padding : 3px 0;}    /* 黒 */

.org {color : #FF8500;
font-size:16px;
font-weight:bold;}    /* ベースオレンジ */
.org2 {color : #FF6600;}    /* オレンジ2 */
.miz {color : #0FC1D1;}    /* 水色 */
.grn {color : #2BB52E;}    /* ベース緑 */
.grn2 {color : #429340;}    /* 緑2 */
.aka {color : #F00;}    /* 赤 */
.ao {color : #00F;}    /* 青 */
.ao2 {color : #555CF5;}    /* 青2 */
.pink {color : #FF3399;}    /* ピンク */
.normal {font-weight: normal;}
.bold {font-weight: bold;}

.center{text-align:center;}


.b_ao{
	color:#03C;
	font-size:18px;
	font-weight:bold;
}

.b_aka{
	font-size:18px;
	font-weight:bold;
	color:#F00;}
/*-------------------------------------------------*/
.whale_navi{
	height:62px;
	padding-top:8px;
	margin-bottom:30px;
	background:url(img/navi_back.jpg) repeat-x;}

* html .whale_navi{
	height:70px;}


.whale_navi ul{
	margin-left:25px;
	}	
.whale_navi li{
	float:left;
	margin-right:5px;
	}



/*================== 基本テーブル ==================*/

table {
	margin: 0 auto 20px auto;
	padding: 0;
	width: 850px;
	border-collapse: collapse;
	border: 1px solid #f00;
	line-height: 1.2;
	clear: both;
	}

tr {
	vertical-align: middle;
	}

td {
	margin: 0;
	padding: 5px;
	text-align: left;
	border: 1px solid #f00;
	}

th {
	margin: 0;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color : #333;
	background-color: #FFCFCF;
	border: 1px solid #f00;
	}




#feature{
	width: 750px;
	margin:0 auto;
	}

#feature p{
	font-size: 14px;
	line-height: 1.5;
	padding-top: 4px;
	margin-bottom: 6px;
	text-align:left;
	}

/* ---------- toplink ---------- */

div.toplink {
	width : 850px;
	text-align:right;
	font-size :12px;
	float:left;
	border: 1px solid #fff;
	margin: 15px auto;
	}

div.toplink img{
	margin: 0px 3px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	}


.toplink a:link {
	text-decoration:none;
	color:#FF6600;
	}

.toplink a:visited {
	text-decoration:underline;
	color:#FF6600;
	}

.toplink a:hover {
	text-decoration:none;
	color:#FF0000;
	}


/*================== 各ボックス ==================*/

.b1_l{
	width: 435px;
	height: 220px;
	float: left;
	}

.b1_r{
	width: 315px;
	height: 220px;
	background: url("img/feature/right_top.jpg") no-repeat left bottom;
	float: right;
	}

.b2_l{
	width: 435px;
	height: 187px;
	background: url("img/feature/middle_left.jpg") no-repeat right top;
	float: left;
	}
* html .b2_l{
	margin-top: -3px;
	
}
.b2_r{
	width: 315px;
	height: 187px;
	float: right;
	}
* html .b2_r{
	margin-top: -3px;
}

.b3_l{
	width: 240px;
	height: 273px;
	float: left;
	}

.b3_r{
	width: 510px;
	height: 273px;
	background: url("img/feature/bottom_right.gif") no-repeat right top;
	float:left;
	}
* html .b3_r{	
	margin-left:-3px;

}
.b4_l{
	width: 280px;
	height: 280px;
	float: left;
	}

.b4_r{
	width: 470px;
	height: 280px;
	background: url("img/feature/b4_r.jpg") no-repeat right top;
	float: left;
	padding:0;
	margin:0;
	}
	
.b5_l{
	margin:0;
	}	
	
	
.b5_r{
	margin:0;
	}	
	
	
#mamebox{
	margin: 0 auto 10px;
	padding: 5px;
	width: 845px;
	border:1px solid #3399CA;
	text-align:left;
	clear: both;
	}




#box1 p{
	line-height : 1.5em;
	}


#box1 p:first-letter{
     float : left;
     font-weight : bold;
     font-size : 400%;
	 margin-right:5px;
}

#fst_box{
	margin-bottom:20px;}

#fst_box img{
	float:left;
	margin:0 15px;
	}
#fst_box p{
	font-size:14px;
	text-align:left;
	padding-top: 30px;
}

#fst_info p:first-letter{
     float : left;
     font-weight : bold;
     font-size : 400%;
	 margin-right:5px;
	}
	
/*------------------------ メガメニュー ---------------------------*/	
.megamenu{
width:400px;
position: absolute;
display: none;
left: 0;
top: 0;
margin-left:20px;
background: white;
border: 1px solid #f06b24;
border-width: 5px;
padding:5px;
z-index: 100;

}

.megamenu .column{
width: 100%; 
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding:10px;
float: left;
font-weight:bold;
}

.megamenu h4{
background: #f06b24;
font: bold 13px Arial;
color:#FFF;
margin: 0 5px 0;
padding:5px;
font-size:16px;
}

.megamenu .column ul li a{
text-decoration: none;
padding:5px;
font-size:20px;
font-weight:bold;
}

.megamenu .column ul li a:hover{
color:#FFF;
background:#F97C00;
}
/*------------------------ パターン ---------------------------*/

.reserve{
	margin:40px auto 20px;
	}
	
.schedule{
	margin:20px auto;
	background-color:#FDF37C;
	}
	
	
/*------------------------ パターン ---------------------------*/
.pattern{
	margin:0 5px 5px 0;
	width: 205px;
	height: 280px;
	text-align:left;
	background-color :#EFFAFF;
	border : 1px solid #ccc;
	float:left;
	}

.pattern_end{
	margin:0 0 5px 0;
	width: 205px;
	height: 280px;
	text-align:left;
	background-color :#EFFAFF;
	border : 1px solid #ccc;
	float: left;
	}


.pattern p ,.pattern_end p{
	margin: 10px;
	}

.pattern img,.pattern_end img{
	border: 1px solid #ccc;
	margin-left:30px;
	}
	
	
/*------------------------ 激写 ------------------------*/



.gekisya{
	margin:0 5px 5px 0;
	padding:15px 0px 0px 0px;
	width: 178px;
	height: 130px;
	text-align:center;
	background-color :#EFFAFF;
	border : 1px solid #ccc ;
	float:left;
	}

.gekisya_end{
	margin:0 0 5px 0;
	padding:15px 0px 0px 0px;
	width: 178px;
	height: 130px;
	text-align:center;
	background-color :#EFFAFF;
	border : 1px solid #ccc ;
	float: right;
	}


.notice{
	width: 748px;
	}

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

.m-top{
	margin-top:80px;}

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


#pt_box {
	clear:both;
	position:relative;
	background-color:#FFF;
	width:845px;
	height:150px;
	margin: 0 auto;
	background:url(img/pt.gif) no-repeat left top;
}
#pt {
	width:550px;
	height:145px;
	clear:both;
	list-style-type: none;
	padding: 5px;
	margin:0 auto;
	position:absolute;
	top:0px;
	left:280px;
	
}
#pt li {
display: inline;
border: 0px none;
}
#pt li img {
}


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




hr.line{
clear:both;
width:660px;
margin-bottom:10px;
background:url(img/sheraton/hr.gif) repeat-x;
}



	
/*---------------------------------------------------
* clrfix
*--------------------------------------------------*/

/*----- IE以外のモダンブラウザ向け -----*/
.clr:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*----- IE7および、Mac：IE5向け -----*/
.clr {
  display: inline-block;
}


/*----- IE6以前向け -----*/
/* Hides from IE-mac \*/
* html .clr {
  height: 1%;
}

.clr {
  display: block;
}