@charset "utf-8";
@import url("lightbox.css");

/************************************************/
/*  Score                                       */
/************************************************/

/** Index ***************************************/

div#capture-wrap{
  margin-top:25px;
}

div#capture-wrap div.section{
  position:relative;
}

div#capture-wrap div.section p{
  z-index:0;
}

div#capture-wrap div.section ul{
  list-style:none;
  z-index:1;
  top:0;
  left:0;
  width:500px;
  height:287px;
  padding:0;
  margin:-287px 0 0 0;
}

div#capture-wrap div.section ul li{
  position:absolute;
  z-index:2;
  width:19px;
  height:19px;
}

div#capture-wrap div.section ul li:hover{
  z-index:100;
}

div#capture-wrap div.section ul li:hover a{
  z-index:101;
}

div#capture-wrap div.section ul li a{
  display:block;
  position:relative;
  text-decoration:none;
  text-align:center;
  font-size:0.75em;
  color:#555;
  width:19px;
  height:19px;
  background:url(../play/course_img/back_soace.gif) 0 0;
}

div#capture-wrap div.section ul li a span{
  display:none;
}

div#capture-wrap div.section ul li a:hover span{
  cursor:pointer;
  display:block;
  position:absolute;
  line-height:23px;
  width:75px;
  height:23px;
  top:-34px;
  left:-28px;
  padding:3px 0 8px;
  background:url(../play/course_img/back_description.png) 0 0 no-repeat;
}

/************************************************/
div#capture-wrap div.section ul li.out1{
  top:137px;
  left:225px;
}

div#capture-wrap div.section ul li.out2{
  top:91px;
  left:141px;
}

div#capture-wrap div.section ul li.out3{
  top:71px;
  left:195px;
}

div#capture-wrap div.section ul li.out4{
  top:47px;
  left:229px;
}

div#capture-wrap div.section ul li.out5{
  top:44px;
  left:140px;
}

div#capture-wrap div.section ul li.out6{
  top:111px;
  left:56px;
}

div#capture-wrap div.section ul li.out7{
  top:138px;
  left:88px;
}

div#capture-wrap div.section ul li.out8{
  top:114px;
  left:155px;
}

div#capture-wrap div.section ul li.out9{
  top:163px;
  left:193px;
}

div#capture-wrap div.section ul li.in10{
  top:143px;
  left:261px;
}

div#capture-wrap div.section ul li.in11{
  top:86px;
  left:299px;
}

div#capture-wrap div.section ul li.in12{
  top:49px;
  left:310px;
}

div#capture-wrap div.section ul li.in13{
  top:19px;
  left:315px;
}

div#capture-wrap div.section ul li.in14{
  top:52px;
  left:415px;
}

div#capture-wrap div.section ul li.in15{
  top:84px;
  left:397px;
}

div#capture-wrap div.section ul li.in16{
  top:121px;
  left:356px;
}

div#capture-wrap div.section ul li.in17{
  top:124px;
  left:315px;
}

div#capture-wrap div.section ul li.in18{
  top:185px;
  left:278px;
}
/************************************************/



/** Cource Detail *******************************/

div#capture-wrap p.photo{
  padding:9px;
  margin-bottom:25px;
  border:1px solid #ccc;
  background:url(../play/course_img/back_photo.gif) 0 0 repeat-x #fff;
}

div#capture-wrap p.photo img{
  display:block;
}



div#course-detail h4{
  line-height:28px;
  padding-left:8px;
  background:url(../img/icon_03.gif) 0 50% no-repeat;
}


div#course-detail ul{
  list-style:none;
  width:500px;
  height:147px;
  padding:0;
  margin:0 0 25px 0;
}

div#course-detail ul li{
  float:left;
  width:225px;
  padding:9px;
  border:1px solid #ccc;
  background:url(../play/course_img/back_photo.gif) 0 0 repeat-x #fff;
}

div#course-detail ul li img{
  display:block;
}

div#course-detail ul li.mg{
  margin-right:10px;
}

div#course-detail p{
  padding:10px;
  border:1px solid #ccc;
  background:#efefef;
}


div#capture-wrap p.back{
  text-align:right;
  padding-top:15px;
}



/** Attraction **********************************/

div#attraction-wrap{
  margin-top:25px;
}

div#attraction-wrap hr{
  width:400px;
  color:#aaa;
  margin:35px 50px 0;
  background:#aaa;
}

div#attraction-wrap div.section{
  margin-top:35px;
}


div#attraction-wrap div.section h4{
  font-size:1.5em;
  color:#7a0;
}

div#attraction-wrap div.section h4 span{
  font-size:0.6em;
  font-weight:normal;
  color:#555;
}

div#attraction-wrap div.section p.image{
  float:left;
  width:290px;
  padding-bottom:10px;
}

div#attraction-wrap div.section p.detail{
  float:right;
  text-align:right;
  font-size:0.75em;
  color:#777;
  width:200px;
  padding-bottom:10px;
}

div#attraction-wrap div.section p.detail a{
  text-decoration:none;
  color:#f70;
}

div#attraction-wrap div.section p.point{
  clear:both;
  padding:0 10px 10px;
  border:1px solid #ccc;
  background:#efefef;
}

div#attraction-wrap div.section p.point strong{
  line-height:2em;
}

div#attraction-wrap div.section p.point em{
  color:#f00;
}




/** Program *************************************/

div#program-wrap{
  width:500px;
}

div#program-wrap:after{/* Firefox hack */
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  height:0px;
}

div#program-wrap dl{
  padding:0 3px;
  margin:0;
}

div.program-l{
  clear:left;
  float:left;
  width:245px;
  margin-bottom:25px;
  background:url(../img/back_02.gif) 0 0 repeat-x #f3f3f3;
}

div.program-r{
  /*float:right;*/
  width:245px;
  margin-left:255px;
  margin-bottom:25px;
  background:url(../img/back_02.gif) 0 0 repeat-x #f3f3f3;
}

div.program-l h4,div.program-r h4{
  line-height:28px;
  font-weight:normal;
  font-size:1.1em;
  color:#05c;
  padding:6px 3px 0;
}

div.program-l dl dt,div.program-r dl dt{
  line-height:28px;
  color:#f50;
  background:url(../img/line_02.gif) 0 0 repeat-x;
}

div.program-l dl dt span,div.program-r dl dt span{
  padding-left:8px;
  background:url(../img/icon_03.gif) 0 50% no-repeat;
}

div.program-l dl dd,div.program-r dl dd{
  line-height:28px;
  margin:-28px 0 0 6em;
}

div.program-l dl dd em,div.program-r dl dd em{
  color:#f00;
}