@charset "utf-8";

#top-menu {
margin:20px 0 30px;
}

/*--------------------------------------------------------------------------------
MAIN MENU
*/
#main-menu {
float:left;
width:710px;
margin:0 0 30px;
}

.container-2 #main-menu {
float:right;
width:auto;
}

#news {
position:relative;
clear:both;
width:680px;
}

#main-menu .bar {
width:680px;
margin:0 0 15px;
padding:9px 0 13px;
border-bottom:2px solid #a0a9d0;
}

#main-menu .bar {
display:block;
}

#main-menu .option-link {
position:absolute;
top:-2px;
right:0;
width:220px;
}

#main-menu .option-link li a {
display:block;
float:right;
min-height:15px;
border:1px solid #ccc;
border-radius:2px;
box-shadow:0 1px 1px 1px rgba(0,0,0,0.06);
font-size:90%;
text-decoration:none;
text-align:center;
}

#main-menu .option-link li a.rss {
width:65px;
padding:6px 15px 6px;
}

#main-menu .option-link li a.rss span {
display:inline-block;
min-height:15px;
padding:0 0 0 20px;
background:url(/common_n/img/icn_rss.gif) no-repeat 0 center;
}

#main-menu .option-link li a.view {
width:99px;
margin:0 0 0 6px;
padding:6px 5px;
}

#main-menu .option-link li a.view span {
display:inline-block;
min-height:15px;
padding:0 0 0 13px;
background:url(/common_n/img/icn_link2.gif) no-repeat 0 center;
}

#news .news-list {
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
}

#news .news-list dt {
clear:both;
float:left;
width:145px;
margin:0 0 20px;
padding:0;
}

#news .news-list dd {
float:left;
width:535px;
margin:0 0 12px;
padding:0;
}

.cate-list {
margin:0 0 30px;
}

.cate-list > li.main {
float:left;
width:324px;
margin:0 0 20px;
padding:2px;
border:1px solid #ccc;
border-radius:1px;
box-shadow:0 1px 1px 1px rgba(0,0,0,0.06);
background:#fff;
}

.cate-list > li.sub {
float:left;
width:330px;
margin:0 0 20px;
padding:0;
}

.cate-list > li.odd {
clear:both;
}

.cate-list > li.even {
margin-left:20px;
}

.cate-list > li img {
display:block;
}

.cate-list > li .link-1 {
display:block;
margin:12px 8px;
}

.cate-list > li.sub a {
display:table-cell;
width:288px;
height:74px;
padding:2px 20px;
border:1px solid #ccc;
border-radius:1px;
box-shadow:0 1px 1px 1px rgba(0,0,0,0.06);
background:#fff no-repeat 2px 2px;
text-align:right;
vertical-align:middle;
}

.cate-list > li.sub01 a {
background-image:url(/osaka_vb/common/img/img_sub01.jpg);
}

.cate-list > li.sub02 a {
background-image:url(/osaka_vb/common/img/img_sub02.jpg);
}

.cate-list > li.sub a:hover {
background-position:2px -84px;
}

.cate-list > li.btn {
float:left;
width:330px;
}

.cate-list > li.btn a {
padding:15px;
text-align:left;
}

/*--------------------------------------------------------------------------------
SUB MENU
*/
#sub-menu {
float:right;
width:240px;
margin:0 0 20px;
}

.container-2 #sub-menu {
float:left;
}

#sub-menu .sub-info {
width:238px;
margin:0 0 10px;
border:1px solid #ddd;
}

#sub-menu .sub-info dt img {
display:block;
}

#sub-menu .sub-info dd {
padding:15px 18px 10px;
}

.bnr-link a {
display:block;
margin:0 0 10px;
}

.btn-link a {
display:block;
min-height:15px;
margin:0 0 10px;
padding:15px;
border:1px solid #ccc;
border-radius:2px;
box-shadow:0 1px 1px 1px rgba(0,0,0,0.1);
text-align:center;
}

.btn-link a span {
display:inline-block;
min-height:15px;
padding:0 0 0 25px;
background:url(/common_n/img/icn_link1.gif) no-repeat 0 center;
}

.btn a {
border:1px solid #ddd;
}

@media (max-width:767px){
#main-menu {
float:none;
width:auto;
margin:0 0 30px;
}
#sub-menu {
float:none;
width:auto;
margin:0 0 20px;
}

#news {
width:auto;
}

#main-menu .bar {
width:auto;
margin:0 0 15px;
padding:9px 0 13px;
border-bottom:2px solid #a0a9d0;
}

#news .news-list {
clear:both;
float:none;
width:auto;
margin:0;
padding:0;
}

#news .news-list dt {
clear:both;
float:none;
width:auto;
margin:0 0 4px;
padding:0;
}

#news .news-list dd {
float:none;
width:auto;
margin:0 0 8px;
padding:0 0 8px 1em;
border-bottom:solid #ccc 1px;
}

.cate-list {
margin:0 0 30px;
}

.cate-list > li.main {
float:none;
width:auto;
max-width:324px;
margin:0 auto 20px;
padding:2px;
border:1px solid #ccc;
border-radius:1px;
box-shadow:0 1px 1px 1px rgba(0,0,0,0.06);
background:#fff;
}

.cate-list > li.sub {
float:none;
width:auto;
margin:0 0 20px;
padding:0;
}

.cate-list > li.odd {
clear:both;
}

.cate-list > li.even {
margin:0 auto 20px;
}

.cate-list > li img {
display:block;
}

.cate-list > li .link-1 {
display:block;
margin:12px 8px;
}

.cate-list > li.sub a {
display:table-cell;
width:auto;
height:74px;
padding:2px 20px;
border:1px solid #ccc;
border-radius:1px;
box-shadow:0 1px 1px 1px rgba(0,0,0,0.06);
background:#fff no-repeat 2px 2px;
text-align:right;
vertical-align:middle;
}
.bnr-link a img {
display:block;
margin-left:auto;
margin-right:auto;
}
}