@charset "UTF-8";

div#contents{ width: 950px; text-align: left; background: url(img/200810_side_bg.gif) repeat-y; margin: 0 auto 38px auto; }
div#contentsInner{ min-height: 1%; background: url(img/200810_side_bg_foot.gif) no-repeat 0 100%; }
div#contentsInner:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#contentsInner{ height: 1%; }
/*\*//*/
* html div#contentsInner{ height: inherit; display: inline-table; }
/**/
div#contentsInner h1 { padding:11px 0; background: #FFFFFF;}

div#leftside{ width: 165px; float: left; background: url(img/200810_side_bg_head.gif) no-repeat; padding: 12px 0; }
div#leftside ul.menu{ background: #fff; margin: 0 16px 0 12px; padding: 3px 0 0 0; }
div#leftside ul.menuTop{ background: url(img/200810_side_bg_list_head.gif) no-repeat #fff; margin: 4px 16px 0 12px; padding: 10px 0 0 0; }
div#leftside ul.menu li{ list-style-type: none; background: url(img/200810_side_bg_list_line_dotted.gif) no-repeat 50% 100%; margin: 0 0 10px 0; padding: 0 5px 3px 5px; font-size: .8em; }
div#leftside ul.menu li.last{ background: url(img/200810_side_bg_list_foot.gif) no-repeat 0 100%; }
div#leftside ul.menu li.last2{ background: none; margin: 0;}
div#leftside ul.menu li span{ display: block; background: url(img/200810_side_icon_list.gif) no-repeat 0 .2em; padding: 0 0 0 20px; }
div#leftside ul.menu li.open span{ background: url(img/200810_side_icon_list_on.gif) no-repeat 0 .2em; }
div#leftside ul.menu li a{ color: #ff6c00; }
div#leftside ul.menu li ul.sub, div#leftside ul.menu li ul.sub li{ background: none; margin: 0; padding: 0; }
div#leftside ul.menu li ul.sub li{ padding: 0 5px 0 15px; }
* html div#leftside ul.menu li ul.sub li{ height: 1%; }
div#leftside ul.menu li ul.sub li span{ background: url(img/200810_side_icon_list.gif) no-repeat 0 .2em; }
div#leftside ul.green li span{ display: block; background: url(img/200909_side_icon_list_g.jpg) no-repeat 0 .2em; padding: 0 0 2px 20px; }
div#leftside ul.green li a{ color: #68964f; }

div#main{ width: 768px; float: right; }
div#main div#pagetitle{ margin: 0 0 20px 0; }
div#main div#pagetitle a img{ margin: 15px 0 0 454px; }


body#seminarTop div#main div#seminarList {
  background: url(img/bg_top_seminar.jpg) no-repeat;
  width: 760px;
  height: 618px;
  position: relative;
}
/*body#seminarTop div#main div#seminarList div.leftArea {
  width: 390px;
  float: left;
}*/
body#seminarTop div#main div#seminarList div.leftArea {
  width: 390px;
  height:306px;
}

body#seminarTop div#main div#seminarList div.rightArea {
  width: 370px;
  position: absolute;
  left: 390px;
  top:0;
}
body#seminarTop div#main div#seminarList div.rightArea p.none {
  text-indent: -10000px;
}

body#seminarTop div#main div#seminarList h2.text {
  text-indent: -10000px;
  font-size: 3px;
  height: 67px;
  margin: 0;
  padding: 0;
}
body#seminarTop div#main div#seminarList ul.list {
  position: relative;
  margin: 0;
}
body#seminarTop div#main div#seminarList div.leftArea ul.list li{
  position: absolute;
  left: 23px;
  list-style: none;
}
body#seminarTop div#main div#seminarList div.rightArea ul.list li{
  position: absolute;
  left: 21px;
  list-style: none;
}
body#seminarTop div#main div#seminarList div.leftArea li.item1{
  top: 0;
}
body#seminarTop div#main div#seminarList div.leftArea li.item2{
  top: 46px;
}
body#seminarTop div#main div#seminarList div.leftArea li.item3{
  top: 92px;
}
body#seminarTop div#main div#seminarList div.leftArea li.item4{
  top: 138px;
}
body#seminarTop div#main div#seminarList div.leftArea li.item5{
  top: 184px;
}

