/* heading ゴシック, body 明朝, 
h5 is bold but otherwise same as body text heading,
small text, fine print smaller, */

h1      { color: #fff; font-size: 20pt; line-height: 150%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅 }
h2    { color: #fff; font-size: 17pt; line-height: 150%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅 }
h3  { color: #fff; font-size: 12pt; line-height: 150%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅 }
h4  { color: #fff; font-weight: bold; font-size: 10pt; line-height: 150%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅 }

h5  { color: #fff; font-weight: bold; font-size: 10pt; line-height: 150%; font-family: font-family, "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅 }

body    { color: #fff; font-size: 10pt; line-height: 100%; font-family: font-family, "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅 }
p   { color: #fff; font-size: 10pt; line-height: 100%; font-family: font-family, "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅 }
td   { color: #fff; font-size: 10pt; line-height: 100%; font-family: font-family, "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅 }

.smalltext  { color: #fff; font-size: 8pt; line-height: 100% }
.fineprint  { color: #fff; font-size: 7pt; line-height: 100% }

.title {font-style: italic; }
.bold {font-weight: bold; }

.greytext    { color: #696969 }
.whitetext  { color: #fff }


/* link style 
bold, 
colors: link royal blue, visited indian red, hover and active salmon */

a:link    { color: #39f; font-weight: bold; text-decoration: none }
a:visited      { color: #FF3300; font-weight: bold; text-decoration: none }
a:hover    { color: FF3300; font-weight: bold; text-decoration: none }
a:active    { color: #FF3300; font-weight: bold; text-decoration: none }


/* images left and right aligned, with right and left margins, 
 */

.imageleft {float: left; margin-left: 0px; margin-right: 10px; }
.imageright {float: right; margin-left: 10px; margin-right: 0px; }


/* nav bar links, wider apart, no indent, with background color
まだ使えない状態 */

.nav { width: 160px; margin-top: 10px; margin-bottom: 0px; margin-right: 10px; margin-left: 10px; text-align: right; font-size: 10pt; font-family: Verdana, Tahoma, Arial, 'Century Gothic', Helvetica, Geneva, sans-serif; background-color: #F5F5F5;}

.navlower { width: 160px;  margin-right: 10px; margin-left: 10px; margin-top: 5px; margin bottom: 0 px; text-align: right; font-size: 9pt; font-family: Verdana, Tahoma, Arial, 'Century Gothic', Helvetica, Geneva, sans-serif; }


/* pullquote, with background color, 
thin borders  top and bottom, 
right aligned text, 
a bit of margin.
first letter bigger.
not working yet */

.pullq {text-align:left; font-size: 8 pt; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, Osaka-等幅;  margin: 5px; padding: 5px; border-top: thin black solid; border-bottom: thin black solid; background-color: #f5f5f5; width: 30%; float: right;}




/* padding and margin for the text
this part not working yet */