/* CSS Document */



/* 共通ヘッダー */

#commonHeader {
background:#000000;
font-size:1px;
line-height:1px;
text-align:center;
margin:0;
padding:0;
}
#commonHeadWrap {
/* 幅を変更する場合は下記widthの数値を調整してください */
width:940px;
height:25px;
text-align:left;
margin:0 auto;
padding:0 10px;
}

#commonHeader #shogakukan {
width:116px;
height:25px;
float:left;
margin:0;
padding:0;
}
#commonHeader #bookNavi {
width:84%;
height:25px;
float:right;
margin:0;
padding:0;
}

#commonHeader #bookNavi ul {
width:723px;
float:right;
list-style-type:none;
margin:0;
padding:0;
}
#commonHeader #bookNavi li {
background:url(http://domani.shogakukan.co.jp/netstrategy/img/headerLineBlack.gif) no-repeat;
background-position:right;
float:left;
margin:0;
padding:0 12px 0 8px;
}

#commonHeader #shogakukan a {
background:url(http://domani.shogakukan.co.jp/netstrategy/img/headerBackgroundBlack.gif) no-repeat;
background-position:0px 0px;
width:116px;
height:25px;
font-size:1px;
line-height:1px;
text-indent:-9999px;
display:block;
margin:0;
padding:0;
}
#commonHeader #shogakukan a:hover { background-position:0px -25px;}


#commonHeader #bookNavi .listInsightLab {
background:none;
float:left;
margin:0;
padding:0 0 0 8px;
}


#commonHeader #bookNavi .listCanCam a,
#commonHeader #bookNavi .listAneCan a,
#commonHeader #bookNavi .listOggi a,
#commonHeader #bookNavi .listDomani a,
#commonHeader #bookNavi .listMensPrecious a,
#commonHeader #bookNavi .listPrecious a,
#commonHeader #bookNavi .listWaraku a,
#commonHeader #bookNavi .listBiteki a,
#commonHeader #bookNavi .listSakura a,
#commonHeader #bookNavi .listKfan a,
#commonHeader #bookNavi .listFAnet a,
#commonHeader #bookNavi .listWomanInsight a,
#commonHeader #bookNavi .listInsightLab a {
background:url(http://domani.shogakukan.co.jp/netstrategy/img/headerBackgroundBlack.gif) no-repeat;
font-size:1px;
line-height:1px;
text-indent:-9999px;
display:block;
margin:0;
padding:0;
}

#commonHeader #bookNavi .listCanCam a {
background-position:-116px 0px;
width:30px;
height:25px;
}
#commonHeader #bookNavi .listAneCan a {
background-position:-146px 0px;
width:57px;
height:25px;
}
#commonHeader #bookNavi .listOggi a {
background-position:-203px 0px;
width:37px;
height:25px;
}
#commonHeader #bookNavi .listDomani a {
background-position:-240px 0px;
width:48px;
height:25px;
}
#commonHeader #bookNavi .listMensPrecious a {
background-position:-288px 0px;
width:44px;
height:25px;
}
#commonHeader #bookNavi .listPrecious a {
background-position:-331px 0px;
width:44px;
height:25px;
}
#commonHeader #bookNavi .listWaraku a {
background-position:-375px 0px;
width:27px;
height:25px;
}
#commonHeader #bookNavi .listBiteki a {
background-position:-402px 0px;
width:49px;
height:25px;
}
#commonHeader #bookNavi .listSakura a {
background-position:-451px 0px;
width:57px;
height:25px;
}
#commonHeader #bookNavi .listKfan a {
background-position:-508px 0px;
width:70px;
height:25px;
}
#commonHeader #bookNavi .listFAnet a {
background-position:-578px 0px;
width:41px;
height:25px;
}

#commonHeader #bookNavi .listWomanInsight a {
background-position:-619px 0px;
width:108px;
height:25px;
}

#commonHeader #bookNavi .listInsightLab a {
background-position:-727px 0px;
width:13px;
height:25px;
}


