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


#main div#department {  }
#main div#department h1 { display: block; }
#main div#department h1 img { display: block; float: left; }

#main .related-links { padding: 8px 0 8px;  }
#main .related-links ul {  }
#main .related-links ul li { width: 124px; /* 116 + 8 */height: 78px; /* 72 + 6 */ display: block; float: left; margin-left: 6px; background-color: white; }
#main .related-links ul li.first {  }
#main .related-links ul li a { display: block; }
#main .related-links ul li a img { display: block; padding: 4px 4px 2px; }
#main .bg-cg { background-image: url(/image/gc/course/cg/catchcopy-bg.jpg); }
#main .bg-cganime { background-image: url(/image/ani/course/cganime/catchcopy-bg.jpg); }

#main div.eyecatch-section { padding: 0 0 0; }
div.eyecatch-section h2 { font-size: 100%; line-height: 160%; /*color: #3399cc;*/ padding: 0px 0 0px; }
div.eyecatch-section h2 img { display: block; }
div.eyecatch-section div.feature { padding: 16px 16px 16px; }
div.eyecatch-section div.feature ul { width: 632px; }
div.eyecatch-section div.feature ul li { float: left; margin: 0; list-style-type: none; display: block; }
div.eyecatch-section div.feature ul li img { display: block; }

