@charset "Shift_JIS";

/* base styles-fab51
====================
BE Version: 2008.07.30

1:header
2:nav
3:snav
4:page structure
5:footer
6:misc
7:list-style
8:link-style
  link-mark
x:Previous style

==================== */

body{
  margin:0;
  padding:0;
  text-align:center;
  position:relative;
  letter-spacing: 0;
/*  background:#585858 url("../img/texture/bg-mesh-light.gif");*/
  background:#696A6C url("../img/texture/bg-grad_mesh_v680.jpg") repeat-x;
  color:#DDDDDD;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka",Verdana,Helvetica,"メイリオ",Meiryo,"ＭＳ Ｐゴシック"; 
  }
body#en{font-family:Arial,Helvetica,Swiss,Geneva,Verdana;}

.container{
  text-align:left;
  margin:0 auto;
  width:100%;
  background-color:#3C3C3C;
  border-left:solid #585858;
  border-right:solid #333;
  border-width:0 1px;
  color:#EEEEEE;
  max-width: 1050px;
  min-width: 800px;
  }
/* - for IE6-7 except macIE5x - \*/
* html .container,
* html #content{height:1%;}
*:first-child+html .container{height:1%;}
*:first-child+html #content{height:1%;}
/*ie7*/ br{ letter-spacing:0;}

.cs1 .container{
/*  border-width:0 1px 0 0;*/
  }
.frame-menu .container{
 position:relative; top:0; right:8px;
  }


h1,h2,h3,h4,h5,h6,p,img,table,th,td,form{
  margin:0;
  padding:0;
  font-size:10.5pt;
  }

/* 1:header
------------------------ */
#header{
  width:100%;
  height:78px;
  background-color:#3C3C3C;
  background-image:url("../img/header/skylight2008.jpg");
  background-repeat:no-repeat;
  background-position:0 100%;
  border-top:solid 1px #606666;
  border-bottom:solid 1px #33333C;
  border-left:solid 1px #4E5B5B;
  text-indent:120px;
  font-size:9.5pt;
  color:#DDDDDD;
  white-space:nowrap;
  }
#header{
  text-indent:0;
  height:90px;
  }
#en #header .ads728{
  height:90px;
  width:728px;
  float:left;
  }
#logo{
  float:left;  
  display:block;
  width:580px;
  height:50px;
  margin:0 5px 0;
  border:none;
  text-indent:-10000px;
  text-decoration:none;
  background-image:url("../img/header/logo2w_64c_sky.gif");
  background-repeat:no-repeat;
  background-position:0 0;
  overflow:hidden;
  }
 a#logo:hover{
  background-position:0 -40px;
  }
#header ul{
  margin:0;
  padding:4px 8px 0;
  list-style:none;
  font-size:9pt;
  text-transform:lowercase;
  }
#header li{
  float:right;
  margin:0;
  padding:0 8px;
  background-image:none;
  line-height:normal;
  text-indent:0;
  color:#DFEEEE;
  font-weight:bold;
  }
/* header link */
#header a{font-weight:bold;text-decoration:none;}
#header a:link,
#header a:visited {color:#CCE3E3;}
#header a:hover {color:#77EEEE;}
#header a:active {text-decoration:underline; color:#1F1F1F;}

/* screening */
#header .first-time a:visited,#header .inv{color:#636E6E;}
#header .first-time a:hover{color:#77EEEE;}

#header .inv a:link,
#header .inv a:visited{color:#636E6E!important;}
#header .inv a:hover {color:#88EEEE!important;}
#header .inv a:active {color:#1F1F1F!important;}

/* 2:nav
------------------------ */
#nav{
  margin-top:-20px;
  height:20px;
  width:auto;
  font-size:9.5pt;
  color:#BBBBBB;
  white-space:nowrap;
  }

#nav ul {
  margin:0 0 0 114px;
  padding:0;
  list-style:none;
  font-size:100%;
  }
