@charset "UTF-8";

/* ===================================== */
/*             cnTopPages                */
/* ===================================== */
html, body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, span,
ul, ol, li, dl, dt, dd,
table, th, td, select, option, label,
form, fieldset, input, textarea{
    margin:0;
    padding:0;
    font-family:"Microsoft YaHei",Meiryo,"MS PGothic",sans-serif,Verdana,Arial;
    font-size:9pt;
    border-collapse:collapse;
    list-style-position:inside;
}
.float_clear{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
html{
    height:100%;
}
body{
    height:100%;
}
img {
    border-style:none;
}
#container-wrap{
    margin-left:auto;
    margin-right:auto;
    width:980px;
/*border:1px solid yellow;*/
}
#container{
    margin:1px;
}
#toparea-wrap{
    width:978px;
/*border:1px solid purple;*/
}
#toparea{
    margin:1px;
}
#logo-wrap{
/*    float:left;
border:1px solid red;*/
}
#logo{
    margin:1px;
}
#search-wrap{
display:none;
    float:right;
/*border:1px solid red;*/
}
#search{
    margin:1px;
}
#toptop-in:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#image-panel-wrap{
    height:15px;
    background-color:orange;
/*border:1px solid green;*/
}
#image-panel{
    margin:1px;
}
#toparea-wrap:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}




#bodyarea-wrap{
    width:978px;
    margin-top:10px;
/*border:1px solid red;*/
}
#bodyarea{
    margin:1px;
}
#leftside-wrap{
    float:left;
    width:728px;
}
#leftside{
    margin:1px;
}
#categoly-wrap{
    float:left;
    width:225px;
}
#main-wrap{
    margin-left:228px;
}
#filter-in{
    overflow:hidden;
}
#filter td{
    padding-left:5px;
}
#filter td .input{
    padding-right:10px;
}
#leftside-in:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#categoly{
}
#categoly-title {
    padding:3px;
}
#categoly-title h2{
    font-weight:normal;
    font-size:11pt;
}
#category-list{
}
#category-list ul{
    padding-left:15px;
}
#category-list ul li{
    list-style:none;
    height:24px;
    line-height:24px;
}
#category-list ul li a{
    color:blue;
}
#category-list ul li a:hover{
    color:red;
}

#companylist .company-wrap{
    margin-top:5px;
}
#companylist .company{
    border:1px solid #ccc;
    
}
#companylist .company:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#companylist .company .company-pict{
    float:left;
    width:160px;
    margin:2px;
}
#companylist .company .company-pict img{
    width: 150px;
}
#companylist .company .company-info{
    margin-left:160px;
    padding:5px;
}
#companylist .company .company-info .company-name{
    float:left;
    width:260px;
}
#companylist .company .company-info .company-name,
#companylist .company .company-info .company-name a,
#companylist .company .company-info .company-name a.large{
    font-size:12pt;
    font-weight:bold;
    color:#666;
}

#companylist .company .company-info .company-name a.small{
    font-size:9pt;
    font-weight:normal;
    color:#666;
    text-decoration:none;
}

#companylist .company .company-info .company-name a:hover{
    color:#F33;
    text-decoration:underline;
}
#companylist .company .company-info .company-pref{
    float:right;
    padding:5px;
    background-color:#f40;
    border:1px solid #f40;
    color:#fff;
    border-radius: 3px 3px 3px 3px;
    font-weight:normal;
    line-height:40px;
}
#companylist .company .company-info ul.company-categoly:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#companylist .company .company-info ul.company-categoly li{
    float:left;
    margin-right:2px;
    margin-top:10px;
    padding:3px;
    background-color:#8a608a;
    border:1px solid #8a608a;
    color:white;
    border-radius: 3px 3px 3px 3px;
    list-style:none;
    font-weight:normal;
}

#companylist .company .company-info .company-note{
    margin-top:10px;
    font-size:9pt;
    font-weight:normal;
    color:#999;
}
#companylist .company .company-info a.contact-us{
    text-decoration:none;
    float:right;
    padding:2px 5px 2px 5px;
    color:#FFF;
    padding:3px;
    background-color:#A13;
    border:1px solid #A13;
    border-radius: 3px 3px 3px 3px;
    margin-bottom:5px;
}
#companylist .company .company-info a.contact-us:hover{
    text-decoration:none;
    background-color:#F13;
    border:1px solid #F13;
}

.pager{
    font-size:16px;
    font-weight:normal;
    color:#EEE;
}
.pager span{
    padding:0 2px 0 2px;
}
.pager span:first-child{
  margin-right:5px;
}
.pager span:last-child{
  margin-left:5px;
}

.pager span a{
    display:box;
    text-decoration:under-line;
    color:#33F;
    padding:0 1px 0 1px;
}
.pager span a:hover{
    color:#F33;
}
.pager span.disabled{
    color:#bbb;
}
.pager span.current{
    color:#333;
}


#rightside-wrap{
display:none;
    margin-left:728px;
/*border:1px solid red;*/
}
#rightside{
    margin:1px;
}

#bodyarea-in:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}



#footarea-wrap{
    margin-top:20px;
    width:978px;
    height: 20px;
/*border:1px solid pink;*/
}
#footarea{
    margin:1px;
}
#copy-wrap{
    float:left;
}
#footfunction-wrap{
    display:none;
    float:right;
}
#container-in:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
ul.langtype{
/*    float:right;*/
}
ul.langtype li{
    list-style:none;
    float:right;
    border:1px solid #ddd;
    background-color:#cdcdcd;
    width:30px;
    text-align:center;
    padding:2px 5px 2px 5px;
    padding:3px;
    border-radius: 3px 3px 3px 3px;
    margin-bottom:5px;
}