@charset "utf-8";

*{
   padding: 0;
   margin: 0;
   font-size: 100%;
}

body{
   font-size: 80%;
   font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   color: #333333;
}

a, a:link, a:visited{
   text-decoration: underline;
   color: #000000;
}
a:hover{
   text-decoration: underline;
   color: #666666;
}



a img, img{
    border: none;
}

#outbox{
   width: 906px;
   margin: 0 auto;
}

#header{
   width: 900px;
}

#header .head{
   background: url( "http://trb.jp/imgs/header-bg.jpg");
   padding: 8px 10px;
}

#header .head .desc{
   width: 40%;
   float: left;
}
#header .head .desc p{
   font-weight: bold;
}
#header .head .menu{
   width: 55%;
   float: right;
   font-size: 85%;
   text-align: right;
   margin-right:10px;
}
#header .head .menu ul{
   display: inline;
   border-right: 1px solid #000000;
}
#header .head .menu ul li{
   display: inline;
   padding: 0 17px;
   border-left: 1px solid #000000;
}
#header .head .menu ul li a,
#header .head .menu ul li a:link,
#header .head .menu ul li a:visited{
   color: #000000;
   text-decoration: none;
}
#header .head .menu ul li a:hover{
   text-decoration: underline;
}

#middle{
   margin-top: 12px;
}
#middle .menu ul{
   margin-right:15px;
}
#middle .menu a,
#middle .menu a:link,
#middle .menu a:visited{
   color: #333333;
   text-decoration: none;
}
#middle .menu a:hover{
   color: #000000;
   text-decoration: underline;
}

#middle .image{
   margin: 0 0 12px;
}

#middle .contents .menu {
   width: 209px;
   float: left;
}
#middle .contents .content {
   width: 460px;
   float: left;
   margin-left: 11px;
}
#middle .contents .cm {
   width: 209px;
   float: right;
}

#middle .contents .menu .block{
   background: url( "http://trb.jp/imgs/side-bg-body.jpg") center repeat-y;
}
#middle .contents .menu .block .bhead{
   background: url( "http://trb.jp/imgs/side-bg-header.jpg") top center no-repeat;
   padding: 10px 10px 0 10px;
}
#middle .contents .menu .block .bhead img{
   padding-bottom:10px;
   border-bottom: 1px dotted #666666;
}
#middle .contents .menu .block .bcontent{
   background: url( "http://trb.jp/imgs/side-bg-footer.jpg") bottom center no-repeat;
   padding-bottom: 20px;
   line-height: 120%;
}
#middle .contents .menu .block .bcontent ul{
   list-style-type: none;
   margin-left: 10px;
   margin-top: 0px;
}
#middle .contents .menu .block .bcontent ul li{
   font-size: 80%;
   margin-top: 8px;
   padding-left: 20px;
   background: url( "http://trb.jp/imgs/arrow1.jpg") no-repeat left;
}
#middle .contents .menu .block .bfoot{
   height: 20px;
   background-color: #FFFFFF;
}

#middle .contents .content .banner h2{
   margin-bottom: 9px;
}

#middle .contents .cm .comp{
   background: url( "http://trb.jp/imgs/side-bg-body.jpg") center repeat-y;
}
#middle .contents .cm .comp .bhead{
   background: url( "http://trb.jp/imgs/side-bg-header.jpg") top center no-repeat;
   padding: 10px;
}
#middle .contents .cm .comp .bcontent{
   background: url( "http://trb.jp/imgs/side-bg-footer.jpg") bottom center no-repeat;
   padding: 0 10px 20px;
   color: #666666;
}

#middle .contents .cm .comp .bcontent p.comp img{
   margin-bottom:7px;
}
#middle .contents .cm .comp .bcontent p.address{
   padding-left: 8px;
   margin: 6px 0;
   border-left: 2px solid #663333;
   font-family: "ＭＳ ゴシック";
   font-size: 90%;
   line-height: 140%;
}
#middle .contents .cm .comp .bcontent ul.office{
   border-top: 1px dotted #666666;
   padding-left: 14px;
   padding-top: 6px;
   list-style-image: url( "http://trb.jp/imgs/arrow2.jpg");
   margin-right: 8px;
}
#middle .contents .cm .comp .bcontent ul.office li{
   margin-top: 4px;
}
#middle .contents .cm .comp .bcontent ul.office li a{
   color: #666666;
   text-decoration: none;
}
#middle .contents .cm .comp .bcontent ul.office li a:hover{
   color: #000000;
   text-decoration: underline;
}