#nav li {
  float:left;
  margin:0;
  padding:1px;
  border-width:0;
  background-image:none;
  line-height:14px;
  text-indent:0;
  color:#CCE0FF;
  }
#nav li.tp{
  display:none;
  padding:1px 20px;
  font-weight:bold;
 }

#nav li.current{
  border-color:#CCDDEE #AAAAFF #AAAAFF #CCDDEE;
  border-style:solid;
  border-width:1px;
  }
.cs1 #nav li.current{
  padding-top:1px;
  border-width:0;
  }

/* nav link */
#nav a{
  padding:0 12px;
  line-height:14px;
  font-weight:bold;
  text-decoration:none;
  }
#nav a:link,
#nav a:visited{color:#454C4C}
#nav a:hover{color:#DFF8FF;text-decoration:underline;}
#nav a:active{color:#1F1F1F;text-decoration:underline;}

#nav li.current a{padding:0 18px;}
#nav li.current a:link,
#nav li.current a:visited{color:#DFF8FF;}
#nav li.current a:hover{color:#A8B8D8;text-decoration:none;}

a.c1 {font-weight:bold}
a.c1:link{text-decoration:underline; color:#E5FBFF !important}
a.c1:visited{text-decoration:none; color:#C9E3E6 !important}
a.c1:hover{text-decoration:none; color:#ECFFFF !important}
a.c1:active{text-decoration:none; color:#1F1F1F !important}

#nav li.entry-index{display:none;}
#nav strong{font-weight:bold;}

#nav,#snav{
  font:9pt Arial,Helvetica,Swiss,Geneva,Verdana,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
  }

/* 3:snav Dark_gray
------------------------ */
#snav{
  clear:left;
  padding-top:6px;
  height:22px;
  border-width:0;
  background-color:#3C3C3C;
  background-image:url("../img/texture/snav_bg3c-d6shade.gif");
  background-position:0 0;
  background-repeat:repeat-x;
  font-size:9.5pt; 
  color:#888888; 
  white-space:nowrap;  
  }
#snav ul{
  margin:0;
  padding:0 12px 0;
  list-style:none;
  font-size:100%;
  font-family: "trebuchet ms", arial, "hirakakupro-w3", osaka, "ms pgothic", sans-serif;
  }
#snav li{
  float:left;
  margin:0;
  padding:0;
  background-color:#2F2F2F;
  background-image:none;
  line-height:20px;
  text-indent:0;
  border-width:0;
  }
#snav li.sep{
  padding-left:8px;
  background-color:transparent;
  font-size:1px;
  border-width:0;
  visibility:hidden;
  }
#snav li.gap,
#snav li.entry-index{
  margin-right:5px;
  }
#snav li.entry-blog{
  display:inline;
  }
#snav li.tp{
  padding:1px 5px 0 20px;
  background-color:transparent;
  font-weight:bold;
  border-width:0px;
 }

#snav a{
  margin-left:0px;
  padding:2px 10px 2px;
  line-height:22px;
  border-style:solid;
  border-width:1px;
  border-color:#2F2F2F #161616 #4F4F4F #585858;
  font-weight:bold;
  text-decoration:none;
  font-size:9.5pt;
  color:#ABBBBB;
  }
#snav a:link,
#snav a:visited{}
#snav a:hover,
#snav .entry-home a:hover,
#snav .entry-blog a:hover{
  color:#C8FFFF;
  background-color:#607777;
  border-color:#597676 #A2E2E2 #99DDDD #809999;
  }
#snav a:active{color:#1F1F1F;}

#snav li.current a{
  color:#DDFFFF;
  background-color:#668080;
  border-color:#708888 #A2E2E2 #99EEEE #809999;
  padding-left:22px;
  }
#snav li.entry-home a,
#snav li.entry-blog a{
  background-color:#666; 
  border-color:#666 #555 #888888 #888888;
  color:#D8E0E0;
  padding-left:22px;
 }
#snav li.entry-index a,
#snav li.entry-home a{
  background-image:url("../img/icon10/insitelink-up.gif");
  background-repeat: no-repeat;
  background-position:10px 5px;
  padding-left:22px;
  }
