@import url(/mt/mt-static/themes-base/blogn.css);
@import url(/mt/mt-static/themes/unstyled/screen.css);


body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
text-align:left;
line-height:170%;
font-size:10px;
font-color:#111;
}
#container {
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
}

/* header */
div#header h1{
background-image: url(/images/rn/logo.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 417px;
height: 120px;
margin:10px 0px 10px 30px;
padding:0;
text-indent: -9999px;
}

div#header h1 a{
width: 417px;
height: 120px;
display:block;
}


div#jpen {
text-align:right;
position:absolute;
right:30px;
top:120px;
}

div#headerline {
width:100%;
margin:0px;
padding:0;
border-top:2px solid #333;
}

img.bg {
  min-height: 30px;
  min-width: 800px;
  width: 100%;
  height: 30px;
  position: absolute;
  top:142px;
  left: 0;
border-bottom:1px solid #999;
}

@media screen and (max-width: 800px){
  img.bg {
  left: 50%;
  margin-left: -400px; }
}

a.headbg{
  width: 100%;
  height: 30px;
 text-decoration:none;
 text-indent:-9999px;
line-height:30px;
}





h1,h2 {
margin:20px 0px;
font-size: 14px;
color: #333;
}

a{
text-decoration:underline;
}

a:link {
color: #333;
}
a:visited {
color: #009B72;
}
a:hover {
color: #009B72;
}



.thumlist {
clear: both;
 }
.thum {
display: inline;
float: left;
margin: 5px 20px 25px 0px;
padding:10px 5px;
width: 200px;
height: 220px;
background-color:#EAEAEA;
text-align:center;
line-height:150%;
}

a#imglnk{
text-decoration:none;
}

table#item{
width:100%;
margin:10px;
}

table#item td {
width:33%;
font-size: 12px;
color: #333333;
line-height:18px;
padding: 10px;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
text-align:center;
}


table#ltab {
margin-top: 10px;
margin-bottom: 10px;
}
table#ltab td {
font-size: 12px;
color: #333333;
padding: 2px;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
line-height:18px;
}

table#ltab p{
font-size: 14px;
color: #333333;
line-height:26px;
}

table#ltab li {
font-size: 11px;
}

table#ltab span{
font-size: 10px;
}

table#ltab span a{
font-size: 10px;
text-decoration:underline;
}



div#footer{
width: 100%;
height: 30px;
margin:5px 10px 5px 0px;
background-image: url(/images/rn/chocho.jpg);
background-repeat: no-repeat;
background-position: 98%;
border-top:1px solid #999;
clear: both;
}
#footer p{
text-align: right;
padding-top: 15px;
padding-right: 45px;
font-size: x-small;
color: #666;
line-height:130%;
}
#footer a{
text-align: right;
padding-top: 10px;
font-size: x-small;
line-height: 1.5;
color: #666;
}
#footer a:hover{
color:#009B72;
}

#alpha-menu{
margin-top:50px;
font-size:12px;
}

#alpha-inner{
float:left;
width:95%;
border-top: 1px solid #999;
}

#gamma-inner{
background-color:#fff;
color:#000;
}

#globalnavi{
  display: block;
  width: 650px;
  margin: 0px;
  padding: 0;
}

#globalnavi ul{
  width: 650px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#globalnavi li{
  float:left;
  margin: 0;
  padding: 0 10px 0 0;
}

#globalnavi a{
  display: block;
  width: 650px;
}
#menu a{
width:auto;
min-width:100px;
color:#333;
padding:10px;
text-decoration:none;
}

#menu a:hover{
width:auto;
min-width:100px;
background-color:#eaeaea;
padding:10px;
  text-decoration:none;
}

#menuon a{
color:#333;
width:auto;
min-width:100px;
background-color:#eaeaea;
padding:10px;
text-decoration:none;
}


#navi {
float:left;
width: 140px;
height: auto;
margin: 40px 30px 0px 30px;
padding: 0px;
}

ul#sidemenu, ul#sidemenu ul {
font-family:"Courier New";
font-size:12px;
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 140px;
}

ul#sidemenu a {
  display: block;
  text-decoration: none;
}

ul#sidemenu li {
  margin: 0 0 0px 0px;
}

ul#sidemenu li a {
  background: #eaeaea;
  color: #000;
  padding: 10px;
  margin-top:10px;
display:block;
}

#sci a{
background-image: url(/images/rn/sci.jpg);
background-repeat: no-repeat;
text-indent:-9999px;
width:140px;
height:100px;
margin-top:20px;
display:block;
}

ul#sidemenu li a:hover {
  background: #000;
  color:#fff;
}

ul#sidemenu li a.nowon {
  background: #000;
  color: #fff;
  padding: 10px;
  margin-top:10px;
display:block;
}


ul#sidemenu li ul li a {
  background: #fff;
  color: #333;
  border-bottom: 1px #fff solid;
  margin:10px 15px 0px 15px;
  padding:3px 0 2px 5px;
display:block;
}

ul#sidemenu li ul li a:hover {
  background: #fff;
  color:#333;
  border-bottom: 1px #009B72 solid;
  margin:10px 15px 0px 15px;
  padding:3px 0 2px 5px;
}

ul#sidemenu li ul li a.subon {
  background: #fff;
  color: #333;
  border-bottom: 1px #009B72 solid;
  margin:10px 15px 0px 15px;
  padding:3px 0 2px 5px;
display:block;
}


table#profile {
margin: 20px;
}

table#profile td {
font-size: 12px;
color: #333333;
padding: 5px;
border:1px solid #fff;
}


.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }