@charset "utf-8";
/*
==== ==== ==== ==== ==== ==== ==== ==== ==== ====
YUI Reset CSS
http://developer.yahoo.com/yui/reset/
http://yuilibrary.com/license/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
ul{
list-style-type: disc;
}
ol{
list-style-type: decimal;
}
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
body{
font-size: 80%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック","MS PGothic", Osaka;
color: #333333;
}
a, a:link, a:visited{
text-decoration: underline;
color: #000000;
}
a:hover{
text-decoration: underline;
color: #666666;
}
a img, img{
border: none;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
.clearfix:after {
content: "";/* 新しい要素を作る */
display: block;/* ブロックレベル要素に */
height: 0;
visibility: hidden;
clear: both;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */



/* HEADER */
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
#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 h1,
#header .head .desc p{
width: 40%;
float: left;
font-weight: bold;
}
#header .head .webmenu{
width: 55%;
float: right;
font-size: 85%;
text-align: right;
margin-right:10px;
}
#header .head .webmenu ul{
display: inline;
border-right: 1px solid #000000;
}
#header .head .webmenu ul li{
display: inline;
padding: 0 17px;
border-left: 1px solid #000000;
}
#header .head .webmenu ul li a,
#header .head .webmenu ul li a:link,
#header .head .webmenu ul li a:visited{
color: #000000;
text-decoration: none;
}
#header .head .webmenu ul li a:hover{
text-decoration: underline;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* メインメニュー・共通 */
#header .mainmenu{
width: 900px;
height: 141px;
background: url("http://trb.jp/imgs/header-title.jpg") left top no-repeat;
position: relative;
}
#header .mainmenu ul{
margin:0; padding:0;
}
#header .mainmenu ul li{
margin:0; padding:0;
list-style-type: none;
}
/* メインメニュー・ホームボタン */
#header .mainmenu .menu_home{
position: absolute;
left: 9px; top:43px;
width: 180px; height: 50px;
}
#header .mainmenu .menu_home a{
display: block;
width: 180px; height: 50px;
text-indent: -9999px; overflow:hidden;
}
/* メインメニュー・事業部別メニュー（左側） */
#header .mainmenu .menu_division{
position: absolute;
left: 9px; top:105px;
width: 471px; height: 30px;
}
#header .mainmenu .menu_division ul li{
float: left;
width: 157px; height: 30px;
}
#header .mainmenu .menu_division ul li a{
display: block;
width: 157px; height: 30px;
text-indent: -9999px; overflow: hidden;
}
/* メインメニュー・会社情報メニュー（右側） */
#header .mainmenu .menu_comp{
position: absolute;
left: 493px;
top:105px;
width: 404px;
height: 30px;
}
#header .mainmenu .menu_comp ul li{
float: left;
width: 101px;
height: 30px;
}
#header .mainmenu .menu_comp ul li a{
display: block;
width: 101px;
height: 30px;
text-indent: -9999px; overflow: hidden;
}




/* CONTENTS LEFT */
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
#middle{
   margin-top: 12px;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* コンテンツ・トピックパス */
#middle .topicpath{
margin-bottom: 12px;
}
#middle .topicpath span.cat{
font-weight: bold;
}
#middle .topicpath a{
text-decoration: none;
}
/* コンテンツ・トップページのみ・メインビジュアル */
.index #middle .image{
margin: 0 0 12px;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* コンテンツ・左・メニュー */
#middle .contents .menu {
width: 209px;
float: left;
}
#middle .contents .menu ul{
margin-right:15px;
}
#middle .contents .menu a,
#middle .contents .menu a:link,
#middle .contents .menu a:visited{
color: #333333;
text-decoration: none;
}
#middle .contents .menu a:hover{
color: #000000;
text-decoration: underline;
}
/* コンテンツ・左・メニュー・各ブロック */
#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;
}



