/* -------------------------------------------------
	Theme Name: ）
	Theme URL: http://www.shikikoubou.com/
	Description: 稲佐山観光ホテル　春爛漫フェスティバルグラバー園チケット付きプラン告知　単独Ｐ
	Author: ぱぱっとWEB
	Author URI: http://www.papatto-web.com/
	Version: 1.0		
------------------------------------------------- */


/* 設定リセット
==================================================*/


/*-- body設定 -------------*/

body {
	font-size: 75%;
	font-family: "メイリオ","Meiryo",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; 
	text-align: center;
	line-height: 2;
	color: #333;
}

/*-- ブラウザのマージンとパディング初期化 -------------*/

* {
	margin: 0;
	padding: 0;
}

/*-- タグ毎のマージンとパディング初期化 -------------*/

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
	padding: 0;
	margin: 0;
}

/*-- 見出し初期化 -------------*/

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/*-- 画像　初期化 -------------*/

img {
	vertical-align:top;
	margin:0;
	padding:0;
	border: none;
}

/*-- テーブル設定 -------------*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,td,textarea { font-size: 100%; }

/*-- リスト初期化 -------------*/

ol,ul {	list-style: none; }

/*-- その他パーツ初期化 -------------*/

address,em,cite { font-style: normal; }






/* リンク関連
==================================================*/

a { overflow: hidden; text-decoration: none; }
a:link    { color: #007fae; text-decoration: underline; }
a:visited { color: #007fae; text-decoration: underline; }
a:hover   { color: #007fae; text-decoration: none; }
a:active  { color: #007fae; text-decoration: none; }





/* float解除　フロートパーツ後に見えないブロック配置
==================================================*/
.flclea { 
	zoom: 100%;
}

.flclea:after {
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}



/* 設定リセット　以上
==================================================
==================================================
=================================================↑*/

body{
	background-color:#9CBD53;
	}

/* ヘッダ関連
==================================================*/
div#header {
	position: relative;
	width: 780px;
	height:50px;
	background: url(img/logo.png) no-repeat left 5px;
	margin: 0 auto;
	text-align: left;
}

div#header h1 a {
	position: absolute;
	width: 200px;
	height: 38px;
	text-indent: -7800em;
	overflow: hidden;
	top: 5px;
	left: 0;
}



/* コンテンツ関連
==================================================*/

div#content {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
}



/*--メインイメージ  -------------*/

div#content div.mainimg {
	position: relative;
	height: 296px;
	background: url(img/top_bk.jpg) no-repeat left top;
}

div#content div.mainimg h2,
div#content div.mainimg p {
	text-indent: -1000em;
	overflow: hidden;
}

div#content div.mainimg01 {
	margin: 0 auto;
	width:675px;
	margin-bottom:15px;
}



/*--本文ここから  -------------*/

div#content div.point h3,
div#content div.point h4,
div#content div.point h5,
div#content div.point p,
div#content div.point table,
div#content div.point dl,
div#content div.point ul {
	text-indent: -1000em;
	overflow: hidden;
}

div#content div.point a.btn {
	position: absolute;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
}



/*--ふぇす告知- 1  -------------*/


div#content div.box-01 {
	position: relative;
	background: url(img/guraba01-_ti.gif) no-repeat ;
	padding-top:64px;
}

div#content div.box-01 div.txst{
	background: url(img/guraba-01.jpg) no-repeat left top;
	margin: 0 auto;
	width:500px;
	padding-left:125px;

}

/*--ご宿泊案内- ２  -------------*/
div#content div.box-02 {
	position: relative;
	background: url(img/syuku-info.jpg) no-repeat left top;
}

div#content div.box-02 div.yukuinfo{
	margin: 0 auto;
	width: 660px;
	padding-top:95px;
}


/*--宿泊案内　３ -------------*/

div#content div.box-03 {
	position: relative;
	background: url(img/syuku-01.jpg) no-repeat left top;
}

div#content div.box-03 div.yukuinfo-2{
	width: 480px;
	padding-left:258px;
	padding-top:195px;
}


/*--春ふぇす詳細　４ -------------*/

div#content div.box-04 {
	position: relative;
	height: 454px;
	background: url(img/fes-info.jpg) no-repeat left top;
}

div#content  div.fesinfo{
	margin: 0 auto;
	width: 700px;
}

div#content div.fesinfo p{
	margin-top:15px;
}

div#content div.fesinfo table.tabletype01{
border:0;
width:100%;
background:url("img/line_dot.gif") 0 0 repeat-x;
}

div#content table.tabletype01 th,
div#content table.tabletype01 td{
padding:10px;
border:0;
background:url("img/line_dot.gif") 0 100% repeat-x;
}

div#content table.tabletype01 tbody th{
width:15em;
text-align:left;
font-weight:bold;
vertical-align:top;
}




/* 問い合わせＢＯＸ
==================================================*/

div#content div.yoyaku {
	position: relative;
	height: 288px;
	background: url(img/yoyaku.jpg) no-repeat left top;
}

/*ボタン設定 文字飛ばしとボックス化　*/

div#content div.yoyaku a.btn1,
div#content div.yoyaku a.btn2{
	position: absolute;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
}




/*イベント案内ボタン　*/
div#content div.yoyaku a.btn1 {
	width: 343px;
	height: 104px;
	top: 111px;
	left: 39px;
}

/*資料請求ボタン　*/
div#content div.yoyaku a.btn2 {
	width: 349px;
	height: 104px;
	top: 111px;
	left: 395px;
}

/*問い合わせボタン　*/
div#content div.contact a.btn3 {
	width: 224px;
	height: 71px;
	top: 77px;
	left: 616px;
}

/*その他のテキスト飛ばし　*/
div#content div.contact h2,
div#content div.contact h3,
div#content div.contact p {
	text-indent: -1000em;
	overflow: hidden;
}





/* FOOTER
==================================================*/

div#footer {
	position: relative;
	height: 118px;
	width: 780px;
	margin: 0 auto;
	text-align: center;
	background-color:#9CBD53;
}



/* ページトップ
==================================================*/
div.pagetop {
	text-align: right;
	padding: 15px 0;
}