@charset "utf-8";

@import "default.css";

html,
body {
	margin: 0;
	padding: 0;
}

p {
	margin:0;
	padding:0;
}

div#header {
	background: #999;
}

div#header p.headLeft {
	float:left;
	padding: 7px 10px;
}

div#header p.headRight {
	float:right;
	padding: 7px 10px;
}

div#pageTitle {
	background:#f1eee7;
	margin: 10px 0 0 0;
}

div#pageTitle h1 {
	width:600px;
	margin:0 auto;
	padding: 0;
}

div#wrapper {
	margin:0;
	padding: 0;
}

div#wrapper div#content {
	width:600px;
	margin:0 auto;
	padding:20px 0;
}

body#shuttlemap div#content {
    width: 570px;
    margin: 0 auto;
    padding: 20px 0;
}

body#facilitymap {
	background:#e8e4d8;	
}

body#facilitymap div#wrapper div#content {
	padding:0;
}

body#facilitymap div#wrapper div#content {
	width:800px;
}

body#areamap div#wrapper div#content {
	width:700px;
}

body#time div#wrapper div#content h2 {
	border-left:solid 3px #900;
	margin: 20px 0 10px 0;
	padding: 0 5px;
	font-weight: bold;
}

body#time div#wrapper div#content table,
body#onsen div#wrapper div#content table {
	width:600px;
	border-collapse:collapse;
	margin:0 0 10px 0;
	font-size:90%;
}

body#time div#wrapper div#content table th,
body#onsen div#wrapper div#content table th {
	padding:5px;
	text-align:left;
	border:solid 1px #ccc;
	white-space:nowrap;
	font-weight:bold;
	background:#eee;
	color:#666;
}

body#time div#wrapper div#content table td,
body#onsen div#wrapper div#content table td {
	padding:5px;
	text-align:left;
	border:solid 1px #ccc;
}

body#time div#wrapper div#content table th,
body#time div#wrapper div#content table td {
	text-align:center;
}

body#time div#wrapper div#content table#up th.ttl {
	background:#cee7e6;
}

body#time div#wrapper div#content table#down th.ttl {
	background:#eae5d9;
}

body#time div#wrapper div#content table#up td.dep {
	background:#cee7e6;
	font-weight:bold;
	color:#900;
}

body#time div#wrapper div#content table#down td.dep {
	background:#eae5d9;
	font-weight:bold;
	color:#900;
}

body#time div#wrapper div#content ul {
	margin:0;
	padding:0;
}

body#onsen div#wrapper div#content ul {
	list-style:none;
	margin:0 0 0 -20px;
	padding:0;
	font-size:90%;
}

body#mobile div#wrapper div#content p.capture {
	float:left;
	margin:0;
	padding:0;
}

body#mobile div#wrapper div#content div.section {
	float:right;
	width:428px;
	border:solid 1px #ccc;
	margin:0 0 10px 0;
}

body#mobile div#wrapper div#content div#support {
	float:right;
	width:428px;
	margin:0;
	padding:0;
}

body#mobile div#wrapper div#content div#support strong {
	color:#900;
}

body#mobile div#wrapper div#content div#support p.note {
	font-size:90%;
}

body#mobile div#wrapper div#content div.section h2 {
	margin:0;
	padding:0;
}

body#mobile div#wrapper div#content div.section div.sectionBody {
	margin:0;
	padding:9px;
}

body#mobile div#wrapper div#content div.section div.sectionBody p.qr {
	float:left;
}

body#mobile div#wrapper div#content div.section div.sectionBody div.text {
	float:right;
	width:333px;
}

body#mobile div#wrapper div#content div.section div.sectionBody div.text p.note {
	color:#f00;
	font-size:90%;
}

body#mobile div#wrapper div#content div.section div.sectionBody ul {
	margin:0;
	padding:0;
}

body#mobile div#wrapper div#content div.section div.sectionBody ul.qr {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}

body#mobile div#wrapper div#content div.section div.sectionBody ul.qr li {
	margin:0 20px 0 0;
	padding:0;
	float:left;
	width:66px;
}

