/*@charset "utf-8";*/
/*MCL MAIN-STYLES--2016/10/30--*/

/*-- 1)GENERALLAYOUT--*/
body{
height:100%;
margin:0;
padding:1em 1em 1em 1em;
background-color:#e3e3e3;
color:#000000;
font-family:"Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
text-align: center;
}
#wrapper {
    text-align: left;
    margin: 0 auto;
    padding: 0;
}
#container {
    position: relative;
    max-width: 800px;
    min-width: 300px;
    margin: 0 auto;
    padding: 0;
}
#contents {
    margin: 0 200 0 0px;
    padding: 0;
}
#sidebar {
    width: 180px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}
p{
margin:0;
padding:0;
}

.hide{display:none;}

img{
border-width:0;
border-style:none;
}

/*-- 2)GENERALLINK COLOR--*/
a:link{
color:#0000aa;
text-decoration:none;
}

a:visited{
color:#aa00aa;
text-decoration:none;
}

a:hover,a:active{
color:#aa0000;
text-decoration:underline;
}

/* --3)GENERAL FONT SETTINGS--*/

body,p,div{font-size:large;}

p{line-height:160%;}

h1{margin-top:1em;margin-bottom:1em;font-size:3em;text-align:center;}
h2{margin-top:1em;margin-bottom:1em;font-size:2em;}
h3{margin-top:1em;margin-bottom:1em;font-size:1.5em;}
h4{margin-top:1em;margin-bottom:1em;font-size:1.3em;color:#000040}
h5{margin-top:1em;margin-bottom:1em;font-size:1em; font-family: "ＭＳ ゴシック",sans-serif}

body,p,h1 {color:#000000;}

.center{text-align:center;}

.right{text-align:right;}

.italic{font-style: italic;}

      .color0 {
          color: #000000; } /* black */
      .color1 {
          color: #ff0000; } /* red */
      .color2 {
          color: #00ff00; } /* lime */
      .color3 {
          color: #0000ff; } /* blue */
      .color4 {
          color: #00cc00; } /* lightgreen */
      .color5 {
          color: #ff6600; } /* orange */
      .color6 {
          color: #004080; } /* darkblue */
      .color7 {
          color: #ccffff; } /* lightblue */
      .color8 {
          color: #800080; } /* violett */
      
    .fw0 {font-weight: normal;}
    .fw1 {font-weight: 100;}
    .fw2 {font-weight: 200;}
    .fw3 {font-weight: 300;}
    .fw4 {font-weight: 400;} /* normal */
    .fw5 {font-weight: 500;}
    .fw6 {font-weight: 600;}
    .fw7 {font-weight: 700;} /* bold */
    .fw8 {font-weight: 800;}
    .fw9 {font-weight: 900;}
    .fw0 {font-weight: normal;}


.em {margin-top:1em;margin-bottom:1em;font-family: "ＭＳ ゴシック",sans-serif; color:#000040}

.em2 {margin-top:1em; margin-bottom:1em; font-size:125%; text-align:center;  color:#000040}

.em3 {margin-top:1em; margin-bottom:1em; font-size:115%; text-align:right; color:#000040}

.em4 {margin-top:1em;margin-bottom:1em;font-size:115%; color:#000040}

.em5 {margin-top:1em; margin-bottom:0; font-size:85%; text-align:right; color:#000040}

.em6 {margin-top:1em; margin-bottom:0; font-size:85%; color:#000040}

.quote {margin:0; padding:0 3em 0 3em; color: #004080;}

.page {margin:0; padding:0 0 0 0; text-align:center; font-family:"ＭＳ ゴシック",sans-serif}

.intro  {margin:1em; margin-bottom:1em; padding:1em 1em 1em 1em; color: #000040; background-color:#ffffff; font-family:"Hiragino Mincho ProN","YuMincho Medium","MS P明朝","MS 明朝",serif;}


/*-----4)hanging indent-----*/
.hang1{
margin:0;
padding:0 0 0 1em;
text-indent:-1em;
}
.hang2{
margin:0;
padding:0 0 0 2em;
text-indent:-2em;
}

.hang3{
margin:0;
padding:0 0 0 3em;
text-indent:-3em;
}

.hang4{
margin:0;
padding:0 0 0 4em;
text-indent:-4em;
}

.subhang4{
margin:0;
padding:0 0 0 7em;
text-indent:-3em;
}

.hang5{
margin:0;
padding:0 0 0 5em;
text-indent:-5em;
}

.hang8{
margin:0;
padding:0 0 0 8em;
text-indent:-8em;
}

/*-----4a) indent-----*/
.indent1{
margin:0;
padding:0 0 0 1em;
}
.indent2{
margin:0;
padding:0 0 0 2em;
}
.indent3{
	margin:0;
	padding:0 0 0 3em;
}
.indent4{
	margin:0;
	padding:0 0 0 4em;
}
/*-----5)mainnav-----*/

.nav{
width:35em;
margin:0;
padding:0 1em 0 1em;
color:#ffffff;
font-size:75%;
font-weight:bold;
text-align:right;
background-color:#0000cc;
font-family:"MS Pゴシック","Osaka","Hiragino Kaku Gothic Pro","Verdana","Helvetica",sans-serif;
}

.nav a:link,.nav a:visited{
color:#ffffff;
}

.nav a:hover,.nav a:active{
color:#ffffff;
text-decoration:underline;
}

#el{font-weight:lighter;}

/*-----6)subnav-----*/

#subnav{
margin:0; 
padding:2px 0 3px 0;
font-size:80%;
font-weight:bold;
text-align:center;
border-bottom:solid 1px #666;
background-color:#008888;
color:#ffffff;
font-family:"MS Pゴシック","Osaka","Hiragino Kaku Gothic Pro","Verdana","Helvetica",sans-serif;
}

#subnav a:link,#subnav a:visited{
color:#ffffff;
text-decoration:none;
}

#subnav a:hover,#subnav a:active{
color:#ffffff;
text-decoration:underline;
}

/*-----7)location-----*/
.loc{
font-size:70%;
}

/*-----8)footer-----*/
.foot{ 
text-align:center;
font-size:90%;
font-family:"ＭＳ ゴシック",sans-serif
}

.foot2{ 
text-align:left;
font-size:90%;
}
/*-----9)table-----*/
table.staff{ 
border: 0;
width: 90%;
}
/* td.staff,th.staff{ 
border:5;
width:33%; */
}
/*-----10)Joint2-----*/
.joint2{ 
	letter-spacing: -3pt;
}


img.example1 {
width: 120%;
height: 330px;
display: block;
margin-left: -5em;
margin-right: auto;
}

img.example2 {
width: 100%;
height: 130px;
}