@charset "Shift_JIS";

/* ------------------------------
Dynatech HOTEL STORY
RESERVE FORM
ver.2004
------------------------------ */

body		{ margin: 0; padding: 0;}


/* ------------------------------------------
	HEADING
------------------------------------------ */
h1		{ color: #333; border: none;}
h2		{ color: #FFF; border: none; background-color: #333; padding: 5px 10px; margin-bottom: 10px;}
h3		{ color: #333;}
.cap		{ color: #333;}
.onelinecap	{ color: #333;}


/* ------------------------------------------
	TABLES "SEARCH"
------------------------------------------ */
span.mark	{ color: #9E0203;}


/* ------------------------------------------
	Original Header
------------------------------------------ */
html, body, div, p, dl, dt, dd, ul, ol, li, span, strong, em, table, th, td { margin: 0; padding: 0;}
ul, li		{ list-style-type: none;}



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

	0.YUI Fonts CSS

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

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}



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

	1.reset

======================================================================================================= */
body,
div,
h1, h2
a, p, img {
	margin:0;
	padding:0;
}

body {
	background-color:#f3f5f5;
	font-family:Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック","MS PGothic",sans-serif;
	color:#666;
}

h1, h2 {
	font-size:100%;
	font-weight:normal;
}

img {
	border:0;
}

.clr {
	clear:both;
	font: 1px/1px monospace;
	display: block;
}


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

	2.default

======================================================================================================= */
p {
	line-height:150%;
	margin:0 0 1em 0;
}

a {
	text-decoration:none;
	outline:none;
	border:none;
}



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

	3.Link Color

======================================================================================================= */
a:link,
a:visited {
	color:#333;
}

a:hover {
	color:#666;
}



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

	4.Layout

======================================================================================================= */
#wrapper {
	width:932px;
	height:auto;
	background-color:#FFF;
	font-size:93%;
	margin:0 auto;
}

#header {
	width:876px;
	height:75px;
	text-align:left;
	position:relative;
	padding:25px 0 0 0;
	margin:0 auto;
}


/* ------------------------------
TABLES "SEARCH"
------------------------------ */
span.mark {
color: #9E0203;}

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

	5.header

============================================================================================ */
#header h1,
#header h2 {
	background-color:#FFF;
}

#header h1 a {
	width:215px;
	height:0;
	background:url(img/logo.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	padding-top:53px;
}

#header h2 a {
	width:155px;
	height:0;
	background:url(img/img_tel.jpg) no-repeat 0 0;
	display:block;
	overflow:hidden;
	position:absolute;
	top:30px;
	left:720px;
	padding-top:60px;
}


#direct_in		{ width: 760px; margin-top: 15px; margin-bottom: 25px; text-align: center; font-size: 12px; *margin-top: 30px;}
#direct_in ul		{ list-style: none; margin: 0; padding: 0;}
#direct_in ul li	{ display: inline; padding: 0 10px; border-right: 1px solid #ddd;}
#direct_in ul li.last	{ border-right: none;}
#direct_in ul li a	{ color: #333; text-decoration: underline;}
#direct_in ul li a:hover{ color: #666; text-decoration: none;}

#original_maincol	{ width: 800px; margin: 0 auto; padding: 15px; font-size: 16px;}