@charset "UTF-8";
/* CSS Document */

img{
behavior: url(http://www.heisei-car.jp/js/iepngfix.htc);
border:0;
}
body{
font-family: Arial, Tarisaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
margin: 0;
padding: 0;
color: #333333;
background-color: #fffec4;
text-align:center;
}

a, a:link, a:visited{
color: #5671b6;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 0px;
}

h1{
font-size: 90%;
}

h2{
font-size: 90%;
}

h3{
font-size: 90%;
}

h4{
font-size: 90%;
}

h5{
font-size: 80%;
}

h6{
font-size: 80%;
color: #333333;
}

p{
font-size: 80%;
}

ul{
list-style-type: none;
margin:0;
padding:0;
}

li{
font-size: 80%;
color: #333333;
}
dt{
font-size: 80%;
color: #333333;
}
dd{
font-size: 80%;
color: #333333;
}
a{
text-decoration:none;
}
a img{
border: none;
}

address{
font-style: normal;
font-size: 80%;
}

textarea{
font-family:Osaka,Verdana,Arial;
}


#wrapper{
text-align:left; /* Internet Explorer 5.5以前への対応 */
width:800px; /* 左右に余白を入れる場合は、ここを編集 */
margin-left:auto;
margin-right:auto;
margin-top: 0;
margin-bottom:0;
padding:0;
}

#header{
clear:both;
width:800px;
height:106px;
margin:0;
padding:0;
behavior: url(http://www.heisei-car.jp/js/iepngfix.htc);
background-image:url(../images/bg_header.png);
background-repeat: no-repeat;
}
#header1{
float:right;
width:600px;
margin:0;
padding:0;
}
#header2{
float:left;
width:200px;
margin:0;
padding:0;
}
#header h1{
text-align:right;
margin:5px 20px 0 0;
}
#header p{
font-size:10px;
text-align:right;
margin:5px 20px 0 0;
}
#header img{
margin:36px 0 0 11px;
}

#navigation{
clear:both;
width:800px;
height:36px;
margin:0;
padding:0;
behavior: url(http://www.heisei-car.jp/js/iepngfix.htc);
background-image:url(../images/bg_navigation.png);
background-repeat: no-repeat;
}
#navigation img{
margin:0 0 0 185px;
padding:0;
}

#pagebody{
clear:both;
width:800px;
margin:0;
padding:0 0 10px 0;
background-image:url(../images/bg_pagebody.gif);
background-repeat: repeat-y;
background-position: center;
}
#left-box{
float:left;
width:180px;
margin:0;
padding:0;
}
#left-box h3{
color:#5dc105;
margin:20px 5px 0 10px;
padding:5px;
border-top:1px solid #5dc105;
border-bottom:1px solid #5dc105;
}
#left-box p{
font-size:12px;
color:#666666;
margin:10px;
padding:5px;
line-height:125%;
border:1px solid #5dc105;
}

#categorymenu{
margin:0;
padding:0;
width:180px;
}

#categorymenu li{
font-size:13px !important;
line-height:28px;
}
.thisCategoryMenu a:link{
display: block;
color:#666666;
margin:0;
padding:0px 0 0 20px;
line-height:28px;
background-image:url(../images/bg_menu_off.gif);
background-repeat: no-repeat;
width:180px;
height:28px;
}
.thisCategoryMenu a:hover{
display: block;
color:#000000 !important;
margin:0;
padding:0px 0 0 20px;
line-height:28px;
background-image:url(../images/bg_menu_on.gif) !important;
background-repeat: no-repeat;
text-decoration:none !important;
width:180px;
height:28px;
}
.thisCategoryMenu a:visited{
display: block;
color:#666666;
margin:0;
padding:0px 0 0 20px;
line-height:28px;
background-image:url(../images/bg_menu_off.gif);
background-repeat: no-repeat;
width:180px;
height:28px;
}

.nonimg{
font-size:12px !important;
}
.nonimg a:link{
display: block;
font-size:12px !important;
color:#333333;
margin:0;
padding:0px 0 0 20px;
line-height:28px;
background-image:url(../images/bg_menu2_off.gif);
background-repeat: no-repeat;
width:180px;
height:28px;
}
.nonimg a:hover{
display: block;
font-size:12px !important;
color:#000000 !important;
margin:0;
padding:0px 0 0 20px;
line-height:28px;
background-image:url(../images/bg_menu2_on.gif) !important;
background-repeat: no-repeat;
text-decoration:none !important;
width:180px;
height:28px;
}
.nonimg a:visited{
display: block;
font-size:12px !important;
color:#333333;
margin:0;
padding:0px 0 0 20px;
line-height:28px;
background-image:url(../images/bg_menu2_off.gif);
background-repeat: no-repeat;
width:180px;
height:28px;
}

img#banner-a{
margin:5px;
}
img#reserve{
margin:0;
}

#update{
margin:15px 0 0 5px;
padding:0;
}