/* CONTENT CENTER */
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
#middle .contents .content{
width: 460px;
float: left;
margin-left: 11px;
}
/* コンテンツ・中央・トップページのみ・バナー */
.index #middle .contents .content .banner h2{
margin-bottom: 9px;
}
/* コンテンツ・中央・基本スタイル */
#middle .contents .content blockquote{
background: #eeeeee;
padding-top: 12px;
padding-bottom:1px;
margin-bottom: 12px;
}
#middle .contents .content address{
border: 1px solid #CCCCCC;
margin-left: 12px;
margin-bottom: 12px;
padding: 8px;
}
#middle .contents .content em{
font-style:italic;
}
#middle .contents .content strong{
font-weight:bold;
}
#middle .contents .content table{
border-collapse: collapse;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin-bottom: 12px;
margin-left: 12px;
width:440px;
}
#middle .contents .content table td,#middle .contents .content table th{
border-left: 1px solid #666;
border-top: 1px solid #666;
padding: 2px 4px;
vertical-align: top;
font-size:90%;
}
#middle .contents .content table th{
background-color: #f0f0f0;
white-space: nowrap;
}
#middle .contents .content table tr td p,
#middle .contents .content table tr th p{
margin: 0!important;
padding: 0!important;
}
/* コンテンツ・中央・見出し */
#middle .contents .content .heading{
border: 1px solid #cccccc;
background: url( "http://trb.jp/imgs/h1-lefttop.jpg") left top no-repeat;
}
#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 .cbody{
margin-top: 13px;
line-height: 140%;
}
#middle .contents .content .cbody 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 .cbody 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 .cbody h4{
padding: 0 0 0 15px;
margin-bottom: 15px;
color: #333333;
}
#middle .contents .content .cbody p{
margin-bottom: 12px;
margin-left: 12px;
}
#middle .contents .content .cbody ul,
#middle .contents .content .cbody ol{
padding-left: 24px;
padding-bottom: 12px;
}
/* コンテンツ・中央・本文・ブログ記事などの日付 */
#middle .contents .content .date{
margin-top: 12px;
margin-right: 12px;
text-align: right;
padding-bottom: 8px;
}
#middle .contents .content .date .tweet{
position:relative;
top: -5px;
font-size: 90%;
}
/* コンテンツ・中央・本文・トップ及びブログのインデックスのヘッドライン */
#middle .contents .content .headline{
padding-top:12px;
clear: both;
}
.index #middle .contents .content .headline h2{
padding-bottom: 7px;
}
#middle .contents .content .headline ol{
padding-left: 0px;
margin-left: 0px;
}
#middle .contents .content .headline ol li{
list-style-type: none;
color: #666666;
background: url("http://trb.jp/imgs/main-news-item.gif") repeat-y;
padding: 6px 9px 6px 15px;
font-size: 90%;
line-height: 1.4;
margin-left: 0px!important;
margin-bottom: 3px;
clear: left;
}
#middle .contents .content .headline ol li span.entrydate{
display: table-cell;
float: left;
padding: 0 14px 0 0px;
width:auto;
height: auto;
}
#middle .contents .content .headline ol li span.entrytitle{
display: table-cell;
padding: 0 0px 0 0;
width:auto;
height: auto;
}
#middle .contents .content .headline ol li a{
color: #666666;
text-decoration: none;
line-height: 1.4;
display: block;
}
#middle .contents .content .headline ol li a:hover{
color: #000000;
text-decoration: underline;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* コンテンツ・中央・検索結果 */
#middle .contents .content .cbody .content-nav{
text-align: center;
padding: 12px;
}
#middle .contents .content .cbody .content-nav .currentpage{
border: 1px solid #white;
background: #fff;
font-weight: bold;
padding: 5px 7px;
text-decoration: none;
}
#middle .contents .content .cbody .content-nav .otherpage{
border: 1px solid #aaa;
background: #eee;
font-weight: normal;
padding: 5px 7px;
text-decoration: none;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* コンテンツ・中央・zenback表示領域 */
#middle .contents .content .cbody .zenback{
padding-top: 24px!important;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* コンテンツ・中央・プライバシーポリシー部分 */
#middle .contents .content .cbody div.policy dl,div.policy dt,div.policy dd{
margin-bottom: 12px;
}
#middle .contents .content .cbody div.policy dd{
margin-left: 12px;
}
#middle .contents .content .cbody div.policy dt{
font-weight: bold;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* コンテンツ・中央・試験申し込みフォーム部分 */
#middle .contents .content .cbody div.mailform{
border: 1px solid #cccccc;
padding: 12px;
margin-bottom: 12px;
}
#middle .contents .content .cbody div.mailform p{
margin-left: 0!important;
}
#middle .contents .content .cbody div.mailform dl,
#middle .contents .content .cbody div.mailform dt,
#middle .contents .content .cbody div.mailform dd{
margin-bottom: 12px;
}
#middle .contents .content .cbody div.mailform dd{
margin-left: 12px;
}
#middle .contents .content .cbody div.mailform dt{
font-weight: bold;
border-bottom: 1px dotted #666666;
padding:3px 3px 3px 3px;
}
#middle .contents .content .cbody div.mailform dt span,div.mailform dd span, div.mailform span.must{
font-weight: bold;
color: red;
}
#middle .contents .content .cbody div.mailform dd.send{
text-align: center;
padding: 12px;
}
#middle .contents .content .cbody div.mailform input.text,div.mailform textarea,
#middle .contents .content .cbody div.mailform input.text,div.mailform select{
border: 1px solid #7f9db9;
padding:1px;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* コンテンツ・中央・試験申し込み用テーブル */
#middle .contents .content .cbody table.testentryform{
border-right: 0;
border-bottom: 0;
margin-left: 0;
width: 390px;
}
#middle .contents .content .cbody table.testentryform th{
/*border-bottom: 1px solid #cccccc;*/
background: none;
font-weight: bold;
text-align: left;
}
#middle .contents .content .cbody table.testentryform td.date{
width: 150px;
text-align: left!important;
}
#middle .contents .content .cbody table.testentryform td,
#middle .contents .content .cbody table.testentryform th{
border-left: 0;
border-top: 0;
padding: 0px 0px;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* コンテンツ・中央・汎用クラス */
/* */
/* no_border : テーブルに枠線を表示しない */
#middle .contents .content .cbody table.no_border{
border-right: 0;
border-bottom: 0;
}
#middle .contents .content .cbody table.no_border td,table.no_border th{
border-left: 0;
border-top: 0;
padding: 2px 4px;
}
/* */
/* border2 : 白ボーダー */
#middle .contents .content .cbody table.border2{
border: #fff 2px solid;
}
#middle .contents .content .cbody table.border2 td, #middle .contents .content .cbody table.border2 th{
border-left: #fff 2px solid;
border-top: #fff 2px solid;
padding: 4px 8px;
}
#middle .contents .content .cbody table.border2 th{
width: 1%;
}
/* */
/* address : ページ下部に表示する連絡先など */
#middle .contents .content .cbody .address{
border: 1px solid #CCCCCC;
margin-bottom: 12px;
padding-top: 12px;
}
/* */
/* no-leftmargin : 段落の左マージンを0にする 横いっぱいに画像を表示するときなど */
#middle .contents .content .cbody p.no_leftmargin{
margin-left: 0;
}
/* */
/* note : 赤系の小さな文字で補足書きを行う */
#middle .contents .content .cbody .note{
font-size: 85%;
color: #BB3333;
}
/* */
/* totop : 節毎に置く、上に戻るリンク */
#middle .contents .content .cbody p.totop{
clear: both;
text-align: right;
}
/* */
/* googlemaps: GoogleMap部分 */
#middle .contents .content .cbody div.googlemaps{
margin-left: 12px;
margin-bottom: 12px;
}
/* */
/* yayoi_product: 弥生製品部分 */
#middle .contents .content .cbody div.yayoi_product{
border: 1px #CCCCCC solid;
margin-bottom:12px;
padding:10px 10px 0;
}



