@charset "utf-8";

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

reset

----------------------*/
@import url(reset.css);


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

global

----------------------*/
body {
	font-size: 12px;
	color: #444;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	letter-spacing: .08em;
}

h5 {
	margin: 15px 0 5px;
	padding-left: 18px;
	font-size: 13px;
	letter-spacing: .2em;
	background: url(/shared/img/izu_h5_arrow.gif) left center no-repeat;
}
p { padding: 10px 15px; line-height: 1.5em; }
p.line { border-left: #c1d8e5 1px solid; margin-left: 20px; }

address{
	font-family: 'Cardo', serif;
	font-size: 9px;
	font-style: italic;
	letter-spacing: .1em;
	text-align: right;
	padding-top: 35px;
}

.sub{
	background-color:eff9ff;
	width:720px;
	height:25px;
	font-size:13px;
	color:#444444;
}

/* wrapper */
#wrapper {
	margin: 0 auto;
	width: 960px;
}

/* menu */
#menu {}
	#menu ul {
		width: 960px;
		height: 60px;
		list-style-type: none;
		background: url(/shared/img/izu_menu.jpg) no-repeat left top;
	}
		/* menuCommon */
		#menu li { float: left; height: 60px; }
		#menu li a { height: 60px; background: url(/shared/img/izu_menu.jpg) no-repeat left top; display: block; }	
		/* menu01 */
		#menu li.m01, #menu li.m01 a { width: 147px; }
		#menu li.m01 a { background-position: 0 0; }
		#menu li.m01 a:hover { background-position: 0 -60px; }
		#menu li.m01 a.on { background-position: 0 -120px; }
		/* menu02 */
		#menu li.m02, #menu li.m02 a { width: 84px; }
		#menu li.m02 a { background-position: -147px 0; }
		#menu li.m02 a:hover { background-position: -147px -60px; }
		#menu li.m02 a.on { background-position: -147px -120px; }
		/* menu03 */
		#menu li.m03, #menu li.m03 a { width: 130px; }
		#menu li.m03 a { background-position: -231px 0; }
		#menu li.m03 a:hover { background-position: -231px -60px; }
		#menu li.m03 a.on { background-position: -231px -120px; }
		/* menu04 */
		#menu li.m04, #menu li.m04 a { width: 87px; }
		#menu li.m04 a { background-position: -361px 0; }
		#menu li.m04 a:hover { background-position: -361px -60px; }
		#menu li.m04 a.on { background-position: -361px -120px; }
		/* menu05 */
		#menu li.m05, #menu li.m05 a { width: 89px; }
		#menu li.m05 a { background-position: -448px 0; }
		#menu li.m05 a:hover { background-position: -448px -60px; }
		#menu li.m05 a.on { background-position: -448px -120px; }
		/* menu06 */
		#menu li.m06, #menu li.m06 a { width: 152px; }
		#menu li.m06 a { background-position: -537px 0; }
		#menu li.m06 a:hover { background-position: -537px -60px; }
		#menu li.m06 a.on { background-position: -537px -120px; }
		/* menu07 */
		#menu li.m07, #menu li.m07 a { width: 95px; }
		#menu li.m07 a { background-position: -689px 0; }
		#menu li.m07 a:hover { background-position: -689px -60px; }
		#menu li.m07 a.on { background-position: -689px -120px; }
		/* menu08 */
		#menu li.m08, #menu li.m08 a { width: 176px; }
		#menu li.m08 a { background-position: -784px 0; }
		#menu li.m08 a:hover { background-position: -784px -60px; }
		#menu li.m08 a.on { background-position: -784px -120px; }

/* foot */
#footWrap {
	margin-top: 50px;
	width: 100%;
	border-top: 3px solid #62aada;
}
	#footer {
		margin: 0 auto;
		width: 960px;
		padding: 0 20px 40px 20px;
	}
		#footLogo {
			float: left;
			margin-top: 20px;
			width: 290px;
		}
		#footCont {
			float: left;
			margin-top: 20px;
			margin-left: 20px;
			width: 650px;
			height: 50px;
		}
		/* footerMenu */
		#footer ul { float: right; margin-top: 40px; }
			#footer li { float: left; margin: 0 12px; }
		