/***右カラム***/
#right-box{
float:right;
width:615px;
margin:0;
padding:0 0 0 5px;
}
#visual{
margin:0;
padding:0;
}
#breadcrumb{
margin:0 0 0 0;
padding:0;
}
#breadcrumb p{
font-size:70%;
text-align:right;
margin:5px 10px 2px 0 !important;
padding:0 5px 0 0 !important;
border-bottom:0px solid #cccccc;
}

#right-box h2{
font-size:15px;
margin:0px 10px 5px 0 !important;
padding:0 0 0 15px;
line-height:36px;
color:#ffffff;
background-image: url(../../images/bg_h2_01.gif);
background-repeat: no-repeat;
}
#right-box h3{
color:#e30000;
margin:10px 10px 10px 0;
padding:5px;
border-bottom:1px solid #e30000;
}
#right-box h4{
background-image: url(../../images/bg_h4_01.gif);
background-repeat: no-repeat;
color: #ffffff;
padding:5px;
margin:20px 0 0 0;
}
#right-box p{
margin:5px 10px 20px 5px;
line-height:150%;
}
#right-box li{
margin:5px 10px 3px 5px;
line-height:150%;
}

#content{
width:605px;
margin:0;
padding:0;
}
#content h3{
color:#000000;
font-size:12px;
margin:5px 5px 0 5px;
padding:0;
}
#content p{
font-size:12px;
margin:5px 5px 10px 5px;
padding:0;
}
#contents1{
float:left;
width:300px;
margin:0;
padding:0;
background-color:#eff5ff;
}
#contents2{
float:right;
width:300px;
margin:0;
padding:0;
background-color:#eafae5;
}

#pagetop{
clear:both;
text-align:right;
margin:0 10px;
padding:10px 0;
}
#end{
clear:both;
}


/***FOOTER***/
#footer{
clear:both;
width:800px;
height:106px;
margin:0;
padding:0;
behavior: url(http://www.heisei-car.jp/js/iepngfix.htc);
background-image: url(../images/bg_footer.png);
background-repeat: no-repeat;
}
#footer1{
float:left;
width:280px;
margin:0;
padding:0;
}
#footer2{
float:right;
width:520px;
margin:0;
padding:0;
}
#footer img{
margin:36px 0 0 20px;
}
#footer h3{
font-size:9px;
font-weight:normal !important;
color:#336600 !important;
margin:35px 0 0 0;
}
#footer h3 a:link{
color:#336600 !important;
}
#footer h3 a:hover{
color:#336600 !important;
}
#footer h3 a:visited{
color:#336600 !important;
}

#footer address{
color:#336600;
font-size:11px;
line-height:130%;
margin:3px 0 0 0;
}
ul#footer-menu{
margin:10px 0 0 0;
}
ul#footer-menu li{
font-size:11px;
display: inline;
text-align:right !important;
padding:0 5px;
}


/***画像***/
img#blog{
margin:5px;
}
img#off10{
margin:10px 0 0 15px;
}
img#letter{
margin:20px 0 0 0;
}






/***段組***/
#column{
clear:both;
width:605px;
margin:0;
padding:0;
}
#column h4{
font-size:13px;
color:#ffffff;
padding:5px 0 5px 5px;
margin:10px 0 0px 0;
background-image: url(../../images/bg_column-h4.gif);
background-repeat: no-repeat;
}
#column p{
font-size:12px;
line-height:150%;
padding:0 5px;
margin:0 0 10px 0;
}
#column ol{
margin:0;
padding:0 0 0 30px;
}
#column ol li{
font-size:12px;
line-height:125%;
margin:5px 0;
}

#column1{
clear:both;
width:605px;
margin:0;
padding:0 0 10px 0;
}
#column1a{
float:left;
width:300px;
margin:0;
padding:0;
}
#column1b{
float:right;
width:300px;
margin:0;
padding:0;
}
#column2{
clear:both;
width:605px;
margin:0;
padding:10px 0 10px 0;
}
#column2a{
float:left;
width:300px;
margin:0;
padding:0;
}
#column2b{
float:right;
width:300px;
margin:0;
padding:0;
}
#column3{
clear:both;
width:605px;
margin:0;
padding:10px 0 10px 0;
}
#column3a{
float:left;
width:300px;
margin:0;
padding:0;
}
#column3b{
float:right;
width:300px;
margin:0;
padding:0;
}
#column4{
clear:both;
width:605px;
margin:0;
padding:10px 0 10px 0;
}
#column4a{
float:left;
width:300px;
margin:0;
padding:0;
}
#column4b{
float:right;
width:300px;
margin:0;
padding:0;
}
#column5{
clear:both;
width:605px;
margin:0;
padding:10px 0 10px 0;
}
#column5a{
float:left;
width:300px;
margin:0;
padding:0;
}
#column5b{
float:right;
width:300px;
margin:0;
padding:0;
}