#snav li.entry-index a:link,
#snav li.entry-index a:visited{color:#E4CC6C;}
#snav li.entry-index a:hover{color:#FFF;
  background-color:#888888;
  border-color:#767676 #EEEEEE #DDDDDD #999;
  }
#snav li.entry-index a:active{color:#1F1F1F;}

#snav strong{
  color:#99DDDD;
  }
.cs1 #snav .tp strong{
  display:none;
  }


/* 4:page structure
  --- xcol w160 ---
------------------------ */
#mx #content{
 position:relative;
 margin:38px 50px 20px 60px;  
 padding:0;
 line-height:1.4;
 }
/* -- for IE6 except macIE5x -- */ /*\*/
* html #mx #content, * html #mx #headline, * html #mx #maincol{height:1%;}
/**/

#mx #headline{
 margin:0 170px 10px 0;
 }
#mx #maincol,#mx .maincol{
 margin:0 170px 18px 0;
 padding-right:12px;
 border-right:1px dotted #666;
 }
#mx #xcol{
 position:absolute;
 top:0; right:0;
 width:162px;
 margin-top:28px;
 }

/* --- xcol w180 --- */
#mx.xcol180 #maincol,
#mx.xcol180 #headline{
 margin-right:190px;
 }
#mx.xcol180 #xcol{
 width:182px;
 }

/* --- xcol w120 --- */
#mx.xcol120 #maincol,
#mx.xcol120 #headline{
 margin-right:130px;
 }
#mx.xcol120 #xcol{
 width:122px;
 }

.cs1 #mx #xcol{
 background-color:#4E4E4E;
 }

/* top ads */
#maincol .ads-728{
  width:728px;
  height:90px;
  }


/*  x:page structure
------------------------ */

#content{clear:left;}
.sub{font-size:10pt;
  width:220px;
  color:#F2F2F2;
  background-color:#4E4E4E;
  border-left:solid 1px #444444;
  border-right:solid 1px #666;
  padding:12px 12px;
  } 

.sub-x{font-size:10pt;
  padding-top:6px;
  padding-left:6px;
  width:130px;
  color:#DDDDDD;
  border-top:solid 1px #585858;
  border-left:dotted 1px #666;
  border-right:solid 1px #333333;
  border-bottom:solid 1px #3e3e3e;

  } 
.sub-x img{float:right;}

/* 5:footer
------------------------ */
#footer{
  clear:both;
  height:28px;
  padding-top:16px; 
  background-image: url("../img/vshade-footer_4px.gif");
  background-repeat: repeat-x;
  background-color:#484E51;
  color:#C2D5D8;
  border-bottom:solid 2px #656F6F;
  border-left:solid 1px #2E3333;
 }
#footer a, #footer strong{
  font-weight:bold;
  text-decoration:none;
  color:#C2D5D8 !important;
  }
#footer img{vertical-align:middle;
  margin-right:20px;
  }

/* 6:misc
------------------------ */
ol{
  margin:.25em 1em .4em;
  padding:0;
  }
hr{margin:0.5em;}
hr.sep{
  margin:0;
  display: none;
  }
hr.hide, hr.hidden, a.hidden, .hidden
  {display: none;}

.notes{
  color:#CCC;
  font-size:85%;
  border:solid 1px #939393;
  margin:10px 10px 0 0;
  line-height:1.6;
  } 
.inset{
  position:relative;
  top:28px; left:0;
  }

.ads468{
  margin-left:12px; 
  padding:10px 0 0 12px;
  border-top:solid 1px #4F4F4F;
  width:480px;
  height:78px;
  }/* 482px */

.adlink468{
  margin:15px 0 1px 1px;
  height:15px;
  }

.adlink468b{
  margin-top:70px;
  height:15px;
  }

/* 7:list-style
------------------------ */
ul,dl {
  margin:.25em 1em .4em;
  padding:0;
  line-height:1.6;
  font-size:9.5pt;
  list-style:none;
  }