#middle .contents .cm .free{
   margin-top: 6px;
   font-size: 85%;
}
#middle .contents .cm .free img{
   margin-bottom:6px;
}
#middle .contents .cm .banner{
   margin-top:13px;
}
#middle .contents .cm .feed{
   margin-top: 6px;
}
#middle .contents .cm .feed img,#middle .contents .cm .feed a{
text-decoration: none;
}

#middle .contents .content .heading{
   border: 1px solid #cccccc;
   background: url( "http://trb.jp/imgs/h1-lefttop.jpg") left top no-repeat;
}
#middle .contents .content .date{
   margin-top: 12px;
   margin-right: 12px;
   text-align: right;
}
#middle .contents .content .heading h1{
   background: url( "http://trb.jp/imgs/h1-rightbottom.jpg") right bottom no-repeat;
   padding: 14px 15px;
   font-size: 150%;
}

#middle .contents .content .web,
#middle .contents .content .entry{
   margin-top: 13px;
   line-height: 140%;
}
#middle .contents .content .web h2,
#middle .contents .content .entry h2{
   background: url( "http://trb.jp/imgs/h2.jpg") repeat-y;
   padding: 10px 0 10px 15px;
   margin-bottom: 15px;
   border-bottom: dotted 1px #666666;
   font-size: 120%;
}
#middle .contents .content .web h3,
#middle .contents .content .entry h3{


   background: url( "http://trb.jp/imgs/h3.gif") 0 12px no-repeat;

   padding: 7px 0 7px 20px; 
   margin-bottom: 15px;
   border-bottom: dotted 1px #666666;
   color: #663333;
}
#middle .contents .content .web h4,
#middle .contents .content .entry h4{
   padding: 0 0 0 15px;
   margin-bottom: 15px;
   color: #333333;
}
#middle .contents .content .web p,
#middle .contents .content .entry p{
   margin-bottom: 12px;
   margin-left: 12px;
}
#middle .contents .content .web p.no_leftmargin{
   margin-left: 0;
}

#middle .contents .content .web ul,
#middle .contents .content .web ol,
#middle .contents .content .entry ul,
#middle .contents .content .entry ol{
   padding-left: 24px;
   padding-bottom: 12px;
}

#middle .contents .content .information,
#middle .contents .content .result{
   padding-top:12px;
   clear: both;
}
#middle .contents .content .information h2,
#middle .contents .content .result h2{
   padding-bottom: 7px;
}
#middle .contents .content .information dl dt,
#middle .contents .content .information dl dd,
#middle .contents .content .result dl dt,
#middle .contents .content .result dl dd{
    margin-bottom: 8px;
}

#middle .contents .content .information dl dt,
#middle .contents .content .result dl dt{
   color: #666666;
   background: url( "http://trb.jp/imgs/main-news-item.jpg");
   padding: 6px 0 6px 15px;
   width: 85px;
   float: left;
}
#middle .contents .content .information dl dd,
#middle .contents .content .result dl dd{
   background: url( "http://trb.jp/imgs/main-news-item.jpg");
   background-position: -4px 0;
   padding: 6px 0;
   width: 360px;
   float: right;
}
#middle .contents .content .information dl dd a,
#middle .contents .content .result dl dd a{
   color: #666666;
   text-decoration: none;
}
#middle .contents .content .information dl dd a:hover,
#middle .contents .content .result dl dd a:hover{
   color: #000000;
   text-decoration: underline;
}

