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

#main object#messagescroll { width: 664px; height: 18px; margin: 2px 0; padding: 0; overflow: hidden; color: #66ccff;  }

#main #gc_top { }

#gc_top #eyecatch { display: block; width: 664px; padding-bottom: 8px;  border-top: 4px solid #3399cc; border-bottom: 4px solid #ccccf0; background-image: url(/image/bg/gradation04_bg_blue.png); background-repeat: repeat-x; background-position: 0 -360px; }
#gc_top #eyecatch img { display: block; margin: 0px auto 8px; }
#gc_top #eyecatch object { margin: 0 auto; display: block; }
#gc_top #eyecatch embed { margin: 0 auto; display: block;  }

#gc_top .content-header { margin-top: 0px; padding: 16px 16px 16px; font-size: 75%; line-height: 160%; background-color: #0B5BAE; color: white; }
#gc_top .content-header h1 {}
#gc_top .content-header p {}


#gc_top #point { margin: 16px 16px; height: 280px; background: url(/image/tgd/top/item-point.jpg);  background-repeat: no-repeat; }
#gc_top #point .frame { padding: 3.8em 1em 1em; line-height: 120%; }
#gc_top #point .frame p.point       { width: 380px; margin: 1em 0 0; font-size: 87.5%; color: #555555; font-weight: bold; }
#gc_top #point .frame p.point-start { width: 380px; margin: 0 0 0;   font-size: 87.5%; color: #555555; font-weight: bold; }
#gc_top #point .frame p.detail { width: 380px; font-size: 75%; color: #696969; }
#gc_top #point .frame p span { color: #ff9900; font-weight: bold; }
#gc_top #point .frame p a { text-decoration: none; }
#gc_top #point .frame p a:hover { text-decoration: underline; }

#gc_top h2 { font-weight: bold; line-height: 160%; margin-top: 16px;  padding: 8px 16px 8px; border-top: 4px solid #3399f0; border-bottom: 4px solid #3399f0; color: white; background-color: #3399f0; background-image: url(/image/gc/top/heading-bg.png); background-repeat: repeat; }
#gc_top .course { padding: 0 16px 16px; background-color: #e3e3ec;  }
#gc_top .course dl { width: 307px; height: 270px; overflow: hidden; float: left; margin-top: 16px; margin-left: 16px; }
#gc_top .course dl.left { margin-left: 0; }
#gc_top .course dl dt { margin: 0; padding: 0; font-size: 80%; color: #494969; }
#gc_top .course dl dd { margin: 0; padding: 4px 0 0;  }
#gc_top .course dl dd p { display: block;  width: 307px; line-height: 1.4em; font-size: 75%; margin-top: 4px;  }
#gc_top .course dl dd img.photo { display: block; }
#gc_top .course dl dd ul { margin-top: 6px; }
#gc_top .course dl dd ul li { display: block; float: left; padding-left: 0px; margin-left: 0px; font-size: 80%; }
#gc_top .course dl dd ul li.first { margin-left: 0; }
#gc_top .course dl dd ul li a { color: #0000cc; text-decoration: none; padding: 4px 0; }
#gc_top .course dl dd ul li a:hover { color: #6699f0; text-decoration: underline; }

#gc_top #introduction { padding: 16px 16px 0; border-top: 1px dotted #cccccc; background-image: url(/image/gc/top/separate-bg.png); background-repeat: repeat-x; }
#gc_top #introduction dl.links { padding-top: 16px; }
#gc_top #introduction dl.links dt { margin: 16px 0 16px; padding: 4px 8px; background-color: #ececec; }
#gc_top #introduction dl.links dt.first { margin-top: 0; }
#gc_top #introduction dl.links dd { width: 306px; margin-left: 16px; float: left;  padding: 0; border-bottom: 1px dotted #cccccc; border-right: 1px dotted #cccccc; }
#gc_top #introduction dl.links dd.first { margin-left: 0px; }
#gc_top #introduction dl.links dd div { width: 146px; display: block; float: left; }
#gc_top #introduction dl.links dd div a { display: block; font-size: 75%; color: #3399f0; }
#gc_top #introduction dl.links dd div a.detail { line-height: 160%; margin-top: 2px; padding: 2px 0 2px 20px; background-image: url(/image/icon/arrow05_bg_white_12x12.gif?dd); background-repeat: no-repeat; background-position: 4px 6px; text-decoration: none;  }
#gc_top #introduction dl.links dd div a.detail:hover { text-decoration: underline; background-color: #d8d8d8; }
#gc_top #introduction dl.links dd div img { width: 146px; height: 75px; display: block; padding: 0; }
#gc_top #introduction dl.links dd p { width: 144px; display: block; float: left; padding: 0; margin: 0 0 0 8px; font-size: 75%; line-height: 160%; color: #494949; }

#gc_top .message { margin-top: 16px; padding: 8px 0 0; background-image: url(/image/gc/top/separate-bg.png); background-repeat: repeat-x; }
#gc_top .message .heading { font-weight: bold; line-height: 160%; color: #003366; padding: 8px 16px 8px; background-color: #e3e3ec; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#gc_top .message .heading span { color: green; }
#gc_top .message .access { margin: 16px 0 16px; padding: 0 16px; }
#gc_top .message .access p { font-size: 85%; line-height: 160%;  }
#gc_top .message .special { margin: 8px 0 8px; padding: 0 16px; }
#gc_top .message .special ul {  }
#gc_top .message .special ul li { list-style-image: url(/image/icon/arrow01_bg_white_11x8.gif); line-height: 160%; margin-left: 24px; }
#gc_top .message .special ul li a { font-size: 85%; }

#gc_top .message #experience { margin-top: 16px; padding: 0 0 16px; border-bottom: 1px solid #ececec; font-size: 85%; }
#gc_top .message #experience img { vertical-align: middle; }
#gc_top .message #experience div.doc { padding-top: 16px; }
#gc_top .message #experience div.doc p { padding: 0 16px 0; line-height: 160%; }
#gc_top .message #experience div.doc p span { font-weight: bold; color: #ff6600; }
#gc_top .message #experience ul { margin-top: 16px; margin-left: 16px;  }
#gc_top .message #experience ul li { display: block; float: left; margin-left: 16px; padding: 0;  }
#gc_top .message #experience ul li img { display: block; }
#gc_top .message #experience ul li.first { margin-left: 0; }


} /* end screen,print */

@media print {
} /* end print */