li,dt{
  margin:0;
  padding:1px 0 1px 14px;
  text-indent:-14px;
  }
dd{
  margin:0;
  padding:0 0 3px 14px;
  }

/* list-mark
------------------------ */

/* -- display -- */
ul li, dl dt{
  background:url("../img/icon07/listmark.gif") no-repeat 1px .4em;
  text-indent:0;
  }
/* -- invalid -- */

#content ul.offsite li,
#content dl.offsite dt,
#content ul.insite li,
#content dl.insite dt{
  background-image:none;
  text-indent:-14px;
  }

#content .onpage li{
  background:url("../img/icon07/onpage.gif") no-repeat 1px .4em;
  text-indent:0px;
  }

#maincol .offsite a,
#maincol .insite a.ref,
#content a.ref,
#xcol .offsite a{
  background:url("../img/icon07/offsitelink.gif") no-repeat 1px .4em;
  padding:0 0 0 18px;
  white-space:nowrap;
  }
#xcol .offsite a.sign{padding:0;}

#maincol .insite a,
#content a.insite{
  background:url("../img/icon07/insitelink.gif") no-repeat 1px .4em;
  padding:0 0 0 18px;
  white-space:nowrap;
  }

#content a.leaf{
  background:url("../img/icon12/seedleaf.gif") no-repeat 5px 0;
  padding:0 0 0 18px;
  white-space:nowrap;
  }

#content a.inline{
  background-image:none;
  }  

#maincol .insite em,
#maincol .offsite em{
/*  display:run-in;*/
  font:8.5pt Verdana,Arial,Helvetica,Swiss,Geneva,sans-serif;
  font-style:normal;
  margin-right:6px;
  padding:1px 8px;
  line-height:15px;
  background:url("../img/texture/polyca-tp48_15.gif") no-repeat 50% 50%;
  background-color:#4E4E59
  }


/* 8:link-style
------------------------ */
a {
  font-weight:normal;
  text-decoration:underline;
  }
a img{border-width:0;}

/* std links */
a:link {color:#9999FF;}
a:visited {color:#B599EE;}
a:hover {color:#88E8FF;} /* on cursol */
a:active {color:#1F1F1F;} /* click */

a.first:link {
  color:#B8B8B8!important;
  border-bottom:dotted 1px #F2DB8B;
  }


/* ref link */
a.ref:link {text-decoration:underline; color:#BBDDDD;}
a.ref:visited {text-decoration:underline; color:#B8B8B8;border-bottom:dotted 1px #666;}
a.ref:hover {text-decoration:underline; color:#66E8E8;}
a.ref:active {text-decoration:underline; color:#333333;}


/* Lecture
------------------------ */
.lesson{
 margin-top:1em;
 margin-bottom:1.5em;
  padding-top:32px;
  background:url("../img/icon48/seedleaf.gif") no-repeat 0 0;
  text-indent:40px;
  color:#D6D6CF;
  font-size:9.5pt;
  }

.lesson p{
  color:#D6D6CF;
  font-size:9.5pt;
  }

.lesson2{color:#D6D6CF;
  font-size:9.5pt;
  }
.lesson a, .lesson2 a{text-decoration:underline;}

h2.lesson, h3.lesson, h4.lesson, h5.lesson, h6.lesson{
  padding-left:0;
  border-width:0;
  }


/* clearfix
http://norisfactory.com/stylesheetlab/000047.php
------------------------ */
.clearfix:after {
  content: url("../img/spc.gif");
 display: block;
 clear: both;
 height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* for MacIE5 \*//*/
.clearfix { overflow: hidden; }
/* */


.newcont{clear:both}


/* x:Previous styles
------------------------ */
#maincol p.refresh-css{display:none;}
.rcont img{float:left;padding:0 12px 12px 0;}

.left{float:left;}
.left img{float:left;padding:0 12px 12px 0;}
 img.left{float:left;padding:0 12px 12px 0;}

.right{float: right;}
.new{clear:both}