* { margin: 0; }
 html,body { height: 100%;  }

 body { font: 12pt Verdana,sans-serif; background: #FFF ; color: #000; }
 p { text-align: justify; }
 a { text-decoration: none; color: #00F; }
 img { border: 0; }
 br { clear: both; }
 h1,h2 { margin-top: 40px;  }
 h1 { color: #144BA5; font-size: 26pt; }
 h2 { font: 30px Georgia,serif; }
 h3 { font: italic 50px Georgia,serif; margin-top: 50px; color: #144BA5; }
 h3 span { font: normal 20px Georgia,serif; }
 q { font-style: italic; color: #177; }
 abbr { cursor: help; }

 @font-face { 
   font-family: 'OpenSans'; 
   font-weight: 300; font-style: normal; 
   src: url('/files/fonts/open-sans-light.woff2') format('woff2'); 
 }

 .center { margin-left: auto; margin-right: auto; text-align: center; }
 .spoiler { display: none; }
 .content { z-index: 4; position: relative; width: 760px; margin: 0px auto;  background: #FFF; }
 
 .main { margin: 0px 26px 0px 188px; }
 .main p {  border: 1px dashed #CCF; padding: 10px; margin-bottom: 9px; font: 13pt OpenSans,'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; }
 .profile-pic {  width: 580px; height: 150px; border: 1px solid #144BA5; margin: -8px 0px 10px -18px; }
 .single-col { border: 1px solid #000;  border-width: 0px 1px; padding: 0px 30px; }
 .single-col p { margin-bottom: 20px; font: 13pt OpenSans,'Helvetica Neue','Helvetica',Helvetica,Arial,sans-serif;  font-weight: 300; }

  /* ********** INDEX ************* */

 .index-title-1 { font: bold 26pt serif; padding-top: 22px; margin-left: 9px; } 
 .index-title-2 { font: bold 16pt Arial,sans-serif; margin-bottom: 20px; } 
 .index-pic { float: left; margin: 0px 25px 10px -30px; border: 1px dashed #000; border-width: 0px 1px 1px 0px; }
 .company-menu { margin: 0px 0px 30px 120px; }
 .company-menu div { width: 500px; height: 75px ;  border: 1px solid #FFF;  margin: 0px 0px 10px 20px; background-image: url('images/company-text.gif'); background-repeat: no-repeat;  }
 .cm-aria   { background-position: -122px 0px; }
 .cm-himeya { background-position: -122px -75px; }
 .cm-orange { background-position: -122px -150px; }

 .company-menu a { font: 30px Verdana,sans-serif; display: block; border: 1px solid #144BA5; border-width: 1px 1px 1px 0px; margin: 18px 60px 0px 75px; color: #144BA5; padding-left: 10px; background: #DEF; border-top-right-radius: 30px 50%; border-bottom-right-radius: 30px 50%; }
 .company-menu a:hover { background: #144BA5; color: #FFF; }
 .disclaimer { font: 9pt Arial,sans-serif; }

 .company-logo { display: inline-block; margin: 15px auto -30px auto; border: 0; width: 71px; height: 71px; background-image: url('images/company-text.gif'); background-repeat: no-repeat;  }
 .clogo-for-aria   { background-position: -124px -1px; }
 .clogo-for-himeya { background-position: -124px -77px; }
 .clogo-for-orange { background-position: -124px -152px; }

 .company-menu div { width: 500px; height: 75px;  }

 .spoiler-link a { display: block; background: #DEF; border: 1px solid #144BA5; color: #144BA5;  margin: 20px 0px; padding: 11px 20px; border-radius: 22px;  }
 .spoiler-link a:hover { background: #144BA5; color: #FFF; }
 .bottom-links {  text-align: center; margin: 1.6em 0 1em 0; }
 .bottom-links a { display: inline-block; width: 140px;  padding: 2px 2px; margin: 4px; text-align: center; border: 1px solid #648BB5; background: #144BA5;  color: #EEF; padding: 0px 10px; font: italic 9pt Verdana,sans-serif; border-radius: 10px; }
 .bottom-links a:hover { background: #333; color: #FFF; }

 /* *** COMPANY GUTS *** */

 .akino  { background: #FFF url('images/aria-company-undines.jpg') 0px 0px no-repeat; }
 .alicia { background: #FFF url('images/aria-company-undines.jpg') 0px -160px no-repeat; }
 .akari  { background: #FFF url('images/aria-company-undines.jpg') 0px -320px no-repeat; }
 .ai     { background: #FFF url('images/aria-company-undines.jpg') 0px -480px no-repeat; }
 .aika   { background: #FFF url('images/himeya-undines.jpg') 0px -160px no-repeat; }
 .akira  { background: #FFF url('images/himeya-undines.jpg') 0px 0px no-repeat; }
 .athena { background: #FFF url('images/orange-undines.jpg') 0px 0px no-repeat; }
 .alice  { background: #FFF url('images/orange-undines.jpg') 0px -160px no-repeat; }

 .postcard { border: 1px solid #999; box-shadow: 4px 4px 9px #999; }
 .aria-president { background: #FFF url('images/aria-company-undines.jpg') 0px -640px no-repeat; width: 200px; height: 220px; margin: 2em auto 0px auto;  }
 .himeya-president {  background: #FFF url('images/himeya-undines.jpg') 0px -320px no-repeat; width: 200px; height: 220px; margin: 2em auto 0px auto;  }
 .orange-planet-president { background: #FFF url('images/orange-undines.jpg') 0px -320px no-repeat; width: 200px; height: 220px; margin: 2em auto 0px auto;  }
 .president-info { font: 13pt OpenSans,'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; text-align: justify; padding: 0px 22px;  }

 blockquote { font: italic 13pt Georgia,serif; font-weight: 100; display: block; clear:both;  text-align: center; color: #357;  }

 /* *** COMPANY LAYOUT *** */

 .arx { position: fixed; width: 200px; height: 100%; border: 1px solid #000; bottom: 0px; left: 50%; background: #144BA5;  margin-left: -410px; z-index: 6;   }
 .arx img { width: 200px; height: 78px; display: block; margin: auto; z-index: 2; }
 .arx img:hover { border-bottom: 5px dotted #DDF; }
 .left-company-strip { position: fixed; width: 40px;  height: 100%; border: 1px solid #000; bottom: 0px; left: 50%; background: #144BA5;  margin-left:  368px;  z-index: 6;  text-align: center; color: #FFF; font: 10pt Arial,sans-serif; }
 .strip-aria   { background: #144BA5 url('images/aria-bar.jpg')  bottom left no-repeat;  }
 .strip-himeya { background: #144BA5 url('images/himeya-bar.jpg') bottom left no-repeat; }
 .strip-orange { background: #144BA5 url('images/orange-bar.jpg') bottom left no-repeat; }

 .ct-aria, .ct-orange, .ct-himeya { width: 36px; height: 400px; background-image: url('images/company-text.gif'); background-repeat: no-repeat; margin: 16px 0px 0px -4px; }
 .ct-aria   { background-position: -80px 0px; }
 .ct-orange { background-position: -2px 0px;  }
 .ct-himeya { background-position: -40px 0px; }

 .bblock { position: fixed; width: 254px; height: 100%;  top: 0px; border: 1px solid black; border-width: 0px 1px; background: #0374FF url('layout/ume.jpg') bottom left no-repeat;  z-index: 2;  }
 .right  { right: 0px; background-position: right bottom; }
 .left   { left: 0px; }