#middle .contents .content .schedule{
   background: url( "http://trb.jp/imgs/main-bg-body.jpg") center repeat-y;
}
#middle .contents .content .schedule .shead{
   background: url( "http://trb.jp/imgs/main-bg-header.jpg") top center no-repeat;
   padding: 8px;
}
#middle .contents .content .schedule .shead img{
   padding-top: 5px;
   padding-bottom: 3px;
   border-bottom: 1px dotted #666666;
}
#middle .contents .content .schedule .scontent{
   background: url( "http://trb.jp/imgs/main-bg-footer.jpg") bottom center no-repeat;
   padding-bottom: 20px;
   line-height: 120%;
   padding-left: 8px;
}
#middle .contents .content .schedule .scontent img{
   border-bottom: 1px dotted #666666;
}
#middle .contents .content .schedule .scontent ul{
   list-style-type: none;
   margin-left: 10px;
}
#middle .contents .content .schedule .scontent ul li{
   font-size: 12px;
   margin-top: 8px;
   padding-left: 20px;
   background: url( "http://trb.jp/imgs/arrow1.jpg") no-repeat left;
}
#middle .contents .content .schedule .sfoot{
   height: 10px;
   background-color: #FFFFFF;
}

#middle .contents .content .address{
   border: 1px solid #CCCCCC;
   margin-bottom: 12px;
   padding-top: 12px;
}


#footer a,
#footer a:link,
#footer a:visited{
   color: #888888;
   text-decoration: none;
}
#footer a:hover{
   text-decoration: underline;
}

#footer .logo{
   background: url( "http://trb.jp/imgs/footer-banner.jpg");
   padding: 15px 20px;
   text-align: right;
}
#footer .menu{
   font-size: 80%;
   padding: 6px 12px 12px;
   background-color: #EEEEEE;
   color: #888888;
}
#footer .menu ul{
   border-left: 1px solid #888888;
   margin-top: 8px;
}
#footer .menu ul li{
   display: inline;
   padding: 0 6px;
   border-right: 1px solid #888888;
}

#footer{
   margin-top: 30px;
}


table{
   border-collapse: collapse;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   margin-bottom: 12px;
   margin-left: 12px;
   width:440px;
}
table td,table th{
   border-left: 1px solid black;
   border-top: 1px solid black;
   padding: 2px 4px;
   vertical-align: top;
}
table th{
   background-color: #EEEEEE;
   white-space: nowrap;
}
table.no_border{
   border-right: 0;
   border-bottom: 0;
}
table.no_border td,table.no_border th{
   border-left: 0;
   border-top: 0;
   padding: 2px 4px;
}
table.mailform th.right,table.mailform td.right{
   text-align: right;
}
table.mailform th.center,table.mailform td.center{
   text-align: center;
}
table.mailform th span,table.mailform td span{
   color: #FF0000;
   font-weight: bold;
}
table.left_th th{
   text-align: right;
}
table.nowrap th,table.nowrap td,
table th.nowrap,table td.nowrap{
   white-space: nowrap;
}


.no_margin{
   margin-bottom: 0;
}
.note{
   font-size: 85%;
   color: #BB3333;
}

div.googlemaps{
   margin-left: 12px;
   margin-bottom: 12px;
}
div.yayoi_product{
   border: 1px #CCCCCC solid;
   margin-bottom:12px;
   padding:10px 10px 0;
}
div.right{
   text-align: right;
}


div.policy dl,div.policy dt,div.policy dd{
   margin-bottom: 12px;
}
div.policy dd{
   margin-left: 12px;
}
div.policy dt{
   font-weight: bold;
}



div.mailform{
   border: 1px solid #cccccc;
   padding: 12px;
   margin-bottom: 12px;
}
div.mailform p{
   margin-left: 0!important;
}
div.mailform dl,div.mailform dt,div.mailform dd{
   margin-bottom: 12px;
}
div.mailform dd{
   margin-left: 12px;
}
div.mailform dt{
   font-weight: bold;
   border-bottom: 1px dotted #666666;
   padding:3px 3px 3px 3px;





}
div.mailform dt span,div.mailform dd span, div.mailform span.must{
   font-weight: bold;
   color: red;
}
div.mailform dd.send{
   text-align: center;
   padding: 12px;
}
div.mailform input.text,div.mailform textarea,
div.mailform input.text,div.mailform select{
border: 1px solid #7f9db9;
/*border: 1px solid red;*/
padding:1px;
}


p.totop{
   clear: both;
   text-align: right;
}

table.kikin td.kamoku{
   width: 100px;
}
table.kikin td.naiyo{
   
}
table.kikin td.jikan{
   width: 60px;
}