body#mobile div#wrapper div#content div.section div.sectionBody ul.qr li.last {
	margin:0;
}

body#mobile div#wrapper div#content div.section div.sectionBody ul.qr li p {
	margin:5px 0 0 0;
	text-align:center;
	font-size:90%;
}








body#help {
    background: #eae5d9 url(../image/popup/shadow_bg.png) repeat-y;
}


body#help div#header {
    background: #eae5d9 url(../image/popup/title_bg.jpg) repeat-x top;
    margin: 0;
    padding: 0;
}

body#help div#header div.headerInner {
    margin: 0;
    padding: 0;
    background: url(../image/popup/header_bg.jpg) no-repeat;
}

body#help div#header p,
body#help div#header h1 {
	margin:0 0 0 20px;
}

body#help div#footer {
	width:100%;
	padding: 0;
    background: #999;
}

body#help div#footer div.footerInner {
	width:540px;
 	margin:0 0 0 20px;
   padding: 0;
}


body#help div#footer p.copyright {
	float:left;
	margin: 17px 0;
	padding: 0;
}

body#help div#footer p.close {
	float:right;
	margin: 10px 0;
	padding: 0;
}

body#help div#wrapper div#content {
	width:540px;
	margin:0 0 0 10px;
	padding:10px;
}

body#help div#wrapper p.intro {
	margin:0 0 10px 0;
	color:#900;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

body#help div#wrapper p.first {
}

body#help div#wrapper p.intro strong {
	color:#900;
}

body#help div#wrapper p.read {
	margin:0 0 10px 0;
}

body#help div#wrapper div#content div.section {
	border:solid 1px #ccc;
	margin:0 0 10px 0;
}

body#help div#wrapper div#content div.section h2 {
	margin:0;
	padding:0;
}

body#help div#wrapper div#content div.section div.sectionBody {
	margin:0;
	padding:9px;
}

body#help div#wrapper div#content div.section div.sectionBody02 {
	margin:0;
	padding:5px;
}

body#help div#wrapper div#content div.section div.sectionBody02 h3 {
	margin:0;
	padding:0;
}

body#help div#wrapper div#content div.section div.sectionBody02 div.bodyArea {
	background:#f0f0f0;
	padding:10px 10px 10px 10px;
	margin:0 0 10px 0;
}

body#help div#wrapper div#content div.section h4 {
	margin:0;
	padding:0;
	font-weight:bold;
}

body#help div#wrapper div#content div.section div.sectionBody02 div.bodyArea p.capture01 {
	margin:0 0 10px 0;
}

body#help div#wrapper div#content div.section p.note {
	color:#f00;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

body#help div#wrapper div#content div.section strong {
	color:#900;
}


body#help div#wrapper div#content div.section div.sectionBody ul.bg,
body#help div#wrapper div#content div.section div.sectionBody ol.bg {
	margin:0;
	padding:10px;
	background:#f0f0f0;
}



div.player {
    width: 454px;
    margin: 0 auto;
}




/* CSS HACK--------------------------------------------------------------------------- */
.clearfix {
	overflow: hidden;
}

.clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block;
	content: "";
}

/*\*/
* html .clearfix {
	height: 1em;
	overflow: visible;
}
/**/





ul.website,
ul.website li,
ul.gotoTop,
ul.gotoTop li {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}

ul.gotoTop {
	width:540px;
    margin: 0 0 45px 20px;
    text-align: right;
}

*html ul.gotoTop {
    margin: 0 0 43px 20px;
}

ul.gotoIndex li {
    margin: 20px 0;
}

ul.website {
    margin: 0.5em 0;
}

ul.intro {
    margin: 0 0 10px 20px;
}

ul.website li {
    padding-left: 10px;
    background: url(../image/common/icon01.png) no-repeat 0 5px;
}

ul.website li a:link,
ul.website li a:visited {
    color: #0b8682;
}

ul.website li a:hover {
    text-decoration: none;
}


object,
embed {
    margin: 0;
}


