#commonHeader #bookNavi .listCanCam a:hover { background-position:-116px -25px;}
#commonHeader #bookNavi .listAneCan a:hover { background-position:-146px -25px;}
#commonHeader #bookNavi .listOggi a:hover { background-position:-203px -25px;}
#commonHeader #bookNavi .listDomani a:hover { background-position:-240px -25px;}
#commonHeader #bookNavi .listMensPrecious a:hover { background-position:-288px -25px;}
#commonHeader #bookNavi .listPrecious a:hover { background-position:-331px -25px;}
#commonHeader #bookNavi .listWaraku a:hover { background-position:-375px -25px;}
#commonHeader #bookNavi .listBiteki a:hover { background-position:-402px -25px;}
#commonHeader #bookNavi .listSakura a:hover { background-position:-451px -25px;}
#commonHeader #bookNavi .listKfan a:hover { background-position:-508px -25px;}
#commonHeader #bookNavi .listFAnet a:hover { background-position:-578px -25px;}
#commonHeader #bookNavi .listWomanInsight a:hover { background-position:-619px -25px;}
#commonHeader #bookNavi .listInsightLab a:hover { background-position:-727px -25px;}




/* 共通フッター */

#commonFooter {
background:url(http://domani.shogakukan.co.jp/netstrategy/img/commonFooterLine.gif) #FFFFFF repeat-x;
background-position:top; 
text-align:center;
font-size:11px;
line-height:14px;
margin:0;
padding:0;
}
#commonFootWrap {
width:960px;
height:210px;
text-align:left;
margin:0 auto;
padding:0;
}

#commonFooter img { border:none;}

#commonFooter ul,li,table {
list-style-type:none;
margin:0;
padding:0;
}

#commonFooter a:link {
color:#333333;
text-decoration:underline;
}
#commonFooter a:hover {
color:#999999;
text-decoration:underline;
}
#commonFooter a:visited {
color:#999999;
text-decoration:underline;
}

#commonFooter #viewerBox {
width:960px;
height:210px;
margin:0;
padding:0;
}

#commonFooter #viewer {
width:880px;
height:190px;
float:left;
margin:0;
padding:10px 0;
}

#commonFooter .prevBox {
width:20px;
height:160px;
float:left;
margin:0;
padding:50px 5px 0 5px;
}
#commonFooter .prev {
margin:0;
padding:0;
}
#commonFooter .nextBox {
width:20px;
height:160px;
float:right;
margin:0;
padding:50px 5px 0 5px;
}
#commonFooter .next {
margin:0;
padding:0;
}

#commonFooter .album {
position: relative;
visibility: hidden;
left: -5000px;
margin:0;
padding:0;
}

#commonFooter .list {
width:120px;
height:190px;
font-size:10px;
line-height:13px;
margin:0;
padding:0 15px;
}
#commonFooter .list img { border:1px solid #666666;}
#commonFooter .list strong {
font-size:12px;
line-height:18px;
margin:0;
padding:0;
}



#commonFooter #linkListBox {
background:#000000;
clear:both;
margin:0;
/* padding:15px 0 15px 0; */
padding:20px 0 20px 0;
}

#commonFooter #linkListBox #listCategory td {
border-right:1px solid #999999;
margin:0;
/* padding:0 15px; */
padding:0 25px;
}

#commonFooter #linkListBox #listCategory .twoLine {
border-right:none;
margin:0;
padding:0 0 0 15px;
}

#commonFooter #linkListBox #listCategory .noLine {
border-right:none;
margin:0;
/* padding:0 15px; */
padding:0 25px;
}

#commonFooter #linkListBox a:link {
color:#FFFFFF;
text-decoration:underline;
}
#commonFooter #linkListBox a:hover {
color:#999999;
text-decoration:underline;
}
#commonFooter #linkListBox a:visited {
color:#999999;
text-decoration:underline;
}
#commonFooter #linkListBox .listCategoryTitle {
color:#FFFFFF;
margin:0;
padding:0 0 14px 0;
}


#commonFooter .listCategoryTitle {
margin:0;
padding:0 0 14px 0;
}
#commonFooter .listCategoryMain {
margin:0;
padding:0 0 9px 0;
}


#commonFooter #copyrightBox {
margin:0;
padding:20px 0;
}








.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix { display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display: block;}
/* End hide from IE-mac */