/* Tags */
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.6em;
	color: #666666;
	text-align: center;
	float: none;
	vertical-align: top;
}
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}
h2.subtit {
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 14px;
	color: #777777;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}


h3.subtit {
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 14px;
	color: #777777;
	background: url(/images/icon_arrow03.gif) no-repeat left center;
}
td {
	font-size: 12px;
	line-height: 1.6em;
}
a:link, a:visited {
	color: #0066CC;
	text-decoration: none;
}
a:hover, a:active {
	color: #FF9900;
	text-decoration: underline;
}

p {
	margin: 0px;
	padding: 0 0 15px 0;
}
ol {
	margin-top: 10px;
	margin-bottom: 10px;
}
ul {
	margin: 0 0 0 20px;
	padding: 0px;
}

ul.imgRight {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.imgRight span {
	display: block;
}
ul.imgRight li {
	clear: both;
	margin: 0 0 30px 0;
	height: 190px;
}
ul.imgRight li img {
	float: right;
	margin-left: 5px;
}

form {
	margin: 0px;
	padding: 0px;
}
blockquote {
	padding: 0px;
	margin: 0 0 0 20px;
}

/* Font & Deco */
a.white:link, a.white:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.white:hover, a.white:active {
	color: #FFFFCC;
}

.white {
	color: #FFFFFF;
}

p.px10-2 {
	padding: 5px;
	margin: 0px;
	font-size: 10px;
}
p.px10-2 {
	padding: 5px;
	margin: 0px;
	font-size: 10px;
	line-height:1.2en;
}
.red {
	color: #FF3333;
}
.px14 {
	font-size: 14px;
}

.px16 {
	font-size: 16px;
}

.dotline {
	border-bottom: 1px dotted #666666;
	margin-bottom: 15px;
}

/* List */
.alpha {
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: lower-alpha;
}
.alpha li {
	margin: 0px;
	padding: 0px;
}


/* Space */
.mb5px {
	margin-bottom: 5px;
}
.mb10px {
	margin-bottom: 10px;
}
.mb15px {
	margin-bottom: 15px;
}
.mr1px {
	margin-right: 1px;
}
.mt15px {
	margin-top: 15px;
}

.mrArrow {
	margin-left: 200px;
}

.pd10px-b {
	padding: 10px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

/* Table */
.tb-type01 {
	border: 1px solid #999999;
}
.tb-type02 {
	padding: 10px;
	margin-right: 10px;
	background-color: #FFFFCC;
	border: 1px solid #CCCCCC;
	float: left;
	text-align: center;
	width: 200px;
}

/* All */
#layout {
	width: 788px;
	padding: 0 6px;
	margin: 0px auto;
	background-repeat: repeat-y;
	background-position: right;
}
.fhImg {
	width: 800px;
	margin: 0px auto;
}

/* Header */
#header {
	width: 795px;
}
.hLeft {
	padding: 10px 0 10px 10px;
	float: left;
	width: 540px;
	text-align: left;
	font-weight: bold;
}
.hLeft h1 a {
	line-height: 1em;
	display: block;
	background: url(/images/index_logo.gif) no-repeat left top;
	width: 400px;
	height: 24px;
	margin-bottom: 3px;
}
.hRight {
	padding: 10px 0px 2px 0;
	float: right;
	text-align: right;
}
.home {
	width: 200px;
	height: 16px;
	background: url(/images/bg_home.gif) no-repeat;
	line-height: 1.4em;
	color: #FFFFCC;
}

/* Navi */
#naviArea {
	width: 795px;
	background-color: #747474;
	text-align: left;
}

/* Main */
#mainArea {
	padding: 10 10 0 0;
	background-image: url(%E7%9B%B8%E7%B6%9A%E3%81%AE%E7%9F%A5%E8%AD%98%E9%87%8D%E8%A6%81%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88);
	background-repeat: repeat-y;
	background-position: left;
}
.bnArea {
	width: 580px;
}
.bnArea img {
	margin-top: 2px;
}
.bnArea2nd {
	width: 554px;
}
.bnArea2nd img {
	margin-top: 2px;
}

/* Left */
#leftArea {
	width: 585px;
	float: left;
	text-align: left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 0;
	padding: 10 0 0 0;
	background-image: url(%E7%9B%B8%E7%B6%9A%E3%81%AE%E7%9F%A5%E8%AD%98%E9%87%8D%E8%A6%81%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88);
	background-repeat: repeat-y;
	background-position: left;
}
#leftArea ul {
	margin: 0 0 15px 0;
	padding: 0px;
	list-style-type: none;
}
#leftArea li {
	margin: 0px;
	padding: 0 0 0 13px;
	background: url(/images/icon_arrow.gif) no-repeat 0px 6px;
	border-bottom: 1px dotted #999999;
}
.leftArea-in {
	width: 554px;
}

/* Right */
#rightArea {
	width: 159px;
	float: right;
	padding-bottom: 15px;
	font-size: 10px;
	text-align: left;
	padding-top: 5px;
	margin-left: 0px;
	background-image: url(../images/back_dot.gif);
	background-repeat: repeat;
}
#rightArea ul {
	margin: 0 0 15px 0;
	padding: 0px;
	list-style-type: none;
}
#rightArea li {
	margin: 0px;
	padding: 0 0 0 13px;
	background: url(/images/icon_arrow.gif) no-repeat 0px 6px;
	border-bottom: 1px dotted #999999;
}