/* CONTENT RIGHT */
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* コンテンツ・右サイドバー */
#middle .contents .cm {
width: 209px;
float: right;
}
/* コンテンツ・右サイドバー・会社情報 */
#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-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;
font-size: 90%;
}
#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 .testschedule{
background: url("http://trb.jp/imgs/side-bg-body.jpg") center repeat-y;
}
#middle .contents .cm .testschedule .bhead{
background: url("http://trb.jp/imgs/side-bg-header.jpg") top center no-repeat;
padding: 10px 5px 0 8px;
}
#middle .contents .cm .testschedule .bcontent{
background: url("http://trb.jp/imgs/side-bg-footer.jpg") bottom center no-repeat;
padding: 0px 5px 19px 8px;
color: #666666;
}
#middle .contents .cm .testschedule .bcontent p{
margin-bottom:0px;
font-size:80%;
}
#middle .contents .cm .testschedule .bcontent ul{
margin-bottom: 3px;
width: 189px;
border-top: 1px dotted #333;
}
#middle .contents .cm .testschedule .bcontent ul li{
list-style-type: none;
border-bottom: 1px dotted #333;
width: 189px;
}
/* コンテンツ・右サイドバー・自由領域（任意のバナーなど） */
#middle .contents .cm .free{
margin-top: 0px;
font-size: 85%;
margin-bottom: 10px;
}
#middle .contents .cm .free img{
margin-bottom:6px;
}
/* コンテンツ・右サイドバー・フィードアイコン */
#middle .contents .cm .feed img,#middle .contents .cm .feed a{
text-decoration: none;
}
/* コンテンツ・右サイドバー・ブログ記事タイトルリスト */
#middle .contents .cm .blogtitlelist{
margin-top: 5px;
padding-bottom: 5px;
}
#middle .contents .cm .blogtitlelist ul li{
background: url("http://trb.jp/imgs/main-news-item.gif") repeat-y;
background-position: -1px 0;
margin-bottom:7px;
font-size:85%;
padding: 4px 6px 4px 12px;
list-style-type: none;
width:185px;
}
#middle .contents .cm .blogtitlelist ul li a{
text-decoration: none;
color:#666666;
}



