@charset "utf-8";

/* ****************************************************************
   初めてのコンタクトレンズ講座ページの独自設定
*************************************************************** */

/* ********************************
   1限目
******************************** */
#contents .ind{
margin-bottom:10px;
}
#contents .bgTop{
background:url(/course/images/course_bg01.gif) no-repeat 0% 0%;
padding-top:27px;
}
#contents .bgBtm{
background:url(/course/images/course_bg02.gif) no-repeat 0% 100%;
padding-bottom:23px;
}
#contents h1{
margin:0 0 15px 31px;
padding:0;
}
#contents ul{
margin:0 0 0 29px;
position:relative;
}
#contents ul li{
float:left;
display:inline;
}
#contents .out{
width:725px;
}
#contents .in{
width:685px;
margin-top:46px;
padding-left:20px;
}
#contents .sec01{
width:662px;
padding-bottom:12px;
background:url(/search/images/ind_line_dot.gif) repeat-x 0% 100%;
position:relative;
margin:0 0 19px 11px;
}
#contents .sec01 dl,
#contents .sec02 dl{
position:relative;
width:662px;
}
#contents .sec01 dl dt{
float:left;
display:inline;
margin:0 0 0 7px;
}
#contents .sec01 dl dd{
float:left;
display:inline;
margin:14px 0 0 14px;
}
#contents .sec02{
width:662px;
padding-bottom:22px;
background:url(/search/images/ind_line_dot.gif) repeat-x 0% 100%;
position:relative;
margin:0 0 11px 11px;
}
#contents .sec02 dl dt{
float:left;
display:inline;
margin:0 0 0 7px;
}
#contents .sec02 dl dd{
float:left;
display:inline;
margin:3px 0 0 5px;
}
#contents .sec03{
width:662px;
padding-bottom:11px;
background:url(/search/images/ind_line_dot.gif) repeat-x 0% 100%;
position:relative;
margin:0 0 11px 11px;
}
#contents .sec03 ul{
width:662px;
margin:0;
padding:0;
}
#contents .sec03 ul li.stit{
margin:0 0 10px 11px;
width:662px;
}
#contents .sec03 ul li.block{
background:url(/course/images/ind_bg.gif) no-repeat 0% 0%;
width:663px;
height:94px;
position:relative;
}
#contents .sec03 ul li.block .p1{
position:absolute;
top:20px;
left:19px;
}
#contents .sec03 ul li.block .p2{
position:absolute;
top:20px;
left:362px;
}
#contents .txt{
margin:0 12px 17px 11px;
}
#contents .comic{
margin:0 0 40px 11px;
}

/* ********************************
   2限目
******************************** */
＃contents p.pageTop{
text-align:right;
}

#contents .course2{
margin-bottom:6px;
}
#contents .course2 .sec02 dl dd{
float:left;
display:inline;
margin:14px 0 0 9px;
}
#contents .course2 .sec02{
width:662px;
position:relative;
margin:0 0 3px 11px;
padding-bottom:3px;
}
#contents .course2 .sec02 dl dd{
float:left;
display:inline;
margin:14px 0 0 9px;
}

#cou02Check{
position:relative;
width:652px;
height:112px;
margin-top:10px;
}

#cou02Check p{
position:absolute;
top:10px;
}
#cou02Check p.ill01{
left:363px;
}
#cou02Check p.ill02{
left:511px;
}

#cou02Step{
padding:0 11px;
}

#cou02Step p.pageTop{
text-align:right;
padding:12px 0;
}

#contents #cou02Step ul{
position:static;
margin-left:0;
}

#contents #cou02Step ul li{
display:block;
}

#cou02Step .step02 li{
float:left;
}

#stepHard{
padding-bottom:40px;
}

