@charset "utf-8";
/* CSS Document **/
html, body {
height: 100% ;
scrollbar-face-color: #ffffff; /* 表面の色 */
scrollbar-3dlight-color: #F59B9A /* 左端と上端の色 */
scrollbar-darkshadow-color: #F59B9A; /* 右端と下端 */
scrollbar-highlight-color: #ffffff; /* ハイライトの色 */
scrollbar-shadow-color: #ffffff; /* 影の色 */
scrollbar-arrow-color: #F59B9A; /* 矢印の色 */
scrollbar-track-color: #F59B9A; /* バーの背景の色 */
}
body {
margin: 0;
padding: 0;
background:url(img/body-bg.jpg) repeat-x;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: small;
}
h1, h2, h3 {
margin: 0;
padding: 0;
}
.imageleft {
float:left;
padding:5px;
margin:5px;
border:#FF99FF solid 1px;
}
.imageright {
float:right;
padding:5px;
margin:5px;
border:#FF99FF solid 1px;
}
.caption {
font-size: 0.9em;
color:#333333
}
.indentoneem {
padding-left: 1em;
}
#wrap {
margin: 0 auto;
padding: 0;
width: 800px;
border-bottom:#F59B9A solid 1px;
border-left:#F59B9A solid 1px;
border-right:#F59B9A solid 1px;
background-color:#ffffff;
}
#header {
position: relative;
margin: 0;
height: 95px;
background: url(img/header-bg.jpg) repeat-x;
}
#header img {
}
#header h1 a{
position: absolute ;
top: 5px;
left: 5px;
width: 315px;
height: 80px;
background:url(img/title.jpg) no-repeat;
border: none ;
margin: 0;
padding: 0;
display:block;
text-indent: -9999px;
}
#header h2 {
margin : 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
#adr {
width:400px;
height:63px;
background:url(img/add.jpg) no-repeat;
position:absolute;
top:20px;
left: 400px;
text-indent: -9999px;
}
.colorred {color: #FF0000}
.fontbold {font-weight:bold}
#content {
width: 800px;
background-color:#FFFFFF;
}
#leftnavi {
background-color:relative;
margin: 0;
width: 165px;
float: left;
padding: 20px 5px 10px 5px ;
}
#menu {
width: 151px ;
height: auto ;
margin: 0 auto;
padding: 50px 0 0 0 ;
background: url(img/menu-bg.jpg) no-repeat ;
}
#menu ul {
font-size:1.1em;
margin: 0;
padding: 0 0 0 10px;
list-style: none;
}
#menu li {
margin: 5px 0 10px 10px;
width: 100px;
background:url(img/m-list.gif) no-repeat;
border-bottom: 1px #666666 dotted ;
padding-left: 15px;
padding-bottom: 3px;
}
#menu li a {
text-decoration: none ;
color:#333333;
}
#menu li a:active {
text-decoration: none ;
color:#666666;
}
#menu li a:visited {
text-decoration: none ;
color:#666666;
}
#menu li a:hover {
font-weight:bold ;
color:#FF00FF ;
}
#maincol {
float: right;
width: 595px;
padding: 20px 15px 10px 5px ;
line-height: 1.4em ;
font-size:1.1em;
}
* html #maincol {
float: right;
width: 595px;
padding: 20px 0px 10px 0px ;
line-height: 1.4em ;
font-size:1.1em;
}
#maincol p {
margin-left: 15px;
margin-right: 10px;
}
#maincol hr {
visibility:hidden;
clear:both;
}
#maincol a:link, #maincol a:active, #maincol a:visited {
color:#666666;
text-decoration: none;
border-bottom:#999999 dotted 1px;
}
#maincol a:hover {
color:#FF0099;
text-decoration: none;
border-bottom:#FF00CC dotted 1px;
}
#maincol h1 {
background:url(img/content-h1-bg.jpg) no-repeat;
width: 580px;
height: 40px;
margin: 10px 0 20px 0;
padding: 9px 0 2px 34px;
color:#FFFFFF;
font-size: 14px;
}
#maincol h2 {
background:url(img/h2-bg.gif);
border-left:#66ff00 12px solid;
margin: 15px 20px 10px 10px;
padding: 2px 0px 2px 5px ;
font-size: 1em ;
color:#FFFFFF
}
.maincolh3 {
background:url(img/h3.jpg) no-repeat;
margin: 5px 0 -15px 10px;
padding: 0 0 0 1.2em;
line-height: 1em;
font-weight:bold;
font-size:1em;
color:#555555
}
.jikoh3 {
background:url(img/h3.jpg) no-repeat;
margin: 5px 0 -5px 10px;
padding: 0 0 0 1.2em;
line-height: 1em;
font-weight:bold;
font-size:1em;
color:#FF57D7
}
#maincol h3 {
background:url(img/h3.jpg) no-repeat;
margin: 5px 0 0 10px;
padding: 0 0 0 1.2em;
line-height: 1em;
font-weight:bold;
font-size:1em;
color:#555555
}
.mainlist ul {
margin: 0 0 0 15px;
padding:0 0 1em 0;
}
.mainlist li {
list-style:none;
line-height:1em;
margin: 0;
padding: 0 0 1em 15px;
background:url(img/main-list-head.jpg) no-repeat 0 0em;
}
.mlist {
margin: 0;
padding: 0 0 1em 15px;
background:url(img/main-list-head.jpg) no-repeat 0 0em;
}
.fontlarge {
font-size: 1.2em;
font-weight: bold;
}
#print {
margin: 10px auto;
width: 151px;
height: 58px;
}
#print a {
display:block;
background:url(img/print.gif);
text-indent: -9999px;
width: 151px;
height: 58px;
}
#new {
width:140px ;
margin: 20px auto;
height: 240px ;
padding: 5px 5px 5px 5px;
border:#999999 solid 1px;
}
#new h1 {
margin:0 0 4px 0;
text-align:center;
padding: 3px;
font-weight: bold;
font-size: 1em ;
background:url(img/content-h2-bg.jpg);
color:#FFFFFF;
}
#new a:link, #new a:active, #new a:visited {
color:#666666;
text-decoration: none;
border-bottom:#999999 dotted 1px;
}
#new a:hover {
color:#FF0099;
text-decoration: none;
border-bottom:#FF00CC dotted 1px;
}
#newc {
height: 210px;
padding: 5px;
}
#newc ul{
margin: 0;
padding: 0;
list-style: none;
}
li.new-con {
margin:10px 0;
padding-left: 14px;
background:url("img/arrow.gif") no-repeat 0 0
}
#read {
height: 154px ;
margin: 0 auto;
padding:0;
background:url(img/top-read.gif) no-repeat;
text-indent: -9999px ;
}
#ftread {
height: 154px ;
margin: 0 auto;
padding:0;
background:url(img/ft-h1.gif) no-repeat;
text-indent: -9999px ;
}
#mainleft {
width:400px;
float:left;
margin: 0;
}
#hourtable {
width:400px;
height:145px;
margin:10px 0 10px 0 ;
background:url(img/hour-table.gif) no-repeat;
text-indent: -9999px;
}
#pp {
width: 400px;
margin:0;
}
#banners {
width:185px;
margin-left: 405px;
margin-top: 45px;
}
#banners ul {
list-style:none;
margin: 0;
padding: 0;
}
#banners li a{
width:180px;
height:70px;
text-indent: -9999px;
padding: 5px 0;
}
#banners li#aacc a{
display:block;
background:url(img/auto-accident.jpg) no-repeat;
border:none;
}
#banners li#o2 a{
display:block;
background:url(img/o2-capsle.jpg) no-repeat;
border:none;
}
#banners li#blog a{
display:block;
background:url(img/blog.jpg) no-repeat;
border:none;
}
#qr {
margin:10px auto;
width:105px;
height:105px;
text-indent: -9999px;
background:url(img/qr.gif) no-repeat;
}
#qr img {
border: none ;
}
#footer {
margin: 0 auto;
padding: 0;
clear:both;
width: 800px;
height: 45px;
background:url(img/footer-bg.jpg) repeat-x;
}
#fl {
margin-bottom: 10px ;
}
#sisin {
margin:-20px auto 0;
width:580px;
height:385px;
background:url(img/sisin.gif) no-repeat;
text-indent: -9999px;
list-style:none;
}
#sisin li {
background:none;
}
#staff {
margin-top:20px;
}
#staff h2 {
padding: 2px 0 2px 12px;
color:#009900;
font-size:1.1em;
border-left:#009900 10px solid;
border-bottom:#009900 1px dotted;
background:none;
}
#staff img {
float:left;
padding:3px 3px 10px 3px;
}
.con {
padding-right: 20px;
}
.tdtitle {
background:#FFCCFF;
border-bottom:#666666 1px dotted;
width: 80px;
}
.tdcon {
border-bottom:#666666 1px dotted;
width: 280px;
}
.txtright {
margin-left: 230px;
}
.jikotitle {
width: 580px;
height: 48px;
margin: 0 0 40px 0;
padding; 0;
text-indent: -9999px;
background:url(img/jiko-title.gif) no-repeat;
}
.txtleftb {
float: left;
width: 380px;
}
.txtleftc {
float: left;
width: 260px;
}
.txtleftc {
float: left;
width: 250px;
}
.txtlefth {
float: left;
width: 250px;
}
.txtleftu {
float: left;
width: 250px;
font-size: 0.9em;
}
.txtrighth {
width: 290px;
font-size: 0.9em;
}
.imgright {
float:right;
margin-right: 20px;
margin-left: 10px;
}
.redbold {
margin-top: 10px;
color:#FF0000;
font-weight: bold;
font-size: 1.2em;
}
.bldbig {
font-size:1.2em;
font-weight: bold;
line-height: 1.6em;
}
.notice {
list-style:none;
background:url(img/v-sq.jpg) no-repeat;
margin-left: 1em;
padding: 0 0 0 14px;
line-height: 1.3em;
}
.jihimenuh {
margin-top: 15px;
padding:3px 0 3px 5px;
border-top:#FCB0CB 1px solid;
border-bottom:#FCB0CB 1px solid;
font-weight: bold;
background-color:#FCE3E3;
width: 560px;
}
.o2title {
width: 580px;
height: 120px;
margin: 0 0 20px 0;
padding: 0;
background:url(img/o2title.jpg) no-repeat;
text-indent: -9999px;
}
.kakomi {
margin: 5px;
padding: 5px;
border: #FCB0CB 1px solid;
}
#guide {
margin:0 auto;
width:580px;
height:510px;
list-style:none;
}
#hosintop {
width: 350px;
float: left;
}
#hosintopimg {
margin-left: 370px;
width: 200px;
}
#hosinbottom {
clear:left;
}
#ftleft {
float: left;
width: 370px;
}
#ftright {
margin-left: 370px;
}
#openhours {
margin: 0 auto;
width: 520px;
height: 420px;
text-indent: -9999px;
background:url(img/opentime.jpg) no-repeat;
}
#info {
visibility:hidden;
}
.smallfn {
font-size: 0.9em
}
.s-hol {
margin-right: 10px;
}
.s-hol th, .s-hol td {
padding: 4px;
width: 40px;
text-align: center;
}
.s-hol th {
background-color: #FFE7F7;
}
tr.day{
background-color: #FEFFDF;
}
tr.mark{
background-color: #EDFFDF;
}
.txt-red{
color: #FF0000;
font-weight: bold;
}
dl.philosophy {
padding-left: 20px;
}
dl.philosophy dt {
font-weight: bold;
padding-bottom: 4px;
}
dl.philosophy dd {
padding-bottom: 12px;
}