

 body { font: 12pt Verdana,sans-serif; }
 .center { margin: auto; text-align: center; }
 h2.top-title { text-align: center; font: bold 22pt Arial,sans-serif; margin-bottom: 11px; }

 .icons-2013 { background-image: url('layout/icons.jpg'); width: 150px; height: 300px;   border: 8px solid #FFF;  margin: 2px 4px; display: block; clear: both; text-decoration: none; }
 a.icons-2013:hover {  border-color: #DDD; opacity: 1; }
 .tokyo { background-position: 0px 0px; }
 .kyoto { background-position: 0px -300px; }
 .osaka { background-position: 0px -600px; }
 .unhighlight { opacity: 0.55; }
 .jp-nav { margin: auto; text-align: center; border: 1px solid #967; padding: 3px;  background: #F0E5E5; margin-bottom: 2em; }
 .jp-nav a { text-decoration: none; background: #967; color: #FFF; padding: 7px 11px; font-weight: normal; }
 .jp-nav a:hover { background: #600; }

 .foreward { border: 1px solid #000; border-radius: 33px; width: 400px; height: 300px; background-image: url('images/foreward.jpg'); margin: 22px auto; }
 .maori    { background-position: 0px 0px; }
 .florence { background-position: 0px -300px; }
 .the-plan { border-radius: 13px; width: 110px; height: 110px; }
 .for-a { background-position:    0px -600px; }
 .for-b { background-position: -110px -600px; }
 .for-c { background-position: -220px -600px; }
 .plans { width: 90%; margin: auto; }
 .plans td { text-align: left; font-size: 13pt Arial,sans-serif; vertical-align: top; padding: 5px; }
 .plans h3 { font-size: 20pt; margin-top: 0px; }

 .ss { text-align: center; margin: 9px  auto;  }
 .ss div { display: inline-block; width: 300px; height: 220px; border: 1px solid black; margin: 9px; border-radius: 9px; }

 .in-tokyo div { background-image: url('images/tokyo.jpg'); }
 .in-kyoto div { background-image: url('images/kyoto.jpg'); } 
 .in-osaka div { background-image: url('images/osaka.jpg'); } 
 .in-retrospect div { background-image: url('images/epilogue.jpg'); } 

 .anime-fair1 { background-position: 0px 0px; }
 .anime-fair2 { background-position: 0px -220px; }
 .akiba1 { background-position: 0px -440px; }
 .akiba2 { background-position: 0px -660px; }
 .ghibuli-1 { background-position: 0px -880px; }
 .ghibuli-2 { background-position: 0px -1100px; }
 .cafe-1 { background-position: 0px -1320px; }
 .cafe-2 { background-position: 0px -1540px; }
 .tokyo-misc-1 { background-position: 0px -1760px; }
 .tokyo-misc-2 { background-position: 0px -1980px; }

 .ninja-museum-1 { background-position: 0px 0px; }
 .ninja-museum-2 { background-position: 0px -220px; }
 .nara-park-1 { background-position: 0px -440px; }
 .nara-park-2 { background-position: 0px -660px; }
 .kyoto-lost-1 { background-position: 0px -880px; }
 .kyoto-lost-2 { background-position: 0px -1100px; }
 .taisha-1 { background-position: 0px -1320px; }
 .taisha-2 { background-position: 0px -1540px; }
 .kyoto-misc-1 { background-position: 0px -1760px; }
 .kyoto-misc-2 { background-position: 0px -1980px; }

 .osaka-castle-1 { background-position: 0px 0px; }
 .osaka-castle-2 { background-position: 0px -220px; }
 .nipponbashi-1 { background-position: 0px -440px; }
 .nipponbashi-2 { background-position: 0px -660px; }
 .food-1 { background-position: 0px -880px; }
 .food-2 { background-position: 0px -1100px; }
 .misc-1 { background-position: 0px -1320px; }
 .misc-2 { background-position: 0px -1540px; }

 .narita-1 { background-position: 0px 0px; }
 .narita-2 { background-position: 0px -220px; }
 .retro-misc-1 { background-position: 0px -440px; }
 .retro-misc-2 { background-position: 0px -660px; }

 h4 a { font: 24pt Georgia,serif;  }
 h3 { font: italic 24pt Georgia,serif; border-bottom: 1px dotted #000; margin: 22px 0px 0px 0px; }
 h3 a { text-decoration: none; color: #00F; }
 .expect { clear: both; height: 20px; margin-bottom: 14px; }
 .expect div { float: right; margin-left: 33px; color: #A33; font-style: italic; }
 q { font-style: italic; color: #700; font-family: Arial; }

 abbr { cursor: help; }

