@charset "utf-8";

/*---------------------------------------------
01. *, body
---------------------------------------------*/
*      { margin: 0px; padding: 0px; font-size: 100%; }
body   { color: #333333; font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; text-align: left; background-color: #CFE1C8; }
hr     { display: none; }
img    { border: none; vertical-align: middle; }
sup, sub { font-size: 80%; }
#wrap  { width: 794px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; text-align: left; background: url(./imgs/bg.jpg)  0 0 repeat; }
a { overflow: hidden }
a:link            { color: #333333; text-decoration: underline; }
a:visited         { color: #333333; text-decoration: underline; }
a:hover, a:active { color: #333333; text-decoration: underline; }

/*---------------------------------------------
02. header
---------------------------------------------*/
#header         { width: 750px; height: 46px; margin: 0px 0px 0px 22px;}
#header h1   { width: 750px; height: 46px; position: relative; top: 0px; left: 0px; }
/*---------------------------------------------
03. main
---------------------------------------------*/
#content { width: 750px; margin: 0px 0px 0px 22px; padding: 0; text-align: left; background-color: #ffffff;}
.cl	{ clear: both;}
#title	{ width: 335px; margin: 10px 0 5px 50px;}
#content h2	{ margin: 10px 0 0 16px;}
ul.step {
	list-style:none;
	float:left;
	margin: 5px 0 0 8px;
	width:718px;
	padding:0px;
}
ul.step li {
	float:left;
	padding:0px;
	margin: 0px;
}
#step-txt	{ width: 658px; color: #C30F3A; font-size: 85%; margin: 20px 30px;}


#select	{ width: 718px; margin: 20px 16px 0px 16px; padding: 0; background-color: #FFDFDF;}
#att	{ width: 718px; margin: 4px 16px 10px 16px; padding: 0; font-size: 65%; color: #CC0000; text-align:right;}
.s-hf1	{ width: 718px; height: 10px; margin: 0; padding: 0; background: url(./imgs/gl_top.gif)  0 0 no-repeat; }
.s-hf2	{ clear: both; width: 718px; height: 10px; margin: 0; padding: 0; background: url(./imgs/gl_foot.gif)  0 0 no-repeat; background-color: #FFFFFF;}
#s-body	{ width: 718px; margin: 0px; background-color: #FFDFDF; padding: 0;}
#place1	{ float: left; width: 330px; margin: 0px 0 0 10px; padding: 0;}
#place1 p	{ color: #333333; font-size: 80%; margin: 0px; padding: 0;}
#place1-on	{ float: left; width: 330px; margin: 0px 0 0 10px; padding: 0;}
#place1-on p	{ color: #CC0000; font-size: 80%; margin: 0px; padding: 0;}
.pb	{ font-weight: bold;}
#place2	{ width: 330px; float: right; margin: 0 10px 0 0; padding: 0;}
#place2 p	{ color: #333333; font-size: 80%; margin: 0px; padding: 0;}
#place2-on	{ width: 330px; float: right; margin: 0 10px 0 0; padding: 0;}
#place2-on p	{ color: #CC0000; font-size: 80%; margin: 0px; padding: 0;}
#back	{  clear: both; width: 695px; margin: 5px 10px 0 10px; padding: 0; text-align: right;}
#fare	{ clear: both; width: 695px; margin: 5px 10px 0 10px; padding: 0; border-top: 1px #ffffff solid;}
#fare p	{ color: #333333; font-size: 80%; margin: 5px 5px 5px 0px; padding: 0;}
#main { width: 718px; margin: 20px 16px; padding: 0; }
#main h2 { margin: 0px; padding: 0; }

#mainLeft { float: left; width: 342px; margin: 0px 17px 0px 0px; padding: 0; text-align: left; }
#obj	{ width: 198px; height: 98px; border: 1px #CCCCCC solid; margin: 0px; margin: 0px;}#mainLeft ul { margin: 0px; padding: 0px; list-style-type: none; }
#mainLeft li { width: 190px; height: 20px; color: #ffffff; font-size:80%; margin: 5px 0 0 0; padding: 3px 0 0 10px; background: url(../imgs/base/gr_bg.gif)  0 0 no-repeat; }
#mobile	{ width: 200px; margin: 10px 0 10px 0;}

#mainRight { float: right; width: 342px; margin: 0px; padding: 0; text-align: left; }
#mainCenter { clear: both; width: 718px; margin: 20px 0px 0px 0px; padding: 0; text-align: left; }
.pp	{ width: 330px; margin: 10px 5px; font-size:80%;}
.pp-b	{ width: 700px; margin: 10px 5px; font-size:80%;}
.pp-b:after { content: ""; display: block; height: 0; clear: both; }
.pp-b-new { margin: 0; padding: 2px 0 4px 0; float: right; width: 160px; text-align: center; border:1px #cccccc solid; }
.pp-b-new2 { margin: 0; padding: 2px 0 4px 0; float: right; width: 160px; text-align: center; border:1px #cccccc solid; background-color: #FFDFDF; }
.box	{ width: 330px; margin:  10px 5px 20px 5px; font-size:80%;}
.box2	{ width: 696px; margin:  10px 5px; font-size:80%;}
.box-p	{ width: 320px; margin: 10px 5px 20px 5px ; font-size:80%; border:1px #cccccc solid; background-color: #CFE1C8; padding:5px; text-align: center;}
.box-p2	{ width: 696px; margin: 10px 5px 20px 5px ; font-size:80%; border:1px #cccccc solid; background-color: #CFE1C8; padding:5px; text-align: center;}
.box-pp	{ width: 696px; margin: 10px 5px; font-size:80%; border:1px #cccccc solid; background-color: #e8e8e8; padding:5px; text-align: left;}
.news	{ width: 342px; height: 67px;  padding:0; margin: 10px 0; background: url(./imgs/news.gif)  0 0 no-repeat; }
.news2	{ width: 342px; height: 67px;  padding:0; margin: 10px 0; background: url(./imgs/news2.gif)  0 0 no-repeat; }
.news-p	{ width: 320px; color: #333; padding:32px 0 0 0; margin: 0px 10px 0 10px; font-size:80%; line-height: 130%;}


#map-a	{width: 718px; height: 180px ; margin: 0px; padding: 0; font-size:80%;}

.map	{float: left; width: 228px; margin: 4px;}
.map p	{margin: 4px;}
.s-list	{width: 700px; margin: 10px 5px; font-size: 80%; border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid; padding: 0 0 10px 0;}
.s-list:after { content: ""; display: block; height: 0; clear: both; }
.s-list ul{ width: 690px; margin: 5px; padding: 0; list-style-type: none;}
.s-list li{ width: 200px; float: left; margin: 10px 20px 0 0; }
.g-list	{width: 700px; margin: 10px 5px 20px 5px; font-size: 80%; padding: 0 0 10px 0;}
.g-list:after { content: ""; display: block; height: 0; clear: both; }
.g-list ul{ width: 690px; margin: 5px; padding: 0; list-style-type: none;}
.g-list li{ width: 200px; float: left; margin: 10px 20px 0 0; }
.g-list li.label { width: 690px; font-weight: bold;}
select,input	{ font-size: 90%;}
.submit	{ width: 700px; margin: 0px 0 20px 0; text-align: right;}
.submit2	{ width: 718px; margin: 0px 0px 20px 16px; text-align: right;}
.sub	{ width: 718px; margin: 0px; font-size:80%}
.sub1	{ width: 280px; margin: 5px 10px; float: left;}
.sub2	{ width: 360px; margin: 5px 10px; float: right; text-align: right;}

.title-gr	{ width: 718px; height: 26px; background: url(./imgs/title_gr.gif)  0 0 no-repeat; margin: 10px 0 0 0; padding: 0; color: #ffffff; font-size:75%;}
.sell	{ width: 718px; margin: 5px 0 0 0; padding: 0; font-size:75%; border-bottom: 1px #cccccc dotted;}
.title-gr2	{ width: 718px; height: 26px; background: url(./imgs/title_gr.gif)  0 0 no-repeat; margin: 0px; padding: 0; color: #ffffff; font-size:60%;}
.sell2	{ width: 718px; margin: 5px 0 0 0; padding: 0; font-size:80%; border-bottom: 1px #cccccc dotted;}
.name	{ width: 300px; float: left; margin: 6px;}
.rosen	{ width: 280px; float: left; margin: 6px;}
.day	{ width: 80px; float: left; margin: 6px; text-align: center;}

.time	{ width: 86px; float: left; margin: 5px; text-align: center;}
.time1	{ width: 82px; margin: 2px;}
.stop	{ width: 254px; float: left; margin: 5px; text-align: center;}
.stop1	{ width: 250px; margin: 2px;}
.at	{ width: 180px; float: left; margin: 5px; text-align: center;}
.at1	{ width: 176px; margin: 2px;}
.at2	{ width: 176px; margin: 2px; color: #007365;}
.kilo	{ width: 40px; float: left; margin: 5px; text-align: center;}
.req	{ width: 40px; float: left; margin: 5px; text-align: center;}
.pass	{ width: 50px; float: left; margin: 5px; text-align: center;}
.knote	{ width: 142px; float: right; margin: 0 20px 0 0; text-align: left; font-size: 90%; color: #007365;}

.input_jp	{ ime-mode: active; }
.caution	{ color: #cc0000; font-size: 80%; }
.caution_box	{ margin: 6px 20px 0 0; text-align: right;}

/*--- エラーメッセージ部分 ---*/
.error_msg {
	margin: 10px 15px 10px 15px;
	padding: 10px 10px 10px 10px;
	line-height: 140%;
	text-align: left;
	font-weight: normal;
	font-size: 80%;
	border-color: #CC7777;
	border-style: solid;
	border-width: 1px;
	background-color: #FEFBE0;
}

.error_msg_title {
	color: #CC0000;
	font-weight: bold;
}

.error_msg ul {
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 30px;
}

/*--- カレンダー ---*/
.calendar {
	margin: -2px 0px 0px 0px;
	padding: 6px 0px 6px 8px;
	width: 190px;
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	text-align: center;
	font-size: 80%;
	font-family: Arial;
	line-height: 110%;
	border-style: solid;
	border-width: 1px;
	border-color: #BBBBBB;
	background-color: #FFFFFF;
}

.calendar a,
.calendar a:link,
.calendar a:active,
.calendar a:visited,
.calendar a:hover {
	text-decoration: none;
}

.calendar .ym {
	font-size: 130%;
	font-weight: bold;
}

.calendar ul {
	margin: 4px 0px 10px 0px;
	padding: 0px;
	list-style:none;
	text-align: center;
	font-size: 120%;
}

.calendar ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

.calendar li {
	margin: 0px 1px 0px 0px;
	padding: 3px 0px 3px 0px;
	width: 13%;
	float: left;
	line-height: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
	background-color: #FFFFFF;
}

.calendar li a {
	display: block;
}

.callink {
	font-size: 80%;
}

.calendar_date {
	width: 140px;
	ime-mode: disabled;
	text-align: center;
}


/* 見出し用 */
li.sunday_h   { color: #990000; }
li.saturday_h { color: #000099; }

/* 日付用背景色 */
li.weekday	{ background-color: #FFFFFF; }
li.sunday	{ background-color: #FFDFDF; }
li.saturday { background-color: #CEE9FF; }
li.holiday	{ background-color: #FFDFDF; }
li.overday	{ background-color: #EDEDED; }
li.today    { background-color: #FFE28C; }

/* 日付用文字色 */
span.weekday  { color: #000000; }
span.sunday   { color: #990000; }
span.sunday   { color: #990000; }
span.saturday { color: #000099; }
span.holiday  { color: #990000; }
span.overday  { color: #000000; }
span.invalid  { color: #AAAAAA; }



/*---------------------------------------------
04. footer
---------------------------------------------*/
#att2	{ clear: both;  width: 700px; margin: 20px; text-align: right; font-size: 65%;}

#footer         { clear: both; width: 100%; margin: 0px; background-color: #333333; color: #ffffff; text-align: center; font-size:70%; padding: 10px 0;}