@charset "UTF-8";

#main h1{margin:0 0 15px}

#main h2{margin:0 0 10px}

#main p{margin:0 0 20px}

#main table{
border:1px solid #E1E1E1;
margin:0 0 20px;
width:100%}

#main table th{
background:#F5F5F5;
border-bottom:1px dotted #ccc;
font-weight:bold;
padding:10px 20px;
width:110px}

#main table td{
border-bottom:1px dotted #ccc;
border-left:1px solid #E1E1E1;
padding:10px 20px}

/*******************about*******************/

#about #main p.name{text-align:right}

/*******************gap*******************/

#gap #main h2{margin:0}

#gap #main .fig{margin:0 0 20px}

#gap #main p sup,
#gap #main p span{color:#FF3300}

#gap #main .flowFig{margin:40px auto 5px}

/*******************requirement*******************/

#requirement #main ul.anchor:before,
#requirement #main ul.anchor:after{
content:"";
display:table;}

#requirement #main ul.anchor:after{clear:both;}

#requirement #main ul.anchor{
background:url(../img/requirement/anchorBg.gif) repeat-x 0 100%;
margin:0 0 20px;
padding:0 0 5px;
zoom:1;/* For IE 6/7 */}

#requirement #main ul.anchor li{
float:left;
margin:5px 0 0 5px}

#requirement #main ul.anchor li:first-child,
#requirement #main ul.anchor li.note{margin:5px 0 0 0}

#requirement #main .sectionH3 ul.anchor{
background:none;
margin:10px 0 40px;
padding:0}

#requirement #main table{margin:0 0 5px}

#charm #main .h2cont p a,
#requirement #main table td a,
#teacher #main .sectionH3 .h3cont table td a{
background:url(../img/requirement/icon.gif) no-repeat 0 6px;
color:#FF4C1F;
padding:0 0 0 15px;
text-decoration:underline}

#charm #main .h2cont p a:hover,
#requirement #main table td a:hover,
#teacher #main .sectionH3 .h3cont table td a:hover{text-decoration:none}

#requirement #main table td p,
#requirement #main table td dl{margin:15px 0 0}

#requirement #main table td p:first-child{margin:0}

#requirement #main table td dl dt{
color:#FF3300;
font-weight:bold}

#requirement #main table td dl dd{
padding:0 0 0 1em;
text-indent:-1em}

#requirement #main .sectionH2 .pageTop{
margin:0 0 35px;
text-align:right}

#requirement #main .sectionH3{margin:0 0 40px}

#requirement #main #h308{margin:0 0 10px}

#requirement #main .sectionH3 p{margin:12px 0 0}

#requirement #main .sectionH2 h3{
font-weight:bold;
margin:0 0 20px}

#requirement #main .sectionH2 h3 ~ h3{margin:40px 0 20px}

#main dl.entArea{
width:350px;
margin:20px auto 10px;
padding:0 0 12px;
text-align:center;
border:1px solid #0099CC;
}

#faq #main dl.entArea{margin:0}

#main dl.entArea dt{
	margin:0 0 5px;
	background: #0099CC;
}

#main dl.entArea dd{
display:inline;
margin:0 10px;
}

/*******************course*******************/

#course #main .sectionH3{
margin:0 0 40px;
padding:0 260px 0 0;
position:relative}

#course #main #h307{padding:0}

#course #main #h306{margin:0 0 10px}

#course #main .sectionH3 h3{margin:0 -240px 15px 0}

#course #main .sectionH3 .link{
position:absolute;
top:5px;
right:5px}

#course #main .sectionH3 .pict{
position:absolute;
top:55px;
right:0}

#course #main .sectionH3 p{
font-size:95%;
margin:0 0 10px}

#course #main .sectionH3 ul li{
background:url(../img/requirement/icon.gif) no-repeat 0 7px;
margin:0 0 5px;
padding:0 0 0 15px}

#course #main .sectionH3 p.note{
background:#EFEFEF;
font-size:85%;
margin:10px 0 0;
padding:7px 10px}

/*******************teacher*******************/