/* bottom */
#bottomWrap {
	margin-top: 5px;
	width: 100%;
	background: url(/shared/img/izu_foot_bg.jpg) left top repeat-x;
}
	#bottom {
		margin: auto;
		width: 960px;
		height: 60px;
		color: #1f628e;
	}
		/* bottomMenu */
		#bottom ul {}
			#bottom li {
				float: left;
				background: url(/shared/img/izu_bottomArrow02.gif) left center no-repeat;
				margin-top: 15px;
				padding: 6px 10px 2px 22px;
				font-size: 11px;
				letter-spacing: .1em;
			}
			#bottom li a { color: #1f628e; text-decoration: none; }
			#bottom li a:hover { text-decoration: underline; }
			#bottom li.top {background: url(/shared/img/izu_bottomArrow01.gif) left center no-repeat; padding-left: 12px;}


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

local-topPage

----------------------*/
body#top {
	background: url(/izu/img/topBg.jpg) left top repeat-x;
}
	#swfArea {
		height: 330px;
		margin: 0;
		padding:0;
		overflow: hidden;
	}
	#topCont {
		width:940px;
		padding:20px 10px;
	}
		#topTopic {
			width: 258px;
			float: left;
			margin-right: 10px;
			font-size: 11px;
		}
			#topTopic a { color: #444; text-decoration: none; }
			#topTopic a:hover { color: #aaa; }
			#topTopic ul { margin: 10px; }
			#topTopic li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px #ccc dotted; }
			#topTopic dt { background: url(/izu/img/topicArrow.gif) left 3px no-repeat; padding-left: 12px; }
			#topTopic dd { padding-left: 12px; }

		#topBf {
			width: 328px;
			height: 350px;
			float: left;
			margin-right: 10px;
		}
		#topPlan { width: 328px; height: 350px; float:left; }
		#topBnr {
			width: 668px;
			height: 400px;
			margin-top: 10px;
			float: left;
		}

	/* slide menu */
	#topcon {
		height: 200px;
		padding-top: 17px;
		background: #066880 url(/izu/img/izu_topnav_bg.jpg) left top repeat-x;
		width: 960px;
	}
		.scrollable {
			position: relative;
			overflow: hidden;
			width: 880px;
			height: 200px;
			float: left;
		}
			.scrollable .items{ width: 20000em; position:absolute; clear:both;}
			.items div { float: left; width: 960px; }
			.scrollable img {
				margin: 10px 4px;
				background: url(/shared/img/bgline_wh.gif) left top repeat;
				padding: 0;
				width: 285px;
				height: 160px;
				border: 1px #ccc solid;
			}
			.scrollable .active { border:2px solid #000; position: relative; cursor: default; }
		/* slide menu - button */
		a.browse {
			background: url(/izu/img/izu_topnav_arrow.jpg) no-repeat;
			display: block;
			width: 30px;
			height: 30px;
			float: left;
			margin: 80px 5px;
			cursor: pointer;
			font-size: 1px;
		}
		a.right { background-position: 0 -30px; clear: right; margin-right: 0; }
		a.right:hover { background-position: -30px -30px; }
		a.right:active { background-position: -60px -30px; }
		a.left { margin-left: 0; } 
		a.left:hover { background-position: -30px 0; }
		a.left:active { background-position: -60px 0; }
		a.disabled { visibility: hidden !important; }


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

local-lowerPages

----------------------*/
/* body */
body#common {
	background: url(/shared/img/izu_common_bg.jpg) left top repeat-x;
}

/* header */
#header {
	padding: 0 20px;
	height: 100px;
}
	#header h1 { float: left; margin-top: 15px; margin-left: 20px; }
	#headBtn01 { float: right; width: 310px; height: 40px; }
	#headBtn02 { float: right; width: 400px; height: 35px; margin-top: 12px; }

