@charset "utf-8";

/* seiyaku.css */

body {
  padding:0em;
  font-family:helvetica, "Times New Roman", times, Georgia, arial, verdana, sans-serif, serif;
  color:#333333;
  background-color:#FFFFFF;
  background-image:url("/images/back.jpg");
  background-repeat:repeat-x;
  font-size:90%;
  word-wrap: break-word !important;
}

.main {
  max-width:600px;
  text-align:left;
}

h1 {
  text-align:center;
}
h2, h3 {
  margin-top:2em;
}
.subhead {
  margin-top:-1em;
  text-align:center;
}
.subheadl {
  margin-top:-1em;
  text-align:left;
}

@media only screen and (max-width: 760px) {
  ul {
    margin: 1em;
    padding: 0;
  }
}

/* specify preface before margin:-1em (css l1) */
.preface {
font-family:arial, verdana, helvetica, sans-serif;
vertical-align:top;
text-align:left;
border:#ffe5e5 3px solid;
border-radius:20px;
margin-left:auto;
margin-right:auto;
padding:1em;
}

.pref { font-size:90%; }

/* specify preface before menu */
img  { border:none; }
a  { text-decoration:none; }
li  { padding-top:0.5em; }

/* Top navigation menu bar. BEGIN */

#container {
  margin: 0 auto;
  max-width: 890px;
}

nav p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}

nav {
  margin: 0;
  padding: 0;
  background: #E8C7D0;  
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
  float: left;
  background: #E8C7D0;  
  border-right: 1px dotted #F6E7EC; 
}

nav a {
  display: block;
  padding: 0 0.5em;
  font-size: 1em;
  line-height: 2em;
  text-decoration: none;
}

