@charset "utf-8"; /* 반드시 들어가야 하는 스타일 시작 */ /* 본문 공통 */ body{ font:12px "맑은 고딕", "나눔고딕", Verdana, Gulim, Dotum, AppleGothic, Sans-serif; color:#666; text-align:justify; margin:0; padding:0; padding-top:10px; line-height:18px; } a:link { color:#333; text-decoration:none;} a:visited { color:#333; text-decoration:none;} a:hover { color:#39aaa1; text-decoration:none;} a:active { color:#666; text-decoration:none;} /* 페이징 - 현재 페이지 */ .selected { font-weight:bold; color:#f30;} .no-more-prev, .no-more-next { color:#ccc;} /* 카테고리 - 이미지 버튼 */ .ib { cursor:pointer;} /* 카테고리 - 트리 셀 */ .branch3 { cursor:pointer;} /* 카테고리 - 카테고리 옆 개수 스타일 */ .c_cnt { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#f30;} /* 달력 월 표시 */ .cal_month { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height:18px; font-weight:bold;} /* 달력 요일 표시(th 영역) */ .cal_week1 { font:0.95em Dotum, Arial, sans-serif; height:18px; font-weight:normal;} /* 달력 일요일 표시(th 영역) */ .cal_week2 { font:0.95em Dotum, Arial, sans-serif; color:#f30; } /* 달력 Week(tr 영역) */ .cal_week { background-color:#fff;} .cal_current_week { background-color:#eee;} /* 달력 Day(td 영역) */ .cal_day { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; text-align:center;} /* 달력 Day, 일요일 (td 영역) */ .cal_day_sunday { color:#f30 !important;} .cal_day_sunday a { color:#f30 !important;} /* 달력 지난 달 날짜 표시(td) */ .cal_day1 { color:#ccc;} /* 달력 다음 달 날짜 표시(td) */ .cal_day2 { color:#ccc;} /* 달력 이번 달 날짜 표시(td) */ .cal_day3 { color:#666;} /* 달력 오늘 날짜 표시(td) */ .cal_day4 { color:#000; text-decoration:underline;} /* 달력 글쓴 날 링크 스타일 */ a.cal_click:link { color:#333; font-weight:bold;} a.cal_click:visited { color:#333; font-weight:bold;} a.cal_click:hover { color:#f30; font-weight:bold;} /* 종류별 코멘트 [##_rp_rep_class_##] */ .rp_general { } .rp_admin { } .rp_secret { color:#f30; font-weight:bold;} /* 종류별 코멘트 [##_guest_rep_class_##] */ .guest_general { } .guest_admin { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;} /* 비밀 댓글 (로그아웃시 비밀글 표현) */ .hiddenComment { background:url(images/iconSecret.gif) no-repeat; padding-left:20px; font-weight:normal;} /* 이미지 아래 캡션 스타일 */ .cap1 { color:#999; text-align:center;} /* 그림 */ .imageblock { } /* 왼쪽 */ .left { } /* 가운데 */ .center { } /* 오른쪽 */ .right { } /* 그림 2개 배치 */ .dual { background-color:#fff; margin-bottom:5px;} /* 그림 3개 배치 */ .triple { background-color:#fff; margin-bottom:5px;} /* 본문 - more / less */ .moreless_fold { background:url(images/iconMore.gif) top left no-repeat; padding-left:20px; color:#000;} .moreless_top { background:url(images/iconLess.gif) top left no-repeat; padding-left:20px; color:#000;} .moreless_body { } .moreless_bottom { background:url(images/iconLess.gif) top right no-repeat; padding-right:20px; color:#999; text-align:right;} /* 키워드 */ .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; } .clear { clear:both;} /* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */ img { border:0;} h1, h2, h3, h4 { margin:0; padding:0;} h1 { font-size:1.8em;} h2 { font-size:1.4em;} h2.imagetitle { border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:10px; } h3 { font-size:1.2em;} h4 { font-size:1em;} input { border:1px solid #dddddd;} input.checkbox, input.submit { border:0; } textarea { border:1px solid #aaa;} label { cursor:pointer; } h2 { margin-bottom:6px; } h2 span { display:none; } .line { font-size:0; border:0; height:1px; border-top:1px solid #e0e0e0; margin:0; padding:0; line-height:0; } .line2 { font-size:0; border:0; height:1px; border-top:2px solid #92dcd6; margin:0; padding:0; line-height:0; margin-top:4px; } #container { width:990px; background:#ffffff; margin:0 auto; } #sidebar_left { width:194px; float:left; } #contents { width:546px; float:left; padding-left:15px; padding-right:15px; } #sidebar_right { width:200px; float:left; } #footer { width:990px; margin:0 auto; margin-bottom:10px; } /* container */ .container_lt { background:url(./images/bg_container_lt.gif) no-repeat top left; width:100%; height:100%; } .container_rt { background:url(./images/bg_container_rt.gif) no-repeat top right; width:100%; height:100%; } .container_lb { background:url(./images/bg_container_lb.gif) no-repeat bottom left; width:100%; height:100%; } .container_rb { background:url(./images/bg_container_rb.gif) no-repeat bottom right; width:100%; height:100%; } .container { padding:10px; } /* box */ .box1 { background:url(./images/bg_box1_center.gif) repeat-x; height:40px; } .box1_left { background:url(./images/bg_box1_left.gif) no-repeat left top; width:100%; height:100%; } .box1_right { background:url(./images/bg_box1_right.gif) no-repeat right top; width:100%; height:100%; } .box1_data { padding:10px; } .graybox { background:#f5f5f5; } .graybox_lt { background:url(./images/bg_graybox_lt.gif) no-repeat left top; width:100%; height:100%; } .graybox_rt { background:url(./images/bg_graybox_rt.gif) no-repeat right top; width:100%; height:100%; } .graybox_lb { background:url(./images/bg_graybox_lb.gif) no-repeat left bottom; width:100%; height:100%; } .graybox_rb { background:url(./images/bg_graybox_rb.gif) no-repeat right bottom; width:100%; height:100%; } .graybox_data { padding:6px; } .graybox2 { background:#f5f5f5; } .graybox2_lt { background:url(./images/bg_graybox2_lt.gif) no-repeat left top; width:100%; height:100%; } .graybox2_rt { background:url(./images/bg_graybox2_rt.gif) no-repeat right top; width:100%; height:100%; } .graybox2_lb { background:url(./images/bg_graybox2_lb.gif) no-repeat left bottom; width:100%; height:100%; } .graybox2_rb { background:url(./images/bg_graybox2_rb.gif) no-repeat right bottom; width:100%; height:100%; } .graybox2_l { background:url(./images/bg_graybox2_l.gif) repeat-y left top; width:100%; height:100%; } .graybox2_r { background:url(./images/bg_graybox2_r.gif) repeat-y right top; width:100%; height:100%; } .graybox2_t { background:url(./images/bg_graybox2_t.gif) repeat-x left top; width:100%; height:100%; } .graybox2_b { background:url(./images/bg_graybox2_b.gif) repeat-x left bottom; width:100%; height:100%; } .graybox2_data { padding:6px; } .graybox_inner { background:#ffffff; } .graybox_inner_lt { background:url(./images/bg_grayin_lt.gif) no-repeat left top; width:100%; height:100%; } .graybox_inner_rt { background:url(./images/bg_grayin_rt.gif) no-repeat right top; width:100%; height:100%; } .graybox_inner_lb { background:url(./images/bg_grayin_lb.gif) no-repeat left bottom; width:100%; height:100%; } .graybox_inner_rb { background:url(./images/bg_grayin_rb.gif) no-repeat right bottom; width:100%; height:100%; } .graybox_inner_l { background:url(./images/bg_grayin_l.gif) repeat-y left top; width:100%; height:100%; } .graybox_inner_r { background:url(./images/bg_grayin_r.gif) repeat-y right top; width:100%; height:100%; } .graybox_inner_t { background:url(./images/bg_grayin_t.gif) repeat-x left top; width:100%; height:100%; } .graybox_inner_b { background:url(./images/bg_grayin_b.gif) repeat-x left bottom; width:100%; height:100%; } .graybox_inner_data { padding:4px; } .grayborder { background:#ffffff; } .grayborder_lt { background:url(./images/bg_grayborder_lt.gif) no-repeat left top; width:100%; height:100%; } .grayborder_rt { background:url(./images/bg_grayborder_rt.gif) no-repeat right top; width:100%; height:100%; } .grayborder_lb { background:url(./images/bg_grayborder_lb.gif) no-repeat left bottom; width:100%; height:100%; } .grayborder_rb { background:url(./images/bg_grayborder_rb.gif) no-repeat right bottom; width:100%; height:100%; } .grayborder_l { background:url(./images/bg_grayborder_l.gif) repeat-y left top; width:100%; height:100%; } .grayborder_r { background:url(./images/bg_grayborder_r.gif) repeat-y right top; width:100%; height:100%; } .grayborder_t { background:url(./images/bg_grayborder_t.gif) repeat-x left top; width:100%; height:100%; } .grayborder_b { background:url(./images/bg_grayborder_b.gif) repeat-x left bottom; width:100%; height:100%; } .grayborder_data { padding:6px; } /* sidebar */ .sidebar a span { display:none; } .sidebar a span.c_cnt { display:inline; color:#aaa; } .sidebar ol { list-style:none; padding:0; margin:0; padding-top:4px; } .sidebar ol li { background:url(./images/bg_news_li.gif) no-repeat left 9px; padding-left:6px; margin-left:8px; } .sidebar ol li a { color:#2b2b2b; text-decoration:none; } .sidebar ol li a:hover { color:#39aaa1; text-decoration:none; } .sidebar ol li cite { padding-left:5px; font-style:normal; color:#999; } .sidebar ol li a:hover .date, .sidebar ol li a:hover cite { color:#39aaa1; text-decoration:none; } .sidebar ol li .date { display:inline; padding-left:5px; font:11px Tahoma; color:#888; } /* sidebar left */ #title_itcanus_search { width:83px; height:17px; background:url(./images/title_itcanus_search.gif) no-repeat; } #itcanus_search_input { float:left; width:116px; border:1px solid #dad9d7; margin-right:5px; } #itcanus_search_button { float:left; width:48px; height:21px; background:url(./images/bt_itcanus_search_button.gif) no-repeat; } #title_itcanus_category a { float:left; width:101px; height:25px; background:url(./images/title_itcanus_category.gif) no-repeat; } #itcanus_category_list { padding:10px; } #itcanus_category_list ul { list-style:none; margin:0; padding:0; font-size:0; font-family:굴림, Gulim; } #itcanus_category_list ul li a { display:none; color:#2b2b2b; text-decoration:none; } /* 전체 */ #itcanus_category_list ul li a:hover { color:#39aaa1; } #itcanus_category_list ul li ul { } /* 1단 */ #itcanus_category_list ul li ul li { font-size:12px; padding-top:6px; padding-bottom:4px; background:transparent url(./images/bg_dot.gif) repeat-x scroll center bottom } #itcanus_category_list ul li ul li a { display:block; font-weight:bold; padding-bottom:3px; } #itcanus_category_list ul li ul li.hidden a { color:#888; } #itcanus_category_list ul li ul li.hidden a:hover { color:#444; } #itcanus_category_list ul li ul li.lastChild { padding-bottom:0; background:none; } #itcanus_category_list ul li ul li ul { padding-bottom:6px; } /* 2단 */ #itcanus_category_list ul li ul li.lastChild ul { background:none; padding-bottom:0px; } #itcanus_category_list ul li ul li ul a { font-weight:normal;padding-bottom:0; padding-left:10px; background:url(./images/bg_category_li.gif) no-repeat left center; } #itcanus_category_list ul li ul li ul li { padding-top:2px; padding-bottom:0; background:none; } /* taglog */ .taglog ul { padding:5px; margin:0; text-align:justify;} .taglog li { display:inline;} .taglog a:hover { background-color:#eee; color:#000;} .taglog li .cloud1 { background-color:#eee; color:#a2348f; font-weight:bold; font-size:16px;} .taglog li .cloud2 { background-color:#eee; color:#5a5194; font-weight:bold; font-size:15px;} .taglog li .cloud3 { background-color:#eee; color:#7870ab; font-weight:bold; font-size:14px;} .taglog li .cloud4 { background-color:#eee; color:#666; font-size:13px;} .taglog li .cloud5 { font-size:12px; color:#999; } /* guestbook */ .guestbook p { padding:2px 0; margin:0;} .guestWrite { padding:10px; background-color:#f5f5f5; border:1px solid #ddd;} .guestWrite input { width:150px;} .guestWrite textarea { width:510px; padding:5px;} .guestWrite .homepage { width:300px;} .guestWrite .submit { width:522px; height:22px; background-color:#ccc; font:1.1em Dotum, Arial, sans-serif; padding-top:3px;} .guestList { padding:10px 0 0 0;} .guestList ol, .guestList ul { margin:0; padding:0; list-style:none;} .guestList li p { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;} .guestList ol li { border:5px solid #eee; padding:10px; margin-bottom:10px; width:530x; overflow:hidden;} .guestList li ul li { margin-left:20px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px; background-color:#f5f5f5; padding-left:25px; border:none; width:440px; overflow:hidden;} .guestList li .name { color:#666; font-weight:bold;} .guestList li .date { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;} .guestList .control a.address { background:url(images/iconAddress.gif) no-repeat; padding-left:52px; padding-bottom:2px; text-decoration:none;} .guestList .control a.address span { display:none;} .guestList .control a.modify { background:url(images/iconModify.gif) no-repeat; padding:0 0 2px 53px; text-decoration:none;} .guestList .control a.modify span { display:none;} .guestList .control a.write { background:url(images/iconWrite.gif) no-repeat; padding:0 5px 2px 53px; text-decoration:none;} .guestList .control a.write span { display:none;} /* main */ #itcanus_main_news { width:540px; padding:0; } #itcanus_main_news_data { padding:12px; padding-right:8px; } #title_itcanus_news { width:123px; height:20px; background:url(./images/title_itcanus_news.gif) no-repeat; margin-top:5px; } #itcanus_main_news .thumbnail { float:left; width:120px; height:90px; margin-right:10px; } #itcanus_main_news .data { float:left; width:390px; } #itcanus_main_news .desc { color:#2b2b2b; padding:6px; padding-top:7px; padding-bottom:7px; /*background:#fff;*/ margin-top:8px; line-height:16px; } #itcanus_main_news h3 { color:#f55a0a; margin:0; font-size:14px; padding-left:4px; } #itcanus_main_news h3 a { color:#39aaa1; } #itcanus_main_news h3 a:hover { color:#666; } .news_item1 { width:250px; padding-right:10px; float:left; background:url(./images/bg_dot2.gif) repeat-y right; } .news_item2 { width:250px; padding-left:10px; float:left; } .news_item_data { padding:5px; padding-top:5px; } .news_item_data .title { font-weight:bold; font-size:14px; margin-bottom:8px; color:#0e5468; } .news_item_data .title a { color:#0e5468; } .news_item_data .extra { margin-bottom:8px; } .news_item_data .extra .date { float:left; color:#409ace; font:11px Tahoma,Gulim; padding-right:5px; } .news_item_data .extra .date .author { color:#0e5468; } .news_item_data .extra .category { float:right; color:#cc0000; } .news_item_data .thumbnail { float:left; width:76px; height:76px; margin-right:10px; border:1px solid #ddd; } .prolog_no_image .thumbnail { display:none; } /* .news_item_data .desc { float:left; width:150px; font-size:11px; color:#999; } */ .news_item_data .desc { float:left; width:448px; font-size:11px; color:#808080; } .prolog_no_image .desc { width:528px; } .news_item_data .desc a { color:#2b2b2b; } .news_item_data .desc a:hover { color:#39aaa1; } .news_item_data .nothumbnail_desc{ width:256px; } .news_item_data ol { list-style:none; padding:0; margin:0; padding-top:2px; margin-top:6px; } .news_item_data ol li { background:url(./images/bg_news_li.gif) no-repeat left 8px; padding-left:6px; padding-bottom:2px;} #title_itcanus_news1 { width:51px; height:18px; background:url(./images/title_news1.gif) no-repeat; } #title_itcanus_news2 { width:92px; height:18px; background:url(./images/title_news2.gif) no-repeat; } #title_itcanus_news3 { width:84px; height:18px; background:url(./images/title_news3.gif) no-repeat; } #title_itcanus_news4 { width:84px; height:18px; background:url(./images/title_news4.gif) no-repeat; } .news_item_wrap { padding-bottom:10px; margin-top:10px; background:url(./images/bg_dot4.gif) repeat-x bottom; } .news_item_wrap h2 { float:left; } .news_item_wrap .more { float:right; } .news_item_wrap .more a span { display:none; } .news_item_wrap .more a { float:left; width:35px; height:9px; background:url(./images/bt_more.gif) no-repeat; margin-top:4px; } .news_item_wrap .line { clear:both; } .prolog { margin-bottom:5px; } .prolog h3 span { display:none; } .prolog #title_openlamp_news { margin-top:10px; width:100%; background:url(./images/title_itcanus_news.gif) no-repeat; height:23px; border-bottom:2px solid #e4e4e4; padding-bottom:6px;} .prolog .cnt { color:#ff4400; font-size:11px; } /* category HTML */ .itcanus_top_html { margin-bottom:20px; } /* sidebar right */ #title_itcanus_notice { width:66px; height:18px; background:url(./images/title_itcanus_notice.gif) no-repeat; float:left; } #title_itcanus_more a { width:32px; height:9px; background:url(./images/bt_more.gif) no-repeat; float:right; margin-top:8px; } #title_itcanus_tag { width:78px; height:17px; background:url(./images/title_itcanus_tag.gif) no-repeat; } #title_itcanus_comment { width:59px; height:18px; background:url(./images/title_itcanus_comment.gif) no-repeat; } #title_itcanus_trackback { width:69px; height:18px; background:url(./images/title_itcanus_trackback.gif) no-repeat; } .right_sidebar_line { margin-left:3px; margin-right:3px; } /* entry */ .entry { margin-bottom:10px; } .entry .titleWrap { padding-top:10px; } .entry .titleWrap h2 { font-weight:bold; font-size:13px; float:left; padding-left:10px; } .entry .titleWrap h2 a { color:#39aaa1; text-decoration:none; } .entry .titleWrap h2 a:hover { text-decoration:underline; } .entry .titleWrap .date { float:right; font:11px Tahoma; color:#999999; padding-right:10px; padding-top:2px; } .entry .admin { font-size:11px; text-align:center; } .entry .admin .sep { color:#ccc; } .entry .article_wrap { border:1px solid #e0e0e0; padding:10px; } .entry .article_wrap .article { padding-top:10px; padding-bottom:10px; color:#2b2b2b; border-bottom:1px solid #eeeeee; margin-bottom:10px; } .entry .article_wrap .article a { color:#39aaa1; text-decoration:none; } .entry .article_wrap .article a:hover { text-decoration:underline; } .entry .tag { padding-bottom:10px; } .entry .tag .tagText { font-weight:bold; color:#39aaa1; } .entry .action { } .entry .action .cnt { color:#f55a0a; } .entry .action .sep { color:#bbb; } .entry .trackback { background:#f9f9f9; border-top:1px solid #dddddd; padding:10px; margin-top:6px; } .entry .trackback h3 { color:#333333; font-size:12px; font-weight:normal; text-align:center; } .entry .trackback ol { list-style:none; margin:0; padding:0; padding-top:10px; } .entry .trackback ol .data { float:left; } .entry .trackback ol .name { font-weight:bold; } .entry .trackback ol .date { color:#999; font:11px Tahoma; margin-left:4px; } .entry .trackback ol .control { float:right; } .entry .trackback ol .desc { clear:both; margin:0; padding:0; padding-top:5px; font-size:11px; } .entry .comment { margin-top:10px; } .entry .comment ol { list-style:none; margin:0; padding:0;} .entry .comment ol li ul { list-style:none; margin:0; padding:0; } .entry .comment .commentList .rp_wrap { } .entry .comment .commentList .name { float:left; padding-left:10px; } .entry .comment .commentList .name a { font-weight:bold; } .entry .comment .commentList .sep { float:left; color:#ccc; margin-left:4px; margin-right:4px; } .entry .comment .commentList .date { float:left; color:#999999; font:11px Tahoma; padding-top:2px; } .entry .comment .commentList .control { float:right; padding-right:10px; } .entry .comment .commentList .control a { float:left; } .entry .comment .commentList .control a span { display:none; } .entry .comment .commentList .modify { width:49px; height:11px; background:url(./images/bt_edit_del.gif) no-repeat; } .entry .comment .commentList .write { width:26px; height:11px; background:url(./images/bt_rep.gif) no-repeat; } .entry .comment .commentList p { clear:both; margin:0; padding:5px; padding-left:10px; padding-right:10px; background:#f9f9f9; margin-top:5px; margin-bottom:10px; } .entry .commentWrite { border-top:1px solid #dddddd; background:#f9f9f9; padding-bottom:5px; padding-top:5px; } .entry .commentWrite p {margin:0; padding:7px; } .entry .commentWrite p.secret { padding:0; padding-left:5px; } .entry .commentWrite textarea { border:1px solid #dddddd; height:48px; width:430px; font-size:12px; } .entry .commentWrite .id { width:70px; } .entry .commentWrite .password { width:70px; } .entry .commentWrite .homepage { width:165px; } .entry .commentWrite .textarea_data { padding:7px; } .entry .commentWrite .textarea_wrap { float:left; width:444px; } .entry .commentWrite .submit_wrap { float:left; } /* notice */ .notice { margin-top:10px; } .entry .notice_titleWrap { padding-top:0px; border-bottom:1px solid #eeeeee; } .entry .notice_titleWrap h2 { padding-left:0px; } .entry .notice_titleWrap .date { padding-right:0px; } .entry .article_wrap .notice_article { border-bottom:0; margin-bottom:0; } /* taglist */ #itcanus_tag_list ul { list-style:none; margin:0; padding:0; padding:4px; word-break:break-all; } #itcanus_tag_list ul li { display:inline; } #itcanus_tag_list .cloud1 { font-weight:bold; font-size:14px; color:#fff; background:#0ebbb9; } #itcanus_tag_list .cloud2 { color:#ff7d2d; font-size:14px; font-weight:bold; } #itcanus_tag_list .cloud3 { color:#01b9b7; font-size:13px; } #itcanus_tag_list .cloud4 { color:#333333; font-size:12px; } #itcanus_tag_list .cloud5 { color:#888888; font-size:11px; } #itcanus_tag_list ul li a:hover { color:#444; background:#f4f4f4; } /* list */ .list { } .list h2 { font-size:13px; margin:0; padding:0; } .list h2 .conform { color:#39aaa1; display:inline; } .list h2 .cnt { color:#f55a0a; display:inline; padding-right:2px; } .list ul { list-style:none; margin:0; padding:0; padding-top:5px; margin-bottom:5px; } .list ul li { background:url(./images/bg_dot3.gif) repeat-x bottom; padding-bottom:4px; padding-top:2px; overflow:hidden; } .list ul li a { color:#2b2b2b; text-decoration:none; } .list ul li a:hover { color:#39aaa1; text-decoration:none; } .list ul li .date { float:left; color:#999999; font:11px Tahoma; width:65px; padding-top:2px; } .list ul li .title { float:left; } .list ul li .cnt { color:#f55a0a; font:11px Tahoma; padding-left:2px; } /* categoryList */ .categoryList { margin-top:10px; } .categoryList .zero { display:none; } .categoryList ul { list-style:none; margin:0; padding:0; } .categoryList ul li { padding-bottom:15px; border-bottom:1px solid #d7d7d7; margin-bottom:15px; } .categoryList ol { list-style:none; margin:0; padding:0; } .categoryList ol li { padding-left:10px; margin-bottom:4px; background:url(./images/bg_li.gif) no-repeat left center; font-weight:bold; } .categoryList ol li .cnt { color:#ff863b; } .categoryList ol li a { color:#39aaa1; } .categoryList ol li a:hover { text-decoration:underline; } .categoryList .thumbnail { float:left; width:120px; height:90px; margin-right:10px; } .categoryList .data { float:left; width:410px; } .categoryList .data h3 { font-size:12px; } .categoryList .data h3 a { color:#39aaa1; text-decoration:none; } .categoryList .data h3 a:hover { text-decoration:underline; } .categoryList .data .desc { color:#2b2b2b; line-height:16px; margin-top:5px; } .categoryList .data .extra { font-size:11px; color:#979797; margin-top:5px; } .categoryList .data .extra .date { color:#ff863b; } .categoryList .data .extra .cnt { color:#ff863b; font-weight:bold; } .categoryList .data .extra .sep { color:#ccc; } .categoryList .category_no_image { display:none; } .categoryList .category_no_image .data { width:540px; } .categoryList .root { border-bottom:0; margin-bottom:0; } .categoryList .root h3 { float:left; font-size:13px; color:#39aaa1; padding-left:4px; } .categoryList .root .root_cnt { float:right; font-size:11px; color:#999; padding-right:4px; } .categoryList .root ul { margin-top:5px; padding-left:10px; padding-right:10px; } .categoryList .root ul li { margin:0; padding:0px; padding-top:4px; padding-bottom:4px; border-bottom:0; } .categoryList .root ul li .date { color:#999; font:11px Tahoma; padding-left:5px; } .categoryList .root ul li .cnt { color:#ff863b; } .categoryList .root ul li .desc { color:#888; font-size:11px; padding-top:4px; } .categoryList .root .thumbnail { width:45px; height:45px; margin-right:14px; } .categoryList .root .thumbnail .thumbnail_data { width:45px; border:1px solid #eee; padding:1px; } .categoryList .root .item2 a { font-weight:bold; color:#666; } .categoryList .root .item2 a:hover { color:#39aaa1; } /* paging */ .paging { text-align:center; font-size:12px; padding-top:5px; } .paging a { color:#999999; } .paging a:hover { text-decoration:underline; } .paging .selected { color:#ff863b; } .paging .numbox { margin-left:4px; margin-right:4px; } .paging .numbox .num { padding-left:4px; padding-right:4px; } .paging .numbox .interword { margin-left:2px; color:#bbb; letter-spacing:-1px; } /* footer */ #footer { padding-bottom:20px; } #footer .footer_item { margin-bottom:10px; } #footer .footer01 { float:left; padding-top:18px; } #footer .footer02 { float:left; padding-left:16px; padding-top:23px; font-size:11px; color:#777; line-height:16px; } #footer .footer02 a { color:#777; text-decoration:none; } #footer .footer02 a:hover { text-decoration:underline; } #footer .footer03 { float:right; padding-top:16px; line-height:4px; padding-right:10px; } /* introduce */ #itcanus_introduce { margin-top:10px; } #title_itcanus_introduce { width:103px; height:20px; background:url(./images/title_itcanus_introduce.gif) no-repeat; } .itcanus_tab { background:url(./images/bg_introduce_center.gif) repeat-x; height:34px; margin-top:15px; margin-bottom:15px; } .itcanus_tab_left { background:url(./images/bg_introduce_left.gif) no-repeat left; width:100%; height:34px; } .itcanus_tab_right { background:url(./images/bg_introduce_right.gif) no-repeat right; width:100%; height:34px; } .itcanus_tab ul { list-style:none; margin:0; padding:0; padding-left:10px; } .itcanus_tab ul li {float:left; display:inline; margin-top:5px; } .itcanus_tab ul li span { display:none; } .itcanus_tab #tab_introduce1 a { display:block; width:80px; height:29px; background:url(./images/bt_introduce1.gif) no-repeat; } .itcanus_tab #tab_introduce1.select a { background:url(./images/bt_introduce1_select.gif) no-repeat; } .itcanus_tab #tab_introduce2 a { display:block; width:80px; height:29px; background:url(./images/bt_introduce2.gif) no-repeat; } .itcanus_tab #tab_introduce2.select a { background:url(./images/bt_introduce2_select.gif) no-repeat; } .itcanus_tab #tab_introduce3 a { display:block; width:80px; height:29px; background:url(./images/bt_introduce3.gif) no-repeat; } .itcanus_tab #tab_introduce3.select a { background:url(./images/bt_introduce3_select.gif) no-repeat; } .itcanus_tab #tab_introduce4 a { display:block; width:80px; height:29px; background:url(./images/bt_introduce4.gif) no-repeat; } .itcanus_tab #tab_introduce4.select a { background:url(./images/bt_introduce4_select.gif) no-repeat; } #itcanus_introduce #introduce1 {} #itcanus_introduce #introduce1 ul { list-style:none; margin:0; padding:0; margin-top:20px; margin-bottom:20px; } #itcanus_introduce #introduce1 ul li { padding-top:16px; border-bottom:1px solid #d8d8d8; padding-bottom:10px; } #itcanus_introduce #introduce1 ul li .desc { color:#2b2b2b; padding-top:10px; } #itcanus_introduce #introduce1 ul li.lastChild { border-bottom:0; } #itcanus_introduce #introduce1 ol { list-style:none; margin:0; padding:0; } #itcanus_introduce #introduce1 ol li { color:#999999; padding-top:6px; border-bottom:0; padding-bottom:0; } #itcanus_introduce #introduce1 ol li .title { color:#fe770a; font-weight:bold; } #itcanus_introduce #introduce2 {} #itcanus_introduce #introduce2 ul { list-style:none; margin:0; padding:0; } #itcanus_introduce #introduce2 ul li { padding-top:10px; padding-bottom:6px; border-bottom:1px solid #e0e0e0; margin-bottom:10px; } #itcanus_introduce #introduce2 .year2008 { float:left; width:105px; height:20px; background:url(./images/image_2008.gif) center top no-repeat; } #itcanus_introduce #introduce2 .year2007 { float:left; width:105px; height:20px; background:url(./images/image_2007.gif) center top no-repeat; } #itcanus_introduce #introduce2 .year2006 { float:left; width:105px; height:20px; background:url(./images/image_2006.gif) center top no-repeat; } #itcanus_introduce #introduce2 .year2005 { float:left; width:105px; height:20px; background:url(./images/image_2005.gif) center top no-repeat; } #itcanus_introduce #introduce2 .data { float:left; border-left:1px solid #ececec; padding-left:16px; font-size:11px; line-height:20px; } #itcanus_introduce #introduce2 .data a { color:#39aaa1; } #itcanus_introduce #introduce2 .data a:hover { text-decoration:underline; } #itcanus_introduce #introduce3 {} #itcanus_introduce #title_itcanus_partner { background:url(./images/title_itcanus_partner.gif) no-repeat; width:196px; height:16px; } #itcanus_introduce #introduce3 ul { list-style:none; margin:0; padding:0; margin-top:24px; } #itcanus_introduce #introduce3 ul li { padding-bottom:20px; } #itcanus_introduce #introduce3 ul .image { float:left; width:130px; margin-right:10px; } #itcanus_introduce #introduce3 ul .data { float:left; width:412px; } #itcanus_introduce #introduce3 ul .data .desc { margin-top:4px; color:#5b5f5b; letter-spacing:0px; line-height:16px; } #itcanus_introduce #introduce4 {} #itcanus_introduce #introduce4 ul { list-style:none; margin:0; padding:0; margin-top:10px; margin-bottom:10px; } #itcanus_introduce #introduce4 ul li { padding-bottom:4px; } #itcanus_introduce #introduce4 ul li a {color:#f55a0a; } #itcanus_introduce #introduce4 ul li .title { width:70px; float:left; text-align:right; margin-right:10px; } #itcanus_introduce #introduce4 ul li .desc { float:left; } /* sitemap */ #sitemap { width:780px; margin:0 auto; margin-top:30px; margin-bottom:20px; } .sitemap_item { float:left; width:240px; height:560px; margin-right:20px; background:url(./images/bg_sitemap_center.gif) repeat-y; } .itcanus_sitemap_top { background:url(./images/bg_sitemap_itcanus_top.gif) no-repeat top; } .soriarchive_sitemap_top { background:url(./images/bg_sitemap_soriarchive_top.gif) no-repeat top; } .futuretags_sitemap_top { background:url(./images/bg_sitemap_futuretags_top.gif) no-repeat top; } .sitemap_bottom { background:url(./images/bg_sitemap_bottom.gif) no-repeat left bottom; height:100%; } .sitemap_item ul { list-style:none; margin:0; padding:10px; padding-top:42px; } .sitemap_item ul li { font-weight:bold; background:url(./images/bg_dot3.gif) repeat-x bottom; padding-top:6px; padding-bottom:6px; } .sitemap_item ul li a { color:#4e4e4e; } .sitemap_item ul li a:hover { color:#39aaa1; text-decoration:underline; } .sitemap_item ul li span { padding-left:10px; background:url(./images/bg_sitemap_li.gif) no-repeat left 5px; } .sitemap_item ol { list-style:none; margin:0; padding:0; padding-left:10px; padding-top:2px; } .sitemap_item ol li { font-weight:normal; background:none; padding-bottom:2px; padding-top:2px; } .sitemap_item ol li a { color:#6b6b6b; } .sitemap_item ol li a:hover { color:#39aaa1; text-decoration:underline; } .sitemap_item .lastChild { background:none; padding-bottom:0; }