/* FOOTER */
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* フッター */
#footer{
background: #f0f0f0;
margin-top: 30px;
}
#footer a, #footer a:link, #footer a:visited{
color: #888888;
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}
/* フッター・会社情報 */
#footer .compinfo{
font-size: 75%;
text-align: left;
float: left;
color: #555;
padding: 16px 20px 14px 160px;line-height: 1.4;
}
#footer .compinfo p{
border-left: 1px dotted white;
padding-left: 12px;
}
/* フッター・ロゴ */
#footer .logo{
background: url( "http://trb.jp/imgs/footer-banner.gif") no-repeat;
padding: 15px 20px;
text-align: right;
}
/* フッター・メニュー */
#footer .menu{
clear: both;
padding: 15px 0 0 40px;
background: #f0f0f0;
}
#footer .menu ul{
width: 175px;
float: left;
margin-left:0;
margin-right: 40px;
padding:0;
}
* html #footer .menu ul{
/*IE6*/
margin-right: 0px;
}
#footer .menu ul li{
list-style-type: none;
font-size: 100%;
color: #666;
font-weight: bold;
padding-bottom: 15px;
margin-left:0;
margin-right:0px;
}
#footer .menu ul li ul{
width: 175px;
float: none;
border-top: 1px dotted #aaa;
margin-top: 3px;
padding-top: 3px;
}
* html #footer .menu ul li ul{
/*IE6*/
margin-right: 40px;
}
#footer .menu ul li ul li{
font-size: 80%;
font-weight: normal;
padding-bottom: 0px;
margin-right:0;
}
#footer .menu ul li ul li a{
display: block;
padding: 3px;
color: #666;
line-height: 1.5;
}
* html #footer .menu ul li ul li a{
/*IE6*/
display: inline-block;
}