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

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

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

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

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

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


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

a:link   { color: #4169e1; font-weight: bold; text-decoration: none }
a:visited     { color: #cd5c5c; font-weight: bold; text-decoration: none }
a:hover   { color: #fa8072; font-weight: bold; text-decoration: none }
a:active   { color: #fa8072; 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 */