/*
Theme Name: Portal Top Template
Theme URI: 
Description: ブログポータルTOPページです。
Author: SLX
Author URI: http://www.solidexchange.co.jp/
Version: 1.0
*/

*{
margin:0;
padding:0;
position:relative;
clear:both;
text-decoration:none;
font-family:Verdana;
font-size:7pt;
background-position:left top;
background-repeat:no-repeat;
}

li{
list-style-type:none;
}

div.spacer{
height:1px;
overflow-y:hidden;
}

body{
background-image:url("images/header_top.gif");
background-repeat:repeat-x;
background-position:center top;
}



div#container{
padding:5px 0 0 0;
}



div#container div#header{
width:900px;
height:99px;
top:0;
left:50%;
margin:0 0 0 -450px;
}

div#container div#header div#logo, div#container div#header div#rss10, div#container div#header div#rss09, div#container div#header div#rss20, div#container div#header div#atom, div#container div#header div#header_sanei, div#container div#header div#header_selecsonic{
height:100%;
float:left;
clear:none;
}

div#container div#header h1, div#container div#header a{
display:block;
font-size:1pt;
text-indent:-9999px;
}

div#container div#header div#logo{
clear:left;
width:107px;
}

div#container div#header div#logo div#logo_inner{
padding:19px 0 0 8px;
}

div#container div#header div#logo div#logo_inner h1{
height:64px;
width:99px;
background-image:url("images/logo_blog.gif");
}

div#container div#header div#rss10{
width:305px;
}

div#container div#header div#rss10 div#rss10_inner{
padding:68px 0 0 238px;
}

div#container div#header div#rss10 div#rss10_inner a{
height:21px;
width:67px;
background-image:url("images/rss10.gif");
}

div#container div#header div#rss09{
width:88px;
}

div#container div#header div#rss09 div#rss09_inner{
padding:68px 0 0 21px;
}

div#container div#header div#rss09 div#rss09_inner a{
height:21px;
width:67px;
background-image:url("images/rss09.gif");
}

div#container div#header div#rss20{
width:88px;
}

div#container div#header div#rss20 div#rss20_inner{
padding:68px 0 0 21px;
}

div#container div#header div#rss20 div#rss20_inner a{
height:21px;
width:67px;
background-image:url("images/rss20.gif");
}

div#container div#header div#atom{
width:88px;
}

div#container div#header div#atom div#atom_inner{
padding:68px 0 0 21px;
}

div#container div#header div#atom div#atom_inner a{
height:21px;
width:67px;
background-image:url("images/atom.gif");
}

div#container div#header div#header_sanei{
width:89px;
}

div#container div#header div#header_sanei div#header_sanei_inner{
padding:59px 0 0 19px;
}

div#container div#header div#header_sanei div#header_sanei_inner a{
height:36px;
width:70px;
background-image:url("images/sanei_s.gif");
}

div#container div#header div#header_selecsonic{
width:118px;
clear:right;
}

div#container div#header div#header_selecsonic div#header_selecsonic_inner{
padding:72px 0 0 20px;
}

div#container div#header div#header_selecsonic div#header_selecsonic_inner a{
height:13px;
width:98px;
background-image:url("images/logo_selecsonic.gif");
}

div#container div#top{
width:100%;
height:300px;
background-image:url("images/header.gif");
background-repeat:repeat;
background-position:center top;
overflow-x:hidden;
}

div#container div#top div#top_inner{
width:900px;
height:100%;
position:absolute;
top:0;
left:50%;
margin:0 0 0 -450px;
}

div#container div#top div#top_left{
width:50%;
height:100%;
position:absolute;
top:0;
right:50%;
margin:0 450px 0 0;
background-image:url("images/header_left.gif");
background-repeat:repeat;
background-position:right top;
}

div#container div#top div#top_right{
width:50%;
height:100%;
position:absolute;
top:0;
left:50%;
margin:0 0 0 450px;
background-image:url("images/header_right.gif");
background-repeat:repeat;
}



div#container div#body{
width:100%;
padding:39px 0 0 0;
}

div#container div#body div#body_inner{
width:900px;
top:0;
left:50%;
margin:0 0 0 -450px;
}



div#container div#body div#body_inner div#main{
width:756px;
float:left;
clear:none;
}

div#container div#body div#body_inner div#main h2{
width:740px;
font-size:1pt;
text-indent:-9999px;
}

div#container div#body div#body_inner div#main h2#selecsonic_blog{
height:44px;
background-image:url("images/title_selec_blog.gif");
}

div#container div#body div#body_inner div#main h2#brand_blogs{
height:54px;
background-image:url("images/title_brand_blog.gif");
}

div#container div#body div#body_inner div#main h2#brand_lineup{
height:44px;
background-image:url("images/title_brand_lineup.gif");
}

div#container div#body div#body_inner div#main ul.blogs{
width:100%;
}

