@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

html, body {
	border:0;
	height: 100%;
	width: 100%;
	font-family: MS-Mincho, Meiryo, Times, serif;
	background-color: black;

	/*font-size: 13px;*/
	
	color: rgb(185,171,167);
	
    margin: 0;
    padding: 0;
}

hr {
	clear: both;
}
.clear {
	clear: both;
}
img {
	vertical-align:bottom;
}
p {
	margin: 0;
	padding: 0;
}
.smallkana {
	font-family: MS-Mincho, Meiryo, Times, serif;
	font-size: 9px;
}

/*
 *				P A G E
 */
#pagecontent {
	position: relative;
	top:0px;
	margin: auto;
    text-align: left;
    width: 980px;
	height: 100%;
}


#header {
	position: relative;
	top: 0px;
	left:0px;
	width: 980px;
	height:314px;
	overflow:hidden;
}
#headerimage {
	position: relative;
	top: 0px;
	left:0px;
	width: 980px;
	height:314px;
	overflow: hidden;
	z-index: 101;
}
#headertext {
	position:absolute;
	top: 184px;
	left: 50px;
	width: 560px;
	height: 80px;
	z-index: 120;
	font-family:MS-Mincho, Meiryo, Times, serif;
	font-size: 10px; /*9pt; */
	color: white;
	/*letter-spacing:-2pt;*/
	line-height: 19px;
}

#content {
	position:relative;
	top: 0px;
	left: 0px;
    width: 980px;
	color:black;
	/*margin: auto; */
    text-align: left;
	background-color:white;
}

#footer {
	position: relative;
	top: 0px;
	left:0px;
	width: 980px;
	height:120px;
	overflow:hidden;
	color: white;
	background-color:black;
	background-image:url(i/bottom_image3.jpg);
	background-repeat:no-repeat;
	background-position:right;
	
	
}
#footercontent {
	padding:10px;
	font-size: 9pt;
}
#footercontent img {
	vertical-align:text-top;
	padding-top: 2px;

}
#footernote {
	padding:10px;
	font-size: 8pt;
}



/* Notice Base Positioning */
.noticeline {
	position:relative;
	left: 20px;
	top: 6px;
	width: 900px;
	height: 40px;
	padding-bottom: 6px;
}
.noticeline .left {
	position:absolute;
	left: 0px;
	top: 0px;
}
.noticeline .right {
	position: absolute;
	right: -11px;
	top: -2px;
}


/* Notice Fine Positioning and Font Settings */
#noticeline1 {
	height: 50px;
}
#epdnotice {
	font-size: 10pt;
	color: rgb(196,18,48);

}

/* Background colour - box in text (single line) */
.floatright {
	float: right;
	background-color: rgb(128,130,133);
	height: 20px;
	padding-left: 6px;
	padding-right: 6px;
	
	line-height:20px;
	color: white;
	font-size: 12px;
}

#vehiclenotice {
	width: 448px;
	height: 24px;
	padding-bottom:42px;
	overflow:hidden;
}
#vehiclelink {
	position: relative;
/* padding: 6px;*/
	text-align:right;
}
#vehiclelink a {
	text-decoration:none;
	color: white;
}
#vehiclelink a:hover {
	text-decoration:underline;
	color: blue;
}


#omnotice {
	padding-top: 0px;
	padding-left: 8px;
	border: solid 1px #999;
	height: 30px;
	width: 286px;
}
#ordermadenote_title {
	position: absolute;
	top: -8px;
	left: 10px;
	width: 224px;
	height: 16px;
	overflow:hidden;
	background-color: white;
	color: black;
	font-size: 8pt;
	padding-left: 4px;
	overflow:hidden;
}
#ordermadenote_content {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 9pt;
	color:black;
	padding-top: 8px;
}


#ptnotice {
	font-size: 10pt;
	color: rgb(196,18,48);
}


#tournotice {
	width: 500px;
	height: 24px;
	padding-bottom:42px;
	overflow:hidden;
}
#tourlink {
	position: relative;
	text-align:right;
}
#tourlink a {
	text-decoration:none;
	color: white;
}
#tourlink a:hover {
	text-decoration:underline;
	color: blue;
}
#tourlink_note {
	position: relative;
	top: 4px;
	font-size: 10px;
	color:black;
	text-align:right;
	clear: both;
}












/* Content */

.sectiontitle {
	position:relative;
	top:0px;
	left:20px;
	padding-bottom: 10px;
	width: 940px;
	height:30px;
	overflow:hidden;
}

