@charset "utf-8";

/*@media screen and (max-width: 480px){*/
@media screen and (max-width: 640px){
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* 枠 */
body{padding:0;margin:0;}
#outbox{width:100%;}
#header{width:100%;}
#header .head{width: 100%;padding:0;}
#header .mainmenu{width: 100%;}
#footer{width: 100%;}
#middle{width: 98%; clear: both;margin-left:auto;margin-right:auto;}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* ヘッダー */
#header .head{
height: auto;
width: auto;
padding:3px;
}
#header .head .desc{
display: none;
}
#header .head .webmenu{
float: none;
width: 100%;
height:auto;
text-align: right;margin:0;
}
#header .head .webmenu ul li{
padding-left:5px;
padding-right:5px;
}
#header .mainmenu{
background-image: none;
background-color: #F5F5F5;
height: auto;
}
#header .mainmenu a{
text-indent:0px;
}
#header .mainmenu .menu_home{
position:relative;
left:auto;top:auto;
padding: 16px 19px;
}
#header .mainmenu .menu_home a{
background: url("http://trb.jp/imgs/header-title.jpg") no-repeat -9px -43px;
}
#header .mainmenu .menu_division,
#header .mainmenu .menu_comp{
clear: both;
position: relative;
left:auto; top:auto;
width: 100%;
height: auto;
font-size: 85%;
}
#header .mainmenu .menu_division ul{
width:100%;
height:auto;
margin:0;padding:0;
}
#header .mainmenu .menu_division ul li{
width: 33%;
height:auto;
color: #333;
border-top: 1px solid #ddd;
/* gradient */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(238,238,238) 0%, rgb(204,204,204) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(204,204,204))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
#header .mainmenu .menu_division ul li:first-child{
width: 34%;
}
#header .mainmenu .menu_comp ul li{
width: 25%;
height: auto;
}
#header .mainmenu .menu_division ul li a,
#header .mainmenu .menu_comp ul li a{
width:auto;height: auto;
text-indent:0px;
text-decoration: none;
overflow: hidden;
text-align: center;
display:block;
}
#header .mainmenu .menu_comp ul li{
color: #666;
border-top: 1px solid #fff;
/* gradient */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(229,229,229) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(229,229,229))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
#header .mainmenu .menu_division ul,
#header .mainmenu .menu_comp ul{
width:100%;
display: table;
height: 40px;
}
#header .mainmenu .menu_division ul li,
#header .mainmenu .menu_comp ul li{
display: table-cell;
height: 40px;
vertical-align: middle;
}
#header .mainmenu .menu_division ul li a,
#header .mainmenu .menu_comp ul li a{
display: block;
padding: 14px 0;
width: /*100%*/auto;
height: 10px;
vertical-align: middle;
text-align:center;
border-left:1px solid #bbb;
}
#header .mainmenu .menu_division ul li:first-child a,
#header .mainmenu .menu_comp ul li:first-child a{
border-left: none;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* 中央 */
#middle .contents {
width:100%;
}
#middle .contents table{
width: auto;
max-width: 98%!important;
}
#middle .contents table th,
#middle .contents table td{
white-space:normal;
}
#middle .contents .content {
width: 96%;
float: none;
margin-left:auto;
margin-right: auto;
}
#middle a{
display:inline-block;
padding: 5px 5px;
border:1px solid #ccc;
border-radius:3px;
max-width: 100%;
height: auto;
text-decoration: none;
margin-bottom:2px;
color: #666;
/* gradient */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(229,229,229) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(229,229,229))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(229,229,229) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
#middle .content .zenback a,
#middle .content .banner a,
#middle .content h2 a{
padding:0!important;
border:none!important;
border-radius:0!important;
background: none!important;
margin-bottom:0!important;
}
#middle img{
max-width: 100%;
height: auto;
}
/* ヘッドライン */
#middle .contents .content .headline dl dt{
float: left;
height: auto;
width: auto;
display: inline;
padding:12px 12px 12px 12px;
clear: left;
background: none;
z-index:2;position:relative;
color: #333;
line-height:1.2;
}
#middle .contents .content .headline dl dd{
float: none;
height: auto;
width: auto;
padding:0;
border:1px solid silver;
border-radius:3px;
z-index:3;position:relative;
background: none;
opacity:0.5;
color: black!important;
line-height:1.0;
/* gradient */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(211,211,211) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(211,211,211))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(211,211,211) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(255,255,255) 0%,rgb(211,211,211) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(255,255,255) 0%,rgb(211,211,211) 100%); /* IE10+ */
background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(211,211,211) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}
#middle .contents .content .headline dl dd a{
display: block;
padding: 12px 6px;
z-index:4;position:relative;
background: none;
color: black!important;
line-height:1.2;
border: none;
}
/* 左側 */
#footer .menu{display: none;}
/* 右側 */
#footer .logo{
float: none;
text-align: center;
}
#middle .image{display: none;}
#middle .menu{display: none;}
#middle .contents .cm{
display: none;
}
.index #middle .contents .cm{
display: block;
float: none;
width: 96%;
margin-left:auto;
margin-right: auto;
margin-top:0;
padding:0 0 0;
}
#middle .cm .banner,
#middle .cm .blogtitlelist,
#middle .cm .feed,
#middle .cm .mail,
#middle .cm .comp,
#middle .cm .free{
display: none;
}
#middle .contents .cm .testschedule{
max-width: 96%;
height: auto;
background: none;
padding:0;margin:0;
border: 1px solid #ccc;
border-radius: 5px;
padding:2%;
}
#middle .contents .cm .testschedule .bhead,
#middle .contents .cm .testschedule .bcontent{
background: none;
padding:0;margin:0;
}
#middle .contents .cm .testschedule .bhead{
padding-top: 4px;
padding-left: 4px;
}
#middle .contents .cm .testschedule .bcontent ul{
width: 100%;
height: auto;
}
#middle .contents .cm .testschedule .bcontent p{
clear:left;
padding-top: 4px;
}
#middle .contents .cm .testschedule .bcontent ul li{
float: left;
width: 50%;
height: auto;
padding:0;margin:0;
border-bottom: 1px solid #aaa;
}
#middle .contents .cm .testschedule .bcontent ul li a{
padding: 0;background: 0;margin:0;border:none;
}
#middle .contents .cm .testschedule .bcontent ul li a img{
max-width: 98%;
height: auto;
}
/* トピックパス（非表示） */
#middle .topicpath{
display:none;
}
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* フッター */
#footer .menu{display: none;}
#footer .logo{
float: none;
text-align: center;
}

/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
}