#main .anchorWrap{
background:url(../img/course/teacher/bg.gif) repeat;
border-radius:5px;
margin:0 0 50px;
padding:5px}

#main .anchorWrap ul{
background:#fff;
border-radius:5px;
margin:0;
padding:15px 10px}

#main .anchorWrap ul li{
color:#FF3300;
margin:5px 0 0}

#main .anchorWrap ul li:first-child{margin:0}

#main .anchorWrap ul li a{text-decoration:underline}

#main .anchorWrap ul li a:hover{text-decoration:none}

#teacher #main .sectionH3 dl{margin:10px 0 0}

#teacher #main .sectionH3 dl dt{
color:#FF3300;
font-weight:bold}

#teacher #main .sectionH3 dl dd span{color:#FF3300}

#teacher #main .sectionH3 .h3cont:before,
#teacher #main .sectionH3 .h3cont:after{
content:"";
display:table;}

#teacher #main .sectionH3 .h3cont:after{clear:both;}

#teacher #main .sectionH3 .h3cont{
margin:10px 0;
zoom:1;/* For IE 6/7 */}

#teacher #main .sectionH3 .h3cont .pict{float:left}

#teacher #main .sectionH3 .h3cont table{
float:right;
margin:0;
width:498px}

#teacher #main .sectionH3 .h3cont table th{
padding:10px 15px;
width:90px}

#teacher #main .sectionH3 .h3cont table td{padding:10px 15px}

#teacher #main .sectionH3 .pageTop{
margin:0 0 50px;
text-align:right}

/*******************faq*******************/

#faq #main .anchorWrap ul li{
background:url(../img/faq/qIcon.gif) no-repeat 0 5px;
padding:0 0 0 25px}

#faq #main p{margin:0 0 15px}

#faq #main .pageTop{
border-top:1px dotted #999;
margin:30px 0 40px;
padding:5px 0 0;
text-align:right}

#faq #main .busmo{margin:0 0 10px}

#faq #main .busmo img{margin:0 20px 0 0}

#faq #main #h211{margin:0 0 20px}

/*******************photo*******************/

#photo #main ul:before,
#photo #main ul:after{
content:"";
display:table;}

#photo #main ul:after{clear:both;}

#photo #main ul{zoom:1;/* For IE 6/7 */}

#photo #main ul li{
float:left;
margin:0 0 9px 9px}

#photo #main ul li.note{margin:0 0 9px}

/*******************access*******************/

#access #main #h301,
#access #main #h302{padding:0 0 20px}

#access #main h3{margin:0 0 10px}

#access #main h4{
background:url(../img/requirement/icon.gif) no-repeat 0 7px;
font-weight:bold;
margin:0 0 10px;
padding:0 0 0 15px}

#access #main table{margin:0 0 15px}

#access #main table.note{margin:0 0 40px}

#access #main .busmo{
margin:0 0 10px;
padding:0 0 0 260px;
position:relative}

#access #main .busmo img{
position:absolute;
top:0;
left:0}

/*******************college*******************/

#college #main ul.link{
background:url(../img/college/linkBg.jpg) no-repeat 0 0;
height:460px;
margin:0 0 40px;
padding:0 0 0 200px}

#college #main ul.link li{margin:27px 0 0}

#college #main ul.link li:first-child{margin:0}

#college #main .sectionH2 p.note{
margin:10px 0;
text-align:right}

#college #main .sectionH2 .h2cont:before,
#college #main .sectionH2 .h2cont:after{
content:"";
display:table;}

#college #main .sectionH2 .h2cont:after{clear:both;}

#college #main .sectionH2 .h2cont{
margin:20px 0 0;
zoom:1;/* For IE 6/7 */}

#college #main .sectionH2 .h2cont .pict{float:left}

#college #main .sectionH2 .h2cont table{
float:right;
margin:0;
width:575px}

#college #main .sectionH2 .h2cont table th{width:80px}


/*******************index*******************/

#home #sliderArea{
height:250px;
margin:0 auto;
position:relative;
text-align:left;
width:960px}

#home #sliderArea #sliderAreaCont{width:560px}