/* Footer */
#footer {
	width: 788px;
	padding-top: 10px;
	font-size: 10px;
	line-height: 1em;
	border-top: 5px solid #666666;
}
.fLeft {
	float: left;
	text-align: left;
}
.fRight {
	float: right;
	text-align: right;
}
.fRight img {
	vertical-align: middle;
}

/* Form */
.fm {
	border: 1px solid #999999;
	font-size: 12px;
}
.fm-small {
	width: 80px;
	border: 1px solid #999999;
	font-size: 12px;
}
.fm-middle {
	width: 140px;
	border: 1px solid #999999;
	font-size: 12px;
}
.fm-large {
	width: 300px;
	border: 1px solid #999999;
	font-size: 12px;
}
.fm-largest {
	width: 550px;
	border: 1px solid #999999;
	font-size: 12px;
}

#error {
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	margin: 2px 0 10px 0;
	padding: 9px 0 9px 28px;
	background: url(error.gif) no-repeat 5px 50% #FF3300;
}

/*後から追加しました佐々木*/

/*center追加*/

.center_1{
	width:556px;
}


.center_left{
	width:273px;
	border:1px solid #999999;
	float:left;
}

.center_right{
	width:273px;
	border:1px solid #999999;	
	margin:0px;
	float:left
}

.center_clear_p{
	clear:both;
	margin:0px;
	padding:0px;
}

.bold {
font-weight: bold;
}
/*=============20100226予約状況２シートのみに使用するcss追加=============*/
#centerArea {
	width: 760px;
	padding: 0 10px 15px 50px;
	text-align:left;
	float:none;
}
#centerArea ul {
	margin: 0 0 15px 0;
	padding: 0px;
	list-style-type: none;
}
#centerArea li {
	margin: 0px;
	padding: 0 0 0 15px;
	overflow:auto;
	background: url(../images/icon_arrow.gif) 
	no-repeat 2px 4px;
}
.centerArea-in {
	width: 760px;

}
.table2 {
	width:700px;
	background-color:#CCCCCC;
	color: #666666;
	}
.td1{
	width:98px;
	background-color:#FFA800;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4em;	
}
.td2{
	width:600px;
	background-color:#FFFFFF;
	font-size: 14px;
	line-height: 1.4em;
	color:#CC3333;
}
.td3{
	width:98px;
	background-color:#0099FF;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4em;	
}
.td540{
	width:698px;
	text-align:center;
	background-color:#FFFFFF;
	font-size: 14px;
	line-height: 1.4em;
	color:#3333CC;
	font-weight: bold;
	}

.td225{
	width:300px;
	text-align:center;
	background-color:#FFFFFF;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
	}
.td225ao{
	width:300px;
	text-align:center;
	background-color:#CCFFFF;
	font-size: 14px;
	line-height: 1.4em;
	color:#0000FF;
	font-weight: bold;
	}	
.td225aka{
	width:300px;
	text-align:center;
	background-color:#FFCCCC;
	font-size: 14px;
	line-height: 1.4em;
	color:#FF0000;
	font-weight: bold;
	}	
.td225mida{
	width:300px;
	text-align:center;
	background-color:#CCCCFF;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
	}
.td225batu{
	width:300px;
	text-align:center;
	background-color:#999999;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
	}
.td170{
	width:238px;
	text-align:center;
	background-color:#FFFFFF;
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
	}
.td170mida{
	width:238px;
	text-align:center;
	background-color:#FFCC99;
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
	}
.td150{
	width:150px;
	text-align:center;
	background-color:#FFFFFF;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
	}
.td150mini{
	width:150px;
	text-align:center;
	background-color:#FFFFFF;
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
	}

.td150ok{
	width:150px;
	text-align:center;
	background-color:#FFFFCC;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
	}
.td150batu{
	width:150px;
	text-align:center;
	background-color:#9999FF;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
	}		
.td150mida{
	width:150px;
	text-align:center;
	background-color:#FFCC99;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
	}
.td98{
	width:98px;
	text-align:center;
	background-color:#FFFFFF;	
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
}
.td98hai{
	width:98px;
	text-align:center;
	background-color:#CCCCCC;	
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
}
.td98mida{
	width:98px;
	text-align:center;
	background-color:#CCCCFF;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
}
.td98mida2{
	width:98px;
	text-align:center;
	background-color:#FFCC99;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
}
.td98mida3{
	width:98px;
	text-align:center;
	background-color:#CCFFCC;
	font-size: 14px;
	line-height: 1.4em;
	color: #000000;
}
.td60{
	width:60px;
	text-align:center;
	background-color:#FFFFFF;
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
	}

.td60ok{
	width:60px;
	text-align:center;
	background-color:#FFFFCC;
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
	}
.td60batu{
	width:60px;
	text-align:center;
	background-color:#9999FF;
	font-size:12px;
	line-height: 1.4em;
	color: #000000;
	}	
.td60mida{
	width:60px;
	text-align:center;
	background-color:#FFCC99;
	font-size:12px;
	line-height: 1.4em;
	color: #000000;
	}
.baner1{
	width:700px;
	text-align:center;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}	
.yellow01 {
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/back_yellow.gif);
}
.green_b {
	width:282px;
	height:33px;
	background-image: url(../images/back_green.gif);
	vertical-align: middle;
	text-align: center;
}