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


/* for jquery.li-scroll.js */
#main ul#messagescroll { width: 632px; height: 3em; margin: 0; padding: 0; overflow: hidden; color: #ffc9e9;  }
#main ul#messagescroll li { width: 110em; list-style-type: none; margin: 0; }

#main #ani_top { }

#ani_top #eyecatch { display: block; width: 664px; padding-bottom: 8px;  border-top: 4px solid #cc3399; border-bottom: 4px solid #f0cccc; border-bottom: 4px solid #f06688; background-image: url(/image/bg/gradation04_bg_red.png); background-repeat: repeat-x; background-position: 0 -360px; }
#ani_top #eyecatch img { display: block; margin: 0px auto 8px; }
#ani_top #eyecatch object { margin: 0 auto; display: block; }
#ani_top #eyecatch embed { margin: 0 auto; display: block;  }

#ani_top h1 { margin-top: 0px; padding: 16px 16px 16px; font-size: 75%; line-height: 160%; background-color: #a90c21; color: white; }

#ani_top #point { padding: 16px 16px 0; /*border-bottom: 1px solid #ececec;*/ }
#ani_top #point #koko { border-bottom: 1px solid #ececec; }
#ani_top #point ul  { margin-top: 8px; }
#ani_top #point ul li { font-size: 85%; margin-left: 2.2em; line-height: 140%; display: list-item;  list-style-image: url(/image/icon/arrow01_bg_white_11x8.gif); }

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

#ani_top #introduction { padding: 16px 16px 0; border-top: 1px dotted #cccccc; background-image: url(/image/ani/top/separate-bg.png); background-repeat: repeat-x; }
#ani_top #introduction dl.links { padding-top: 16px; }
#ani_top #introduction dl.links dt { margin: 16px 0 16px; padding: 4px 8px; background-color: #ececec; }
#ani_top #introduction dl.links dt.first { margin-top: 0; }
#ani_top #introduction dl.links dd { width: 306px; margin-left: 16px; float: left;  padding: 0; border-bottom: 1px dotted #cccccc; border-right: 1px dotted #cccccc; }
#ani_top #introduction dl.links dd.first { margin-left: 0px; }
#ani_top #introduction dl.links dd div { width: 146px; display: block; float: left; }
#ani_top #introduction dl.links dd div a { display: block; font-size: 75%; color: #3399f0; }
#ani_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;  }
#ani_top #introduction dl.links dd div a.detail:hover { text-decoration: underline; background-color: #d8d8d8; }
#ani_top #introduction dl.links dd div img { width: 146px; height: 75px; display: block; padding: 0; }
#ani_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; }


#ani_top .message { margin-top: 16px; padding: 8px 0 0; background-image: url(/image/ani/top/separate-bg.png); background-repeat: repeat-x; }
#ani_top .message h3 { font-weight: bold; line-height: 160%; color: #E72F00; padding: 8px 16px 8px; background-color: #ece3e3; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#ani_top .message .access { margin: 16px 0 16px; padding: 0 16px; }
#ani_top .message .access p { font-size: 85%; line-height: 160%;  }
#ani_top .message .special { margin: 8px 0 8px; padding: 0 16px; }

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




} /* end screen,print */

@media print {
} /* end print */