/** CSSLINK: common.css **/

/****COMMON.CSS****/
/*==BASICS==============================*/

*   { margin:0px; padding:0px; }
img { border:0px; }
p   { margin:1em 0px; }
ul, ol, li, pre, code { margin:0px; padding:0px; line-height:1em; font-size:100%; font-weight:normal; font-style:normal; }
h1, h2, h3, h4, h5, h6 { margin:1em 0px; padding:0px; line-height:1em; }
h2 { font-size:1.4em; }
ul, ol { padding-left:2em; }
.lclear{ clear:left;  }
.rclear{ clear:right; }
.clear { clear:both;  }
form { margin:0px; }

/*==LAYOUT ELEMENTS===============*/

body     { text-align:center; margin:0px; background: #F7F3E8 url(../images/bodybg_compact.jpg) top left repeat-x;
           font-size:88%; font-family:osaka, arial, helvetica, sans-serif; height:100%; }
#wrapper { text-align:left; }

/*==LINK STYLES====================*/
#header a       { color:#FFFFFF; text-decoration:none; }
#header a:hover { color:#CCEA00; text-decoration:none; }
#body a         { color:#004E7F; text-decoration:none; }
#body a:hover   { color:#B83100; text-decoration:underline; }
#footer a       { color:#004E7F; text-decoration:none; }
#footer a:hover { color:#B83100; text-decoration:underline; }
a.wikilink      { font-weight:normal; font-size:0.8em; }
#body a.allcourses    { font-weight:bold; font-size:1.4em; color:#DA3E00; }

/*==HEADER=========================*/
#header    { width:750px; height:71px; background: #373C60 url(../images/headerbg_compact.jpg) top left repeat-x;
             margin:0px auto; position:relative}
#sitelogo  { margin:0px; position:absolute; top:18px; left:0px; width:167px; height:35px;
             /* \*/ overflow:hidden; /* for MacIE overflow bug */ }
#sitelogo a   { position:absolute; top:0px; left:0px; z-index:1; }
#sitelogo img { position:absolute; top:0px; left:0px; z-index:2; }

#headernav { position:absolute; top:0px; right:0px; height:71px; width:330px; color:#FFF; }
#addyours  { position:absolute; top:18px; right:200px; width:129px; height:34px; }
#globalsearch { position:absolute; top:24px; right:0px; width:180px; }
#globalsearch .keyword { border:1px solid #3F445A; font:inherit; width:150px; padding:1px;
                         border-color:#3F445A #6F749B #6F749B #3F445A; background:#F2F2F6;}
#globalsearch .searchbutton { position:relative; top:3px; }

/*==#BODY===========================*/
#body { width:750px; margin:30px auto; }

/*トップページの3カラム 左へ突き出るのはtopmod.cssに記述*/
.newbox     { width:297px; background:url(../images/hotnew_middle.jpg) repeat-y; float:left; }
.newbox_top { width:297px; background:url(../images/newbox_top.jpg) top left no-repeat; }
.newbox_btm { width:232px; background:url(../images/hotnew_btm.jpg) bottom left no-repeat;
              padding:45px 30px 20px 40px; }
.hotbox     { width:297px; background:url(../images/hotnew_middle.jpg) repeat-y; float:left; }
.hotbox_top { width:297px; background:url(../images/hotbox_top.jpg) top left no-repeat; }
.hotbox_btm { width:232px; background:url(../images/hotnew_btm.jpg) bottom left no-repeat;
              padding:45px 30px 20px 40px; }
.infobox    { width:155px; float:left; margin-left:20px; padding-top:45px; font-size:0.91em; }
.infobox h3 { margin:0px; font-size:1em; color:#333; }
.infobox p  { margin:0px 0px 1em; }
.infobox .totalnum { font-size:2em; font-weight:bold; color:#0018FF; }
.newbox .boxtitle,
.hotbox .boxtitle { font-weight:900; color:#666; text-align:right; margin-bottom:15px; }
.newbox ul,
.hotbox ul { list-style:none; padding:0px; margin:0px; }
.newbox li,
.hotbox li { border-bottom:1px solid #DDD; padding:3px 0px;}

/*講義画面の２カラム*/
.doublecol { float:right; width:100%; margin-left:-200px; }
.filelistcol { width:200px; float:left; }
.filelistcol h2 { margin:0px 0px 15px; font-size:1.4em; line-height:1.4;
                  border-bottom:3px solid #BEB397; color:#333333; }
.filelistcol h3 { margin:0px; font-size:1.1em; color:#333; margin-top:20px; padding-left:18px;
                  background:url(../images/colorbullet.gif) left center no-repeat; border-bottom:1px solid #CCC; }
.filelistcol h4 { margin:0px; font-size:1em; color:#7F776B; margin-top:5px; }
.filelistcol a.current { font-weight:bold; }
.filelistcol .toolbox { margin-top:40px; background:url(../images/toolboxbg.jpg) top left repeat-x; padding:12px 3px;
                        line-height:1.6em; }

.embedcol    { margin-left:215px; }
.embedcol h2 { font-weight:bold; font-size:1.2em; margin:0px; }
.embedcol .filename { font-weight:bold; font-size:1.2em; }
.embedcol .toollink  { font-weight:normal; font-size:0.83em; padding-left:20px;}
.embedcol iframe    { display:block; padding:0px; margin:0px; background:#FFF; width:96%; height:500px;
                      border:1px solid #999; border-color:#666 #AAA #AAA #666;}

.embedcol .textdata{ padding:10px; margin:0px; background:#FFF; width:96%; line-height:1.5;
                      border:1px solid #999; border-color:#666 #AAA #AAA #666; }
                      
.embedcol .wikititle{ font-weight:bold; font-size0.91em; margin-top:20px; }
.embedcol .wikieditlink { font-weight:normal; font-size:1em; }
.embedcol .wikiframe{ padding:0px; margin:0px; background:#FFF; width:96%; line-height:1.5;
                      border:1px solid #999; border-color:#666 #AAA #AAA #666; }
.embedcol .wikibody { padding:10px; }

/*検索結果*/
.searchresults{ background:#F8F7F2; border:1px solid #999; border-color:#999 #AAA #AAA #999; }
.searchresult { margin:1em 1em; border-bottom:1px solid #999; padding-bottom:1em; }
.searchresult .name { font-size:1.1em; font-weight:900; }

/*FAQ*/
.faq h3 { border-bottom:1px solid #999; font-size:1.1em; margin:1.5em 0px 0.5em; color:#3E305D; }

/*==FOOTER==========================*/
#footerwrap { width:100%; margin-top:30px; }
#footer { width:750px; margin:0px auto 30px; padding-top:10px; border-top:1px solid #CCCCCC;
          font-size:0.91em; color:#666666; line-height:1.4; }

/** CSSLINK: large.css **/

/** LARGE LAYOUT **/
body { background-image:url(../images/bodybg_tall.jpg); }
#header { height:280px; background-image:url(../images/headerbg_tall.jpg); }
#sitelogo { top:73px; left:0px; width:248px; height:144px; }
#headernav { position:absolute; top:0px; right:0px; color:#FFF; }
#addyours  { position:absolute; top:130px; right:20px; width:247px; height:79px; }
#globalsearch { position:absolute; top:80px; right:0px; width:265px; }
#globalsearch .keyword { font-size:1.1em; width:240px; }

/** CSSLINK: topmod.css **/

/** MODIFICATIONS FOR THE TOP PAGE */
#body { width:800px; margin:10px auto 30px; }