body#seminarTop div#main div#seminarList div.rightArea h3.text {
  text-indent: -10000px;
  margin: 0;
  height: 49px;
  font-size: 1px;
}
body#seminarTop div#main div#seminarList div.rightArea ul.list {
  height: 224px;
}
body#seminarTop div#main div#seminarList div.rightArea ul.list li {
  position: absolute;
  left: 33px;
  list-style: none;
}
body#seminarTop div#main div#seminarList div.rightArea li.item1{
  top: 0;
}
body#seminarTop div#main div#seminarList div.rightArea li.item2{
  top: 24px;
}
body#seminarTop div#main div#seminarList div.rightArea li.item3{
  top: 48px;
}
body#seminarTop div#main div#seminarList div.rightArea li.item4{
  top: 73px;
}
body#seminarTop div#main div#seminarList div.rightArea li.item5{
  top: 97px;
}
body#seminarTop div#main div#seminarList div.rightArea li.item6{
  top: 121px;
}
body#seminarTop div#main div#seminarList div.rightArea li.item7{
  top: 145px;
}
body#seminarTop div#main div#seminarList div.rightArea li.item8{
  top: 169px;
}
body#seminarTop div#main div#seminarList div.rightArea li.item9{
  top: 193px;
}

body#seminarPlay div#main{ width: 768px; float: right; background: url(img/200810_bg_main.gif) repeat-y; }
body#seminarPlay div#main h2.head{ background: url(img/200810_bg_main_head.gif) no-repeat; margin: 0 0 14px 0; padding: 23px 0 0 23px; }
body#seminarPlay div#main div#mainInner{ min-height: 1%; background: url(img/200810_bg_main_foot.gif) no-repeat 0 100%; padding: 0 39px 37px 37px; }
body#seminarPlay div#main div#mainInner:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html body#seminarPlay div#main div#mainInner{ height: 1%; }
/*\*//*/
* html body#seminarPlay div#main div#mainInner{ height: inherit; display: inline-table; }
/**/
body#seminarPlay div#main div#wide div#mainInner { padding: 0 30px 37px 28px;}
body#seminarPlay div#main div#mainInner p.navigation{ font-size: .4em; line-height: 0; height: 1%; float: none; clear: both; text-align: right; background: #f4f0ea; padding: 6px 12px; }
body#seminarPlay div#main h3.standard{ font-weight: bold; color: #ff6600; background: url(img/200810_bg_title.gif) repeat-x 0 100%; margin: 0 39px 12px 37px; padding: 0 0 14px 0; }
body#seminarPlay div#main h3.standard span{ font-size: 90%; font-weight: normal;}
body#seminarPlay div#main div#mainInner div.text{ width: 275px; float: right; margin: 0 0 20px 0; }
body#seminarPlay div#main div#mainInner div.text div.lead { border: 1px solid #f89226; background: #ffe5b4; padding: 10px 10px 0 10px; margin: 0 0 10px 0;}
body#seminarPlay div#main div#mainInner div.text div.lead p { margin: 0 0 .8em 0;}
body#seminarPlay div#main div#mainInner div.text div.lead p.btn { text-align: center; margin: 0;}
body#seminarPlay div#main div#mainInner div.text div.exercise div.section { padding: 0 0 .5em 0;}
body#seminarPlay div#main div#mainInner div.text div.exercise div.image { width: 55px; float: left;}
body#seminarPlay div#main div#mainInner div.text div.exercise div.image img{ margin: 0 0 0 5px; border: 1px solid #f39979;}
body#seminarPlay div#main div#mainInner div.text div.exercise div.text { width: 213px; float: right; margin: 0;}
body#seminarPlay div#main div#mainInner div.text div.exercise div.section h5 { clear: both; padding: 5px 0 .4em 0;}
body#seminarPlay div#main div#mainInner div.text div.exercise div.text p.list{ background: url(img/200810_side_icon_list.gif) no-repeat 0 .2em; padding: 0 5px .3em 20px; }

body#seminarPlay div#main div#mainInner div.text div.exercise div.section:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } 



body#seminarPlay div#main div#mainInner div#side{ width: 400px; float: left; margin: 0 0 20px 0; }
body#seminarPlay div#main div#mainInner div#side div.nextStep{ border: 1px solid #faa235; margin: 15px 0 0 0; padding: 0; }
body#seminarPlay div#main div#mainInner div#side div.nextStep h4{ margin: 0 0 10px 0; }
body#seminarPlay div#main div#mainInner div#side div.nextStep p{ background: url(img/200810_side_icon_list.gif) no-repeat 0 .3em; margin: 0 15px 1em 15px; padding: 0 0 .3em 20px; }
body#seminarPlay div#main div#mainInner div#side div.nextStep p a{ color: #fa7b00; }