#home .flex-control-nav{display:none}

#home .flex-direction-nav a.flex-prev{
background:url(../img/index/left.png) no-repeat 0 0;
height:64px;
margin:-30px 0 0;
left:0;
opacity:1;
text-indent:100%;white-space:nowrap;overflow:hidden;
width:44px}

#home .flex-direction-nav a.flex-next{
background:url(../img/index/right.png) no-repeat 0 0;
height:64px;
margin:-30px 0 0;
right:400px;
opacity:1;
text-indent:100%;white-space:nowrap;overflow:hidden;
width:44px}

#home h1{
position:absolute;
top:0;
right:0;
z-index:10}

#home #sliderArea #headLink2{
position:absolute;
top:210px;
right:25px;
text-align:center;
z-index:11;
width:350px}

#home #sliderArea #headLink2 li{
display:inline}

#home #main ul.link:before,
#home #main ul.link:after{
content:"";
display:table;}

#home #main ul.link:after{clear:both;}

#home #main ul.link{
margin:0 0 10px;
zoom:1;/* For IE 6/7 */}

#home #main ul.link li{float:left}

#home #main ul.link li:first-child{margin:0 10px 0 0}

#home #main ul.link li dl{position:relative}

#home #main ul.link li dl dd {
position:absolute;
left:30px}

#home #main ul.link li dl dd.one {
bottom:150px}
#home #main ul.link li dl dd.one ~ dd.one{left:195px}

#home #main ul.link li dl dd.two {
bottom:110px}

#home #main ul.link li dl dd.three {
bottom:70px}
#home #main ul.link li dl dd.three ~ dd.three{left:195px}

#home #main ul.link li dl dd.four {
bottom:30px}

#home #main ul.link li dl a{
color: #fff;
font-size: 135%;
text-decoration: underline}

#home #main ul.link li dl a:hover{
color: #FF3300;
font-size: 135%}

#home #main .sectionH2{margin:0 0 40px}

#home #main .sectionH2 ul:before,
#home #main .sectionH2 ul:after{
content:"";
display:table;}

#home #main .sectionH2 ul:after{clear:both;}

#home #main .sectionH2 ul{zoom:1;/* For IE 6/7 */}

#home #main .sectionH2 ul li{
float:left;
margin:10px 0 0 10px}

#home #main .sectionH2 ul li.note{margin:10px 0 0}

/***********************index***********************/

#index #wrapper{background:none}

#index #manga{
height:720px;
margin:-360px 0 0 -480px;
position:absolute;
top:50%;
left:50%;
width:960px;
z-index:110}

#index #manga ul{position:relative}

#index #manga ul li{
display:none;
position:absolute;
top:0;
left:0}

#index #manga ul li:first-child{display:block}

#index #manga ul li a.skip{
color:#00F;
font-size:90%;
display:block;
position:absolute;
bottom:10px;
right:10px;
text-align:right}

/***********************charm***********************/

#charm #main .h2cont:before,
#charm #main .h2cont:after{
content:"";
display:table;}

#charm #main .h2cont:after{clear:both;}

#charm #main .h2cont{
margin:0 0 40px;
min-height:150px;
padding:0 0 0 180px;
position:relative;
zoom:1;/* For IE 6/7 */}

#charm #main #h202 .h2cont{min-height:225px}

#charm #main .h2cont .pict{
position:absolute;
top:0;
left:0}

#charm #main .h2cont p{
background:#E4E4E4;
margin:0;
padding:7px 10px}

#charm #main .h2cont p ~ p{
background:none;
margin:10px 0 0;
padding:0}

#charm #main .h2cont p span{
font-size:85%;
line-height:160%}

#charm #main .h2cont p.note strong{
display:block;
text-align:center}

/***********************main visual***********************/

#mainVisual #mainVisual-inner{
height: 250px;
margin: 0 auto;
position: relative;
text-align: left;
width: 960px;}

#mainVisual #headLink2{
position:absolute;
top:210px;
right:25px;
text-align:center;
z-index:11;
width:350px}

#mainVisual #headLink2 li{
display:inline}