/* navi */
#navi {
	height: 30px;
}
	#navi ul{ margin: 8px 10px; font-size: 11px; letter-spacing: .1em; float: right; }
		#navi li {
			float: left;
			margin-left: 5px;
			padding-left: 7px;
			background: url(/shared/img/izu_nav_arrow.gif) left center no-repeat;
		}
		#navi li a { color: #fff; text-decoration: none; }
		#navi li a:hover { text-decoration: underline; }
		#navi li.top { background: none; }
		

/* cont */
#cont {
	padding: 10px;
	_display: inline-block;
}
*:first-child+html #cont { overflow: hidden; }

	/* main */
	#main {
		float: left;
		width: 730px;
	}
		/* fair */
		#izu1, #izu2, #izu3, #izu4, #izu5, #izu6, #izu7, #izu8, #izu9, #izu10, #izu11, #izu12, #tokyo1, #tokyo2, #tokyo3, #tokyo4, #tokyo5, #tokyo6, #tokyo7, #tokyo8, #tokyo9, #tokyo10, #tokyo11, #tokyo12 { display: none; }
		/* calender */
		table.faircal{
			border: 0;
			vertical-align: top;
			border-collapse: collapse;
			border-spacing: 0;
			margin: 5px 10px;
		}
			table a { color: #444; text-decoration: none; }
			table.faircal td{
				border: 0;
				vertical-align: top;
			}
			table.faircal th,
			table.faircal td {
				border: #ccc 1px solid;
				text-align: center;
				width: 100px;
				_width: 95px;
			}
			table.faircal th {
				font-size: 10px;
				letter-spacing:.1em;
				height: 30px;
				background: #d5eefe;
			}
			table.faircal tr.primo th,
			table.faircal tr.primo td {
				border:#ccc 1px solid;
				text-align: center;
				width: 100px;
			}
			table.faircal tr.primo th {
				background: #444;
			}
			table.faircal tr.tokyo th,
			table.faircal tr.tokyo td {
				border: #d3c5bc 1px solid;
				text-align: center;
				width: 100px;
			}
			table.faircal tr.tokyo th {
				background: #4a2913;
			}
			table.faircal td {
				background: #fff;
				height: 85px;
				padding-bottom: 10px;
			}
			table.faircal td.off { background: #eee; }
			table.faircal dl { margin-bottom: 0; }
			table.faircal dt { padding:5px;margin:0 0 10px; }
			table.faircal dt.sat { background: #e8fafe; }
			table.faircal dt.sun{ background: #ffdeec; }
			table.faircal dd { font-size: 9px; padding: 3px 5px; line-height: 110%; }
			table.faircal dd img{ margin: 0 2px; }
		/* fair */
		table.fair { margin-top: 10px; border-bottom: 1px #ccc dotted; }
			table.fair th { width: 70px; border-top: 1px #ccc dotted; padding: 15px; text-align: center; background: #ecf7ff; }
			table.fair td { width: 400px; border-top: 1px #ccc dotted; padding: 15px; }
		table.fair_tokyo { margin-top: 10px; border-bottom: 1px #ccc dotted; }
			table.fair_tokyo th { width: 70px; border-top: 1px #ccc dotted; padding: 15px; text-align: center; background: #f2e7d6; }
			table.fair_tokyo td { width: 400px; border-top: 1px #ccc dotted; padding: 15px; }

		/* contMenu */
		.contMenu { width: 720px; margin: 20px 0; }
			.contMenuIn { float:left; width: 230px; margin-right:8px; border: 1px solid #fff; }
				.contMenuIn p { font-size: 11px; line-height: 1.4em; }
		/* middleMenu */
		.middleMenu { margin-top: 5px; }
			.middleMenuIn { float:left; width: 238px; height: 118px; margin: 0 1px; }
		/* photoGallery */
		#phowrap {}
		#phonav {}
			#phonav ul { margin-top: 485px; }
				#phonav li { list-style-type: none; width: 88px; float: left; padding-left: 2px; }
				#phonav li a { cursor: pointer; }
					#phonav li img { margin: 0; }
					#phonav .page { width: 720px; float: left; }
						#phonav .page li a { cursor: pointer; }
		#phomain{ margin-top: 20px; }
			#phomain img{ position: absolute; border: 1px solid #ccc; padding: 4px; }
			#phocapt01,
			#phocapt02,
			#phocapt03,
			#phocapt04,
			#phocapt05,
			#phocapt06,
			#phocapt07,
			#phocapt08 {
				background: none;
				position: relative;
				width: 410px;
				height: 65px;
				padding: 20px 20px 20px 290px;;
				margin-bottom: -95px;
				left: 0;
				top: -190px;
				display: none;
				float: right;
			}
			#phocapt01 { display: block; }
		/* chefs */
		table.chefs {}
			table.chefs th { width:80px; border-top: 1px #ccc dotted; text-align: center; }
			table.chefs td { border-top: 1px #ccc dotted; padding: 8px; }
		ul.chefs { border: 1px #ccc dotted; padding: 8px 15px; }
			ul.chefs li {
				padding-left: 7px;
				background: url(/shared/img/izu_list_arrow01.gif) left center no-repeat;
			}
		/* plan */
		table.plan01 { margin-top: 10px; border-bottom: 1px #ccc dotted; }
			table.plan01 th { width:80px; border-top: 1px #ccc dotted; text-align: center; background: #f8fcff; }
			table.plan01 td { border-top: 1px #ccc dotted; padding: 8px; }
			.plan01 ol { margin-bottom: 10px; }
			.plan01 ol li { margin-left: 20px; list-style-type: decimal; }
		table.plan02 { margin-top: 10px; border-bottom: 1px #ccc dotted; width: 100%;}
			table.plan02 th { width:150px; border-top: 1px #ccc dotted; text-align: center; background: #f8fcff; padding: 8px; }
			table.plan02 td { border-top: 1px #ccc dotted; padding: 8px; text-align: center; }
			table.plan02 tr.sub td { padding: 3px; font-size: 9px; border: none; }
		.h3plan{
			font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			font-size:14px;
			color:#5889AB;
			border-left-color: #7EB9E1; /* 左枠の色 */
  			padding: 3px 0px 0px 10px; /* 余白の幅 */
  			border-style: solid; /* 枠の種類 */
  			border-width: 0px 0px 0px 3px; /* 枠の幅 */
			font-weight:bolder;
		}

			
		
		
		/* invite */
		#inv {
			border: 1px solid #ccc;
			padding: 10px;
			margin-top: 10px;
			width: 700px;
		}
			#invPho {
				float: left;
				width: 270px;
				height: 180px;
			}
			#invTxt {
				float: left;
				margin-left: 10px;
				width: 420px;
				height: 180px;
			}

	/* side */
	#side {
		float: left;
		margin-left: 10px;
		padding-top: 10px;
		width: 200px;
	}
		#side img{ margin-bottom: 10px; }


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

local-report

----------------------*/
		#coreContent { margin-top: 20px; }
		#coreContent h3 {
			font-size: 16px;
			font-weight: bold;
			padding-left: 20px;
			background: url(/shared/img/izu_h5_arrow.gif) left center no-repeat; }
		#coreContent h3 a { text-decoration: none; color: #444; }
		#coreContent h5 { background: none; }
		p strong { letter-spacing: .05em; color: #1994b3; }
			.entry-content { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px #ccc dotted; }
			.entry-content img { border: #ccc 1px solid; padding: 5px; margin: 0 5px 15px 0; }
			.entry-content table { float: right; margin: 10px 0; }
			.entry-content th { background: #1994b3; color: #fff; padding: 3px 5px; width: 210px; }
			.entry-content td { border-bottom: 1px #ccc dotted; padding: 3px 10px; }
		#coreContent .postDate,
		#coreContent .author,
		.postMeta,
		.comments {
			display: none;
		}
		
		/* img link */
.a:hover img,.a:active img{
filter:alpha(opacity= 60); /* IE */
-moz-opacity:0.60; /* Firefox CSS3以前 */
opacity:0.60; /* CSS3 */
}
