@charset "utf-8";
@media screen,print {

/*
 * wrapper
 */


#head-wrap
,#contents-wrap
{
 /*background-color: #3399cc;*/
 position: static;
 width: 100%;
 text-align: center;
 margin: 0 auto;
}

#head-wrap {
	position: fixed;
	left: 0;
	top: 0;  
	width: 100%;
	height: 90px;
	z-index: 899;
}
#contents-wrap {
	z-index: 898;
    position: relative;
    padding-top: 90px;
    background-color: #f0f0f0;
}

/*
 * global*
 */

#globalheader
,#globalnav
,#globalbody
,#globalfooter
{
 position: static;
 width: 100%;
 margin: 0 auto;
}

#globalheader { width: 100%; background-image: url(/image/bg/header_bg_white.png); background-color: #f8f8f8; background-repeat: repeat-x; }
#globalnav {}
#globalbody{ }
#globalfooter { z-index: 897; width: 100%; background-color: #6B6B6B; background-color: #1D5E89; border-top: 1px solid #1D5E89; background-image: url(/image/bg/slash04_bg_blueblack.png); background-repeat: repeat; }

/*
 * *-container
 */
#globalheader #gh-container
,#globalnav #gn-container
,#globalbody #gb-container
{
 width: 900px;
 margin: 0 auto;
 text-align: left;
}

#globalheader #gh-container { width: 100%; height: 90px; /* 16 + 44 + 30 = 90 */  }
#globalnav #gn-container { height: 30px; background-color: #ffffff; }
#globalbody #gb-container { }
#globalfooter #gf-container { width: 100%; border-top: 1px solid #efefef;  }

/*
 * gh-container module
 */
#gh-container #head-intro{ color: black; width: 100%; background-color: #0099ef; }
#gh-container #head-intro h1{ display: block; width: 900px; margin: 0px auto 0px; padding-top: 1px; padding-bottom: 1px; text-align: left; font-family: monospace; font-size: 75%; font-weight: normal; height: 14px; overflow: hidden; color: white; }
#gh-container #head-intro p { display: block; width: 900px; margin: 0px auto 0px; padding-top: 1px; padding-bottom: 1px; text-align: left; font-family: monospace; font-size: 75%; font-weight: normal; height: 14px; overflow: hidden; color: white; }
#gh-container #header{
 color: black;
 width: 900px;
 margin: 0 auto;
}
#gh-container #header #site { width: 900px; margin: 0 auto; text-align: left; }
#header #site #logo { width: 408px; float: left; }
/*#header #logo h1 { font-size: 75%; height: 12px; overflow: hidden; padding: 4px 4px 0px; display: block; color: #666666; font-weight: normal; }*/
#header #site #logo #logoimg{ display: block; float: left; padding: 7px 0; }
#header #site #headlink { width: 210px; float: left; }
#header #site #headlink ul#about { display: block; float: left; width: 284px; }
/*
#header #headlink ul#about li { display: list-item; background: url(/image/icon/arrow02_bg_white_11x11.gif) no-repeat 0 3px; list-style-type: none;  float: left; padding-left: 12px;  }
#header #headlink ul#about li a { font-size: 75%; text-decoration: none; padding: 2px; display: block; font-family: verdana,monospace,sans-serif; }
#header #headlink ul#about li a:hover { background-color: #3399cc; color: white; text-decoration: underline; }
*/
#header #site #headlink ul#newsitem { display: block; float: left; width: 492px; /* 210px + 282px */ margin: 7px 0;  }
#header #site #headlink ul#newsitem li { display: list-item; list-style-type: none;  float: right; width: 105px; height: 30px; margin: 0; padding: 0; overflow: hidden;}
#header #site #headlink ul#newsitem li a { position: relative; font-size: 75%; text-decoration: none; padding: 0px; display: block; font-family: verdana,monospace,sans-serif; }
#header #site #headlink ul#newsitem li a:hover {  }
#header #site #pamphlet { float: right; width: 282px; height: 44px; overflow: hidden; }
#header #site #pamphlet a { display: block; position: relative; width: 274px; height: 44px; }
#header #site #pamphlet a:hover { }
#header #site #pamphlet a img { padding: 4px 0 4px 0; }
#header #department { width: 900px; margin: 0 auto 0; text-align: left; }
#header #department ul { width: 900px; margin: 0 auto 0; display: block; height: 30px; }
#header #department ul li { display: list-item; float: left; width: 296px; height: 30px; overflow: hidden; margin: 0; padding: 0 2px 0 2px; list-style-type: none; background-image: url(/image/globalheader/department-separate.gif); background-repeat: no-repeat; background-position: 100% 0;}
#header #department ul li.first { padding-left: 0px; padding-right: 0px; }
#header #department ul li.pamphlet { width: 178px; }
#header #department ul li.half { width: 118px; }
#header #department ul li a { display: block; position: relative; }
#header #department ul li a:hover {  }

/*
 * gb-container module
 */