div#container div#body div#body_inner div#main ul.blogs li{
clear:none;
float:left;
width:378px;
height:205px;
overflow-x:hidden;
background-position:12px 175px;
background-image:url("images/dot_line.gif");
}

div#container div#body div#body_inner div#main ul.blogs li h3{
width:362px;
height:122px;
background-color:#ECECEC;
}

div#container div#body div#body_inner div#main ul.blogs li h3 a.image{
top:11px;
left:11px;
height:100px;
width:340px;
display:block;
font-size:1pt;
text-indent:-9999px;
opacity:1.0;
filter:Alpha(opacity=100);
}

div#container div#body div#body_inner div#main ul.blogs li h3 a.image:hover{
opacity:0.4;
filter:Alpha(opacity=40);
}

div#container div#body div#body_inner div#main ul.blogs li ul{
margin:11px;
}

div#container div#body div#body_inner div#main ul.blogs li ul li{
clear:both;
float:none;
background-image:url("images/list_mark.gif");
background-position:5px 3px;
height:1.2em;
text-indent:21px;
padding:2px 0;
width:100%;
}

div#container div#body div#body_inner div#main ul.blogs li ul li a{
color:#B1141C;
margin:0 0 0 8px;
}

div#container div#body div#body_inner div#main ul.blogs li ul li a:hover{
text-decoration:underline;
}

div#container div#body div#body_inner div#main ul.blogs li ul li.none{
background-image:none;
}



div#container div#body div#body_inner div#main div#list{
width:740px;
margin:0 0 30px 0;
overflow-x:hidden;
}

div#container div#body div#body_inner div#main div#list ul#brands{
width:783px;
margin:0 0 0 -20px;
}

div#container div#body div#body_inner div#main div#list ul#brands li{
clear:none;
float:left;
width:261px;
height:120px;
background-image:url("images/dot_line_tate.gif");
background-position:260px 34px;
}

div#container div#body div#body_inner div#main div#list ul#brands li span{
display:block;
height:100px;
width:250px;
background-position:65px 19px;
}

div#container div#body div#body_inner div#main div#list ul#brands li span a, div#container div#body div#body_inner div#main div#list ul#brands li span span{
display:block;
height:15px;
text-indent:-9999px;
font-size:1pt;
margin:84px 0 0 0;
background-position:left top;
position:absolute;
top:0;
}

div#container div#body div#body_inner div#main div#list ul#brands li span .blog{
left:46px;
width:55px;
}
div#container div#body div#body_inner div#main div#list ul#brands li span .web{
left:101px;
width:70px;
}
div#container div#body div#body_inner div#main div#list ul#brands li span .shop{
left:171px;
width:45px;
}

div#container div#body div#body_inner div#main div#list ul#brands li span a.blog{
background-image:url("images/blog.gif");
}
div#container div#body div#body_inner div#main div#list ul#brands li span a.web{
background-image:url("images/web.gif");
}
div#container div#body div#body_inner div#main div#list ul#brands li span a.shop{
background-image:url("images/shop.gif");
}
div#container div#body div#body_inner div#main div#list ul#brands li span a.blog:hover{
background-image:url("images/blog_on.gif");
}
div#container div#body div#body_inner div#main div#list ul#brands li span a.web:hover{
background-image:url("images/web_on.gif");
}
div#container div#body div#body_inner div#main div#list ul#brands li span a.shop:hover{
background-image:url("images/shop_on.gif");
}
div#container div#body div#body_inner div#main div#list ul#brands li span span.blog{
background-image:url("images/blog_off.gif");
}
div#container div#body div#body_inner div#main div#list ul#brands li span span.web{
background-image:url("images/web_off.gif");
}
div#container div#body div#body_inner div#main div#list ul#brands li span span.shop{
background-image:url("images/shop_off.gif");
}



div#container div#body div#body_inner div#links_right{
width:140px;
margin:27px 0 0 0;
clear:none;
float:right;
}

div#container div#body div#body_inner div#links_right h2, div#container div#body div#body_inner div#links_right ul#banners li a{
width:100%;
text-indent:-9999px;
font-size:1pt;
}

div#container div#body div#body_inner div#links_right h2{
height:145px;
background-image:url("images/group_company.gif");
}

div#container div#body div#body_inner div#links_right ul#banners li {
display:block;
width:100%;
height:72px;
margin:0 0 5px 0;
}

div#container div#body div#body_inner div#links_right ul#banners li a{
display:block;
height:100%;
opacity:1.0;
filter:Alpha(opacity=100);
}

div#container div#body div#body_inner div#links_right ul#banners li a:hover{
opacity:0.4;
filter:Alpha(opacity=40);
}

div#container div#body div#body_inner div#links_right ul#banners li.selec a{
background-image:url("images/shopping.gif");
}
div#container div#body div#body_inner div#links_right ul#banners li.sanei a{
background-image:url("images/sanei.gif");
}
div#container div#body div#body_inner div#links_right ul#banners li.frees a{
background-image:url("images/frees_int.gif");
}
div#container div#body div#body_inner div#links_right ul#banners li.anglobal a{
background-image:url("images/anglobal.gif");
}
div#container div#body div#body_inner div#links_right ul#banners li.last a{
background-image:url("images/last_call.gif");
}



