@charset "UTF-8";

/*===================================================================
	topIndex
===================================================================*/

/* mainVisual
===================================================================*/
#mainVisual { position:relative; width:898px; height:209px; margin:0 auto; text-align:left; }

#mainVisual #advisorData { position:absolute; top:9px; right:14px; width:280px; background:#ebeaea; border:solid 1px #dbdbdb; }
#mainVisual #advisorData .title { padding:8px 12px; font-size:15px; line-height:1.2em; font-weight:bold; }
#mainVisual #advisorData ul { background:#f8f8f8; }
#mainVisual #advisorData .txt { float:left; width:160px; }
#mainVisual #advisorData .txt .nameArea { padding:10px 15px; background:#a8c1ef; }
#mainVisual #advisorData .txt .nameArea .cap { font-size:10px; line-height:1.3em; font-weight: normal; }
#mainVisual #advisorData .txt .nameArea .name { font-size:18px; line-height:1.3em; font-weight:bold; }
#mainVisual #advisorData .txt .lead { padding:10px 10px 10px 15px; font-size:12px; line-height:1.3em; }
#mainVisual #advisorData .btn { padding:3px 2px; text-align:right; }
#mainVisual #advisorData .photo { float:right; width:120px; }

#mainVisual #bannerArea { position:absolute; top:9px; right:14px; width:280px; }
#mainVisual #bannerArea li { padding-bottom:10px; }
#mainVisual #bannerArea li.lastChild { margin-bottom:0; }


/* genre
===================================================================*/
#genre { width:870px; margin:0 auto 15px auto; padding-bottom:15px; background:url(../img/top_genre_bg.gif) bottom; text-align:left; }
#genre .workArea { float:left; width:295px; }
#genre .studyArea { float:left; width:280px; }
#genre .knowArea { float:right; width:280px; }

#genre .title { margin:0; padding:0; }

#genre .workArea .inner { padding:0 25px 0 13px; }
#genre .studyArea .inner, #genre .knowArea .inner { padding:0 10px 0 13px; }

#genre .leftArea { float:left; width:120px; }
#genre .rightArea { float:right; width:120px; }

#genre p { padding:0 0 3px 12px; background:url(../img/arrow_next.gif) no-repeat 0 2px; }
#genre img { vertical-align:middle; }


/* pickup
===================================================================*/
#pickup { width:870px; margin:0 auto 12px auto; text-align:left; }
#pickup .pickup_wrap{background:url(../img/top_pickup_bg.gif) bottom; margin-bottom:5px;}
#pickup .leftUnit { float:left; width:280px; margin-right:15px;}
#pickup .centerUnit { float:left; width:280px;}
#pickup .rightUnit { float:right; width:280px;}
#pickup .box { padding:1px 2px 6px 2px;}
#pickup .leftUnit .box{ border-top:1px solid #d9b283;}
#pickup .centerUnit .box{ border-top:1px solid #9da8f8;}
#pickup .rightUnit .box{ border-top:1px solid #e7d877;}

#pickup .leftUnit .title{ margin-bottom:8px;}
#pickup .leftUnit .inner { padding:0 10px 0 9px; background:url(../img/top_bg_dot.gif) 136px 0 repeat-y; }
#pickup .leftUnit .leftArea { float:left; width:120px; }
#pickup .leftUnit .rightArea { float:right; width:120px; }
#pickup .leftUnit .leftArea div,
#pickup .leftUnit .rightArea div{ margin-bottom:8px;}
#pickup .leftUnit .leftArea p{ margin-left:2px;}

#pickup p { padding:0 0 3px 12px; background:url(../img/arrow_next.gif) no-repeat 0 2px; }
#pickup img { vertical-align:middle; }
#pickup .lnk { float:right; }
#pickup .lnk p { padding:0 0 3px 12px; background:url(../img/arrow_next.gif) no-repeat 0 2px; }

/* contents
===================================================================*/
#contents { width:870px; margin:0 auto; padding:0 0 25px 0; text-align:left; }
#contents #leftClm { float:left; width:575px; }
#contents #leftClm #pickup { margin-bottom:20px; }
#contents #leftClm #pickup .leftUnit { float:left; width:280px; }
#contents #leftClm #pickup .rightUnit { float:right; width:280px; }
#contents #leftClm #pickup .box { height:144px; margin-bottom:5px; padding:1px; border:solid 1px #d9b283; background:#FFFFFF; }
#contents #leftClm #pickup .lnk { float:right; }
#contents #leftClm #pickup .lnk p { padding:0 0 3px 12px; background:url(../img/arrow_next.gif) no-repeat 0 2px; }

#contents #leftClm #info { }
#contents #leftClm #info .title { margin-bottom:10px; }
#contents #leftClm #info ul { margin-bottom:10px; padding-bottom:10px; border-bottom:dashed 1px #dbdbdb; }
#contents #leftClm #info ul li { float:left; }
#contents #leftClm #info ul li.day { width:65px; font-weight:bold; margin-right:15px; }
#contents #leftClm #info ul li.ico { width:72px; margin-right:15px; }
#contents #leftClm #info ul li.txt { width:400px; }

#contents #leftClm #info .lnk { float:right; }
#contents #leftClm #info .lnk p { padding:0 0 3px 12px; background:url(../img/arrow_next.gif) no-repeat 0 2px; }

#contents #rightClm { float:right; width:280px; }
#contents #rightClm li { padding-bottom:12px; }