body#seminarPlay div#main div#mainInner div#side div.download{ border: 1px solid #faa235; margin: 15px 0 0 0; padding: 0 0 10px 0; height: 1%;}
body#seminarPlay div#main div#mainInner div#side div.download h4{ margin: 0 0 10px 0; }
body#seminarPlay div#main div#mainInner div#side div.download p{ background: url(img/200810_side_icon_list.gif) no-repeat 0 .3em; margin: 0 15px 1em 15px; padding: 0 0 .3em 20px; }
body#seminarPlay div#main div#mainInner div#side div.download p a{ color: #fa7b00; }
body#seminarPlay div#main div#mainInner div#side div.download p.downloadImage { background: none; padding: 0; float: right; margin:0;}
body#seminarPlay div#main div#mainInner div#side div.download p.downloadImage img{ margin: 0 10px 0 0; border: 1px solid #cfcfcf;}

body#seminarPlay div#main div#mainInner p { font-size: .8em;}

body#seminarPlay div#main div#mainInner div#side div.download:after {
  content: ".";
  display: block;  
  height: 0;
  clear: both;
  visibility: hidden;
}


body#seminarPlay div#main div#mainInner div.mainArea {
  width: 523px;
  float: left;
}
body#seminarPlay div#main div#mainInner div.question {
  width: 523px;
  background: url(img/bg_question_middle.jpg) repeat-y;
}
body#seminarPlay div#main div#mainInner div.bgtop {
  background: url(img/bg_question_top.jpg) no-repeat;
}
body#seminarPlay div#main div#mainInner div.bgtop div.bottom {
  background: url(img/bg_question_bottom.jpg) no-repeat bottom;
  padding: 0 15px 50px 80px;
}
body#seminarPlay div#main div#mainInner div.bgtop div.a {
  padding: 0 15px 20px 80px;
}
body#seminarPlay div#main div#mainInner div.question h3.q{
  background: url(img/bg_line.gif) repeat-x bottom;
  padding: .5em 0 8px 0;
  margin: 0 0 1em 0;
  color: #77a300;
  font-size: .9em;
  font-weight: bold;
}
body#seminarPlay div#main div#mainInner div.mainArea div.answer {
  background: url(img/bg_answer.gif) no-repeat;
  width: 454px;
  height: 80px;
  padding: 17px 0 0 0;
  margin: 15px 0 10px 57px;
  text-align: center;
}
body#seminarPlay div#main div#mainInner div.mainArea div.answer img.margin {
  margin: 0 20px 0 0;
}
body#seminarPlay div#main div#mainInner div.image {
  width: 187px;
  float: right;
}
body#seminarPlay div#main div#mainInner div.section2 {
  padding: 10px 0 .5em 0;
  clear: both;
}
body#seminarPlay div#main div#mainInner div.section2 div.text {
  width: 278px;
}
body#seminarPlay div#main div#mainInner div.section2 div.text div.lead { background: none;}
body#seminarPlay div#main div#mainInner div.section2 div.text div.point {
  background: url(img/bg_point.jpg) no-repeat;
}
body#seminarPlay div#main div#mainInner div.section2 div.text div.point h4.point {
  text-indent: -10000px;
  font-size: 1px;
  height: 46px;
}
body#seminarPlay div#main div#mainInner div.section2 div.text div.point ol li {
  margin: 0 0 .6em 30px;
  padding: 0 5px 0 0;
  font-size: 0.8em;
}
body#seminarPlay div#main div#mainInner div.section2 div.text div.point ol li.only {
  padding: 0 0 30px 0;
}

body#seminarPlay div#main div#mainInner div.section2:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
body#seminarPlay div#main div#mainInner div.section:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

/*



for IE 7 only hack ( for float )
*:first-child+html div#test{ min-height: 1%; }

for Modern browser (FF Safari Opera NN...etc) ( for float )
div#test:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

for IE6 IE5.5 IE5 hack ( for float etc... )
* html div#test{ height: 1%; }

for MacIE hack ( for float )
/*\*//*/
* html div#test{ height: inherit; display: inline-table; }
/**/


*/