/***TABLE***/
.table1{
margin:10px 0 0px 0;
width:605px;
}
.table1 th{
text-align:center;
font-size:11px;
font-weight:normal;
padding:5px 1px 5px 1px;
background-color:#eaeaea;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
border-top:1px solid #999999;
}
.table1 td{
text-align:center;
font-size:12px;
padding:3px 1px 3px 1px;
background-color:#ffffff;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}
.table1 caption{
color:#666666;
font-size:10px;
text-align: right;
caption-side: top;
padding:0 0 3px 0;
}
.td-left{
text-align:left !important;
}
table#hello{
margin:0 0 20px 0;
}
table#hello td{
padding:0 10px 10px 10px;
font-size:12px;
vertical-align:top;
}


/***予約フォーム***/
table#reservation{
width:605px;
}
table#reservation th{
font-size:13px;
padding:5px 2px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background-color:#e3eaf3;
}
table#reservation td{
font-size:12px;
padding:5px 2px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
}
sup{
font-size:10px;
color:#e30000;
}
.td-reservation{
background-color:#f9f9f9;
}
.td-border1{
border-top:1px solid #cccccc;
background-color:#f9f9f9;
}
.td-border-none{
border:none !important;
}

/***会社概要***/
.outline{
background-color: #ececec;
margin: 5px 10px 30px 0;
border: 1px solid #cccccc;
border-top: none;
}
.outline dt{
font-weight: normal;
color: black;
margin: 0;
padding: 0.5em 0 0.5em 1em;
border-top: 1px solid #cccccc;
width: 13em;
float: left;
}
.outline dd {
background-color: #ffffff;
margin: 0 0 0 13em;
padding: 0.5em 1em 0.5em 1em;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

/***個人情報保護指針***/
dl#privacy{
margin:5px 10px 5px 5px;
}
dl#privacy dt{
color:#000000;
margin:5px 0;
padding:5px;
border-bottom:1px solid #cccccc;
}
dl#privacy dd{
font-size:12px;
margin:5px 0 10px 0;
padding:5px;
line-height:150%;
}
.caution{
font-size:11px;
color:#e30000;
line-height:150%;
}
.i-middle{
vertical-align:middle;
}
.freedial{
color:#e30000;
font-weight:bold;
}
.left{
float:left;
}
.margin-t20b10{
margin:20px 0 10px 0;
}
.margin-t0b20{
margin:0px 0 20px 0;
}
.margin-t5b5{
margin:5px 0 5px 0;
}
img#reservation{
float:right;
margin:10px 10px 30px 0;
}
.td-red10{
color:#e30000;
font-weight:bold !important;
background-color:#fce5e5 !important;
}
img#plancopy{
margin:10px 0 0 0;
}
img#sakade{
margin:5px 0 5px 25px;
}
img#takamatsu{
margin:5px 0 5px 25px;
}

#note{
margin:0;
}
#note img{
padding:5px;
}
#note p{
margin:5px 10px 15px 0 !important;
padding:5px 0 15px 0 !important;
}
#note dl{
width:300px;
margin:0;
}
#note dt{
margin:10px 0;
padding:10px 0;
font-weight:bold;
color:#e30000;
border-bottom:1px solid #e30000;
}
#note dd{
font-size:12px;
line-height:150%;
margin:10px 0;
}
#note-l{
float:left;
width:280px
}
#note-r{
float:right;
width:325px;
background-image: url(../../office/images/bg_note_01.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

dl#menseki dt{
margin:0 10px 10px 10px;
padding:0 0 5px 0;
color:#3366cc;
border-bottom:1px solid #3366cc;
}
dl#menseki dd{
margin:0 10px 0 10px;
}

table#kagawa{
width:605px;
margin:0 0 20px 0;
}
table#kagawa th{
font-size:10px;
font-weight:normal;
background-color:#fafafa;
border-bottom:1px solid #cccccc;
padding:2px 0;
}
table#kagawa td{
font-size:12px;
border-bottom:1px solid #cccccc;
padding:15px 0;
line-height:150%;
}

table#okayama{
width:605px;
margin:0 0 20px 0;
}
table#okayama th{
font-size:10px;
font-weight:normal;
background-color:#fafafa;
border-bottom:1px solid #cccccc;
padding:2px 0;
}
table#okayama td{
font-size:12px;
border-bottom:1px solid #cccccc;
padding:15px 0;
line-height:150%;
}
.td-center{
text-align:center;
}
.td-w220{
width:210px;
font-size:11px !important;
}
.td-w66{
width:60px;
}
.eigyousho{
color:#000000;
font-size:13px;
font-weight:bold;
border:1px solid #cccccc;
padding:3px;
line-height:200%;
}
.margin-t10{
margin:10px 0 0 0;
}
.style1 {font-size: 24px}
.style2 {color: #FF0000}
.style4 {color: #FF0000; font-weight: bold; }

img#rss{
margin:10px;
}
img#atom{
margin:10px 10px 10px 0;
}

#calendar{
margin:0px;
}
#calendar iframe{
width:170px;
margin:10px 0;
}