/* CSS Document */



/* 共通ヘッダー */

#commonHeader {
background:#F2F2F2;
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:694px;
float:right;
list-style-type:none;
margin:0;
padding:0;
}
#commonHeader #bookNavi li {
background:url(http://oggi.tv/netstrategy/img/headerLineGray.gif) no-repeat;
background-position:right;
float:left;
margin:0;
padding:0 12px 0 8px;
}

#commonHeader #shogakukan a {
background:url(http://oggi.tv/netstrategy/img/headerBackgroundGray.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 .listSakura {
background:none;
float:left;
margin:0;
padding:0 20px 0 8px;
}
#commonHeader #bookNavi .listContact {
background:none;
float:left;
margin:0;
padding:0 0 0 8px;
}

#commonHeader #bookNavi .listPs a,
#commonHeader #bookNavi .listCanCam a,
#commonHeader #bookNavi .listAneCan a,
#commonHeader #bookNavi .listOggi a,
#commonHeader #bookNavi .listDomani a,
#commonHeader #bookNavi .listPrecious a,
#commonHeader #bookNavi .listWaraku a,
#commonHeader #bookNavi .listBiteki a,
#commonHeader #bookNavi .listSakura a,
#commonHeader #bookNavi .listFAnet a,
#commonHeader #bookNavi .listContact a {
background:url(http://oggi.tv/netstrategy/img/headerBackgroundGray.gif) no-repeat;
font-size:1px;
line-height:1px;
text-indent:-9999px;
display:block;
margin:0;
padding:0;
}
#commonHeader #bookNavi .listPs a {
background-position:-116px 0px;
width:20px;
height:25px;
}
#commonHeader #bookNavi .listCanCam a {
background-position:-136px 0px;
width:30px;
height:25px;
}
#commonHeader #bookNavi .listAneCan a {
background-position:-166px 0px;
width:57px;
height:25px;
}
#commonHeader #bookNavi .listOggi a {
background-position:-223px 0px;
width:37px;
height:25px;
}
#commonHeader #bookNavi .listDomani a {
background-position:-260px 0px;
width:48px;
height:25px;
}
#commonHeader #bookNavi .listPrecious a {
background-position:-308px 0px;
width:44px;
height:25px;
}
#commonHeader #bookNavi .listWaraku a {
background-position:-352px 0px;
width:27px;
height:25px;
}
#commonHeader #bookNavi .listBiteki a {
background-position:-379px 0px;
width:49px;
height:25px;
}
#commonHeader #bookNavi .listSakura a {
background-position:-428px 0px;
width:57px;
height:25px;
}
#commonHeader #bookNavi .listFAnet a {
background-position:-485px 0px;
width:41px;
height:25px;
}
#commonHeader #bookNavi .listContact a {
background-position:-526px 0px;
width:64px;
height:25px;
}

#commonHeader #bookNavi .listPs a:hover { background-position:-116px -25px;}
#commonHeader #bookNavi .listCanCam a:hover { background-position:-136px -25px;}
#commonHeader #bookNavi .listAneCan a:hover { background-position:-166px -25px;}
#commonHeader #bookNavi .listOggi a:hover { background-position:-223px -25px;}
#commonHeader #bookNavi .listDomani a:hover { background-position:-260px -25px;}
#commonHeader #bookNavi .listPrecious a:hover { background-position:-308px -25px;}
#commonHeader #bookNavi .listWaraku a:hover { background-position:-352px -25px;}
#commonHeader #bookNavi .listBiteki a:hover { background-position:-379px -25px;}
#commonHeader #bookNavi .listSakura a:hover { background-position:-428px -25px;}
#commonHeader #bookNavi .listFAnet a:hover { background-position:-485px -25px;}
#commonHeader #bookNavi .listContact a:hover { background-position:-526px -25px;}


/* 共通フッター */

#commonFooter {
/*background:url(http://oggi.tv/netstrategy/img/commonFooterLine.gif) #FFFFFF repeat-x;
background-position:top; */
background:#FFFFFF;
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:#F2F2F2;
clear:both;
margin:0;
padding:15px 0 15px 0;
}

#commonFooter #linkListBox #listCategory td {
border-right:1px solid #DDDDDD;
margin:0;
padding:0 15px;
}
#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;
}



#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 */