@charset "utf-8"; /* Cascading Style Sheets: style.css last updated on 2011.06.20 (c) 2011 INUI YOSUKE Design Office (http://www.inuiyosuke.jp/) */ html { height:100%; } body { height:100%; margin:0px; padding:0px; color:#000; font: normal normal normal 15px/2em "Helvetica Neue","Swiss 721 Light BT","Swiss 721",Helvetica,Arial,Geneva,Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif; } a { outline:0px none #fff; background-repeat:no-repeat; } a * { cursor:pointer; } br { letter-spacing:0px; } div { width:auto; height:auto; margin:0px; padding:0px; overflow:visible; border:0px none #000; } hr { clear:both; height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; } strong { font-style:inherit; font-variant:inherit; font-weight:bold; font-size:inherit; line-height:inherit; font-family:inherit; } small { font-style:inherit; font-variant:inherit; font-weight:inherit; font-size:10px; line-height:15px; font-family:inherit; } img { margin:0px; padding:0px; border:0px none #000; font-size: 10px; } form { margin:0px; padding:0px; } select,label { cursor:pointer; } h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px; font-size:100%; line-height:100%; font-weight:normal; font:inherit; } ul,ol { margin:0px; padding:0px; } li { margin:0px; padding:0px; display:block; list-style:none outside none; } li img { vertical-align:top;margin:0px;padding:0px; } li a img { vertical-align:top;margin:0px;padding:0px; } dl { display:block; margin:0px; padding:0px; } dt { display:block; clear:left; float:left; margin:0px; padding:0px; } dd { display:inline; margin:0px; padding:0px; } table { border-collapse:collapse; border-spacing: 0px; border:0px solid #ccc; table-layout:fixed; empty-cells:show; margin:0px; padding:0px; } td,th { margin:0px; padding:2px; font: normal normal normal 11px/20px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } /* ----- WM ----- */ * a.WM { clear:none; display:inline !important; float:left !important; color:#fff !important; width:auto !important; height:auto !important; margin:0px 5px 0px 0px !important; padding:2px 4px 2px 4px !important; border:none !important; background:#0cf !important; font-style:normal !important; font-weight:normal !important; font-size:10px !important; line-height:11px !important; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Helvetica Neue",Helvetica,Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif !important; text-shadow:none !important; } * a.WM:link { color:#fff !important; text-decoration:none !important; } * a.WM:visited { color:#fff !important; text-decoration:none !important; } * a.WM:hover { color:#000 !important; text-decoration:none !important; } * a.WM:active { color:#000 !important; text-decoration:none !important; } * em.WM { clear:none; display:inline !important; float:left !important; color:#d21 !important; width:auto !important; height:auto !important; margin:0px 5px 0px 0px !important; padding:2px 4px 2px 4px !important; border:none !important; background:#fff !important; font-style:normal !important; font-weight:bold !important; font-size:10px !important; line-height:11px !important; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Helvetica Neue",Helvetica,Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif !important; text-shadow:none !important; } @media print { body a.WM { display:none !important; } body em.WM { display:none !important; }} /* -------------------------------------------------- ADDITION ITEM -------------------------------------------------- */ body { clear:both; width:100%; height:100%; min-width:980px; min-height:250px; background:#fff; } a:link { color:#d12; text-decoration:none; } a:visited { color:#d12; text-decoration:none; } a:hover { color:#a01; text-decoration:underline; } a:active { color:#a01; text-decoration:none; } code { clear:both; float:right;display:block; width:10px; height:auto; word-break:break-all; } /* writing-mode:tb-rl; */ em { color:#d21; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } /* ---------- JSS ---------- */ div#JSS { position:relative; top:0px; left:0px; z-index:50; clear:none; display:inline; float:left; width:552px; height:100%; overflow:visible; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; background:transparent no-repeat; border:none; border-right:1px solid #ddd; } div#JSS div.OBJ { position:relative; display:inline; float:left; width:542px; height:auto; overflow:visible; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /* -- JSS FACTORS -- */ div.JSS_BOX { position:absolute; bottom:0px; right:0px; display:block; width:11px; height:11px; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:none; border-left:1px solid #ddd; border-bottom:4px solid #eee; background-color:#eee; } div.JSS_BAR { position:absolute; bottom:0px; right:0px; display:block; width:10px; height:9px; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:1px solid #c10; border-left:1px solid #ddd; background-color:#d21; } a.JSS_UP { position:absolute; bottom:0px; right:0px; display:block; width:11px; height:15px; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-indent:-9999px; border:none; border-left:1px solid #ddd; border-top:1px solid #eee; background:#eee url(/com/img/jss_up.png) no-repeat; } a.JSS_UP:link { background-position:50% -20px; } a.JSS_UP:visited { background-position:50% -20px; } a.JSS_UP:hover { background-position:50% 0px; } a.JSS_UP:active { background-position:50% 0px; } a.JSS_DN { position:absolute; bottom:0px; right:0px; display:block; width:11px; height:15px; overflow:hidden; margin:-1px 0px -1px 0px; padding:0px 0px 0px 0px; text-indent:-9999px; border:none; border-left:1px solid #ddd; border-top:1px solid #eee; background:#eee url(/com/img/jss_dn.png) no-repeat; } a.JSS_DN:link { background-position:50% -20px; } a.JSS_DN:visited { background-position:50% -20px; } a.JSS_DN:hover { background-position:50% 0px; } a.JSS_DN:active { background-position:50% 0px; } div.JSS_PAGETOP { clear:none; display:inline; float:left; width:541px; height:34px; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:none; border-top:1px solid #ddd; background:#f7f7f7; } div.JSS_PAGETOP a { clear:both; display:inline; float:right; width:auto; height:auto; margin:5px 3px 0px 0px; padding:2px 10px 2px 10px; border:none; background:transparent; font: normal normal normal 10px/12px "Helvetica Neue","Swiss 721 Light BT","Swiss 721",Helvetica,Verdana,Geneva,Arial,sans-serif; } div.JSS_PAGETOP a:link { color:#777; text-decoration:none; } div.JSS_PAGETOP a:visited { color:#777; text-decoration:none; } div.JSS_PAGETOP a:hover { color:#000; text-decoration:none; } div.JSS_PAGETOP a:active { color:#000; text-decoration:none; } /* ---------- JSS in div#BG ---------- */ div#BG div#JSS { width:100%; height:auto; margin:30px 0px 0px 61px; border:none; } div#BG div#JSS div.OBJ { width:auto; height:auto; margin:0px 0px 0px 0px; } div#BG div.JSS_BOX { border:none; border-top:1px solid #e7e7e7; border-right:6px solid #eee; } div#BG div.JSS_BAR { border-left:1px solid #c10; } div#BG a.JSS_UP { width:15px; height:11px; margin:0px 0px 0px 3px; border:none; border-top:1px solid #e7e7e7; background-image:url(/com/img/jss_lt.png); } div#BG a.JSS_DN { width:15px; height:11px; margin:0px 0px 0px 1px; border:none; border-top:1px solid #e7e7e7; background-image:url(/com/img/jss_rt.png); } div#BG div.JSS_PAGETOP { width:110px; height:200px; margin:0px 0px 0px -15px; border:none; background:transparent; } div#BG div.JSS_PAGETOP a { display:none; float:left; margin:130px 0px 0px 30px; padding:4px 10px 4px 10px; border:1px solid #e7e7e7; background:#fff; } /* -------------------------------------------------- ADDITION CLASS -------------------------------------------------- */ /* -- SIDE -- */ div#SIDE { position:fixed; top:0px; left:0px; z-index:100; width:60px; height:100%; min-height:500px; margin:0px -61px 0px 0px; text-align:center; background:#fff url(/com/img/side_bg.png) 0px 0px repeat-y scroll; border-right:1px solid #d21; } div#SIDE ol { clear:both; display:inline; float:left; width:60px; height:auto; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; font: normal normal normal 12px/14px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } div#SIDE ol li { clear:both; display:inline; float:left; width:60px; margin:0px 0px 0px 0px; padding:10px 0px 10px 20px; } div#SIDE ol li a { clear:both; display:inline; float:left; width:1em; margin:0px 0px 0px 0px; text-align:center; padding:2px 2px 2px 2px; word-break:break-all; } div#SIDE ol li a:link { color:#000; text-decoration:none; border-right:1px solid #f7f7ee; } div#SIDE ol li a:visited { color:#000; text-decoration:none; border-right:1px solid #f7f7ee; } div#SIDE ol li a:hover { color:#000; text-decoration:none; border-right:1px solid #d21; } div#SIDE ol li a:active { color:#000; text-decoration:none; border-right:1px solid #d21; } div#SIDE ol li.HR { background:url(/com/img/side_hr.png) 0px 50% no-repeat scroll; } div#SIDE a#LOGO { position:absolute; left:10px; bottom:10px; width:40px; height:40px; text-indent:-1000px; background:transparent url(/com/img/logo.png) 0% 0% no-repeat; } /* -- HEADER -- */ div#HEADER { position:fixed; top:10px; right:10px; z-index:20; width:auto; height:25px; text-align:right; } div#HEADER ol { clear:both; display:inline; float:left; width:auto; height:auto; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#fff; font: normal normal normal 10px/11px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } div#HEADER ol li { clear:none; display:inline; float:left; width:auto; margin:0px 0px 0px -1px; padding:0px 0px 0px 0px; border-left:1px solid #ddd; } div#HEADER ol li a { clear:both; display:inline; float:left; width:auto; margin:0px 0px 0px 0px; text-align:center; padding:5px 10px 5px 10px; word-break:break-all; } div#HEADER ol li a:link { color:#444; text-decoration:none; background:#fff; } div#HEADER ol li a:visited { color:#444; text-decoration:none; background:#fff; } div#HEADER ol li a:hover { color:#fff; text-decoration:none; background:#d21; } div#HEADER ol li a:active { color:#fff; text-decoration:none; background:#d21; } div#HEADER ol li.HR a:link { color:#fff; text-decoration:none; background:#d21; } div#HEADER ol li.HR a:visited { color:#fff; text-decoration:none; background:#d21; } div#HEADER ol li.HR a:hover { color:#fff; text-decoration:none; background:#d21; } div#HEADER ol li.HR a:active { color:#fff; text-decoration:none; background:#d21; } /* -- FOOTER -- */ div#FOOTER { position:absolute; bottom:5px; right:10px; z-index:20; width:auto; min-width:980px; height:auto; margin:0px 0px 0px 0px; text-align:right; color:#000; font: normal normal normal 9px/11px "Helvetica Neue","Swiss 721 Light BT","Swiss 721",Helvetica,Verdana,Geneva,Arial,sans-serif; font-weight:lighter; } div#FOOTER a:link { color:#444; text-decoration:none; } div#FOOTER a:visited { color:#444; text-decoration:none; } div#FOOTER a:hover { color:#000; text-decoration:none; } div#FOOTER a:active { color:#000; text-decoration:none; } /* NEXT */ a#NEXT { position:absolute; top:50%; right:0px; display:block; z-index:100; width:100px; height:19px; margin:-9px 0px 0px 0px; padding:5px 0px 0px 0px; clip:rect(0px 100px 19px 81px); text-indent:-10px; background:transparent url(/com/img/next.png) 0px 0px no-repeat; text-align:center; font: normal normal normal 10px/11px "Helvetica Neue","Swiss 721 Light BT","Swiss 721",Helvetica,Verdana,Geneva,Arial,sans-serif; font-weight:lighter; } a#NEXT:link { color:#fff; text-decoration:none; } a#NEXT:visited { color:#fff; text-decoration:none; } a#NEXT:hover { color:#fff; text-decoration:none; } a#NEXT:active { color:#fff; text-decoration:none; } /* ----- BG ----- */ div#BG { position:fixed; clear:both; display:block; float:left; width:100%; height:270px; margin:0px -60px 0px 0px; padding:0px 0px 0px 0px; text-align:center; background:#fafafa 50% 50% repeat scroll; background-size:cover; } div#BG big { position:relative; z-index:3; clear:both; display:inline; float:left; width:auto; height:auto; margin:42px 0px 0px 90px; text-align:left; text-shadow:#fff 0px 0px 3px; font: normal normal 600 30px/35px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; } div#BG big.WHITE { color:#fff; text-shadow:#000 0px 0px 3px; } div#BG big small { clear:both; display:inline; float:left; color:inherit; padding:5px 0px 0px 0px; font:normal normal normal 12px/15px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } div#BG img.PRINT { clear:both; display:none; float:left; } /* ----- PAGE ----- */ div#PAGE { position:absolute; top:50%; clear:both; display:block; z-index:5; width:100%; height:50%; min-width:980px; margin:-1px 0px 0px 0px; text-align:center; border-top:1px solid #ddd; background:#fff no-repeat 50% 50% fixed; } /* -- CAT -- */ div#PAGE div#CAT { display:inline; float:left; clear:none; width:180px; height:100%; margin:0px 0px 0px 60px; padding:0px 0px 0px 0px; text-align:left; border-right:1px solid #ddd; background:#fff no-repeat 50% 50% fixed; border-top:0px; } div#PAGE div#CAT ol { display:block; float:left; clear:both; width:180px; height:auto; overflow:hidden; margin:22px 0px 30px 0px; padding:0px 0px 0px 0px; } div#PAGE div#CAT ol li { display:inline; float:left; clear:both; width:180px; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(/com/img/sub_bg.png) no-repeat 0px 0px scroll; } div#PAGE div#CAT ol li a { display:block; float:left; clear:both; width:145px; margin:-1px 0px 0px 30px; padding:9px 5px 9px 0px; border-top:1px dotted #ddd; font: normal normal normal 11px/12px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } div#PAGE div#CAT ol li a:link { color:#000; text-decoration:none; border-left-width:0px; } div#PAGE div#CAT ol li a:visited { color:#000; text-decoration:none; border-left-width:0px; } div#PAGE div#CAT ol li a:hover { color:#d21; text-decoration:underline; border-left-width:0px; } div#PAGE div#CAT ol li a:active { color:#d21; text-decoration:underline; border-left-width:0px; } div#PAGE div#CAT ol li.HR { background-position: 0px -100px; } /* -- REFERENCE -- */ div#PAGE div#REFERENCE { display:inline; float:left; clear:none; width:160px; height:100%; margin:0px 0px 0px 15px; padding:0px 0px 0px 0px; text-align:left; background:#fff no-repeat 50% 50% fixed; border-top:0px; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } div#PAGE div#REFERENCE strong.TITLE { clear:none; display:inline; float:left; width:160px; height:auto; margin:30px 0px 0px 0px; padding:0px 0px 5px 0px; color:#000; font:normal normal bold 11px/13px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } /* ---------- FORMAT ---------- */ div.SHEET { clear:none; display:inline; float:left; width:552px; height:100%; margin:0px 0px 0px 0px; text-align:left; border-right:1px solid #ddd; background:#fff; background:rgba(255,255,255,0.95); } div#JSS div.OBJ div.SHEET { border:none; width:540px; } div#PAGE div strong.TITLE { clear:none; display:inline; float:left; width:135px; height:auto; margin:30px 0px 0px 15px; padding:0px 0px 0px 0px; color:#000; font:normal normal bold 11px/13px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } div.SHEET h1 { clear:none; display:inline; float:left; width:480px; height:auto; margin:30px 0px 30px 30px; padding:0px 0px 0px 0px; color:#000; font:normal normal bold 18px/20px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } div.SHEET h1 small { color:inherit; padding-left:1em; font:normal normal normal 12px/20px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } div.SHEET h2 { clear:none; display:inline; float:left; width:480px; height:auto; margin:0px 0px 15px 0px; padding:1px 0px 1px 25px; border-left:5px solid #000; color:#000; font:normal normal bold 12px/13px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } div.SHEET img { clear:both; margin:0px 0px 29px 0px; background:#000; border-bottom:1px solid #eee; } div.SHEET p { clear:both; display:inline; float:left; width:480px; height:auto; margin:0px 0px 0px 30px; padding:0px 0px 45px 0px; font:normal normal normal 12px/30px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } div.SHEET p br { clear:none; } div.SHEET p a { font-size:12px; } div.SHEET p img { clear:both; display:inline; float:left; margin:0px 15px 5px 0px; padding:0px; border:1px solid #eee; } div.SHEET p small img { display:inline; float:left; margin:0px 20px 10px 0px; border:1px solid #eee; } div.SHEET p small { display:block; width:auto; margin:10px 0px 10px 0px; font-size:10px; } div.SHEET p small strong { display:block; width:auto; margin:0px 0px 10px 0px; font-weight:bold; } div.SHEET object { clear:both; display:block; float:none; margin:0px 20px 10px 0px; padding:0px; } div.SHEET hr { clear:both; float:left; height:1px; width:540px; margin:14px 0px 45px 0px; padding:0px; border-color:transparent; border-top:1px dotted #777; color:transparent; background:transparent; line-height:10px; } /* NOTE */ div.SHEET p.NOTE { clear:both; display:inline; float:left; width:460px; height:auto; margin:30px 0px 30px 30px; padding:10px 10px 10px 10px; border:1px solid #eee; background:#f7f7f7; color:#777; font:normal normal normal 11px/15px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } div.SHEET p.NOTE strong { clear:both; display:inline; float:left; width:460px; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; color:#777; font:normal normal bold 11px/20px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } /* DL DT DD */ dl { clear:both; display:inline; float:left; width:510px; margin:5px 0px 0px 30px; padding:0px; } dl dt { clear:both; display:inline; float:left; width:180px; overflow:hidden; margin:0px 30px 0px 0px; padding:10px 0px 0px 0px; border-top:1px solid #ccc; color:#000; font: normal normal bold 11px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } dl dt.NEW { background:transparent url(/com/img/new.png) 0px 12px no-repeat; text-indent:35px; } dl dt small { clear:both; display:inline; float:left; width:180px; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-indent:0px; color:#777; font: normal normal normal 9px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } dl dd { clear:none; display:inline; float:left; width:270px; overflow:hidden; margin:0px 0px 0px 0px; padding:10px 0px 30px 0px; border-top:1px dotted #bbb; color:#000; font: normal normal normal 11px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } dl dd img { float:left; margin:5px 10px 5px 0px; } dl dd a.A { padding:0px 0px 0px 15px; background:transparent url(/com/img/a.png) 0px 0px no-repeat; } dl dd a.A:link { background-position:0px 0px; } dl dd a.A:visited { background-position:0px 0px; } dl dd a.A:hover { background-position:0px 0px; } dl dd a.A:active { background-position:1px 0px; } dl dd a:link img { border:1px solid #eee; } dl dd a:visited img { border:1px solid #eee; } dl dd a:hover img { border:1px solid #000; } dl dd a:active img { border:1px solid #000; } dl.DATA { height:auto; margin:0px 0px 30px 30px; } dl.DATA dt { height:auto; width:90px; margin:0px 5px 0px 0px; padding:5px 0px 5px 0px; color:#000; font: normal normal bold 11px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } dl.DATA dd { height:auto; width:385px; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; color:#000; font: normal normal normal 11px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } dl.CAP { height:15px; margin:15px 0px -5px 0px; } dl.CAP dt { height:14px; margin:0px 16px 0px 0px; padding:0px; border-top:none; color:#aaa; font: normal normal normal 9px/11px Verdana,Geneva,Arial,sans-serif; } dl.CAP dd { height:14px; margin:0px 0px 0px 0px; padding:0px; border-top:none; color:#aaa; font: normal normal normal 9px/11px Verdana,Geneva,Arial,sans-serif; } /* PDF */ span.PDF { clear:none; display:inline; float:left; clear:both; width:480px; height:auto; margin:0px 0px 30px 30px; padding:15px 0px 0px 0px; color:#777; border-top:1px dotted #ddd; page-break-inside:avoid; font-size:10px; line-height:16px; } span.PDF strong { clear:none; display:inline; float:left; clear:both; width:90px; margin:0px 10px 0px 0px; font-weight:normal; } span.PDF a { clear:none; display:inline; float:left; width:auto; height:auto; margin:0px 10px 10px 0px; padding:0px 20px 0px 0px; text-indent:20px; background:transparent url(/com/img/pdf.png) 0px 0px no-repeat; font-size:12px; line-height:16px; font-weight:normal; } span.PDF a small { clear:none; display:inline; float:none; width:auto; color:#e98; font-size:10px; line-height:16px; font-weight:normal; } /* ----- WORKS INDEX ----- */ div#BG div#JSS div.OBJ { width:825px; } ol.WORKS_INDEX { clear:both; display:inline; float:left; height:auto; margin:0px 0px 0px 0px; } ol.WORKS_INDEX li { clear:none; display:inline; float:left; width:161px; height:auto; margin:30px 0px 0px 0px; padding:0px 0px 0px 0px; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } /* -- a.WORKS -- */ a.WORKS { position:relative; clear:both; display:inline; float:left; width:160px; height:180px; overflow:hidden; margin:0px 0px 0px -1px; padding:0px 0px 0px 0px; border:1px solid #e7e7e7; background:#fff; text-align:left; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.WORKS:link { color:#000; text-decoration:none; border-color:#e7e7e7; z-index:auto; } a.WORKS:visited { color:#000; text-decoration:none; border-color:#e7e7e7; z-index:auto; } a.WORKS:hover { color:#000; text-decoration:none; border-color:#d21; z-index:20; } a.WORKS:active { color:#000; text-decoration:none; border-color:#d21; z-index:20; } a.WORKS img { display:block; margin:0px 0px 0px 0px; border:none; border-bottom:1px solid #fafafa; } a.WORKS strong { display:block; width:auto; height:40px; overflow:hidden; margin:4px 0px 0px 5px; padding:0px 0px 0px 0px; color:#000; font: normal normal bold 12px/15px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; } a.WORKS strong small { display:block; width:auto; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#000; font: normal normal normal 9px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.WORKS span { display:block; width:auto; height:auto; margin:0px 0px 0px 5px; padding:0px 5px 0px 0px; text-align:right; color:#aaa; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.WORKS small { display:block; width:auto; height:auto; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; color:#444; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.WORKS:link span { display:none; } a.WORKS:visited span { display:none; } a.WORKS:hover span { display:block; } a.WORKS:active span { display:block; } /* ----- div.RELATED ----- */ div.SHEET div.RELATED { width:540px; clear:both; display:inline; float:left; width:540px; height:auto; margin:30px 0px 0px 0px; padding:0px 0px 1px 0px; background:#fafafa; border-top:1px solid #ddd; } div.SHEET div.RELATED h2 { width:20px; border:none; margin:25px 18px 1px 19px; padding:1px 0px 1px 0px; color:#000; text-align:center; font-weight:normal; } div.SHEET div.RELATED ol.WORKS_INDEX { clear:none; width:483px; margin:-1px 0px -1px 0px; } div.SHEET div.RELATED ol.WORKS_INDEX li { margin:0px 0px -1px 0px; } /* ----- CREATOR INDEX ----- */ ul.CREATOR_INDEX { clear:both; display:block; float:left; width:480px; height:auto; overflow:hidden; margin:0px 0px 0px 30px; } ul.CREATOR_INDEX li { clear:both; display:block; float:left; width:480px; height:auto; margin:-13px 0px 25px 0px; padding:12px 0px 0px 0px; border-top:1px dotted #ddd; } /* -- a.WORKS -- */ a.CREATOR { clear:both; display:block; float:left; width:auto; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 62px; text-align:left; font: normal normal normal 10px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.CREATOR:link { color:#000; text-decoration:none; } a.CREATOR:visited { color:#000; text-decoration:none; } a.CREATOR:hover { color:#000; text-decoration:none; } a.CREATOR:active { color:#000; text-decoration:none; } a.CREATOR img { display:inline; float:left; margin:0px 10px 0px -62px; border:none; border:1px solid #fafafa; } a.CREATOR:link img { border-color:#eee; } a.CREATOR:visited img { border-color:#eee; } a.CREATOR:hover img { border-color:#000; } a.CREATOR:active img { border-color:#000; } a.CREATOR strong { clear:none; display:inline; float:none; width:auto; height:auto; margin:0px 0px 0px 0px; padding:0px 15px 0px 0px; color:#000; font: normal normal bold 12px/20px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; } a.CREATOR strong small { clear:none; display:inline; float:none; width:auto; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; color:#000; font: normal normal normal 9px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.CREATOR:link strong { color:#000; text-decoration:none; } a.CREATOR:visited strong { color:#000; text-decoration:none; } a.CREATOR:hover strong { color:#000; text-decoration:underline; } a.CREATOR:active strong { color:#000; text-decoration:none; } a.CREATOR span { clear:none; display:inline; float:right; width:auto; height:auto; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; text-align:left; text-decoration:none; color:#777; font: normal normal normal 10px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } /* -- a.PRODUCT -- */ a.PRODUCT { position:relative; clear:both; display:inline; float:left; width:160px; height:240px; overflow:hidden; margin:20px 0px 0px -1px; padding:0px 0px 0px 0px; background:#fff; text-align:left; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.PRODUCT:link { color:#000; text-decoration:none; z-index:auto; } a.PRODUCT:visited { color:#000; text-decoration:none; z-index:auto; } a.PRODUCT:hover { color:#000; text-decoration:none; z-index:20; } a.PRODUCT:active { color:#000; text-decoration:none; z-index:20; } a.PRODUCT img { display:block; margin:5px 0px 0px 0px; border:none; border:1px solid #fafafa; } a.PRODUCT:link img { border-color:#fafafa; } a.PRODUCT:visited img { border-color:#fafafa; } a.PRODUCT:hover img { border-color:#d21; } a.PRODUCT strong { display:block; width:auto; height:auto; overflow:hidden; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; color:#000; font: normal normal bold 13px/15px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; } a.PRODUCT strong small { display:block; width:auto; height:auto; margin:0px 0px 0px 0px; padding:5px 3px 0px 0px; color:#000; font: normal normal normal 11px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.PRODUCT span { display:block; width:auto; height:auto; margin:0px 0px 0px 0px; padding:10px 5px 0px 0px; text-align:left; color:#d21; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.PRODUCT:link span { text-decoration:none; } a.PRODUCT:visited span { text-decoration:none; } a.PRODUCT:hover span { text-decoration:underline; } a.PRODUCT:active span { text-decoration:none; } /* -- LINK -- */ a.LINK { width:auto; margin:0px 0px 0px 10px; padding:0px 0px 0px 15px;background:transparent url(/com/img/link.png) 3px 1px no-repeat scroll; font:normal normal normal 10px/15px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } a.LINK:link { background-position:3px 1px; } a.LINK:visited { background-position:3px 1px; } a.LINK:hover { background-position:3px 1px; } a.LINK:active { background-position:4px 1px; } /* -- FEED -- */ a.FEED { clear:both; display:inline; float:left;width:auto; height:auto; margin:10px 0px 0px 0px; padding:0px 0px 0px 25px; background:transparent url(/com/img/feed.png) 0px 0px no-repeat scroll; font: normal normal normal 12px/17px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.FEED small { margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; font: normal normal normal 10px/17px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; } a.FEED:link { color:#444; } a.FEED:visited { color:#444; } a.FEED:hover { color:#000; } a.FEED:active { color:#d21; } /* -- WM Overwrite -- */ div#CAT a.WM { clear:both; display:inline; float:left; margin:0px 0px 1px 0px !important; } /* ------------------------------ IE 6.0 ------------------------------ */ * html div#BG { width:99%; } * html div#SIDE { position:absolute; } /* ------------------------------ @media print{ ------------------------------ */ @media print{ html { width:auto; height:auto; overflow:visible; background:transparent; text-align:left; } body { width:auto; height:auto; overflow:visible; background:transparent; text-align:left; min-width:100%; min-height:100%; } body * { min-width:0px; min-height:0px; border:none !important; color:#000 !important; background-color:transparent !important; visibility:visible !important; } body a.WM { display:none !important; } body div#SIDE { display:none !important; } body div#BG { position:static !important; height:360px; overflow:hidden !important; border-bottom:1px solid #ddd !important; margin-bottom:45px; } body div#BG img { display:inline !important; width:100%; height:auto; } body div#BG big { display:none !important; } body div#SIDE ol li { display:none !important; } body div#SIDE ol li.H { display:inline !important; } body div#PAGE { position:static !important; clear:both; display:inline !important; float:none !important; width:auto; height:auto; } body div#PAGE div#CAT { display:none !important; } body div#HEADER { display:none !important; } body div#FOOTER { position:static; clear:both; display:inline; float:right; width:100%; } body div#FOOTER a { display:none !important; } body a#NEXT { display:none !important; } body div#PAGE div#REFERENCE { display:none !important; } /* -- JSS -- */ body div#JSS { position:static !important; display:inline !important; float:none !important; width:auto; height:auto; } body div#JSS div.OBJ { position:static !important; clear:both; display:inline !important; float:none !important; width:auto; height:auto;} body div.JSS_BOX { display:none !important; } body div.JSS_BAR { display:none !important; } body a.JSS_UP { display:none !important; } body a.JSS_DN { display:none !important; } body div.JSS_PAGETOP { display:none !important; } body div.SHEET { clear:both; display:inline !important; float:none !important; width:auto; height:auto; } body div.SHEET h1 { clear:both; display:inline !important; float:none !important; width:auto; height:auto; margin:0px 0px 0px 0px; padding:0px; font:normal normal normal 14px/30px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } body div.SHEET h2 { float:right; width:510px; margin-top:0px; font:normal normal bold 12px/30px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","ＭＳ ゴシック",sans-serif; } body div.SHEET img { float:right; width:510px; height:auto;} body div.SHEET p { float:right; margin:0px; padding:0px; font: normal normal normal 14px/30px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; } body div.SHEET p.NOTE { float:right; width:500px; } body div.SHEET p.NOTE strong { float:right; width:500px; } body div.SHEET * img { float:left; width:auto; height:auto; } body div.SHEET div { float:right !important; margin:0px; padding:0px; } body div.SHEET dl { float:right !important; margin:0px; padding:0px; } body div.SHEET hr { clear:both; float:right; height:auto; width:510px; margin:30px 0px 30px 0px; border-top:1px dotted #aaa !important; } body span.PDF { display:none !important; } /* -- IMAGE (BUTTON) -- */ body div.SHEET div.THUMBNAILS { display:none !important; } } ::-moz-selection { background: #eedece; } ::selection { background: #eedece; }