@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;
}
/* specify preface before ml1 */
.preface {
font-family:arial, verdana, helvetica, sans-serif;
vertical-align:top;
text-align:left;
border:#ffe5e5 3px solid;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 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 */

@import url(http://fonts.googleapis.com/css?family=roboto);

#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;
	filter: Alpha(Opacity=50); /* support: IE8 */
}

.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 */

.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; }

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

.intwo { margin-left:2.0em; }
.t0	{ margin-top:0em; }
.t1	{ margin-top:1em; }
.t2	{ margin-top:2em; }
.t3	{ margin-top:3em; }
.t-1	{ margin-top:-1em; }
.ml1	{ margin-left:1em; }
.b0	{ margin-bottom:0em; }
.b1	{ margin-bottom:1em; }
.b2	{ margin-bottom:2em; }
.b3	{ margin-bottom:3em; }
.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; }

.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; }
.fs90	{ font-size:90%; }
.fs80	{ font-size:80%; }

.wt		{ color:#ffffff; }
.blu		{ color:#0000ff; }

.shadystuff {
 /* A few vendor-prefixed versions of the property... */
 -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 /* ...and the 'real' property last. */
 box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 margin-bottom:0.5em;
}
.shadystuffb {
 /* A few vendor-prefixed versions of the property... */
 -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 /* ...and the 'real' property last. */
 box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 border:1px solid black;
 margin-bottom:0.5em;
}

.rounded {
 /* A few vendor-prefixed versions of the property... */
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 /* ...and the 'real' property last. */
 border-radius:20px;
}

.roundtop {
 /* A few vendor-prefixed versions of the property... */
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 /* ...and the 'real' property last. */
 border-radius:20px 20px 0 0;
}

.roundbottom {
 /* A few vendor-prefixed versions of the property... */
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 /* ...and the 'real' property last. */
 border-radius:0 0 20px 20px;
}

table	{ border-collapse:collapse; }
td	{ text-align:left; vertical-align:top; }

.nb		{ font-size:85%; }
table.nb td 	{ padding:0.25em; }

.bordered	{ border:1px solid black; }

.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;
}

.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 */