#main .more-feature { }
.more-feature h2 { color: #3399cc;  margin-top: 16px;  padding: 0px 16px; line-height: 160%; }
.more-feature div.doc { padding: 8px 32px 16px; border-bottom: 1px solid #ececec; }
.more-feature div.doc p { font-size: 85%; }
.more-feature div.doc p span { color: #ff6600; font-weight: bold; }


#main .more-section { }
.more-section h2 { color: #3399cc; /*margin-top: 16px;*/   line-height: 160%; /*border-top: 4px solid  #666666;*/ }
.more-section h2 img { display: block; }
.more-section div.doc { padding: 24px 24px 24px; border-bottom: 1px solid #ececec; background-color: #ececec; }
.more-section div.doc p { font-size: 90%; line-height: 160%; }
.more-section div.doc p span { color: #ff6600; font-weight: bold; }
.more-section img.photo_r { background-color: silver; display: block; /*width: 224px; height: 168px;*/ float: right; margin: 0 0 0 24px; }
.more-section img.photo_l { background-color: silver; display: block; /*width: 224px; height: 168px;*/ float: left; margin: 0 24px 0 0; }
.more-section p.checkit { font-size: 90%; padding: 16px 16px 0px; }
.more-section p.inside-checkit { font-size: 90%; padding: 16px 0 0px; }

#main .more-section .doc ul.curriculum { margin: 0 auto; width: 616px; background-color: white; }
#main .more-section .doc ul.curriculum li { width: 308px; margin: 0; float: left;  background-color: white; list-style-type: none; }
#main .more-section .doc ul.curriculum li.right { border-left: 1px solid #ececec; width: 307px; }
#main .more-section .doc ul.curriculum li dl { margin: 0; padding: 0 0 16px; }
#main .more-section .doc ul.curriculum li dl dt { margin: 0; padding: 8px 16px 8px; border-bottom: 1px solid #ececec; font-size: 85%; line-height: 160%; background-color: #cccccc; }
#main .more-section .doc ul.curriculum li dl dd { margin: 0 0 0 32px; padding: 4px 16px 0 4px; list-style-type: square; display: list-item; font-size: 85%; line-height: 160%; }


#main .ob-section { background-color: #ececec; padding: 0 0 16px; }
.ob-section h2 { color: #3399cc; /*margin-top: 16px;*/   line-height: 160%; /*border-top: 4px solid  #666666;*/ }
.ob-section h2 img { display: block; }
.ob-section div.doc { padding: 24px 24px 24px; border-bottom: 1px solid #ececec; background-color: #ececec; }
.ob-section div.doc p { font-size: 90%; line-height: 160%; }
.ob-section div.doc p span { color: #ff6600; font-weight: bold; }
.ob-section img.photo_r { background-color: silver; display: block; /*width: 224px; height: 168px;*/ float: right; margin: 0 0 0 24px; }
.ob-section img.photo_l { background-color: silver; display: block; /*width: 224px; height: 168px;*/ float: left; margin: 0 24px 0 0; }
.ob-section p.checkit { font-size: 90%; padding: 16px 16px 0px;  }
.ob-section p.inside-checkit { font-size: 90%; padding: 16px 0 0px; }

#main .koe-section { background-color: #ececec; padding: 0 0 16px; }
.koe-section h2 { color: #3399cc; /*margin-top: 16px;*/   line-height: 160%; /*border-top: 4px solid  #666666;*/ }
.koe-section h2 img { display: block; }
.koe-section div.doc { padding: 24px 24px 24px; border-bottom: 1px solid #ececec; background-color: #ececec; }
.koe-section div.doc p { font-size: 90%; line-height: 160%; }
.koe-section div.doc p span { color: #ff6600; font-weight: bold; }
.koe-section img.photo_r { background-color: silver; display: block; /*width: 224px; height: 168px;*/ float: right; margin: 0 0 0 24px; }
.koe-section img.photo_l { background-color: silver; display: block; /*width: 224px; height: 168px;*/ float: left; margin: 0 24px 0 0; }
.koe-section p.checkit { font-size: 90%; padding: 16px 16px 0px;  }
.koe-section p.inside-checkit { font-size: 90%; padding: 16px 0 0px; }

#main .debut-and-prize-section { }
.debut-and-prize-section h2 { color: #3399cc; line-height: 160%; }
.debut-and-prize-section h2 img { display: block; }
.debut-and-prize-section div.debut {  }
.debut-and-prize-section div.debut ul { padding: 16px 24px 24px;  }
.debut-and-prize-section div.debut ul li { padding: 16px 0 16px; list-style-type: none; margin: 0; background-color: #ececec; border-bottom: 1px solid #ffffff; }
.debut-and-prize-section div.debut ul li p { line-height: 160%; font-family: Sans-serif; padding-left: 32px; font-size: 85%; }
.debut-and-prize-section div.debut ul li p.name { color: #2B97cc; font-weight: bold; padding-left: 16px; }
.debut-and-prize-section div.debut ul li p img.crown { padding-right: 8px; }
.debut-and-prize-section div.debut p.checkit { padding: 0 24px 24px; line-height: 160%; font-family: Sans-serif; font-size: 85%; }
.debut-and-prize-section div.prize {  }
.debut-and-prize-section div.prize  p {  }

#main .pamphlet-comic-correspondence { padding: 16px 7px 8px; }


/*
 * dl.message on (.koe-section|.ob-section)
 */
dl.message {
 width: 664px;
 margin: 0 auto 0;
}
dl.message dt{ padding: 16px 24px 8px; margin: 16px 16px 0px; background-color: #ffffff; color: #03699c; font-weight: bold; line-height: 160%; }
dl.message dd{ margin: 0 16px 0; padding: 0px 0 0; background-color: white; }
dl.message dd p{ padding: 0; }
dl.message dd .portrait{ width: 152px; float: left; }
dl.message dd .portrait img{ display: block; margin: 0 0 24px 24px; border: 1px solid #d0d0d0; }
dl.message dd .profile{ width: 464px; float: right; }
dl.message dd .profile p.name { line-height: 160%; }
dl.message dd .profile p.corp { font-size: 75%; color: #707070;  line-height: 160%; }
dl.message dd .profile p.advice { font-size: 85%; color: #ff9933; margin: 8px 0 0; font-weight: bold; line-height: 160%; }
dl.message dd .profile p.message { margin: 4px 0 0; padding: 0 24px 24px 0; line-height: 160%; font-size: 85%; color: #333333;  }


} /* end screen,print */

@media print {
} /* end print */