@charset "UTF-8";

/*---------------------------------------------- 
 Left
---------------------------------------------- */
#Left {
width:426px;
margin-top:8px;
float:left;
}

#Left p#Comment {
width:406px;
margin-bottom:8px;
padding:8px 8px 8px 12px;
background:url(../img/top_img03.jpg) no-repeat #333333;
color:#FFFFFF;
}

/*-- Search -- */
#TopSearch {
width:426px;
margin-bottom:8px;
background:url(../img/top_search_bg02.gif) repeat-y;
}

#TopSearchContainer {
width:426px;
background:url(../img/top_search_bg01.gif) no-repeat;
}

#TopSearch h3 {
padding-bottom:6px;
}

#TopSearch p.topsearch_contents {
padding:0 5px 4px 20px;
}

#TopSearch p.topsearch_btn {
padding-right:5px;
}

#TopSearch p.topsearch_btn a {
display:block;
width:98px;
height:18px;
margin-bottom:2px;
float:right;
background:transparent url(../img/top_search_btn.gif) no-repeat;
}

#TopSearch p.topsearch_btn a:hover {
background-position:0px -18px;
}

#TopSearch p.topsearch_btn a span {
display:none;
}

/*-- Recommend -- */
#TopRecommend {
width:426px;
background:url(../img/top_recommend_bg02.gif);
}

#TopRecommendContainer {
width:426px;
background:url(../img/top_recommend_bg01.gif) no-repeat;
}

#TopRecommend h4 {
}

#TopRecommendList {
padding:0 0px 6px 19px;
}

#TopRecommendList div {
width:396px;
padding-top:6px;
background:url(../img/top_recommend_obj_bg.gif) no-repeat;
}

#TopRecommendList img {
float:left;
padding:3px;
border:solid 1px #999999;
}

#TopRecommendList dl {
width:245px;
margin-top:16px; 
float:left;
}

#TopRecommendList dt {
height:22px;
padding:0 4px 0 4px;
vertical-align:middle;
font-weight:bold;
background:#1B5484;
color:#FFFFFF;
}

#TopRecommendList dt img {
float:right;
margin-top:4px;
border:0;
padding:0;
}

#TopRecommendList dd {
padding:4px 4px 2px 8px;
}

#TopRecommendList dd p.toprecommend_area {
margin-bottom:4px;
border-bottom:solid 1px #999999;
}

#TopRecommendList dd p.toprecommend_btn a {
display:block;
width:50px;
margin-bottom:4px;
height:18px;
float:right;
background:transparent url(../img/top_recommend_btn.gif) no-repeat;
}

#TopRecommendList dd p.toprecommend_btn a:hover {
background-position:0px -18px;
}

#TopRecommendList dd p.toprecommend_btn a span {
display:none;
}

p#TopList {
padding:2px 0 0 8px;
font-size:xx-small;
line-height:110%;
text-align:right;
}

/*---------------------------------------------- 
 Right
--------------------------------- */
#Right {
width:322px;
margin-top:8px;
float:right;
}

/*-- Layout -- */

#TopLayout {
width:322px;
margin-bottom:8px;
}

#TopLayout a {
display:block;
width:322px;
height:80px;
background:transparent url(../img/top_layout.jpg) no-repeat;
}

#TopLayout a:hover {
background-position:0px -80px;
}

#TopLayout a span {
display:none;
}

/*-- Blog -- */
#TopBlog {
width:308px;
margin-bottom:8px;
padding-left:14px;
background:url(../img/top_blog_bar.gif) no-repeat #2688BC;
}

#TopBlogContainer {
width:307px;
padding-bottom:2px;
border-left:solid 1px #FFFFFF;
background:url(../img/top_blog_info_bg.gif) 0% 100% repeat-x #FFFFFF;
}

#TopBlogContainer h5 {
height:28px;
padding-bottom:1px;
}

#TopBlogContainer img {
float:left;
}

#TopBlogContainer p.topblog_copy {
width:180px;
float:right;
padding:4px 2px 2px 5px;
}

#TopBlogContainer p.topblog_btn {
width:70px;
float:right;
padding-right:2px;
}

#TopBlogContainer p.topblog_btn a {
display:block;
width:70px;
height:18px;
}

#TopBlogContainer p.topblog_btn a {
display:block;
width:70px;
height:18px;
background:url(../img/top_blog_btn.gif) no-repeat;
}

#TopBlogContainer p.topblog_btn a:hover {
background-position:0px -18px;
}

#TopBlogContainer p.topblog_btn a span {
display:none;
}

/*-- Info -- */
#TopInfo {
width:308px;
margin-bottom:8px;
padding-left:14px;
background:url(../img/top_info_bar.gif) no-repeat #2688BC;
}

#TopInfoContainer {
width:307px;
padding-bottom:2px;
border-left:solid 1px #FFFFFF;
background:url(../img/top_blog_info_bg.gif) 0% 100% repeat-x #FFFFFF;
}

#TopInfoContainer h6 {
height:28px;
padding-bottom:1px;
}

#TopInfoContainer div#TopInfoNews {
width:307px;
height:140px;
background:#FFFFFF;
overflow:auto;
scrollbar-base-color:#FFFFFF;
scrollbar-arrow-color:#666666;
scrollbar-highlight-color:#666666;
scrollbar-shadow-color:#666666;
}

/*-- BannerSpace -- */
#TopBannerSpace a {
display:block;
width:314px;
height:40px;
margin-bottom:8px;
}

#TopBannerSpace a span {
display:none;
}

#TopBannerSpace p.topbanner_shop a {
background:url(../img/top_banner01.gif) no-repeat;
}

#TopBannerSpace p.topbanner_shop a:hover {
background-position:0px -40px;
}

#TopBannerSpace p.topbanner_shop a span {
display:none;
}

#TopBannerSpace p.topbanner_sale a {
background:url(../img/top_banner02.gif) no-repeat;
}

#TopBannerSpace p.topbanner_sale a:hover {
background-position:0px -40px;
}

/*-- Company -- */
#TopCompany {
width:308px;
padding-left:14px;
background:url(../img/top_company_bar.gif) no-repeat #2688BC;
}

#TopCompanyContainer {
width:307px;
padding-bottom:2px;
border-left:solid 1px #FFFFFF;
background:url(../img/top_blog_info_bg.gif) 0% 100% repeat-x #FFFFFF;
}

#TopCompanyContainer2 {
width:307px;
border-top:solid 1px #2688BC;
/* background:url(../img/top_company_bg.gif) 100% 100% repeat-y; */
}

#TopCompanyContainer2 img {
float:right;
padding:4px 9px;
border-top:solid 1px #FFFFFF;
}

#TopCompanyContainer2 p {
width:190px;
float:left;
padding:4px 0 2px 4px;
border-bottom:solid 1px #666666;
}

#TopCompanyContainer2 address {
width:190px;
float:left;
padding:4px 0 2px 4px;
font-style:normal;
font-size:x-small;
line-height:130%;
}

/*---------------------------------------------- 
 News
--------------------------------- */
.news01 { width:270px; margin:0 0 4px 4px; padding-top:4px 0; border-bottom:dashed 1px #999999; }