#dpdtitlebanner {
	padding-top: 26px;
}

.sectiondesc {
	position:relative;
	font-size: 11pt;
	padding-left: 20px;
	padding-top: 4px;
	z-index: 100; /* keep above map */
}

.sectioncontent {
	position:relative;
	padding-top: 4px;
	padding-left: 20px;
	width: 420px;
	z-index:100;
	padding-bottom: 10px;
	;
}


.pointtitle {
	position:relative;
	padding-top: 22px;
	padding-left: 10px;
	font-size: 11pt;
	font-weight:bold;
	color: rgb(158,11,15);
}
.smallpointtitle {
	font-size: 8pt;
	color: rgb(158,11,15);
}
.pointcontent {
	position:relative;
	width:388px;
	padding-left: 26px;
	padding-top:6px;
	font-size: 9pt;
	text-align:justify;
	line-height:12pt;
}

/* Four Brown boxes info */
#fourboxes {
	position:relative;
	width: 360px;
	top: 0px;
	left: 10px;
	padding-top: 30px;
	overflow:hidden;
}
.fourboxdesc {
	font-size:9pt;
	text-align:center;
}
.fourboxdescbold {
	font-weight:bold;
}
#fourboxcontent {
	position:relative;
	top:0px;
	left:0px;
	height: 156px;
	width: 360px;
	padding-top:10px;
	padding-bottom: 20px;
}

#edpsequence {
	position:relative;
	top: 0px;
	left:18px;
	width: 426px;
	height:94px; /* 88 image + padding */

}


/* Map */
#germanymap {
	position: absolute;
	top: 74px;
	right: 16px;
	width: 550px;
	height: 556px;
	overflow:hidden;
	z-index: 10;
}

/* Padding top 4, left 6 */
#map_box1 {
	position:absolute;
	top: 440px;
	left: 66px;
	height: 111px;
	width: 172px;
	font-size: 9px;
	line-height: 10pt;
	color:white;
}
#map_box1 img {
	float: left;
	padding-right: 2px;
	padding-top: 3px;
}

#map_box2 {
	position:absolute;
	top: 440px;
	left: 308px;
	height: 111px;
	width: 172px;
	font-size: 9px;
	color:white;
	line-height: 10pt;
}
#map_box2 img {
	float: left;
	padding-right: 2px;
	padding-top: 3px;
}
#map_box3 {
	position:absolute;
	top: 218px;
	left: 366px;
	height: 110px;
	width: 174px;
	font-size: 9px;
	line-height: 10pt;
	color:white;
}
#map_box3 img {
	float: left;
	padding-right: 2px;
	padding-top: 3px;
}


/* Order made Flow */
#ordermadeflow {
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 8px;
	padding-left:4px;
	width: 860px;
	height: 233px;
	overflow:hidden;
	background-image:url(i/ordermade_bg_3.jpg);
	background-repeat:no-repeat;
}

#ordermade_box1 {
	position:absolute;

	top: 50px;
	left: 30px;
	height: 140px;
	width: 116px;
}
#ordermade_box2 {
	position:absolute;

	top: 50px;
	left: 188px;
	height: 140px;
	width: 116px;
}
#ordermade_box3 {
	position:absolute;

	top: 50px;
	left: 357px;
	height: 140px;
	width: 116px;
}
#ordermade_box4 {
	position:absolute;
	top: 50px;
	left: 518px;
	height: 140px;
	width: 116px;
}
#ordermade_box5 {
	position:absolute;
	top: 50px;
	left: 686px;
	height: 140px;
	width: 136px;
}
.ordermade_title {
	font-size: 13px;

}
.ordermade_content {
	padding-top:12px;
	font-size: 11px;
	line-height: 13px;
	text-align:justify;
}
.ordermade_comment1 {
	padding-top: 6px;
	font-size: 9px;
	color: rgb(196,18,48);
}
.ordermade_comment2 {
	padding-top: 6px;
	font-size: 9px;
	color:gray;
}
.ordermade_comment3 {
	padding-top: 16px;
	font-size: 9px;
	color: black;
}




/* Program Tour */
#programtour {
	position: relative;
	top: 0px;
	left: 0px;
	width: 920px;
	height: 288px;
	background-image:url(i/programtour_bg_l10.jpg);
	background-repeat:no-repeat;
}