#contents .course2 .sec03{
margin:0;
padding:0;
background:none;
width:662px;
}
#contents .course2 .sec03 ul.step01{
width:662px;
height:259px;
background:url(/course/images/course2_bg.gif) no-repeat 0% 0%;
margin-left:11px;
}
#contents .course2 .sec03 ul.step01 li{
float:left;
display:inline;
margin-top:158px;
}
#contents .course2 .sec03 ul.step01 li.st1{
margin-left:7px;
}
#contents .course2 .sec03 ul.step01 li.st2{
margin-left:29px;
}
#contents .course2 .sec03 ul.step01 li.st3{
margin-left:29px;
}
#contents .course2 .sec03 ul.step01 li.st4{
margin-left:28px;
}
#contents .course2 .sec03 ul.step01 li.st5{
margin-left:30px;
}

/* ********************************
   3限目
******************************** */
#contents .course3{
margin-bottom:10px;
}

#contents .course3 h2{
margin:0 0 0 11px;
}
#contents .course3 ul.qa1{
background:url(/course/images/course3_bg02.gif) no-repeat 0% 0%;
width:662px;
height:175px;
margin:10px 0 0 11px;
position:relative;
}
#contents .course3 ul.qa2,
#contents .course3 ul.qa3{
background:url(/course/images/course3_bg.gif) no-repeat 0% 0%;
width:662px;
height:159px;
margin:10px 0 0 11px;
position:relative;
}
#contents .course3 ul.qa4{
background:url(/course/images/course3_bg.gif) no-repeat 0% 0%;
width:662px;
height:147px;
margin:10px 0 42px 11px;
position:relative;
}
#contents .course3 ul li.question{
width:533px;
font-weight:bold;
position:absolute;
top:36px;
left:109px;
}
#contents .course3 ul li.answer{
width:533px;
position:absolute;
top:90px;
left:109px;
}

/* ********************************
   4限目
******************************** */
#contents .course4{
margin-bottom:10px;
}
#contents .course4 p{
margin:0 0 10px 11px;
}
#contents .course4 p.comic{
margin:11px 0 40px 11px;
}


/* ********************************
   フローティング漫画
******************************** */
#floating{
width:535px;                      
}
#floating .bgTop{
background:url(/search/images/floating_bg01.png) no-repeat 0% 0%;
padding-top:20px;
width:535px;                      
}
#floating .bgBtm{
background:url(/search/images/floating_bg02.png) no-repeat 0% 100%;
padding-bottom:20px;
width:535px;                      
}
#floating p.tit{
margin:0 0 5px 20px;
}
#floating p.close{
margin:0;
padding:0;
text-align:right;
}
#floating .sec01,
#floating .sec02,
#floating .sec03{
position:relative;
width:495px;
background:url(/search/images/floating_line_dot.gif) repeat-x 0% 100%;
padding-top:14px;
padding-bottom:22px;
margin-left:20px;
}
#floating .sec04{
position:relative;
width:495px;
padding-top:14px;
margin-left:20px;
}
#floating dl{
width:495px;
}
#floating dl dt{
margin:0;
padding:0;
width:42px;
float:left;
}
#floating dl dd{
margin:0;
padding:0;
width:430px;
float:right;
margin-bottom:5px;
font-size:1.2em;
line-height:1.6;
}
#floating dl dd span{
font-weight:bold;
}

ol#floatingManga{
display:none;
}

#TB_window{
width:440px !important;
text-align:center;
}

#mangaWrap{
margin-top:-14% !important;
margin-top:0;
padding-bottom:6px;
background:url(../images/man_bg_btm.png) no-repeat 0% 100%;
}

#mangaBtn{
text-align:right;
}

#mangaContWrap{
width:440px;
padding-top:6px;
background:url(../images/man_bg_top.png) no-repeat 0% 0%;
}

#mangaCont{
position:relative;
background:#ffffff;
}

#TB_window img#TB_Image{
display:inline;
border:none;
margin:0;
}

p#mangaPage{
margin-bottom:-1px;
padding:36px 0 6px 12px;
font-size:12px;
text-align:left;
}

span#TB_next,
span#TB_prev{
position:absolute;
top:196px;
width:23px;
}

span#TB_prev{
left:1px;
}

span#TB_next{
right:1px;
}