* { 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:#C9CACA; } img { border: none; vertical-align: top; } hr{ display:none; } table { empty-cells: show; } li { list-style-type: disc; list-style-position: outside; text-indent: 20px; }/* link do not want a dot */ p{ padding:0; } strong { font-weight: bold; } .box { border: 1px solid #9FA0A0; overflow: hidden; padding-top: 20px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; } .cl{ clear:both;} .center { text-align: center; } .font90 { font-size: 90%; } .font120 { font-size: 120%; } .font140 { font-size: 140%; } .font_col1 { color: #231815; } .font_col2 { color: #EF8200; } .font_col3 { color: #D61518; } .margin_top40 { margin-top: 40px; } .margin_left40 { margin-left: 40px; } .line35 { line-height: 37px; padding-top: 10px; } .left640 { float: left; width: 640px; } .top { float: right; height: 28px; width: 20px; margin: 10px; } .right { float: right; } .right250 { float: right; width: 250px; } #h1-txt{ 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; } h1 { width: 960px; text-indent: 10px; color: #FFF; font-size: 22px; font-weight: normal; margin-right: auto; margin-left: auto; height: 157px; padding-left:2px; margin-top:-8px; } h2 { color: #231815; margin-top: 20px; margin-bottom: 20px; font-weight: normal; } h3 { color: #EF8200; margin-bottom: 20px; } /* :::::レイアウト::::: */ #wrapper { width: 960px; } #header { height: 463px; background-image: url(images/header_bnr.jpg); background-repeat: no-repeat; background-position: center top; } #header02 { background-image: url(images/header_bnr.jpg); background-repeat: no-repeat; background-position: center top; width: 960px; margin-right: auto; margin-left: auto; height: 314px; } #h1_bg { height: 57px; background-image:url(images/page3/head-bg.png); background-repeat: no-repeat; background-position: center top; padding-top: 20px; margin-top:20px; } #head { width: 960px; height: 75px; border-right-width: 1px; border-left-width: 1px; border-right-color: #CCC; border-left-color: #CCC; margin-right: auto; margin-left: auto; margin-bottom: 20px; margin-top: 20px; padding-top:10px; padding-left:20px; } #head .logo { float: left; } #head #helpNav { float: right; display: block; margin-top: 15px; } #head #helpNav li { margin-left: 1px; list-style-type: none; } div#cont_nav { width: auto; background-color: #EFEFEF; } /* ========================================================= nav ========================================================= */ div#nav { width:960px; margin-right: auto; margin-left: 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; border-right:1px solid #000; height:41.7px; } 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; font-size:18px; } div#nav ul li.active a{ color: #fff; } div#nav ul li a:hover { color:#fff; } /* ========================================================= nav ========================================================= */ div#nav_top { border-top::solid 1px #aaaaaa; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; font-weight: bold; float: right; } div#nav_top ul { margin: 0; } div#nav_top ul li { float:left; list-style-type: none; } div#nav_top ul li a { display:block; text-decoration:none; text-indent: 0; height: 172px; width: 150px; } div#nav_top ul li.nav01 a { background-image: url(images/clinic.jpg); background-repeat: no-repeat; margin-right: 10px; } div#nav_top ul li.nav01 a:hover { background-position: 0px -172px; } div#nav_top ul li.nav02 a { background-image: url(images/access.jpg); background-repeat: no-repeat; } div#nav_top ul li.nav02 a:hover { background-position: 0px 0px; background-position: 0px -172px; } #contents { text-align: left; width: 960px; margin-right: auto; margin-left: auto; overflow: hidden; } #contents #topics { width: 610px; margin-bottom: 30px; height: auto; float: left; border: 1px solid #9FA0A0; padding-bottom: 5px; } #contents #topics ul { margin-top: 5px; height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9FA0A0; } #contents #topics ul li.left { background-repeat: no-repeat; float: left; list-style-type: none; font-size: 90%; margin-top: 5px; margin-right: 5px; line-height: 20px; color: #6FBA2C; font-weight: bold; } #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; } #contents #news { width: 800px; margin-bottom: 30px; height: auto; border: 1px solid #9FA0A0; padding-bottom: 5px; margin-top: 20px; margin-right: auto; margin-left: auto; } #contents #news ul { margin-top: 5px; height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9FA0A0; } #contents #news ul li.left { background-repeat: no-repeat; float: left; list-style-type: none; font-size: 90%; margin-top: 5px; margin-right: 5px; line-height: 20px; color: #6FBA2C; font-weight: bold; } #contents #topics dl { font-size: 90%; margin-top: 10px; margin-left: 10px; } #contents #topics dl dt { margin-left: 10px; font-weight: bold; font-size: 90%; float: left; width: 20%; color: #F08300; clear: left; padding-top: 2px; padding-bottom: 2px; } #contents #topics dl dd { width: 75%; font-size: 90%; float: right; color: #000; border-left-width: 1px; border-left-style: dotted; border-left-color: #9FA0A0; clear: right; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; } #contents #news dl { font-size: 90%; margin-top: 10px; margin-left: 10px; overflow: hidden; } #contents #news dl dt { margin-left: 10px; font-weight: bold; font-size: 90%; color: #F08300; padding-top: 2px; padding-bottom: 2px; float: left; margin-right: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; clear: left; width: 100px; } #contents #news dl dd { font-size: 90%; color: #000; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; float: right; text-align: left; width: 640px; clear: right; padding-right: 10px; } #contents #news a { color: #999; text-decoration: none; } #contents #news a:hover { text-decoration: underline; color: #ED6C00; } #contents #topics a { color: #999; text-decoration: none; } #contents #topics a:hover { text-decoration: underline; color: #ED6C00; } #contents #topics_news { width: 90%; margin-bottom: 30px; margin-left: 40px; margin-top: 40px; } #contents #topics_news dl { font-size: 90%; margin-top: 20px; margin-left: 10px; } #contents #topics_news dl dt { margin-left: 10px; font-weight: bold; font-size: 95%; } #contents #topics_news dl dd { margin-left: 10px; width: 96%; font-size: 90%; margin-bottom: 5px; line-height: 18px; } #contents #topics_news a { color: #999; text-decoration: none; } #contents #topics_news a:hover { text-decoration: underline; color: #ED6C00; } #footer { background-color: #5CB531; color: #FFFFFF; font-weight: normal; text-align: center; font-family: Calibri; font-size: 11px; padding: 10px; width: auto; } #contents table { margin-top: 20px; } #contents .index table { width: 960px; margin-top: 40px; margin-bottom: 20px; } #contents .about table { width: 920px; margin-right: auto; margin-left: auto; } #contents .clinic table { width: 960px; } #contents td.td01 { font-size: 120%; color: #727171; text-align: center; padding: 10px; } #contents td.td02 { background-color: #FEECD2; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; } #contents td.td03 { background-color: #F7F8F8; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 20px; } #contents td.td04 { text-align: left; padding: 0px; } #contents td.td05 { padding: 0px; width: 320px; text-align: center; } #contents td.td06 { padding-left: 10px; } #contents td.td07 { text-align: center; padding: 0px; } #contents td.td08 { text-align: right; padding: 0px; } #contents td.td09 { padding-left: 20px; } /* Page 2 - About our group */ #pagewrapper { width: 960px; background-color:#fff; margin: 0 auto; } #headerimage { background-image:url(images/group/page-header.png); width:960px; height:98px; } #headerimagetextbg { height: 57px; background-image:url(images/head-bg2.png); background-repeat: no-repeat; background-position: center top; padding-top: 9px; } #headerimagetextbg h6{ border: 1 px solid #E01619; text-indent: 65px; color: #FFF; font-size: 140%; font-weight: normal; margin-right: auto; margin-left: auto; height: 37px; } #content { width:715px; height:100%; margin:0 auto; border-width:thick; align-content:center; margin-top:50px; padding-bottom:20px; } #content p { font-size:16px; color:#000; margin-left:-9px; } table.gridtable { border-color: #C8C9C9; border-collapse: collapse; width:860px; width:715px; margin-top:5px; margin-bottom:50px; } table.gridtable th { border-width: 1px; border-style: solid; border-color: #595757; background-color: #E6E6E6; width:130px; font-size:16px; color:#000; padding-top:8px; padding-bottom:8px; font-weight:normal; text-align:left; } table.gridtable td { border-width: 1px; border-style: solid; border-color: #595757; background-color: #ffffff; font-size:16px; color:#000; padding-top:8px; padding-bottom:8px; } table.gridtable th.thspace { padding-left:17px; } table.gridtable td.tdspace { padding-left:19px; } #content h5 { font-size:16px; color:#000; margin-left:-9px; font-weight:normal; margin-top:30px; } #tdspace { padding-left:17px; margin-top:-100px; vertical-align:top; } #border { border:solid thin #CDCBCB; margin-left:2px; width:540px; margin-top:10px; margin-bottom:10px; } /* End Page 2 - About our group */