* { margin: 0; padding: 0; list-style: none; } body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; line-height: 1.6em; /*\*/ letter-spacing: 0.05em; font-size: 90%; color: #595757; width: 100%; background-color:#C9CACA; } img { border: none; vertical-align: top; } hr{ display:none; } table { empty-cells: show; } p{ padding:0; } strong { font-weight: bold; } .cl{ clear:both;} /* :::::レイアウト::::: */ #wrapper { width: 960px; margin: auto; background:#fff; padding-bottom:5px; } div#cont_nav { width: auto; background-color: #EFEFEF; } /* ========================================================= nav ========================================================= */ div#nav { width:960px; margin:0 auto; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; font-weight: bold; height: 42px; background: rgba(165,114,80,1); background: -moz-linear-gradient(top, rgba(165,114,80,1) 0%, rgba(165,114,80,1) 16%, rgba(138,97,66,1) 53%, rgba(130,92,62,1) 72%, rgba(118,84,55,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(165,114,80,1)), color-stop(16%, rgba(165,114,80,1)), color-stop(53%, rgba(138,97,66,1)), color-stop(72%, rgba(130,92,62,1)), color-stop(100%, rgba(118,84,55,1))); background: -webkit-linear-gradient(top, rgba(165,114,80,1) 0%, rgba(165,114,80,1) 16%, rgba(138,97,66,1) 53%, rgba(130,92,62,1) 72%, rgba(118,84,55,1) 100%); background: -o-linear-gradient(top, rgba(165,114,80,1) 0%, rgba(165,114,80,1) 16%, rgba(138,97,66,1) 53%, rgba(130,92,62,1) 72%, rgba(118,84,55,1) 100%); background: -ms-linear-gradient(top, rgba(165,114,80,1) 0%, rgba(165,114,80,1) 16%, rgba(138,97,66,1) 53%, rgba(130,92,62,1) 72%, rgba(118,84,55,1) 100%); background: linear-gradient(to bottom, rgba(165,114,80,1) 0%, rgba(165,114,80,1) 16%, rgba(138,97,66,1) 53%, rgba(130,92,62,1) 72%, rgba(118,84,55,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a57250', endColorstr='#765437', GradientType=0 ); -webkit-box-shadow: 0px 1px 5px 0px rgba(143,143,143,1); -moz-box-shadow: 0px 1px 5px 0px rgba(143,143,143,1); box-shadow: 0px 1px 5px 0px rgba(143,143,143,1);} div#nav ul { margin:0; } div#nav ul li { float:left; text-align: center; text-indent: 0; list-style-type: none; width:239px; height:41.8px; border-right:1px solid #000; font-size:18px; } div#nav ul li:last-child { border-right:none; } div#nav ul li a { display:block; color:#fff; text-align:center; text-decoration:none; text-indent: 0; font-weight: normal; padding-top: 10px; padding-bottom: 10px; } div#nav ul li.active a{ color: #fff; } div#nav ul li a:hover { color:#fff; } /* ========================================================= nav ========================================================= */ #contents { width: 900px; margin:0 auto; margin-top:25px; margin-bottom:20px; } #rtext h2{ color:#7B4D22 !important; font-size:22px; text-align:left; line-height:1.4em; font-weight:100; padding-top:20px; padding-left:20px; float:left; } #contents #topics { width: 460px; height: auto; float: right; border: 1px solid #9FA0A0; padding-bottom: 5px; } #contents #topics ul { height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9FA0A0; } #greenbg{ background:#8FC31F; } #contents #topics ul li.left { float: left; list-style-type: none; font-size: 90%; margin-top: 5px; margin-right: 5px; line-height: 20px; color: #6FBA2C; font-weight: bold; margin-left:15px; } #contents #topics ul li.right { background-repeat: no-repeat; float: right; list-style-type: none; font-size: 80%; margin-top: 5px; margin-right: 5px; line-height: 20px; color:#727171; } #contents #topics ul li.right a:hover{ color:#727171; } #contents #topics ul li.right a{ color:#727171; text-decoration:none; } /* Yuugakai Top Style */ #topimage { background-image:url(images/top-image.png); background-repeat: no-repeat; background-position: center bottom; width: 960px; margin-right: auto; margin-left: auto; height: 500px; } #h1-txt{ font-size:10px; padding-right:10px; float:right; font-weight:100; } #h1-txt2{ font-size:10px !important; float:left; font-weight:100; width:800px !important; text-indent:0 !important; color: #000 !important; font-weight: normal; margin-right: auto; margin-left: auto; height:10px !important; padding-left:2px !important; margin-top:0!important; margin-bottom:15px; } .topindex { width: 900px; margin:0 auto; margin-top:20px; min-height:290px; } .imgtx a { font-size:15px; text-decoration:none; color:#888 !important; } .imgtx a:hover { font-size:15px; text-decoration:none; color:#888 !important; } .imgnav{ width:268px; float:left; text-align:center; margin:16px; color:#888; } #head { width: 960px; height: 75px; border-right-width: 1px; border-left-width: 1px; border-right-color: #CCC; border-left-color: #CCC; padding-left:20px; padding-top:10px; margin-bottom: 20px; margin-top: 20px; } #head .logo { float: left; } .header-bg{ margin: auto; background-image:url(images/page-header.png); width:960px; height:99px; } #head_bg { height: 57px; background-image:url(images/head-bg2.png); background-repeat: no-repeat; background-position: center top; padding-top: 9px; } #head_bg h1{ border: 1 px solid #E01619; text-indent: 65px; color: #FFF; font-size: 140%; font-weight: normal; margin-right: auto; margin-left: auto; height: 37px; } .app-box{ border:5px solid #BCB8B8; margin:0 auto; width:650px; height:250px; } .app-box h3{ font-size:21px; color:#000000; text-align:center; margin-top:75px; font-weight:bold; } .app-box p{ font-size:16px; color:#595757; text-align:center; } #footerpage { background-color: #5CB531; font-size:10px; color: #FFFFFF; font-weight: normal; text-align: center; font-size: 11px; padding: 10px; width: auto; } .nav-top p { text-align:right; font-size:14px; background-color:#00ACA8; width:126px; padding:7px; padding-top:3px; padding-bottom:3px; color:#fff; margin-top:10px; margin-left:-25px; margin-bottom:15px; } .nav-top a , .nav-top a:hover { font-size:13px; text-decoration:none; color:#000; } /* End Yuugakai Top Style */