/*common*/ body { font:12px ±¼¸²; text-align:center; margin:0px auto; padding:0px; } input, select, textarea { font:12px ±¼¸²; } p { line-height:22px; } .bolds { font-weight:bold; } a.links:link { color:#000000; } a.links:visited { color:#777777; } a.links:hover { color:#FF8800; } sup { font-family:verdana; color:#cc0000; letter-spacing:0; } a:link { text-decoration:none; color:#666666; } a:visited { text-decoration:none; color:#3E4859; } a:hover { text-decoration:underline ; color:#3E4859; } a.main_link:link, a.main_link:visited { padding-left:0px; color:#666666; } a.main_link:hover { color:#3a6abb; text-decoration:none; } /*head*/ #head { margin-left: auto; margin-right: auto; width:780px; height:90px; text-align: left; position: relative; } #head h1 { margin: 18px 0px 0px 0px; padding: 0px; position: absolute; } #head h2 { margin: 15px 0px 0px 0px; padding: 0px; top:10px; left:250px; position: absolute; } #head #skin { width:90px; margin: 0; padding: 0; right: 0px; top: 25px; font:12px '±¼¸²'; position: absolute; } #head select { font:12px '±¼¸²'; } #head #top { margin: 0; padding: 0; width:auto; height:21px; top: 0px; right: 0px; position: absolute; } #top_banner { width:220px; height:23px; top:25px; left:310px; position:absolute; z-index:4; } #top_menu { width:80px; height:23px; top:30px; left:690px; position:absolute; z-index:4; } // #dotmaul { width:295px; height:35px; top:35px; left:483px; background:url(/images/dotmaul.gif) repeat-x; position:absolute; z-index:1; } #dotmaul { width:295px; height:35px; top:55px; left:483px; background:url(/images/dotmaul.gif) repeat-x; position:absolute; z-index:1; } .skinbtn{ padding:0px; margin:0px 0px 0px 0px; height:22px; width:55px; position:relative; cursor:pointer; background:url(/img/blank.gif); z-index:10; } /*menu*/ #menu { margin-left: auto; margin-right: auto; width:780px; height:70px; text-align: left; position: relative; z-index:1; } #menu #menus { margin:0px; padding:0px; top:0px; left:0px; width:780px; height:36px; background:url(/skin/blueaqua/menu_bg.gif) repeat-x; position:relative; z-index:1; } #menu #temamenu { display:none; margin:0px; padding:0px; width:59px; height:202px; top:-70px; left:722px; position:absolute; z-index:10; } #menu #temamenu #c_select{ top:23px; right:1px; padding:0px; margin:0px; height:180px; position:absolute; z-index:10; } #menu #left { margin: 0; padding: 0; top: 0px; left: 0px; width:7px; height:36px; background:url(/skin/blueaqua/menu_left.gif) repeat-x; float:left; z-index:1; } #menu #right { margin: 0; padding: 0; top: 0px; left: 0px; width:7px; height:36px; background:url(/skin/blueaqua/menu_right.gif) repeat-x; float:right; z-index:1; } #menu #line { margin: 0; padding: 0; top: 0px; left: 0px; width:2px; height:36px; background:url(/skin/blueaqua/menu_line.gif) repeat-x; float:left; z-index:1; } /*topmenus*/ #topmenus { padding:0px; margin:0px; height: 36px; list-style: none; display: inline; overflow: hidden; z-index:1; } #topmenus li { margin: 0px; padding: 0px ; list-style: none; display: inline; } #topmenus a { float: left; padding: 36px 0 0 0px; overflow: hidden; height: 0px !important; height /**/:36px; /* for IE5/Win only */ } #topmenus a:hover { background-position: 0px 0px ; } #topmenus a:active, #topmenus a.selected { background-position: 0px 0px ; } #big_1 a{ width:82px; background: url(/skin/blueaqua/menu1.gif) 0 -36px no-repeat ; } #big_2 a{ width:82px; background: url(/skin/blueaqua/menu2.gif) 0 -36px no-repeat; } #big_3 a{ width:82px; background: url(/skin/blueaqua/menu3.gif) 0 -36px no-repeat; } #big_4 a{ width:82px; background: url(/skin/blueaqua/menu4.gif) 0 -36px no-repeat; } #big_5 a{ width:82px; background: url(/skin/blueaqua/menu5.gif) 0 -36px no-repeat; } #big_6 a{ width:82px; background: url(/skin/blueaqua/menu6.gif) 0 -36px no-repeat; } #big_7 a{ width:82px; background: url(/skin/blueaqua/menu7.gif) 0 -36px no-repeat; } #big_8 a{ width:82px; background: url(/skin/blueaqua/menu8.gif) 0 -36px no-repeat; } #big_9 a{ width:82px; background: url(/skin/blueaqua/menu9.gif) 0 -36px no-repeat; } /*search*/ #search_form #search_keyword { margin:0px; padding:0px 0px 0px 2px; top: 9px; right: 55px; width:120px; height:19px; font:12px ±¼¸²; line-height:19px; border:1px solid #2770C2; position: absolute; z-index:1; } #search_form #search_button { margin: 0; padding: 0; top: 7px; right: 10px; position: absolute; z-index:1; } #menu #submenu { margin: 0px; padding: 0px; width:780px; height:35px; position: relative; } #menu #search_form { top:0px; right:0px; z-index:8; width:180px; height:30px; position:absolute; } /*left_menu*/ #body #left_menu { width:130px; float:left; margin: 0px; padding:0px; right:0; background-color:#ffffff; text-align:center; } #body #left_menu #left_top { width:130px; height:40px; padding:0px; margin:0px; background:url(/skin/blueaqua/btn_mypage.gif); position: relative; } #body #left_menu #left_top2 { width:130px; height:15px; padding:0px; margin:0px 0px 0px 0px; background:url(/skin/blueaqua/leftmenu_top.gif) 0px 100% no-repeat; position: relative; } #body #left_menu #left_top3 { width:130px; height:15px; padding:0px; margin:0px 0px 0px 0px; background:url(/skin/blueaqua/leftmenu_bottom.gif) no-repeat; position: relative; } #body #left_menu ol { width:130px; padding:0px; margin:0px; list-style:none outside; text-align:center; background:url(/skin/blueaqua/leftmenu_bg.gif) repeat-y; position: relative; } #body #left_menu ul { width:130px; padding:0px; margin:0px; list-style:none outside; position: relative; } #body #left_menu ol li { padding:0px; margin:0px; position: relative; list-style-type:none; } #body #left_menu ul li { padding:0px 0px 0px 10px; margin:0px 0px 0px 18px; width:125px; height:18px; line-height:18px; text-align:left; list-style-type:none; background:url(/skin/dash.gif) no-repeat; position: relative; } /*left_notice*/ #left_menu #left_notice { margin: 0px 0px 3px 0px; padding:0px; width:130px; height:auto; position: relative;} #left_menu #left_notice .box130_top { margin:0px; padding:0px; width:130px; height:33px; background:url(/images/box130_title.png) repeat-x; position: relative; } #left_menu #left_notice .box130_bottom { width:130px; height:15px; background:url(/images/box130_bottom.png) repeat-x; position: relative; } #left_menu #left_notice ul{ margin:0px; width:130px; height:auto; text-align:left; background:url(/images/box130_bg.png) repeat-y; list-style-type:none; } #left_menu #left_notice ul li { left:10px; margin:0px; padding:0px; width:100px; height:20px; overflow:hidden; list-style-type:none; text-align:left; position: relative; background:#fff; } /*contents*/ #body { margin:0px auto; width:780px; position: relative; height:auto;} #body #contents { margin: 0px 0px 10px 0px; padding:0px; width:633px; right:0; text-align:left; background-color:#ffffff; float:right; } #img { border-color:#d5d5d5; } .thumb { padding:0px; margin:0px; margin-top:20px; margin-bottom:20px; text-align:center; } .banner { margin: 0px 0px 8px 0px; padding:0px; width:130px; height:77px; position: relative; } #print_space { text-align:left; font:13px ±¼¸²; line-height:20px; } #swhistory { width:633px; margin: 0px 0px 0px 0px; padding: 0 ; text-align:left; position:relative; } /*foot*/ #foot { clear:both; margin:20px auto; width:780px; height:185px; line-height:20px; position:relative; } #foot #site_info { margin:auto; left:0px; width:780px; height:30px; text-align:center; background:url(/images/bottom_bg.gif) repeat-x; position:absolute; } #foot #site_info ul{ margin:0px; padding:0px; top:5px; left:80px; width:700px; height:30px; list-style-type:none; position:absolute; } #foot #site_info li{ margin:0px; height:30px; line-height:30px; padding:0px; float:left; } #foot #site_info_left { top:32px; left:20px; width:40px; height:40px; line-height:30px; position:absolute; } #foot #site_info_middle { top:37px; left:150px; width:350px; text-align:left;height:40px; text-align:center; font:12px ±¼¸²; line-height:40px; position:absolute; color:#666;} #foot #site_info_right { bottom:0px; right:0px; width:255px; height:30px; line-height:30px; overflow:hidden; text-align:right; position:absolute; } /*tab*/ #tab { margin:0px 0px 0px 0px; padding:0px; width:633px; height:26px; position:relative; } .tab { width:79px; height:26px; line-height:26px; text-align:center; text-decoration:none; background:url('/images/tab_off.gif') no-repeat; float:left; } .tab:hover { text-decoration:none; font-weight:bold; letter-spacing:-0.1em; background:url('/images/tab_on.gif') no-repeat; } .tab_side { width:3px; height:26px; background:url('/images/tab_side.gif') no-repeat; float:left; } /*tooltip*/ #choicerems { z-index:20; padding:10px 5px 5px 5px; width:250px; line-height:18px; background:#f3f3f3; border:3px solid #2770C2; color:#555; text-align:left; visibility:hidden; position:absolute; } #choicerems h4 { font:bold 12px ±¼¸²; margin:-5px 0px 5px 0px; padding:4px; border-bottom:1px dotted #d5d5d5; background:#fff; } #choicerems p { margin:0px; } #choicerems span { clear:both; width:230px; text-align:right;font:bold 11px µ¸¿ò; } #choicerems .author { font-weight:normal;} /*galleryBox*/ #galleryBox { width:780px; height:auto; padding:6px 0px 0px 0px; border:1px solid #d5d5d5; } #galleryBox a { padding:2px; } #galleryBox ul { margin:0px; padding:0px; list-style-type:none; height:auto; position:relative; } #galleryBox li { padding:0px 0px 6px 6px; list-style-type:none; float:left; cursor:pointer; } div#choicerems h3 { margin:-10px; padding:5px; background:#369; color:#fff; font:bold 12px ±¼¸²; } /*point*/ .point_list ul li a { height:18px; padding-top:8px; } * html .point_list ul li a { height:26px; padding-top:8px; } .point_list select { position:absolute; top:0; right:0; } * html .point_list select { top:15px; } .point_list #summary { margin-top:20px; } #foot p.copys { border-top:2px dotted #d5d5d5; margin:45px 0px 0px 0px; padding:5px 0px 0px 0px; color:#666; width:630px;text-align:left;line-height:1.5em;letter-spacing:-0.1em; position:relative; } #foot p.copys2 { border-top:2px dotted #d5d5d5; margin:5px 0px 0px 0px; padding:5px 0px 0px 0px; color:#666; width:630px;text-align:left;line-height:1.5em;letter-spacing:-0.1em; position:relative; } #foot p.copys3 { border-top:2px dotted #d5d5d5; margin:5px 0px 0px 0px; padding:5px 0px 0px 0px; color:#666; width:630px;text-align:left;line-height:1.5em;letter-spacing:-0.1em; position:relative; } #foot p.copyright { margin:5px 0px 20px 0px;padding-top:0px;line-height:14px; } #foot p.site_address { margin:0px; padding:0px; width:630px;text-align:left;line-height:1.6em;height:55px; }