body { margin: 0; padding: 0; } /* --------------- base --------------- */ /* ===== design ===== */ .PLbase { color: #000000; font-size: 90%; *font-size: 85%; font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif; } .PLbase h1 { font-size: 130%; } .PLbase h2 { font-size: 110%; border-left: 8px solid #CCC; border-bottom: 1px solid #CCC; padding: 5px; padding-left: 7px; color: #000; margin: 0px 0 10px 0px; } .PLbase h3 { font-size: 110%; border-left: 8px solid #FC0; border-bottom: 1px solid #FC0; padding: 5px; padding-left: 7px; color: #000; margin: 0px 0 10px 0px; } .PLbase h4 { font-size: 110%; border-left: 8px solid #0CF; border-bottom: 1px solid #0CF; padding: 5px; padding-left: 7px; color: #000; margin: 0px 0 10px 0px; } .PLbase h5 { font-size: 110%; border-left: 8px solid #F0C; border-bottom: 1px solid #F0C; padding: 5px; padding-left: 7px; color: #000; margin: 0px 0 10px 0px; } .PLbase h6 { font-size: 110%; border-left: 8px solid #CF0; border-bottom: 1px solid #CF0; padding: 5px; padding-left: 7px; color: #000; margin: 0px 0 10px 0px; } .PLbase td, .PLbase th { font-size: 95%; _font-size: 80%; font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif; background-image: none; } .PLbase a img { border: none; } .PLbase a { text-decoration: none; color: #009900; /* [dark] */ } .PLbase a:link { text-decoration: none; } .PLbase a:visit { text-decoration: none; } .PLbase a:hover { text-decoration: underline; } .PLbase a:active { text-decoration: none; } /* --------------- wrapper --------------- */ /* ===== layout ===== */ #PLwrapper { _text-align: center; /* for winIE */ width: 100%; _height: 100%; margin: 0; padding: 0; } /* ===== design ===== */ #PLwrapper { background-color: #ffffff; background-image: url(./images/bg_wrap.jpg); background-position: left bottom; background-repeat: repeat-x; } /* --------------- content --------------- */ /* ===== layout ===== */ #PLcontent { clear: both; width: 800px; margin: 0 auto; text-align: left; } #PLcontent:after { /* escape overlapping */ content: ""; display: block; height: 0; clear: both; } /* ===== design ===== */ #PLcontent { border: 1px solid #999999; border-bottom: 2px solid #999999; border-top: 10px solid #009900; /* [dark] */ background-color: #ffffff; background-image: url(./images/bg_content.jpg); background-position: right top; background-repeat: repeat-y; } /* --------------- header --------------- */ /* ===== layout ===== */ #PLheaderarea { width: 596px; float: left; } #PLheaderinner { *height: 100%; /* escape overlapping */ min-height:1em; } #PLheaderinner:after { /* escape overlapping */ content: ""; display: block; height: 0; clear: both; } #PLheaderarea .logo { float: left; } #PLheaderarea .rss { float: right; } #PLheaderarea .search { float: right; } #PLheaderarea form { margin: 0; } /* ===== design ===== */ #PLheaderarea { background-color: #ffffff; background-image: url(./images/img_hd.jpg); background-position: left bottom; background-repeat: no-repeat; padding-bottom: 60px; border-bottom: 10px solid #ffffff; } * html #PLheaderarea { /* ★for IE */ padding: 10px; padding-bottom: 60px; _padding: 0; _padding-bottom: 60px; } #PLheaderarea ul, #PLheaderarea li { margin: 0; padding: 0; list-style: none; } #PLheaderinner { background-image: url(./images/bg_hd.gif); background-repeat: repeat-x; bacckground-color: #ffffff; padding: 10px; } * html #PLheaderinner { /* ★for IE */ padding: 0; background-image: none; _padding: 10px; _background-image: url(./images/bg_hd.gif); } #PLheaderarea .logo { margin: 5px; } #PLheaderarea .subtitle { padding: 5px 3px; color: #666666; } #PLheaderarea .sitename { font-size: 200%; font-weight: bold; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", MS Gothic, sans-serif; color: #000000; /* [title] */ } #PLheaderarea .sitename a { color: #000000; /* [title] */ } #PLheaderarea .sitename a:hover { text-decoration: none; } #PLheaderarea .search { color: #666666; margin-left: 5px; _font-size: 80%; } #PLheaderarea .search input { font-size: 95%; padding: 0 2px; } #PLheaderarea .search input.text { width: 120px; margin: 0 2px; } #PLheaderarea form { display: inline; } /* --------------- menu --------------- */ /* ===== layout ===== */ #PLmenuarea { _height: 100%; /* escape overlapping */ width: 200px; float: right; } #PLmenuarea:after { /* escape overlapping */ content: ""; display: block; height: 0; clear: both; } #PLmenuinner { _height: 100%; /* escape overlapping */ } #PLmenuinner:after { /* escape overlapping */ content: ""; display: block; height: 0; clear: both; } #PLmenuarea li { /* escape overlapping */ _height: 100%; } #PLmenuarea li:after { /* escape overlapping */ content: ""; display: block; height: 0; clear: both; } /* ===== design ===== */ #PLmenuarea { background-image: url(./images/img_menu.gif); background-repeat: no-repeat; } #PLmenuinner { padding-top: 24px; } #PLmenuarea ul, #PLmenuarea li { margin: 0; padding: 0; list-style: none; } #PLmenuarea li { text-align: left; padding: 8px; padding-left: 22px; background-image: url(./images/bg_menu.gif); background-position: left center; background-repeat: no-repeat; } #PLmenuarea li a { color: #000000; font-weight: bold; } /* +++ verUp001 menu +++ */ #PLmenuarea li.PLmenuSpace { display: none; } #PLmenuarea li.PLmenu002, #PLmenuarea li.PLmenu003, #PLmenuarea li.PLmenu004 { background-image: none; background-color: transparent; border: none; padding: 0; margin: 0; text-align: left; } #PLmenuarea li.PLmenu002 { margin: 5px; margin-top: 5px; margin-left: 5px; background-image: url(./images/li_menu02.gif); background-position: center left; background-repeat: no-repeat; padding-left: 12px; } #PLmenuarea li.PLmenu003 { margin: 3px; margin-top: 3px; margin-left: 15px; background-image: url(./images/li_menu03.gif); background-position: center left; background-repeat: no-repeat; padding-left: 10px; } #PLmenuarea li.PLmenu004 { margin: 3px; margin-top: 3px; margin-left: 15px; background-image: url(./images/li_menu04.gif); background-position: center left; background-repeat: no-repeat; padding-left: 12px; } #PLmenuarea li.PLmenu004 a { font-weight: normal; } /* --------------- main --------------- */ /* ===== layout ===== */ #PLmainarea { clear: left; width: 596px; float: left; } #PLnavi { _height: 1.0em; min-height: 1.0em; *height: 100%; } #PLnavi:after { /* escape overlapping */ content: ""; display: block; height: 0; clear: both; } #PLnavi li { float: left; *white-space: nowrap; } #PLmaininner { _height: 100%; /* escape overlapping */ } #PLmaininner:after { /* escape overlapping */ content: ""; display: block; height: 0; clear: both; } #PLmainarea .PLeditarea { clear: both; } /* ===== design ===== */ #PLmainarea { } #PLnavi { min-height: 1.3em; padding: 5px 15px; } * html #PLnavi { /* ★for IE */ padding-bottom: 1.2em; height: 1.2em; _height: 1.3em; _padding-bottom: 5px; } #PLnavi ul, #PLnavi li { margin: 0; padding: 0; list-style: none; } #PLnavi li { margin-right: 5px; background-image: url(./images/li_naviG.gif); background-position: left center; background-repeat: no-repeat; padding-left: 12px; } #PLnavi li a { color: #333333; } #PLmaininner { margin: 0 5px 10px 5px; padding: 10px; } #PLmaininner.PLeditarea { margin: 0; padding: 0; border: none; background-color: transparent; background-image: none; } /* --------------- side --------------- */ /* ===== layout ===== */ #PLsidearea { display: none; } /* ===== design ===== */ /* --------------- footer --------------- */ /* ===== layout ===== */ #PLfooterarea { float: left; width: 594px; } #PLfooterinner { _height: 100%; /* escape overlapping */ } #PLfooterinner:after { /* escape overlapping */ content: ""; display: block; height: 0; clear: both; } #PLfooterarea li{ list-style-type:none; } #PLfooterarea ul{ margin: 0 0 0 1em; padding: 0; clear: both; } /* ===== design ===== */ #PLfooterarea { background-image: url(./images/bg_ft.gif); background-repeat: repeat-x; background-color: #ffffff; color: #666666; } #PLfooterinner { background-image: url(./images/bg_ftR.gif); background-position: right top; background-repeat: no-repeat; padding: 10px; } *:first-child+html #PLfooterinner { margin-bottom:10px; } #PLfooterarea a { color: #000000; } #PLfooterinner.PLeditarea { margin: 0; padding: 0; border: none; background-color: transparent; background-image: none; } /* --------------- for IE escape overlapping --------------- */ * html .PLareaend { clear: both; height: 0; font-size: 1px; line-height: 0; } * html #PLmenuarea .PLareaend { margin-top: -2px; _display: none; } #PLheadersubarea { margin: 0px; padding: 0px; }#PLheadersubinner { margin: 0px; padding: 0px 15px 0px 15px; }.PLstyle_001 { padding: 5px; background-color: #EEF; } .PLstyle_002 { padding: 5px; background-color: #DDD; } .PLstyle_003 { padding: 5px; background-color: #FDD; } .PLstyle_004 { padding: 5px; padding-left: 20px; } .PLstyle_005 { border: 1px solid #999; padding: 5px; background-color: #FDD; } .PLstyle_006 { border: 1px dashed #333; padding: 5px; background-color: #FDD; } .PLstyle_007 { border: 1px dashed #FC0; padding: 5px; } .PLstyle_008 { border: 1px dashed #99F; padding: 5px; } .PLstyle_009 { border: 1px dashed #9F9; padding: 5px; } .PLstyle_010 { border: 1px dashed #F99; padding: 5px; }body{margin:0;padding:0;} .PLbase{color:#000;font-size:95%;*font-size:80%;font-family:"ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;} .PLbase h1{font-size:130%;} .PLbase h2{font-size:110%;border-left:8px solid #CCC;border-bottom:1px solid #CCC;padding:5px;padding-left:7px;color:#000;margin:0 0 10px;} .PLbase h3{font-size:110%;border-left:8px solid #FC0;border-bottom:1px solid #FC0;padding:5px;padding-left:7px;color:#000;margin:0 0 10px;} .PLbase h4{font-size:110%;border-left:8px solid #0CF;border-bottom:1px solid #0CF;padding:5px;padding-left:7px;color:#000;margin:0 0 10px;} .PLbase h5{font-size:110%;border-left:8px solid #F0C;border-bottom:1px solid #F0C;padding:5px;padding-left:7px;color:#000;margin:0 0 10px;} .PLbase h6{font-size:110%;border-left:8px solid #CF0;border-bottom:1px solid #CF0;padding:5px;padding-left:7px;color:#000;margin:0 0 10px;} .PLbase td{font-size:95%;*font-size:80%;font-family:"ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;background-image:none;} .PLbase th{font-size:95%;*font-size:80%;font-family:"ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;background-image:none;} .PLbase a img{border:none;} .PLbase a{text-decoration:none;color:#090;} .PLbase a:link{text-decoration:none;} .PLbase a:visited{text-decoration:none;} .PLbase a:hover{text-decoration:underline;} .PLbase a:active{text-decoration:none;} #PLwrapper{*text-align:center;width:100%;*height:100%;margin:0;padding:0;background-color:#FFF;background-image:url(./images/bg_wrap.jpg);background-position:left bottom;background-repeat:repeat-x;} #PLcontent{clear:both;width:800px;margin:0 auto;text-align:left;border:1px solid #999;border-bottom:2px solid #999;border-top:10px solid #090;background-color:#FFF;background-image:url(./images/bg_content.jpg);background-position:right top;background-repeat:repeat-y;} #PLcontent:after{content:"";display:block;height:0;clear:both;} #PLheaderarea{width:596px;float:left;background-color:#FFF;background-image:url(./images/img_hd.jpg);background-position:left bottom;background-repeat:no-repeat;padding-bottom:60px;border-bottom:10px solid #FFF;} #PLheaderinner{*height:100%;background-image:url(./images/bg_hd.gif);background-repeat:repeat-x;bacckground-color:#FFF;padding:10px;} #PLheaderinner:after{content:"";display:block;height:0;clear:both;} #PLheaderarea .logo{float:left;margin:5px;} #PLheaderarea .search{float:right;color:#666;margin-left:5px;*font-size:80%;} #PLheaderarea form{margin:0;display:inline;} #PLheaderarea ul{margin:0;padding:0;list-style:none;} #PLheaderarea li{margin:0;padding:0;list-style:none;} #PLheaderarea .subtitle{padding:5px 3px;color:#666;} #PLheaderarea .sitename{font-size:200%;font-weight:700;font-family:"MS UI Gothic", "ＭＳ Ｐゴシック", MS Gothic, sans-serif;color:#000;} #PLheaderarea .sitename a{color:#000;} #PLheaderarea .sitename a:hover{text-decoration:none;} #PLheaderarea .search input{font-size:95%;padding:0 2px;} #PLheaderarea .search input.text{width:120px;margin:0 2px;} #PLmenuarea{*height:100%;width:200px;float:right;background-image:url(./images/img_menu.gif);background-repeat:no-repeat;} #PLmenuarea:after{content:"";display:block;height:0;clear:both;} #PLmenuinner{*height:100%;padding-top:24px;} #PLmenuinner:after{content:"";display:block;height:0;clear:both;} #PLmenuarea li{*height:100%;margin:0;list-style:none;text-align:left;padding:8px;padding-left:22px;background-image:url(./images/bg_menu.gif);background-position:left center;background-repeat:no-repeat;} #PLmenuarea li:after{content:"";display:block;height:0;clear:both;} #PLmenuarea ul{margin:0;padding:0;list-style:none;} #PLmenuarea li a{color:#000;font-weight:700;} #PLmenuarea li.PLmenuSpace{display:none;} #PLmenuarea li.PLmenu002{background-color:transparent;border:none;padding:0;text-align:left;margin:5px;margin-top:5px;margin-left:5px;background-image:url(./images/li_menu02.gif);background-position:center left;background-repeat:no-repeat;padding-left:12px;} #PLmenuarea li.PLmenu003{background-color:transparent;border:none;padding:0;text-align:left;margin:3px;margin-top:3px;margin-left:15px;background-image:url(./images/li_menu03.gif);background-position:center left;background-repeat:no-repeat;padding-left:10px;} #PLmenuarea li.PLmenu004{background-color:transparent;border:none;padding:0;text-align:left;margin:3px;margin-top:3px;margin-left:15px;background-image:url(./images/li_menu04.gif);background-position:center left;background-repeat:no-repeat;padding-left:12px;} #PLmenuarea li.PLmenu004 a{font-weight:400;} #PLmainarea{clear:left;width:596px;float:left;} #PLnavi{*height:1em;min-height:1.3em;padding:5px 15px;} #PLnavi:after{content:"";display:block;height:0;clear:both;} #PLnavi li{float:left;margin:0;padding:0;list-style:none;margin-right:5px;background-image:url(./images/li_naviG.gif);background-position:left center;background-repeat:no-repeat;padding-left:12px;} #PLmaininner{*height:100%;margin:0 5px 10px;padding:10px;} #PLmaininner:after{content:"";display:block;height:0;clear:both;} #PLmainarea .PLeditarea{clear:both;} #PLnavi ul{margin:0;padding:0;list-style:none;} #PLnavi li a{color:#333;} #PLmaininner.PLeditarea{margin:0;padding:0;border:none;background-color:transparent;background-image:none;} #PLsidearea{display:none;} #PLfooterarea{float:left;width:594px;background-image:url(./images/bg_ft.gif);background-repeat:repeat-x;background-color:#FFF;font-size:90%;color:#666;} #PLfooterinner{*height:100%;background-image:url(./images/bg_ftR.gif);background-position:right top;background-repeat:no-repeat;padding:10px;} #PLfooterinner:after{content:"";display:block;height:0;clear:both;} #PLfooterarea a{color:#000;} #PLfooterinner.PLeditarea{margin:0;padding:0;border:none;background-color:transparent;background-image:none;} .PLareaend{*clear:both;*height:0;*font-size:1px;*line-height:0;}