@charset "UTF-8"; *{ margin:0; padding:0; } html{ height:100%; overflow-y:scroll; } body { font-family:'メイリオ',Meiryo,'MS Pゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif; width:100%; position: relative; height: auto !important; height: 100%; min-height: 100%; margin: 0px auto; padding: 0px; background: url(./img/back.jpg) repeat-y center; background-color: #d8d8d8; } img { border: 0; vertical-align: top; } sup { font-size: x-small; vertical-align: super; } sub { font-size: x-small; vertical-align: sub; } div#outer{ width: 100%; position: relative; height: auto !important; /* IE6対策 */ height: 100%; min-height: 100%; } div#back{ width: 1020px; background: url(./img/back_contents.jpg) repeat-y scroll right top; margin-left:auto; margin-right:auto; text-align: left; position: relative; height: auto !important; /* IE6対策 */ height: 100%; min-height: 100%; } div#header { width: 960px; height: 120px; margin-left:60px; margin-right:auto; text-align: left; border-bottom: 1px solid #cc6366; } div#main { clear:both; width: 960px; margin-left:59px; margin-right:auto; padding-bottom:100px; text-align: left; border-top: 1px solid #cc6366; border-bottom: 1px solid #cc6366; position: relative; height: auto !important; /* IE6対策 */ height: 100%; min-height: 100%; } div#footer { width: 944px; margin-left:58px; margin-right:0px; padding: 20px 20px 20px 0px; font-weight: bold; font-size: 14px; text-align: right; background-color: #ff7c80; border-top: 1px solid #ff9699; position: relative; bottom: 0; } div#title { height:120px; width:500px; float:left; padding-left: 20px; color: #484848; } div#title h1 { margin: 15px 0px 0px 0px; line-height: 34px; -webkit-margin-before: 15px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } span.min { font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','MS P明朝','MS PMincho',serif; } span.title { font-size: 14px; letter-spacing: -1px; margin: 0px 0px 0px 5px; color: #484848; } a.t{ color: #484848; font-size: 36px; text-shadow: 0 1px 1px #fff, 0 -1px 1px #9d9d9d; margin: 0px 0px 0px 0px; } a.t:hover { color: #72D80D; text-decoration: none; text-shadow: 0 -1px 1px #fff, 0 1px 1px #9d9d9d; margin: 0px 0px 0px 0px; } div#place { height:120px; width:962px; float:left; margin-left:58px; color: #383838; text-shadow: 0 1px 1px #fff, 0 -1px 1px #9d9d9d; background: url(./img/place.jpg) no-repeat scroll top right; background-color: #ff7c80; } span.place { display:block; float:right; height: 40px; margin-top: 40px; margin-right: 200px; font-weight: bold; line-height: 24px; font-size: 20px; text-align: right } a.p{ color: #383838; text-shadow: 0 1px 1px #fff, 0 -1px 1px #9d9d9d; } a.p:hover { color: #72D80D; text-decoration: none; text-shadow: 0 -1px 1px #fff, 0 1px 1px #9d9d9d; } /* Content */ a { text-decoration: none; color: #4f9909; font-weight: bold; text-shadow: 0px 0px 5px #fff, 0px 0px 10px #fff; } a:hover { text-decoration: none; color: #a869be; font-weight: bold; text-shadow: 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff; } a#ilcaj { display: block; float:right; position:relative; height: 50px; width: 90px; margin-top: 50px; margin-left:auto; margin-right: 40px; } /* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */ td#left { width: 240px; height: auto; vertical-align: top; } ul#menu { display:block; width: 240px; list-style-type: none; margin: 0px 0px; padding: 5px 0px; /* border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.5); background: #fdf9d9; */ } ul#menu li { display: block; } ul#menu li a { display: block; height: 36px; background-clip: padding-box; border: 1px solid; border-color: #b2bcc8 #acb6c0 #97abba; border-radius: 0px 8px 0px 0px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; background-color: #d8d8d8; -webkit-box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.06); box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.06); text-decoration: none; color: #5d5e5e; font-weight: bold; font-size: 18px; text-align: left; text-shadow: 0 1px 1px #fff, 0 -1px 1px #9d9d9d; line-height: 40px; margin: 10px 10px 10px 0px; padding-left: 20px; } ul#menu li a:hover { border-color: #718190; background-color: #f8f8f8; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(255, 255, 255, 0.3); color: #a7b2d4; } ul#menu li a.now { border-color: #708191 #6d8295 #7b8c9e; background-color: #e8e8e8; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); text-decoration: none; color: #5d5e5e; font-weight: bold; font-size: 20px; text-align: left; text-shadow: 0 -1px 1px #fff, 0 1px 1px #9d9d9d; } /* =-=-=-=-=-=-=-[Contents]-=-=-=-=-=-=-=- */ td#right { width: 720px; height: auto; padding-top: 14px; vertical-align: top; background: url(./img/LCA_logo.png) no-repeat bottom left; font-size: 16px; } OL LI { list-style-type: decimal; font-weight: bold; } li { padding:0px; margin:0px; list-style: inherit; } td#right ul,td#right ul li { list-style: disc none outside; font-weight: bold; margin: 3px 5px 3px 13px;} td#right ol,td#right ol li { list-style: decimal none outside; font-weight: bold; margin: 3px 5px 3px 13px;} td#right ol ul,td#right ol ul li { list-style: disc none outside; font-weight: normal; margin: 3px 5px 3px 13px;} .blockTitle { display: block; position: relative; height: 30px; margin: 10px 10px 5px 10px; padding-left: 20px; text-decoration: none; color: #5d5e5e; font-weight: bold; font-size: 18px; text-align: left; line-height: 36px; text-shadow: 0 1px 1px #fff, 0 -1px 1px #9d9d9d; /* background: transparent url(./img/subhead.png) no-repeat scroll 0%; */ background-color: rgba(251, 206, 207, 0.6); border-width:0 0 2px 8px; border-style:solid; border-color:#ff8083; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); } .blockTitle h2{ font-size: 18px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; border-spacing: 0px; } .blockTitle2 { display: block; position: relative; height: 52px; margin-left: 24px; padding-left: 32px; padding-top: 18px; text-decoration: none; color: #fdfdfd; font-weight: bold; font-size: 16px; text-align: left; text-shadow: 0 1px 1px #ffe5e5, 0 -1px 1px #ac5a6f; background: transparent url(./img/subhead2.png) no-repeat scroll 0%; } .blockContent { margin: 0px 20px 12px 20px; padding: 16px 12px 24px 12px; text-align: left; line-height: 150%; } .blockFooter { } /* =-=-=-=-=-=-=-[Table]-=-=-=-=-=-=-=- */ th.t1 { padding: 5px 0px 5px 20px; text-decoration: none; font-size: 16px; line-height: 150%; color: #3d3d3d; font-weight: bold; text-align: left; vertical-align: middle; background: #d8d8d8; border-width: 0 1px 1px 7px; border-style:solid; border-color:#F2E7E6; } th.t2 { padding: 5px 0px 5px 0px; text-decoration: none; font-size: 16px; line-height: 150%; color: #3d3d3d; font-weight: bold; text-align: center; vertical-align: middle; background: #d8d8d8; border-width: 0 1px 1px 7px; border-style:solid; border-color:#F2E7E6; } td.c1 { padding: 5px 0px 5px 20px; text-decoration: none; font-size: 16px; color: #5d5e5e; font-weight: bold; text-align: left; vertical-align: middle; background: #e8e8e8; border-width: 0 1px 1px 7px; border-style:solid; border-color:#D3B9B8; } td.c2 { padding: 2px 6px; text-decoration: none; font-size: 16px; font-weight: normal; text-align: center; vertical-align: middle; background: #f8f8f8; border-width: 0 1px 1px 7px; border-style:solid; border-color:#D3B9B8; } table#ken_prize th.t2 { padding: 6px 1px 4px 1px; text-decoration: none; font-size: 15px; line-height: 150%; color: #3d3d3d; font-weight: bold; text-align: center; vertical-align: middle; background: #d8d8d8; border-width: 0 1px 1px 5px; border-style:solid; border-color:#F2E7E6; } table#ken_prize td.c1 { padding: 2px 0px 2px 2px; text-decoration: none; font-size: 14px; color: #5d5e5e; font-weight: bold; text-align: left; vertical-align: middle; background: #e8e8e8; border-width: 0 1px 1px 5px; border-style:solid; border-color:#D3B9B8; } table#ken_prize td { padding: 8px 2px; text-decoration: none; font-size: 14px; font-weight: normal; text-align: left; vertical-align: middle; background: #f8f8f8; border-width: 0 1px 1px 5px; border-style:solid; border-color:#D3B9B8; } /* =-=-=-=-=-=-=-[to top]-=-=-=-=-=-=-=- */ #ttop { display:block; position:fixed; bottom:5%; right:0%; margin:0 0 0 0; /* マージン:上 右 下 左 */ padding: 5px 0px 5px 5px; width:60px; height:auto; } /* IE6以下用 */ * html #ttop { margin:0 0 -390px 0; position:relative; bottom:490px; /* 上で設定した ttopの高さ390px+下100px */ left:904px; } a.page_top { display:block; position:relative; right:-38px; width:50px; height: auto; padding: 5px 5px; border-color: #b2bcc8 #acb6c0 #97abba; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; background-color: #92ccd7; -webkit-box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.06); box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.06); text-decoration: none; color: #5d5e5e; font-weight: bold; font-size: 14px; text-align: right; text-shadow: 0 1px 1px #fff, 0 -1px 1px #9d9d9d; } a.page_top:before{ content: ""; position: relative; bottom: 10px; left: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 13px solid #5d5e5e; } a.page_top:hover { position:relative; right:0px; border-color: #708191 #6d8295 #7b8c9e; background-color: #66b2bf; -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); color: #fff006; } a.page_top:hover:before{ border-bottom-color: #fabf14; }