div#container div#body div#footer{
width:100%;
height:132px;
margin:0 0 1px 0;
background-color:#000;
color:#FFFFFF;
text-align:center;
padding:34px 0 0 0;
font-size:8pt;
}



div#container div#body div#body_inner div#main ul#blogs_selecsonic{
width:740px;
margin:10px 0;
}

div#container div#body div#body_inner div#main ul#blogs_selecsonic li.selecsonic{
width:100%;
background-position:12px 183px;
background-image:url("images/dot_line_l.gif");
}

div#container div#body div#body_inner div#main ul#blogs_selecsonic li.selecsonic h3{
width:100%;
height:130px;
}

div#container div#body div#body_inner div#main ul#blogs_selecsonic li.selecsonic h3 a.image{
height:108px;
width:718px;
background-image:url("images/selecsonic/visual.jpg");
}
/*
div#container div#body div#body_inner div#main ul.blogs li.abx h3 a.image{
background-image:url("images/abx/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.abx span{
background-image:url("images/abx/logo.gif");
}
*/
div#container div#body div#body_inner div#main ul.blogs li.adore h3 a.image{
background-image:url("images/adore/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.adore span{
background-image:url("images/adore/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.andbypd h3 a.image{
background-image:url("images/andbypd/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.andbypd span{
background-image:url("images/andbypd/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.barbie h3 a.image{
background-image:url("images/barbie/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.barbie span{
background-image:url("images/barbie/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.barbiekids h3 a.image{
background-image:url("images/barbiekids/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.barbiekids span{
background-image:url("images/barbiekids/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.bosch h3 a.image{
background-image:url("images/bosch/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.bosch span{
background-image:url("images/bosch/logo.gif");
}
/*
div#container div#body div#body_inner div#main ul.blogs li.capesmile h3 a.image{
background-image:url("images/capesmile/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.capesmile span{
background-image:url("images/capesmile/logo.gif");
}
*/
div#container div#body div#body_inner div#main ul.blogs li.freesmart h3 a.image{
background-image:url("images/freesmart/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.freesmart span{
background-image:url("images/freesmart/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.frees-shop h3 a.image{
background-image:url("images/frees-shop/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.frees-shop span{
background-image:url("images/frees-shop/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.jill-stuart h3 a.image{
background-image:url("images/jill-stuart/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.jill-stuart span{
background-image:url("images/jill-stuart/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.jillstuart-newyork h3 a.image{
background-image:url("images/jillstuart-newyork/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.jillstuart-newyork span{
background-image:url("images/jillstuart-newyork/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.materia h3 a.image{
background-image:url("images/materia/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.materia span{
background-image:url("images/materia/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.novespazio h3 a.image{
background-image:url("images/novespazio/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.novespazio span{
background-image:url("images/novespazio/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.pinky-and-dianne h3 a.image{
background-image:url("images/pinky-and-dianne/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.pinky-and-dianne span{
background-image:url("images/pinky-and-dianne/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.pinky-girls h3 a.image{
background-image:url("images/pinky-girls/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.pinky-girls span{
background-image:url("images/pinky-girls/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.proportion h3 a.image{
background-image:url("images/proportion/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.proportion span{
background-image:url("images/proportion/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.vertdense h3 a.image{
background-image:url("images/vertdense/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.vertdense span{
background-image:url("images/vertdense/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.vivayou h3 a.image{
background-image:url("images/vivayou/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.vivayou span{
background-image:url("images/vivayou/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.vivienne-tam h3 a.image{
background-image:url("images/vivienne-tam/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.vivienne-tam span{
background-image:url("images/vivienne-tam/logo.gif");
}
/*for .N*/
div#container div#body div#body_inner div#main ul.blogs li.n h3 a.image{
background-image:url("images/n/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.n span{
background-image:url("images/n/logo.gif");
}

div#container div#body div#body_inner div#main ul.blogs li.flavordresser h3 a.image{
background-image:url("images/flavordresser/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.flavordresser span{
background-image:url("images/flavordresser/logo.gif");
}

div#container div#body div#body_inner div#main ul.blogs li.naturalbeautybasic h3 a.image{
background-image:url("images/naturalbeautybasic/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.naturalbeautybasic span{
background-image:url("images/naturalbeautybasic/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.bodydressing h3 a.image{
background-image:url("images/bodydressing/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.bodydressing span{
background-image:url("images/bodydressing/logo.gif");
}
div#container div#body div#body_inner div#main ul.blogs li.ruchecuff h3 a.image{
background-image:url("images/ruchecuff/visual.jpg");
}
div#container div#body div#body_inner div#main div#list ul#brands li.ruchecuff span{
background-image:url("images/ruchecuff/logo.gif");
}