/* Edit the styles as you see fit */

/* common */
#link{font-size: 10pt;
height: 18px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
background-color: white;
color: black;
text-align: center;
font-weight: bold;
word-spacing: 60px;
}

#title{background-color: black;
color: white;
font-size: 32pt;
font-family: 'arial black', 'century gothic', sans-serif;
text-align: center;
margin-bottom: 15px
}

a.menu { text-decoration: none;
font-family: 'Ludica Sans Unicode';
 }
a:link.menu { color: #3cb371 }
a:visited.menu { color: #3cb371 }
a:hover.menu { color: red}

p.jp { text-align: right }

a.en { text-decoration: none;
       text-align: right }
a:link.en { color: yellow }
a:visited.en { color: yellow }
a:hover.en { color: red }

/* toppage css */
/* bg は saturn ページと共有 */
#bg {background-color: black;
color: white;
height: 100%;
width: 100%;
margin-top: -10px;
margin-left: -4pt;
margin-right: -4pt;
padding-top: 10px
}
#content{background-color: #f0fff0;
color: black;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
text-align: center;	
height: 65%;
}
a.list { text-decoration: none; 
         font-size: x-large;
         font-style: italic }
a:link.list { color: #0000ff }
a:visited.list { color: #0000ff }
a:hover.list { color: #8a2be2}
div.subtitle { font-size: xx-large;
margin-bottom: 25px }
div.list { margin-bottom: 10px}
div.exp { font-size large;
margin-bottom: 15px
}
div.koushin { font-size: x-large;
color: red;
margin-top: 20px
}

/* profile css */
#bg2 {background-color: black;
color: white;
height: 100%;
width: 100%;
margin-top: -10px;
margin-left: -4pt;
margin-right: -4pt;
padding-top: 10px
}
#content2 {background-color: #fffacd;
color: black;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
height: 70%;
}

div.subtitle2 { font-size: xx-large;
color: #dc143c;
text-align: center
}
li.exp1 { margin-top: 15px;
color: navy;
font-size: x-large;
margin-top: 20px;
margin-bottom: 15px
}
li.exp2 { color: black;
font-size: 12pt;
list-style-type: none
}
li.exp21 { color: black;
font-size: 12pt;
text-indent: 20px;
list-style-type: none
}
li.exp22 { color: black;
font-size: 12pt;
text-indent: 53px;
list-style-type: none
}

/* study css */
#bg3 {background-color: black;
color: white;
height: 100%;
width: 100%;
margin-top: -10px;
margin-left: -4pt;
margin-right: -4pt;
padding-top: 10px
}
#content3 {background-color: #f5f5f5;
color: black;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
height: 85%;
}
a.stu { text-decoration: none; 
}
a:link.stu { color: #0000cd }
a:visited.stu { color: #0000cd }
a:hover.stu{color: #ff8c00}
div.subtitle3 { font-size: xx-large;
color: black;
text-align: center;
margin-bottom: 25px
}
ul.ul {margin-left: 20px;
}
h2.h2 {margin-left: 20px;
}
li.height {list-style: none;
}
span.under {text-decoration: underline;
font-weight: bold;
}
/* outreach css */
#bg4 {background-color: black;
color: white;
height: 100%;
width: 100%;
margin-top: -10px;
margin-left: -4pt;
margin-right: -4pt;
padding-top: 10px
}
#content8 {background-color: #e6e6fa;
color: black;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
height: 80%;
}
a.out { text-decoration: none; 
}
a:link.out { color: #0000cd }
a:visited.out { color: #0000cd }
a:hover.out{color: #ff8c00}
div.subtitle4 { font-size: xx-large;
color: black;
text-align: center;
margin-bottom: 25px
}
ul.ul {margin-left: 20px;
}
h2.h2 {margin-left: 20px;
}
h3.h3 {margin-left: 40px;
}
li.height { list-style: none;
}
span.under { text-decoration: underline;
font-weight: bold;
}
/* link css */
#bg7 {background-color: black;
color: white;
height: 100%;
width: 100%
margin-top: -10px;
margin-left: -4pt;
margin-right: -4pt;
padding-top: 10px
}
#content7 {background-color: #faf0e6;

color: black;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
height: 90%;
}
a.lk { text-decoration: none;
font-size: large;
}
a:link.lk { color: blue }
a:visited.lk { color: blue}
a:hover.lk {color: #ff8c00}
div.subtitle7 { font-size: xx-large;
margin-bottom: 25px;
text-align: center
}
p.p {margin-left: 40px;
}
li.exp3 { font-size: x-large;
margin-top: 30px;
margin-bottom: 20px
}
li.exp4 { font-size: 12pt;
margin-left: 20px;
margin-bottom: 10px;
list-style-type: circle
}
li.exp5 { font-size: 12pt;
list-style-type: none;
margin-left: 20px;
margin-bottom: 10px
}

/* saturn css */
#content4 {background-color: skyblue;
color: black;
text-align: center;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
height: 65%;
}

/* pc css */
#content5{background-color: yellow;
color: black;
text-align: center;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
height: 65%;
}
a.pc { text-decoration: none; 
font-size: x-large }
a:link.pc { color: #0000cd }
a:visited.pc { color: #0000cd }
a:hover.pc {color: red}

/* thesis css */
#content6 {background-color: orange;
color: black;
text-align: center;
margin-top: 15px;
margin-left: 10px;
margin-right: 10px;
height: 65%;
}
a.the { text-decoration: none;
font-size: x-large }
a:link.the { color: #0000cd }
a:visited.the { color: #0000cd }
a:hover.the { color: green}