.tourbox {
	height: 180px;
	top: 24px;
}
/* not used */
.tourboxtitle {
	position: relative;
	height:24px;
	width: 100%;
	top: 0px;
	font-size: 10px;
}
.tourboxsubtitle {
	font-size: 11px;
	color: black;
}
.tourboxcontent {
	font-size: 10px;
	line-height: 13px;
	color: rgb(0, 113, 188);
}


/* Box 1 */
#tourbox1 {
	position: absolute;
	left: 18px;
	width: 110px;
}


#tourboxsubtitle1a {
	position: absolute;
	top: 26px;
	left: 0px;
}
#tourboxcontent1a {
	position: absolute;
	top: 40px;
	left: 10px;
	width: 109px;
}
#tourboxsubtitle1b {
	position: absolute;
	top: 83px;
	left: 0px;
}
#tourboxsubtitle1c {
	position: absolute;
	top: 134px;
	left: 0px;
	
}
#tourboxcontent1c {
	position: absolute;
	top: 214px;
	left: 0px;
	font-size: 9px;
}



/* Box 2 */
#tourbox2 {
	position: absolute;
	left: 156px;
	width: 124px;
	height: 240px;
}
#tourboxsubtitle2a {
	position: absolute;
	top: 26px;
	left: 0px;
}
#tourboxcontent2a {
	position: absolute;
	top: 40px;
	left: 10px;
}
#tourboxcontent2b {
	position: absolute;
	top: 214px;
	left: 0px;
	font-size: 9px;
}





/* Box 3 */
#tourbox3 {
	position: absolute;
	left: 308px;
	width: 130px;
	height: 238px;
}
#tourboxsubtitle3a {
	position: absolute;
	top: 26px;
	left: 0px;
}
#tourboxcontent3a {
	position: absolute;
	top: 40px;
	left: 10px;
}
#tourboxsubtitle3b {
	position: absolute;
	top: 100px;
	left: 0px;
	font-size: 8pt;
}
#tourboxcontent3b {
	position: absolute;
	top: 115px;
	left: 10px;
	width: 115px;
}
#tourboxcontent3c {
	position: absolute;
	top: 214px;
	left: 0px;
	font-size: 9px;
}


/* Box 4 */
#tourbox4 {
	position: absolute;
	left: 461px;
	width: 130px;
	height: 152px;
}
#tourboxsubtitle4a {
	position: absolute;
	top: 26px;
	left: 0px;
}
#tourboxcontent4a {
	position: absolute;
	top: 52px;
	left: 10px;
	width: 117px;
}
#tourboxsubtitle4b {
	position: absolute;
	top: 100px;
	left: 0px;
	font-size: 10px;
}
#tourboxcontent4b {
	position: absolute;
	top: 128px;
	left: 0px;
	font-size: 9px;
}




/* Box 5 */
#tourbox5 {
	position: absolute;
	top: 189px;
	left: 465px;
	width: 130px;
	height: 78px;
}
#tourboxsubtitle5a {
	position: absolute;
	top: 26px;
	left: 0px;
	font-size: 10px;
}
#tourboxcontent5a {
	position: absolute;
	top: 48px;
	left: 0px;
}


/* Box 6 */
#tourbox6 {
	position: absolute;
	left: 617px;
	width: 130px;
	height: 240px;
}
#tourboxsubtitle6a {
	position: absolute;
	top: 26px;
	left: 0px;
}
#tourboxcontent6a {
	position: absolute;
	top: 40px;
	left: 10px;
	width: 120px;
}
#tourboxsubtitle6b {
	position: absolute;
	top: 128px;
	left: 0px;
}
#tourboxcontent6b {
	position: absolute;
	top: 150px;
	left: 10px;
	width: 110px;
}
#tourboxcontent6c {
	position: absolute;
	top: 214px;
	left: 0px;
	font-size: 9px;
	width: 136px;
}



#tourbox7 {
	position: absolute;
	left: 770px;
	width: 120px;
	height: 136px;
}
#tourboxsubtitle7a {
	position: absolute;
	top: 26px;
	left: 0px;
}
#tourboxsubtitle7b {
	position: absolute;
	top: 74px;
	left: 0px;
}
#tourboxcontent7b {
	position: absolute;
	top: 88px;
	left: 12px;
	width: 120px;
}


#tourbox8 {
	position: absolute;
	left: 772px;
	width: 120px;
	top: 182px;
	height: 80px;
}
#tourboxsubtitle8a {
	position: absolute;
	top: 52px;
	left: 0px;
}



.bunsho {
	font-size: 8pt;
}