@charset "utf-8";

/* 表示領域全体 */
div.tabbox {
margin-bottom:20px;
padding: 0px;
width: 638px;
border:1px solid #CCC;
}
div.tabbox h2{
font-size:120%;
padding: 10px 20px;
margin:0;
color:#0066CC;
float:left;
}
div.tabbox p.more{
float:right;
padding: 10px 20px;
margin:0;
}
div.tabbox p.more a{
background:url(/hqcera/common/images/arrow_blue.png) no-repeat left 2px;
padding-left:15px;
}
/* タブ部分 */
div.tabs {
margin: 0px;
padding: 0px;
clear:both;
border-top:1px solid #CCC;
border-bottom:4px solid #0066CC;
overflow:hidden;
}
div.tabs table{
margin: 0px;
padding: 0px;
border-spacing:0;
width:100%;
}
div.tabs table td{
padding: 0px;
border-left:1px solid #CCC;
width:16%;
}
div.tabs table td.tab_top{
border-left:none;
width:20%;
}
div.tabs a {
display: block;
margin: 0;
padding: 3px 0;
text-align: center;
text-decoration:none;
font-weight:bold;
background-color: #FFF;
color:#000;
}
div.tabs a.tab1 {
}
div.tabs a.tab2, div.tabs a.tab3, div.tabs a.tab4, div.tabs a.tab5, div.tabs a.tab6 {
}
div.tabs a.select {
background-color:#0066CC;
color:#FFF;
}
/* タブ中身のボックス */
div.tab {
height: auto;
clear: left;
padding:10px 20px;
overflow: auto; /* スクロールバーの調節 */
height: 245px;
}
/* 各ボックスの配色 */
div#tab1, div#tab2, div#tab3 {
background-color: #FFF;
}

/* 新着情報のスタイル */
div.tab ul{
}
div.tab  ul li{
	padding:8px 0;
}
div.tab  ul li.newsborder{
	border-bottom:1px dotted #CCC;
}
div.tab  ul li .newsdate{
	width:35%;
	float:left;
}
div.tab  ul li .newsdate img{
	padding-right:15px;
}
div.tab  ul li .newstext{
	float:left;
	width:65%;
}