nav ul li ul li:hover   { background: #FFE0E9;   }

nav a:hover     { background: #F6E7EC;   }

nav ul ul {
  display: none;
  position: absolute;
  top: 2em;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 200px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -2em;
  left: 200px;
}

nav li > a:after { content: '...'; }

nav li > a:only-child:after { content: ''; }

.menu_head { color: #000000; }

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

.toggle {
  display: block;
  background: #E8C7D0;
  padding: 0 1em;
  color: #000000;
  font-size: 1em;
  line-height: 2em;
  text-decoration: none;
  border: none;
}

.toggle:hover      {  background: #F6E7EC;   }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
  padding: 0;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 2em; }

nav ul ul ul a { padding: 0 4em; }

nav a:hover,
 nav ul ul ul a    { background: #F6E7EC;   }

nav ul li ul li .toggle,
 nav ul ul a     { background: #FFE0E9;   }

nav ul ul {
  float: none;
  position: static;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}

/* Top navigation menu bar. END */

/* Accordian navigation. BEGIN */

.accordian_menu_list    { width:160px; }
.accordian_menu_head    { padding:10px 10px; cursor:pointer; position:relative; margin:2px; color:#ffffff; font-size:90%; background:#9E4467 url(../images/buttons/nav-left.png) center right no-repeat; }
.accordian_menu_horiz_head  { padding:10px 10px; cursor:pointer; position:relative; margin:2px; color:#ffffff; font-size:90%; background:#9E4467 url(../images/buttons/nav-left.png) center right no-repeat; width:155px; float:left; }
.accordian_menu_horiz_item  { float:left; width:179px; }
.accordian_menu_body    { display:none; }
.accordian_menu_body a    { display:block; color:#9E4467; background-color:#ffe5e5; padding:5px 5px 5px 10px; font-size:90%; text-decoration:none; border:2px solid #ffffff; }
.accordian_menu_body a:hover  { color:#000000; text-decoration:underline; }

/* Accordian navigation. END */

/* CUSTOM CHANGES TO JQUERY.UI START */

/* Prevent dialog box contents from */
/* from briefly displaying */
/* when the page is first opened */
.dialog { 
  display: none; 
}

/* Customised changes to box header */
.ui-widget-header {
  background: #6B2C44;
}
.ui-dialog-title { 
  color:#ffffff; 
}

/* Customised changes to close X */
.ui-icon-closethick {
    background-image: url(https://www.seiyaku.com/images/icon/close-x.png) !important;
    background-position: left top !important;
    margin:-10px 0 0 -15px !important;
}
.ui-dialog .ui-dialog-titlebar-close, .ui-icon-closethick {
    width: 20px !important;
    height: 20px !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
}
.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-close:hover {
    padding: 0 !important;
}

/* Get rid of the default dotted border of the link, and colour it blue */
div.ui-dialog a {
  outline: none;
  color: #0000ff; 
}

/* Grey overlay a bit darker and less opaque */
.ui-widget-overlay {
  background: #666666;
  opacity: .5;
}

.opener {
    background: url(https://www.seiyaku.com/images/icon/new-window.png) no-repeat;
    padding:0.2em 0.5em 0 0.2em;
}

/* CUSTOM CHANGES TO JQUERY.UI END */

/* For responsive Google ads */

.horizontal_ad { width: 320px; height: 100px; }
@media(min-width: 500px) { .horizontal_ad { width: 468px; height: 60px; } }
@media(min-width: 800px) { .horizontal_ad { width: 600px; height: 90px; } }

.banner {
font-family:arial, verdana, helvetica, sans-serif;
font-size:13.5pt;
vertical-align:middle;
color:#FFFFFF;
border:0;
margin-left:auto;
margin-right:auto;
}

.bannertext     { color:#ffffff; text-decoration:none; }
.bannertext:hover   { color:#cccccc; text-decoration:none; }

.sbl  { float:left; margin-right:1.5em; height:auto; text-align:center; font-size:90%; margin-bottom:0.5rem; }
.sbr  { float:right; margin-left:1.5em; height:auto; text-align:center; font-size:90%; margin-bottom:0.5rem; }
.fl  { float:left; }
.fr  { float:right; }

.tal  { text-align:left; }
.tar  { text-align:right; }
.tac  { text-align:center; }

.in5pc { margin-left:5%; }

.t0  { margin-top:0em; }
.t1  { margin-top:1em; }
.t2  { margin-top:2em; }
.t3  { margin-top:3em; }
.t-1  { margin-top:-1em; }
.r0  { margin-right:0em; }
.r1  { margin-right:1em; }
.r2  { margin-right:2em; }
.r3  { margin-right:3em; }
.r-1  { margin-right:-1em; }
.b0  { margin-bottom:0em; }
.b1  { margin-bottom:1em; }
.b2  { margin-bottom:2em; }
.b3  { margin-bottom:3em; }
.b-1  { margin-bottom:-1em; }
.l0  { margin-left:0em; }
.l1  { margin-left:1em; }
.l2  { margin-left:2em; }
.l3  { margin-left:3em; }
.l-1  { margin-left:-1em; }

.p025  { padding:0.25em; }
.p05  { padding:0.5em; }
.p1  { padding:1em; }
.p2  { padding:2em; }
.p3  { padding:3em; }
.p4  { padding:4em; }
.pt1  { padding-top:1em; }
.pt2  { padding-top:2em; }
.pt3  { padding-top:3em; }
.pt4  { padding-top:4em; }
.pb1  { padding-bottom:1em; }
.pb2  { padding-bottom:2em; }
.pb3  { padding-bottom:3em; }
.pb4  { padding-bottom:4em; }
.pr05  { padding-right:0.5em; }
.pr1  { padding-right:1em; }
.pr2  { padding-right:2em; }
.pr3  { padding-right:3em; }
.pr4  { padding-right:4em; }
.pr10pc  { padding-right:10%; }
.pr20pc  { padding-right:20%; }
.pr10px  { padding-right:10px; }
.pr20px  { padding-right:20px; }
.pr1px  { padding-right:1px; }
.pr2px  { padding-right:2px; }
.pr10px  { padding-right:10px; }
.pr20px  { padding-right:20px; }

.pl1  { padding-left:1em; }
.pl2  { padding-left:2em; }
.pl3  { padding-left:3em; }
.pl4  { padding-left:4em; }
.pl1pc  { padding-left:1%; }
.pl2pc  { padding-left:2%; }
.pl10pc  { padding-left:10%; }
.pl20pc  { padding-left:20%; }
.pl1px  { padding-left:1px; }
.pl2px  { padding-left:2px; }
.pl10px  { padding-left:10px; }
.pl20px  { padding-left:20px; }

.clrright { clear:right; }
.clrleft { clear:left; }
.clrboth { clear:both; }

.w5  { width:5%; }
.w10  { width:10%; }
.w15  { width:15%; }
.w20  { width:20%; }
.w25  { width:25%; }
.w30  { width:30%; }
.w33  { width:33%; }
.w35  { width:35%; }
.w40  { width:40%; }
.w45  { width:45%; }
.w47  { width:47%; }
.w50  { width:50%; }
.w55  { width:55%; }
.w60  { width:60%; }
.w65  { width:65%; }
.w70  { width:70%; }
.w75  { width:75%; }
.w80  { width:80%; }
.w85  { width:85%; }
.w90  { width:90%; }
.w95  { width:95%; }
.w100  { width:100%; }

.mxw005  { max-width:5px; }
.mxw010  { max-width:10px; }
.mxw015  { max-width:15px; }
.mxw020  { max-width:20px; }
.mxw025  { max-width:25px; }
.mxw030  { max-width:30px; }
.mxw035  { max-width:35px; }
.mxw040  { max-width:40px; }
.mxw045  { max-width:45px; }
.mxw050  { max-width:50px; }
.mxw055  { max-width:55px; }
.mxw060  { max-width:60px; }
.mxw065  { max-width:65px; }
.mxw070  { max-width:70px; }
.mxw075  { max-width:75px; }
.mxw080  { max-width:80px; }
.mxw085  { max-width:85px; }
.mxw090  { max-width:90px; }
.mxw095  { max-width:95px; }
.mxw100  { max-width:100px; }
.mxw105  { max-width:105px; }
.mxw110  { max-width:110px; }
.mxw115  { max-width:115px; }
.mxw120  { max-width:120px; }
.mxw125  { max-width:125px; }
.mxw130  { max-width:130px; }
.mxw135  { max-width:135px; }
.mxw140  { max-width:140px; }
.mxw145  { max-width:145px; }
.mxw150  { max-width:150px; }
.mxw155  { max-width:155px; }
.mxw160  { max-width:160px; }
.mxw165  { max-width:165px; }
.mxw170  { max-width:170px; }
.mxw175  { max-width:175px; }
.mxw180  { max-width:180px; }
.mxw185  { max-width:185px; }
.mxw190  { max-width:190px; }
.mxw195  { max-width:195px; }
.mxw200  { max-width:200px; }
.mxw205  { max-width:205px; }
.mxw210  { max-width:210px; }
.mxw215  { max-width:215px; }
.mxw220  { max-width:220px; }
.mxw225  { max-width:225px; }
.mxw230  { max-width:230px; }
.mxw235  { max-width:235px; }
.mxw240  { max-width:240px; }
.mxw245  { max-width:245px; }
.mxw250  { max-width:250px; }
.mxw255  { max-width:255px; }
.mxw260  { max-width:260px; }
.mxw265  { max-width:265px; }
.mxw270  { max-width:270px; }
.mxw275  { max-width:275px; }
.mxw280  { max-width:280px; }
.mxw285  { max-width:285px; }
.mxw290  { max-width:290px; }
.mxw295  { max-width:295px; }
.mxw300  { max-width:300px; }
.mxw305  { max-width:305px; }
.mxw310  { max-width:310px; }
.mxw315  { max-width:315px; }
.mxw320  { max-width:320px; }
.mxw325  { max-width:325px; }
.mxw330  { max-width:330px; }
.mxw335  { max-width:335px; }
.mxw340  { max-width:340px; }
.mxw345  { max-width:345px; }
.mxw350  { max-width:350px; }
.mxw355  { max-width:355px; }
.mxw360  { max-width:360px; }
.mxw365  { max-width:365px; }
.mxw370  { max-width:370px; }
.mxw375  { max-width:375px; }
.mxw380  { max-width:380px; }
.mxw385  { max-width:385px; }
.mxw390  { max-width:390px; }
.mxw395  { max-width:395px; }
.mxw400  { max-width:400px; }
.mxw425  { max-width:425px; }
.mxw450  { max-width:450px; }
.mxw475  { max-width:475px; }
.mxw500  { max-width:500px; }
.mxw525  { max-width:525px; }
.mxw550  { max-width:550px; }
.mxw575  { max-width:575px; }
.mxw600  { max-width:600px; }
.mxw625  { max-width:625px; }
.mxw650  { max-width:650px; }
.mxw675  { max-width:675px; }
.mxw700  { max-width:700px; }
.mxw800  { max-width:800px; }
.mxw900  { max-width:900px; }
.mxw1000 { max-width:1000px; }
.mxw1100 { max-width:1100px; }
.mxw1200 { max-width:1200px; }
.mxw1300 { max-width:1300px; }
.mxw1400 { max-width:1400px; }
.mxw1500 { max-width:1500px; }

.mnw005  { min-width:5px; }
.mnw010  { min-width:10px; }
.mnw015  { min-width:15px; }
.mnw020  { min-width:20px; }
.mnw025  { min-width:25px; }
.mnw030  { min-width:30px; }
.mnw035  { min-width:35px; }
.mnw040  { min-width:40px; }
.mnw045  { min-width:45px; }
.mnw050  { min-width:50px; }
.mnw055  { min-width:55px; }
.mnw060  { min-width:60px; }
.mnw065  { min-width:65px; }
.mnw070  { min-width:70px; }
.mnw075  { min-width:75px; }
.mnw080  { min-width:80px; }
.mnw085  { min-width:85px; }
.mnw090  { min-width:90px; }
.mnw095  { min-width:95px; }
.mnw100  { min-width:100px; }
.mnw105  { min-width:105px; }
.mnw110  { min-width:110px; }
.mnw115  { min-width:115px; }
.mnw120  { min-width:120px; }
.mnw125  { min-width:125px; }
.mnw130  { min-width:130px; }
.mnw135  { min-width:135px; }
.mnw140  { min-width:140px; }
.mnw145  { min-width:145px; }
.mnw150  { min-width:150px; }
.mnw155  { min-width:155px; }
.mnw160  { min-width:160px; }
.mnw165  { min-width:165px; }
.mnw170  { min-width:170px; }
.mnw175  { min-width:175px; }
.mnw180  { min-width:180px; }
.mnw185  { min-width:185px; }
.mnw190  { min-width:190px; }
.mnw195  { min-width:195px; }
.mnw200  { min-width:200px; }
.mnw205  { min-width:205px; }
.mnw210  { min-width:210px; }
.mnw215  { min-width:215px; }
.mnw220  { min-width:220px; }
.mnw225  { min-width:225px; }
.mnw230  { min-width:230px; }
.mnw235  { min-width:235px; }
.mnw240  { min-width:240px; }
.mnw245  { min-width:245px; }
.mnw250  { min-width:250px; }
.mnw255  { min-width:255px; }
.mnw260  { min-width:260px; }
.mnw265  { min-width:265px; }
.mnw270  { min-width:270px; }
.mnw275  { min-width:275px; }
.mnw280  { min-width:280px; }
.mnw285  { min-width:285px; }
.mnw290  { min-width:290px; }
.mnw295  { min-width:295px; }
.mnw300  { min-width:300px; }
.mnw305  { min-width:305px; }
.mnw310  { min-width:310px; }
.mnw315  { min-width:315px; }
.mnw320  { min-width:320px; }
.mnw325  { min-width:325px; }
.mnw330  { min-width:330px; }
.mnw335  { min-width:335px; }
.mnw340  { min-width:340px; }
.mnw345  { min-width:345px; }
.mnw350  { min-width:350px; }
.mnw355  { min-width:355px; }
.mnw360  { min-width:360px; }
.mnw365  { min-width:365px; }
.mnw370  { min-width:370px; }
.mnw375  { min-width:375px; }
.mnw380  { min-width:380px; }
.mnw385  { min-width:385px; }
.mnw390  { min-width:390px; }
.mnw395  { min-width:395px; }
.mnw400  { min-width:400px; }
.mnw425  { min-width:425px; }
.mnw450  { min-width:450px; }
.mnw475  { min-width:475px; }
.mnw500  { min-width:500px; }
.mnw525  { min-width:525px; }
.mnw550  { min-width:550px; }
.mnw575  { min-width:575px; }
.mnw600  { min-width:600px; }
.mnw625  { min-width:625px; }
.mnw650  { min-width:650px; }
.mnw675  { min-width:675px; }
.mnw700  { min-width:700px; }
.mnw800  { min-width:800px; }
.mnw900  { min-width:900px; }
.mnw1000 { min-width:1000px; }
.mnw1100 { min-width:1100px; }
.mnw1200 { min-width:1200px; }
.mnw1300 { min-width:1300px; }
.mnw1400 { min-width:1400px; }
.mnw1500 { min-width:1500px; }

.dropcap {
  line-height:75%;
  float:left;
  margin-right:0.2em;
  font-family:Times, serif, Georgia;
  font-size:400%;
  font-weight:bold;
  color:#663333;
}

.nowrap { white-space:nowrap; }
.tiny   { font-size:1px; }
.fs70  { font-size:70%; }
.fs75  { font-size:75%; }
.fs80  { font-size:80%; }
.fs85  { font-size:85%; }
.fs90  { font-size:90%; }
.fs100  { font-size:100%; }
.fs110  { font-size:110%; }
.fs120  { font-size:120%; }
.fs130  { font-size:130%; }
.fs140  { font-size:140%; }
.fs150  { font-size:150%; }
.fs200  { font-size:200%; }
.fs250  { font-size:250%; }
.italic { font-style:italic; }

.wt  { color:#ffffff; }
.blu { color:#0000ff; }
.red { color:#ff0000; }
.green { color:#008000; }
.grey { color:#cccccc; }
.black  { color:#000000; }
.bw { background:#ffffff; }

.shadystuff {
 box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 margin-bottom:0.5em;
}
.shadystuffb {
 box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 border:1px solid black;
 margin-bottom:0.5em;
}
.shadycraft {
 filter: drop-shadow (7px 7px 7px rgba(0,0,0,0.3));
}
.rounded {
 border-radius:20px;
}
.roundtop {
 border-radius:20px 20px 0 0;
}
.roundbottom {
 border-radius:0 0 20px 20px;
}

.bordered  { border:1px solid black; }
.bordered_grey  { border:1px solid #cccccc; }

table  { border-collapse:collapse; }
td  { text-align:left; vertical-align:top; }
.nb    { font-size:85%; }
table.nb td   { padding:0.25em; }
table.bordered td, th { border:1px solid #cccccc; padding:0.25em; }

.translation {
  color:#999999;
  font-size:85%;
}

.verse {
text-align:center;
font-family:arial, helvetica, verdana, sans-serif;
font-size:90%;
font-weight:bold;
}

.speaker {
  font-size:85%;
  font-weight:bold;
  font-style:italic;
}

.normal { font-weight:normal; }

.cross {
  width:90px;
  padding:4em 2em .5em 2em;
  margin:0 0 0 0;
  font-size:85%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  }

.flag  {
  border:1px solid #000000;
}

.brdrtop  { border-style:solid; border-color:#9E4467; border-width:2px; border-bottom:none; }
.brdrl    { border-style:solid; border-color:#9E4467; border-width:2px; border-right:none; }
.brdrr    { border-style:solid; border-color:#9E4467; border-width:2px; border-left:none; }
.brdrbtm  { border-bottom-style:solid; border-bottom-color:#9E4467; border-bottom-width:2px; }
.brdrtopbtm  { border-style:solid; border-color:#9E4467; border-width:2px; border-left:none; border-right:none; }
.brdrall  { border-style:solid; border-color:#9E4467; border-width:2px; }

.centre00  { margin:0em auto 0em auto; text-align:center; }
.centre01  { margin:0em auto 1em auto; text-align:center; }
.centre02  { margin:0em auto 2em auto; text-align:center; }
.centre03  { margin:0em auto 3em auto; text-align:center; }
.centre04  { margin:0em auto 4em auto; text-align:center; }
.centre10  { margin:1em auto 0em auto; text-align:center; }
.centre11  { margin:1em auto 1em auto; text-align:center; }
.centre12  { margin:1em auto 2em auto; text-align:center; }
.centre13  { margin:1em auto 3em auto; text-align:center; }
.centre14  { margin:1em auto 4em auto; text-align:center; }
.centre20  { margin:2em auto 0em auto; text-align:center; }
.centre21  { margin:2em auto 1em auto; text-align:center; }
.centre22  { margin:2em auto 2em auto; text-align:center; }
.centre23  { margin:2em auto 3em auto; text-align:center; }
.centre24  { margin:2em auto 4em auto; text-align:center; }
.centre30  { margin:3em auto 0em auto; text-align:center; }
.centre31  { margin:3em auto 1em auto; text-align:center; }
.centre32  { margin:3em auto 2em auto; text-align:center; }
.centre33  { margin:3em auto 3em auto; text-align:center; }
.centre34  { margin:3em auto 4em auto; text-align:center; }
.centre40  { margin:4em auto 0em auto; text-align:center; }
.centre41  { margin:4em auto 1em auto; text-align:center; }
.centre42  { margin:4em auto 2em auto; text-align:center; }
.centre43  { margin:4em auto 3em auto; text-align:center; }
.centre44  { margin:4em auto 4em auto; text-align:center; }

.lgrey { background-color:#eeeeee; }
.sub {  vertical-align:sub;
  font-size:80%;
}
sup {  vertical-align:baseline;
  font-size:0.8em;
  position:relative;
  top:-0.4em;
  }
.mid { vertical-align:middle; }

/* seiyaku.css */