#gb-container #contents { width: 900px; margin: 0 auto 0; text-align: left; margin-top: -80px; padding-top: 80px; }
#contents #main { width: 664px; /*overflow:hidden;*/ float: left; background-color: white;  border-left: 1px solid #cccccc; }
#contents #menu { width: 231px; /* 233px - 2px(for dead columns) */ overflow: hidden; float: left; padding-top: 8px; font-size: 75%; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; background-color: #f6f6f6; }
#menu ul li { margin: 0; padding: 0; list-style-type: none;  }
#menu #menu-pamph { width: 220px; margin: 0 auto 8px; padding: 0; }
#menu #menu-pamph img { padding: 0; display: block; }
#menu #menu-pamph p.newcommer { margin: 0 auto;  }
#menu #menu-pamph p.newcommer img { margin: 0 auto 8px; display: block; }
#menu #works-video { width: 212px; margin: 0 auto 24px; border: 4px solid #cccccc; }
#menu #menu-gc { }
#menu #menu-ani { }
#menu #menu-tgd { }
#menu #menu-gc { }
#menu #menu-other {  }
#menu .list { width: 220px; margin: 8px auto 8px; padding: 0; }
#menu div.list img { display: block; }
#menu div.list p.first { display: block; width: 218px; padding: 0; margin: 0; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: none; }
#menu div.list ul {  }
#menu div.list ul li { width: 218px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#menu div.list ul li a {  }
#menu div.list ul li a img { display: block; }
#menu .list2 { width: 220px; margin: 24px auto 8px; padding: 0; }
#menu div.list2 img { display: block; }
#menu div.list2 p.first { display: block; width: 218px; padding: 0; margin: 0;  }
#menu div.list2 ul {  }
#menu div.list2 ul li { margin-top: 4px; width: 218px; }
#menu div.list2 ul li a {  }
#menu div.list2 ul li a img { display: block; }

/*
 * gf-container module
 */
#gf-container #footer { }

#footer #footmessage { margin: 16px auto 0; width: 900px; text-align: left; }

#footer dl#footlink { width: 900px; margin: 8px auto 0; text-align: left; }
#footer dl#footlink dt { width: 876px; margin: 0; margin-bottom: 12px; padding: 8px 12px 8px; font-size: 90%; color: #e0e0e0; font-weight: bold; border-left: 4px solid #e0e0e0; background-color: #26638f; }
#footer dl#footlink dd { width: 100%; margin: 0; padding: 0; }
#footer dl#footlink dd dl { width: 292px; float: left; margin-left: 12px; background-color: #23638f; }
#footer dl#footlink dd dl.left { margin-left: 0; }
#footer dl#footlink dd dl dt { font-size: 80%; color: white; width: 284px; padding: 8px 12px 4px; border-bottom: 0px; background-color: transparent; border-left: none; a}
#footer dl#footlink dd dl dd { width: 284px; padding: 0; }
#footer dl#footlink ul { padding-bottom: 1em; }
#footer dl#footlink ul li { list-style-image: url(/image/icon/arrow01_bg_blueblack_11x8.gif); padding: 0.2em 0; }
#footer dl#footlink ul li a { font-size: 75%; color: white; text-decoration: none; }
#footer dl#footlink ul li a:hover { font-size: 75%; color: white; text-decoration: underline; }

#footer dl dt { width: 100%; }
#footer dl dd { width: 100%; display: block; }
#footer ul.courselist {  }
#footer ul.courselist li { width: 100%; }
#footer #copyright {
 display: block;
 height: 30px;
 margin: 8px auto 0;
 padding: 4px 0 4px;
 text-align: center;
 color: white;
 font-size: 0.9em;
 border-top: 1px solid white;
 background-color: #394969;
}
#footer #copyright p {
 padding-top: 8px;
 overflow: hidden;
 font-family: Helvetica,"Gill Sans","Sans-serif",Verdana;
}

/*
 * module
 */

/* for hr element */
.separate-white {
 height: 2px;
 color: white;
 background-color: white;
 border: none;
}
.separate-gray {
 width: 900px;
 height: 3px;
 color: #cccccc;
 background-color: #cccccc;
 text-align: center;
 margin: 0 auto;
 padding: 0;
 border: none;
}
.separate {
 display: none;
}

.attention {
 color: #1442a5;
 font-size: 80%;
}

.topic_path { width: 664px; margin: 8px 0 8px; }
.topic_path ul { width: 630px; margin: 0 auto; position: static; border: 1px solid #d9d9d9; }
.topic_path ul li { padding: 4px 20px 4px 10px; font-size: 65%; display: block; float: left;  margin: 0; background-color: white; background-image: url(/image/icon/arrow03_bg_white_10x20.gif); background-repeat: no-repeat; background-position: 100% 0;  }
.topic_path ul li.end { background-image: none; }
.topic_path ul li a { text-decoration: none;  }
.topic_path ul li a:hover { text-decoration: underline;  }

.localnavi { width: 100%; }
.localnavi ul { padding: 16px; }
.localnavi ul li {  padding: 8px; display: block; float: right; list-style-type: none; }
.localnavi ul li a { font-family: Verdana,Sans-serif; font-size: 85%; font-weight: bold;  }

.nojs{}
.nojs p
,div.nocookie{ color: red; padding: 1.0em; border: 10px solid red; }

/* for P or div elements */
.section {}


/*
 * clearfix
 */
/* for modern browser */
.clearfix { 
  display: inline-block;
}
.clearfix:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
  height: 1%;
}
.clearfix { 
  display: block;
}  
/* End hide from IE-mac */



} /* End @media screen,print */

@media print {

#head-wrap
{ width: auto; }
#contents-wrap
{
 width: auto;
 overflow: visible;
 padding-top: 0px;
}
#head-wrap { position: static;  }
#contents-wrap { position: static;  }
#contents #main { width: 664px; overflow: visible; }
#contents #menu { width: 232px; overflow: visible;  }
#globalheader
,#globalnav
,#globalbody{ width: auto; }

/* Negative margin erase */
#gb-container #contents { margin-top: 0; padding-top: 0; }

} /* End @media print */