/*

A Six Apart theme adapted for Movable Type default templates 
name: Unity Blue  
designer: Lilia Ahner  
designer_url: http://lilia.vox.com/ 
layouts: layout-wtt, layout-twt, layout-wt, layout-tw
*/


/* Default ---------------------------------------------------------------- */

/* Global */

body {
    font: normal 12px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
    letter-spacing:0.1em;
}

br {
    letter-spacing:normal;
}


/* Header */

#header {
border-top-width: 0px;
border-top-style: solid;
}

#header-inner {
position: relative;
}

#header-name {
margin: 0 0 5px;
line-height: 1;
}

#header-description {
margin: 0;
font-size: 14px;
line-height: 1.125;
}

#header a {
text-decoration: none;
}

#header a:hover {
text-decoration: underline;
}


/* Content */

.asset-name {
font-size: 22px;
font-weight: bold;
}

.asset-name a {
text-decoration: none;
}

.asset-name a:hover {
text-decoration: underline;
}

.asset-content {
margin: 5px 0;
}

.asset-more-link {
font-weight: bold;
}

.asset-meta {
border-top: 1px solid #d8e8f5;
}

.asset-footer {
border-top: 1px solid #d8e8f5;
}

.content-nav {
margin: 5px 0 10px;
}

.archive-title {
margin: 5px 0 30px;
font-size: 26px;
font-weight: bold;
}

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
margin: 0;
padding: 5px 0;
font-size: 18px;
font-weight: bold;
}

.search-results-header {
margin-bottom: .25em;
}

.asset-more-link,
.asset-meta,
.typelist-thumbnailed {
font-size: 11px;
}

/* Footer */

#footer-content,
#footer-content a {
color: #fff;
}


/* Utility */

.widget-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.search-form-header,
.search-results-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
}


/* Global ----------------------------------------------------------------- */

body {
color: #333;   
background: #ffffff; 
}

a {
    color: #69c; 
    font-weight: normal; 
}

a:hover {
    text-decoration: none;
}

a.categoryTitleLink {
    font-weight: bold; 
}

/* Layout ----------------------------------------------------------------- */

#container-inner,
#content {
background-color: #fff;
}

#header-inner, #content-inner, #footer-inner {
padding-top: 0;
padding-bottom: 0;
}

#header-inner, #beta-inner, #gamma-inner {
padding-right: 0;
padding-left: 0;
}

/* global ----------------------------------------------------------------- */

.F10 {
    font-size:10px;
}


.triangle1em {
    vertical-align:0.1em;
    margin:0px 5px 0px 0px;
}

.triangle3em {
    vertical-align:0.3em;
    margin:0px 5px 0px 0px;
}

.triangle5em {
    vertical-align:0.5em;
    margin:0px 5px 0px 0px;
}


/* Header ----------------------------------------------------------------- */

#container-inner {
background-color: #fff;
}

#content {
margin-top: 15px;
}

#beta-inner,
#gamma-inner {
padding: 0 0 25px;
}

#header {
background: url(header.png) no-repeat center top #fff;
position: static; 
width: 100%; 
}

#header-inner {
background-color: #fff;
}

#header-content {
margin: 0px 0px 0px 0px;
height:91px;
}

#header-name {
font-weight: bold;
font-size: 32px;
}

#header-name,
#header-name a {
font-weight: bold;
font-size: 32px;
text-decoration: none;
color: #295684;
}

.headerLeft {
float:left;
position:relative;
display: inline;
width:400px;
}

.headerLeft-inner {
position:static;
}


.headerRight {
float:left;
position:relative;
display: inline;
width:580px;
}


.headerRight-inner {
position:static;
text-align:right;
padding:12px 20px 0px 0px;
}

.headerRightSearchBox {
width:150px;
heigth:15px;
border:1px #cccccc solid;
}

input.headerRightSearchButton {
    width:40px;
    height:22px;
}

#header-name a:hover {
text-decoration: underline;
}

#header-description,
#header-description a { 
color: #999;
}

/* menu ---------------------------------------------------------------- */

.menu {
    width:980px;
    height:28px;
    margin:0px 0px 0px 0px;
}

.breadcrumb {
    border-width:0px 0px 1px 0px;
    border-style:solid;
    border-color:#e5e5e5;
    margin:0px 0px 30px 0px;
    padding:10px 0px 10px 17px;
    font-size:10px;
    background-color:#f1f5f7;
}


/* headerTopics ---------------------------------------------------------- */

.headerTopics {
position:relative;
width:980px;

}

.headerTopics-inner {
position:static;

}

.headerTopicsLeftDiv {
float:left;
position:relative;
width:16px;
}

.headerTopicsLeftDiv-inner {
position:static;

}

.headerTopicsFlash {
float:left;
position:relative;
width:627px;

}

.headerTopicsFlash-inner {
position:static;

}

.headerTopicsMiddleDiv {
float:left;
position:relative;
width:14px;

}

.headerTopicsMiddleDiv-inner {
position:static;

}

.headerTopicsTopic {
float:left;
position:relative;
width:305px;

}

.headerTopicsTopic-inner {
position:static;

}

.headerTopicsRightDiv {
float:left;
position:relative;
width:18px;

}

.headerTopicsRightDiv-inner {
position:static;

}

.headerTopicsTopicsColumn {
width:305px;
height:63px;
border-width:0px 0px 1px 0px;
border-style:dotted;
border-color:#cccccc;
}



.headerTopicsTopicsColumnHeaderLine {
    position:relation;
    width:305px;
    border-width:0px 0px 2px 0px;
    border-style:solid;
    border-color:#c4cdd2;
}


.headerTopicsTopicsColumnHeaderLine-inner {
    position:static;
}

.headerTopicsTopicsColumnHeaderLineLeft {
    position:relation;
    float:left;
    width:200px;
}

.headerTopicsTopicsColumnHeaderLineLeft-inner {
    position:static;

}

.headerTopicsTopicsColumnHeaderLineRight {
    position:relation;
    float:left;
    width:105px;
}

.headerTopicsTopicsColumnHeaderLineRight-inner {
    position:static;
    text-align:right;
    padding:5px 0px 0px 0px;

}





.headerTopicsTopicsColumnDate {
font-size:10px;
color:#8fc4de;
padding:10px 0px 0px 3px;
}

.headerTopicsTopicsColumnTitle {
padding:2px 0px 0px 3px;
}

/* topLeftColumn ---------------------------------------------------------------- */

.topLeftColumn {
position:relative;
width:209px;
}

.topLeftColumn-inner {
position:static;
padding:0px 15px 0px 17px;
}

.leftColumn {
    position:relative;
    width:209px;
}

.leftColumn-inner {
    position:static;
    padding:0px 15px 0px 17px;
}

.topLeftColumnSbcrShopHeaderLine {
border-width:0px 0px 2px 0px;
border-style:solid;
border-color:#c4cdd2;
width:177px;
}

.topLeftColumnSbcrShopItem {
position:relative;
width:177px;
border-width:0px 0px 1px 0px;
border-style:dotted;
border-color:#c4cdd2;
}

.topLeftColumnSbcrShopItem-inner {
position:static;
padding:10px 0px 10px 0px;
}

.topLeftColumnSbcrShopItemLeft {
float:left;
position:relative;
width:70px;
margin:0px 10px 0px 0px;
}

.topLeftColumnSbcrShopItemLeft-inner {
position:static;
}
.topLeftColumnSbcrShopItemRight{
float:left;
width:97px;
position:relative;
}
.topLeftColumnSbcrShopItemRight-right {
position:static;

}

.topLeftColumnDate {
font-size:10px;
color:#73b5d5;
margin:0px 0px 3px 0px;
}

.topLeftColumnTitle {
font-size:12px;
line-height:16px;
}


/* sbcrShop ---------------------------------------------------------------- */


.leftColumnSbcrShopHeaderLine {
    position:relation;
    width:177px;
    border-width:0px 0px 3px 0px;
    border-style:solid;
    border-color:#c4cdd2;
}

.leftColumnSbcrShopHeaderLine-inner {
    position:static;
    padding:0px 0px 0px 0px;
}

.leftColumnSbcrShopHeaderLineLeft {
    position:relation;
    float:left;
    width:67px;
}

.leftColumnSbcrShopHeaderLineLeft-inner {
    position:static;

}

.leftColumnSbcrShopHeaderLineRight {
    position:relation;
    float:left;
    width:110px;
}

.leftColumnSbcrShopHeaderLineRight-inner {
    position:static;
    text-align:right;
    padding:8px 0px 0px 0px;

}

.leftColumnSbcrShopItem {
    position:relative;
    width:177px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;

}

.leftColumnSbcrShopItem-inner {
    position:static;
    padding:10px 0px 10px 0px;
}

.leftColumnSbcrShopItemLeft {
    float:left;
    position:relative;
    width:70px;
    margin:0px 10px 0px 0px;
}

.leftColumnSbcrShopItemLeft-inner {
    position:static;
}

.leftColumnSbcrShopItemRight{
    float:left;
    width:97px;
    position:relative;
}

.leftColumnSbcrShopItemRight-right {
    position:static;
}

.leftColumnSbcrShopDate {
    font-size:10px;
    color:#73b5d5;
    margin:0px 0px 3px 0px;
}

.leftColumnSbcrShopTitle {
    font-size:10px;
    line-height:16px;
}

/* topCenterColumn ---------------------------------------------------------------- */

.topCenterColumn {
position:relative;
width:577px;
}

.topCenterColumn-inner {
position:static;
padding:0px 15px 0px 0px;
}

.topCenterColumnBlogHeaderLine {
    width:562px;
    margin:3px 0px 0px 0px;
    border-width:0px 0px 3px 0px;
    border-style:solid;
    border-color:#c4cdd2;
}


.topCenterColumnBlogHeaderLine-inner {
    position:static;
}

.topCenterColumnBlogHeaderLineLeft {
    position:relation;
    float:left;
    width:200px;
}

.topCenterColumnBlogHeaderLineLeft-inner {
    position:static;

}

.topCenterColumnBlogHeaderLineLineRight {
    position:relation;
    float:left;
    width:362px;
}

.topCenterColumnBlogHeaderLineRight-inner {
    position:static;
    text-align:right;
    padding:20px 0px 0px 0px;

}


.topCenterColumnBlogItem {
position:relative;
width:562px;
}

.topCenterColumnBlogItem-inner {
position:static;
padding:10px 0px 10px 0px;
}

.topCenterColumnBlogItemLeft {
float:left;
position:relative;
width:40px;
height:40px;
margin:0px 10px 0px 0px;
}

.topCenterColumnBlogItemLeft-inner {
position:static;
}

.topCenterColumnBlogItemCenter {
float:left;
width:144px;
height:40px;
position:relative;
margin:0px 10px 0px 0px;
border-width:0px 1px 0px 0px;
border-style:solid;
border-color:#c4cdd2;
}
.topCenterColumnBlogItemCenter-inner {
position:static;
padding:0px 0px 0px 10px;
}


.topCenterColumnBlogItemRight {
float:left;
position:relative;
width:357px;
height:40px;
}
.topCenterColumnBlogItemRight-right {
position:static;
padding:0px 0px 0px 10px;
}

.topCenterColumnSiteTitle {
font-size:12px;
color:#73b5d5;
line-height:16px;
margin:0px 0px 3px 0px;
}

.topCenterColumnSiteDescription {
font-size:10px;
}


.topCenterColumnDate {
font-size:10px;
color:#73b5d5;
margin:0px 0px 3px 0px;
}

.topLeftColumnTitle {
font-size:12px;
line-height:16px;
}

/* centerColumn ---------------------------------------------------------------- */

.centerColumn {
position:relative;
width:577px;
}

.centerColumn-inner {
position:static;
padding:0px 15px 0px 0px;
}

.centerColumnBlogHeaderLine {
    width:562px;
    margin:3px 0px 0px 0px;
    border-width:0px 0px 3px 0px;
    border-style:solid;
    border-color:#c4cdd2;

}


.centerColumnBlogHeaderLine-inner {
    position:static;
}

.centerColumnBlogHeaderLineLeft {
    position:relation;
    float:left;
    width:200px;
}

.centerColumnBlogHeaderLineLeft-inner {
    position:static;

}

.centerColumnBlogHeaderLineLineRight {
    position:relation;
    float:left;
    width:362px;
}

.centerColumnBlogHeaderLineRight-inner {
    position:static;
    text-align:right;
    padding:20px 0px 0px 0px;

}


.centerColumnBlogItem {
    position:relative;
    width:562px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;

}

.centerColumnBlogItem-inner {
    position:static;
    padding:10px 0px 10px 0px;
}

.centerColumnBlogItemLeft {
float:left;
position:relative;
width:40px;
height:40px;
margin:0px 10px 0px 0px;
}

.centerColumnBlogItemLeft-inner {
position:static;
}

.centerColumnBlogItemCenter {
float:left;
width:144px;
height:40px;
position:relative;
margin:0px 10px 0px 0px;
border-width:0px 1px 0px 0px;
border-style:solid;
border-color:#c4cdd2;
}
.centerColumnBlogItemCenter-inner {
position:static;
padding:0px 0px 0px 10px;
}


.centerColumnBlogItemRight {
float:left;
position:relative;
width:357px;
height:40px;
overflow:hidden;
}

.centerColumnBlogItemRight-inner {
position:static;
padding:0px 0px 0px 10px;
}


.centerColumnBlogItemSiteTitle {
    font-size:12px;
    line-height:16px;
    color:#73b5d5;
    font-weight:bold;
    margin:5px 0px 3px 0px;
}

a.centerColumnBlogItemSiteTitleLink {
    font-weight:bold;
}

.centerColumnBlogItemSiteDescription {
    font-size:10px;
}

.centerColumnBlogItemDate {
    font-size:10px;
    color:#73b5d5;
    margin:5px 0px 5px 0px;
}

.centerColumnBlogItemTitle {
    font-size:12px;
}



.centerColumnSiteTitle {
font-size:12px;
color:#73b5d5;
line-height:16px;
margin:0px 0px 3px 0px;
}

.centerColumnSiteDescription {
font-size:10px;
}


.centerColumnDate {
font-size:10px;
color:#73b5d5;
margin:0px 0px 3px 0px;
}

.topLeftColumnTitle {
font-size:12px;
line-height:16px;
}


/* topRightColumn ---------------------------------------------------------------- */

.topRightColumn {
    position:relative;
width:194px;
}

.topRightColumn-inner {
    position:static;
}

.rightColumn {
    position:relative;
width:194px;
}

.rightColumn-inner {
    position:static;
}

/* add */
.rightColumn-inner {
    padding-top : 32px;
}


/* categorListLeftColumn ---------------------------------------------------------------- */

.categoryListLeftColumn {
    position:relative;
    width:209px;
}

.categoryListLeftColumn-inner {
    position:static;
    padding:0px 15px 0px 17px;
}

.categoryListLeftColumnHeaderLine {
    border-width:0px 0px 3px 0px;
    border-style:solid;
    border-color:#c4cdd2;
    width:177px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 15px 0px;
    font-size:14px;
    font-weight:bold;
}

.categoryListLeftColumnItem {
    border-width:0px 0px 2px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
    padding:0px 0px 0px 0px;
    font-size:10px;
    font-weight:normal;
}

.categoryListLeftColumnItemCurrentCategory {
    border-width:0px 0px 2px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
    padding:0px 0px 1px 0px;
    font-size:10px;
    font-weight:normal;
}
/* add */
.categoryListLeftColumnItemCurrentCategory img {
height : 19px;
width  : 19px;
padding : 4px 5px 4px 0px;
vertical-align : middle;
}
.categoryListLeftColumnItemCurrentCategory span {
    font-size:11px;
    font-weight:bold;
    color: #333;
vertical-align : middle;
}

.categoryListLeftColumnHeaderLine span {
    font-size:14px;
    font-weight:bold;
    color: #333;
}


.categoryListLeftColumnItemImage {
    vertical-align:top;
    margin:0px 6px 0px 0px;
}

/* categorList ---------------------------------------------------------------- */



.topCenterColumnCategoryHeaderLine {
    border-width:0px 0px 3px 0px;
    border-style:solid;
    border-color:#c4cdd2;
    width:562px;
    margin:0px 0px 14px 0px;
    padding:0px 0px 14px 0px;
    font-size:14px;
    font-weight:bold;
}

.topCenterColumnCategoryFooterLine {
    border-width:2px 0px 0px 0px;
    border-style:solid;
    border-color:#c4cdd2;
    width:562px;
    margin:15px 0px 0px 0px;
    padding:15px 0px 0px 0px;
    font-size:14px;
    font-weight:bold;
}


.topLeftColumnCategoryPagenation {
    padding:6px 0px 6px 20px;
    background-color:#f1f5f7;
}

.topLeftColumnCategoryItemContainer {
    position:relative;
    width:562px;
}

.topLeftColumnCategoryItemContainer-inner {
    position:static;
    padding:0px 0px 0px 20px;
}


.topLeftColumnCategoryItem {
    float:left;
    position:relative;
    width:243px;
    height:148px;
    border-width:0px 0px 1px 0px;
    border-style:solid;
    border-color:#c4cdd2;

    margin:0px 0px 0px 0px;
}


.topLeftColumnCategoryItem-inner {
    position:static;
    padding:10px 0px 10px 0px;
}

.topLeftColumnCategoryItemLeft {
    float:left;
    position:relative;
    width:70px;
    margin:0px 20px 0px 0px;
}

.topLeftColumnCategoryItemLeft-inner {
    position:static;
}

.topLeftColumnCategoryItemLeft-inner a{
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border:solid 1px #c4cdd2;
}
.topLeftColumnCategoryItemLeft-inner a img{
    margin:-1px;
}

.topLeftColumnCategoryItemSpacer {
    float:left;
    position:relative;
    width:36px;
    height:120px;
}

.topLeftColumnCategoryItemSpacer-inner {
    position:static;
}

.topLeftColumnCategoryItemRight{
    float:left;
    width:153px;
    position:relative;
}
.topLeftColumnCategoryItemRight-right {
    position:static;

}

.topLeftColumnCategoryItemTitle {
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
    padding:0px 0px 6px 0px;
    margin:0px 0px 8px 0px;
    font-weight:bold;
    font-size:12px;
    letter-spacing:0.2em;
    line-height:17px;
    height:30px;
    overflow:hidden;
    width:153px;
}

.topLeftColumnCategoryItemDatePrice {
    line-height:17px;
    font-size:11px;
    margin:0px 0px 6px 0px;
}

.topLeftColumnCategoryItemBuy {
    font-size:11px;
}

/* add 15/10/27 for ebook */

.topLeftColumnCategoryItemLeftEbook {
    position:relative;
    top:2px;
    left:1px;
    font-size:10px;
    text-align:center;
    width:66px;
    background-color:#bbbbbb;
    color:#ffffff;
    text-align:center;
    margin-bottom:2px;
}


/* categorList not top ---------------------------------------------------------------- */

.centerColumnCategoryHeaderLine {
    border-width:0px 0px 3px 0px;
    border-style:solid;
    border-color:#c4cdd2;
    width:562px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 14px 0px;
    font-size:12px;
    font-weight:bold;
}

.centerColumnCategoryFooterLine {
    border-width:2px 0px 0px 0px;
    border-style:solid;
    border-color:#c4cdd2;
    width:562px;
    margin:0px 0px 0px 0px;
    padding:15px 0px 0px 0px;
    font-size:14px;
    font-weight:bold;
}


.leftColumnCategoryPagenation {
    padding:0px 0px 0px 20px;
}

.leftColumnCategoryItemContainer {
    position:relative;
    width:562px;
}

.leftColumnCategoryItemContainer-inner {
    position:static;
    padding:0px 0px 0px 20px;
}


.leftColumnCategoryItem {
    float:left;
    position:relative;
    width:243px;
    height:148px;
    margin:0px 0px 0px 0px;
    border-width:0px 0px 1px 0px;
    border-style:solid;
    border-color:#c4cdd2;
}


.leftColumnCategoryItem-inner {
    position:static;
    padding:10px 0px 10px 0px;
}

.leftColumnCategoryItemLeft {
    float:left;
    position:relative;
    width:70px;
    margin:0px 20px 0px 0px;
}

.leftColumnCategoryItemLeft-inner {
    position:static;
}

.leftColumnCategoryItemSpacer {
    float:left;
    position:relative;
    width:36px;
    height:120px;
}

.leftColumnCategoryItemSpacer-inner {
    position:static;
}

.leftColumnCategoryItemRight{
    float:left;
    width:153px;
    position:relative;
}
.leftColumnCategoryItemRight-right {
    position:static;

}

.leftColumnCategoryItemTitle {
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
    padding:0px 0px 6px 0px;
    margin:0px 0px 8px 0px;
    font-weight:bold;
    font-size:12px;
    line-height:16px;
    height:30px;
    overflow:hidden;
    width:153px;
}

.leftColumnCategoryItemDatePrice {
    line-height:17px;
    font-size:11px;
    margin:0px 0px 6px 0px;
}

.leftColumnCategoryItemBuy {
    font-size:11px;
}


/* Detail ---------------------------------------------------------------- */

.detailCenterColumn {
    position:relative;
    width:577px;
}

.detailCenterColumn-inner {
    position:static;
    padding:30px 0px 0px 20px;
}

.detailHeaderLine {
    border-bottom:3px solid #c4cdd2;
    width:562px;
    padding:0px 0px 15px 0px;
    font-size:14px;
    font-weight:bold;
}

.detailBreadcrumb {
    margin:10px 0px 30px 17px;
    font-size:10px;
}


.detailTitle {
    position:relative;
}

.detailTitle-inner {
    position:static;


}

.detailTitleLeft {
    float:left;
    position:relative;
    width:170px;

}

.detailTitleLeft-inner {
    position:static;
}

.detailTitleRight {
    float:left;
    position:relative;
    width:350px;


}

.detailTitleGenre {
   display:none;
}

.detailTitleRight-inner {
    position:static;
}

.detailTitleRight-inner span {
    font-size:12px;
}

.detailTitleRightTitle {
    width:350px;
    border-bottom:2px solid #c4cdd2;
    padding:0px 0px 20px 0px;
    margin:0px 0px 6px 0px;
    height:36px;
    font-size:16px;
    font-weight:bold;
}

.detailTitleRightAuthorContainer {
    position:relative;
    margin:0px 0px 6px 0px;
    width:350px;
    line-height:19px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}

.detailTitleRightAuthorContainer-inner {
    position:static;
    padding:0px 0px 6px 0px;
}

.detailTitleRightAuthorLeft {
    float:left;
    position:relative;
    width:110px;
}

.detailTitleRightAuthorLeft-inner {
    position:static;
}

.detailTitleRightAuthorRight {
    float:left;
    position:relative;
    width:230px;
}

.detailTitleRightAuthorRight-inner {
    position:static;
}


.detailTitleRightPublishDateContainer {
    position:relative;
    margin:0px 0px 6px 0px;
    width:350px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}

.detailTitleRightPublishDateContainer-inner {
    position:static;
    padding:0px 0px 6px 0px;
}

.detailTitleRightPublishDateLeft {
    float:left;
    position:relative;
    width:110px;
}

.detailTitleRightPublishDateLeft-inner {
    position:static;
}

.detailTitleRightPublishDateRight {
    float:left;
    position:relative;
    width:230px;
}

.detailTitleRightPublishDateRight-inner {
    position:static;
}



.detailTitleRightAppendixContainer {
    position:relative;
    margin:0px 0px 6px 0px;
    width:350px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}

.detailTitleRightAppendixContainer-inner {
    position:static;
    padding:0px 0px 6px 0px;
}

.detailTitleRightAppendixLeft {
    float:left;
    position:relative;
    width:110px;
}

.detailTitleRightAppendixLeft-inner {
    position:static;
}

.detailTitleRightAppendixRight {
    float:left;
    position:relative;
    width:230px;
}

.detailTitleRightAppendixRight-inner {
    position:static;
}



.detailTitleRightPriceContainer {
    position:relative;
    margin:0px 0px 6px 0px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
    width:350px;
}

.detailTitleRightPriceContainer-inner {
    position:static;
    padding:0px 0px 6px 0px;
}

.detailTitleRightPriceLeft {
    float:left;
    position:relative;
    width:110px;
}

.detailTitleRightPriceLeft-inner {
    position:static;
}

.detailTitleRightPriceRight {
    float:left;
    position:relative;
    width:230px;
}

.detailTitleRightPriceRight-inner {
    position:static;
}


.detailTitleRightIsbnContainer {
    position:relative;
    margin:0px 0px 6px 0px;
    width:350px;
    padding:0px 0px 6px 0px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}

.detailTitleRightIsbnContainer-inner {
    position:static;
    border-color:#c4cdd2;
}

.detailTitleRightIsbnLeft {
    float:left;
    position:relative;
    width:110px;
}

.detailTitleRightIsbnLeft-inner {
    position:static;
}

.detailTitleRightIsbnRight {
    float:left;
    position:relative;
    width:230px;
}

.detailTitleRightIsbnRight-inner {
    position:static;
}


.detailTitleRightBuyContainer {
    position:relative;
    margin:0px 0px 6px 0px;
    width:350px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}

.detailTitleRightBuyContainer-inner {
    position:static;
    padding:0px 0px 6px 0px;
}

.detailTitleRightBuyLeft {
    float:left;
    position:relative;
    width:110px;
}

.detailTitleRightBuyLeft-inner {
    position:static;
}

.detailTitleRightBuyRight {
    float:left;
    position:relative;
    width:230px;
}

.detailTitleRightBuyRight-inner {
    position:static;
}


.detailTitleRightSizeContainer {
    position:relative;
    margin:0px 0px 6px 0px;
    width:350px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}

.detailTitleRightSizeContainer-inner {
    position:static;
    padding:0px 0px 6px 0px;
}

.detailTitleRightSizeLeft {
    float:left;
    position:relative;
    width:110px;
}

.detailTitleRightSizeLeft-inner {
    position:static;
}

.detailTitleRightSizeRight {
    float:left;
    position:relative;
    width:230px;
}

.detailTitleRightSizeRight-inner {
    position:static;
}


.detailTitleRightSupportContainer {
    position:relative;
    margin:0px 0px 6px 0px;
    width:350px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}

.detailTitleRightSupportContainer-inner {
    position:static;
    padding:0px 0px 6px 0px;
}

.detailTitleRightSupportLeft {
    float:left;
    position:relative;
    width:110px;
}

.detailTitleRightSupportLeft-inner {
    position:static;
}

.detailTitleRightSupportRight {
    float:left;
    position:relative;
    width:230px;

}

.detailTitleRightContactContainer {
    position:relative;
    margin:0px 0px 6px 0px;
    width:350px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}


.detailTitleRightContactContainer-inner {
    position:static;
    padding:0px 0px 6px 0px;
}

.detailTitleRightContactLeft {
    float:left;
    position:relative;
    width:110px;
}

.detailTitleRightContactLeft-inner {
    position:static;
}

.detailTitleRightContactRight {
    float:left;
    position:relative;
    width:230px;
}

.detailTitleRightContactRight-inner {
    position:static;
}

/*-- added 151030 for eBookNewcoomer --*/

.ebookNewcommerDateLine {
    width:98%;
    border-bottom:solid 3px #ccc;
    margin-bottom:5px;
    padding-top:4px;
    padding-left:5px;
    padding-bottom:3px;
    background-color:#696969;
    color:#ffffff;
}

.eBookNewcommoerTitleContainer {
    width:100px;
    height:143px;
    float:left;
    margin-right:3px;
    margin-bottom:3px;
    background-color:#bebebe;
}

.eBookNewcommerTitle {
    width:100px;
    height:140px;
    overflow:hidden;
}

.eBookNewcoomerTitleImage {
    max-width:98px;
    height:auto;
    border:solid 1px #ccc;
}

/*-- added 170531 for eBookNewcoomer --*/


.eBookNewCommerTitleContainer {
    width:170px;
    height:340px;
    float:left;
    margin-right:3px;
    margin-bottom:3px;
    background-color:#eeeeee;
    text-align:center;
}

.eBookNewCommerImageContainer {
    width:170px;
    height:195px;
    overflow:hidden;
    margin-top:15px;
}


.eBookNewCommerImage {
    max-width:136px;
    height:auto;
    border:solid 1px #ccc;
    text-align:center;
}

.eBookNewCommerDate {
    width:140px;
    height:12px;
    padding-left:15px;
    padding-right:15px;
    margin-top:10px;
    overflow:hidden;
    line-height:12px;
}

.eBookNewCommerSample {
    width:140px;
    height:18px;
    padding-top:4px;
    margin-left:15px;
    margin-right:15px;
    margin-top:10px;
    overflow:hidden;
    line-height:14px;
    background-color:#F5F5F5;
    color:#C0C0C0;
}

.eBookNewCommerTitle {
    width:140px;
    height:70px;
    padding-left:15px;
    padding-right:15px;
    margin-top:10px;
    overflow:hidden;
    line-height:15px;
}


.detailTitleThubm {


}


.detailDescriptionHeaderLine {
    border-bottom:2px solid #c4cdd2;
    width:522px;
    padding:0px 0px 7px 0px;
}

.detailTitleDescription {
padding:20px 20px 20px 0px;
line-height:19px;
}

.detailDescriptionLead {
    font-size:16px;
    font-weight:bold;
}

.detailDescriptionBody {

}

.detailAuthorProfile{
padding:10px 20px 20px 0px;
line-height:19px;
}

.authorProfile {
margin:0px 0 10px 0;
}

.detailSupportHeaderLine {
    border-width:0px 0px 2px 0px;
    border-style:solid;
    border-color:#c4cdd2;
    width:522px;
    padding:0px 0px 7px 0px;
}



/* leftColumn seachBox----------------------------------------------------- */

.isbnSearch {
    width:167px;
    height:55px;
    padding:10px 0px 0px 10px;
    font-size:12px;
    background-image: url("/image/leftCategorySearchBoxBg.jpg");
    background-repeat:no-repeat;
    line-height:19px;
}

.isbnSearchBox {
    width:30px;
}

.isbnSearchButton {
    font-size:10px;
    width:60px;
    height:19px;
}




/* support ---------------------------------------------------------------- */


.supportCenterColumnBlogItem {
    position:relative;
    width:562px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}

.supportCenterColumnBlogItem-inner {
    position:static;
    padding:10px 0px 10px 20px;
}

.supportCenterColumnDate {
    font-size:10px;
    color:#73b5d5;
    margin:0px 0px 3px 0px;
}

.supportCenterColumnTitle {
    font-size:12px;
    line-height:16px;
}


.supportEntryHeader {
    font-size:16px;
    font-weight:bold;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
    padding:5px 0px 10px 0px;
    margin:0px 20px 0px 20px;
}

.supportEntryBody {
    padding:10px 0px 10px 0px;
    margin:0px 20px 0px 20px;
    line-height:19px;
}

.supportDate {
    font-size:10px;
    color:#73b5d5;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 20px;
}






/* search ---------------------------------------------------------- */


.searchCenterColumnItem {
    display:inline;
    position:relative;
    width:562px;
    margin:0px 0px 20px 0px;
    border-width:0px 0px 1px 0px;
    border-style:dotted;
    border-color:#c4cdd2;
}

.searchCenterColumnItem-inner {
    position:static;
    padding:10px 0px 10px 20px;
}

.searchCenterColumnItemLeft {
    float:left;
    position:relative;
    width:92px;
    margin:0px 0px 20px 0px;
}

.searchCenterColumnItemLeft-inner {
    position:static;
}

.searchCenterColumnItemLeft-inner a{
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border:solid 1px #c4cdd2;
}
.searchCenterColumnItemLeft-inner a img{
    margin:-1px;
}

.searchCenterColumnItemRight {
    float:left;
    position:relative;
    width:450px;
    margin:0px 0px 20px 0px;
}

.searchCenterColumnItemRight-inner {
    position:static;
}

.searchCenterColumnListTitle {
    font-size:12px;
    line-height:16px;
}

.searchCenterColumnTitleFirst{

}

.searchCenterColumnTitleSecond{

}


.searchCenterColumnTitleThird{

}



/* footerList ---------------------------------------------------------- */

.footerList {
    width:965px;
    position:relative;
}


.footerList-inner {
    padding:0px 0px 0px 17px;
    position:static;
}

.footerListTitleHeight {
    heigth:31px;

}

.footerListHeight {
    heigth:201px;

}

.footerListLinks {
    padding:9px 0px 0px 13px;
    line-height:19px;
}


.footerListDiv {
    float:left;
    position:relative;
    width:1px;
    display: inline;
}

.footerListDiv-inner {
    position:static;

}


.footerListMagazineMook {
    float:left;
    position:relative;
    width:151px;
    display: inline;
}

.footerListMagazineMook-inner {
    position:static;

}

.footerListBooks {
    float:left;
    position:relative;
    width:159px;
    display: inline;
}

.footerListBooks-inner {
    position:static;

}

.footerListGameEntertainmentComic {
    float:left;
    position:relative;
    width:159px;

}

.footerListGameEntertainmentComic-inner {
    position:static;

}

.footerListIt {
    float:left;
    position:relative;
    width:159px;

}

.footerListIt-inner {
    position:static;

}


.footerListDigitalContents {
    float:left;
    position:relative;
    width:159px;

}

.footerListDigitalContents-inner {
    position:static;

}

.footerListSupport {
    float:left;
    position:relative;
    width:151px;

}

.footerListSupport-inner {
    position:static;

}

.safariSiteBuy {
margin:0px 0px 10px 0px;
color:#dc143c;
font-weight:bold;
font-size:12px;
text-align:center;
}

.safariSiteBuyZenhen {
margin:0px 0px 6px 0px;
color:#dc143c;
font-weight:bold;
font-size:12px;
}

.safariSiteBuyChuhen {
margin:0px 0px 6px 0px;
color:#dc143c;
font-weight:bold;
font-size:12px;
}
.safariSiteBuyKouhen {
margin:0px 0px 6px 0px;
color:#dc143c;
font-weight:bold;
font-size:12px;
}

/* Content ---------------------------------------------------------------- */

.asset-name,
.asset-name a,
.archive-title {
color: #69c;
}

.asset-footer {
border-top-color: #d8e8f5;
}

.comments-header,
.comments-open-header,
.trackbacks-header,
.archive-header,
.search-form-header,
.search-results-header {
color: #69c;
}

.comment,
.trackback {
border-color: #d8e8f5;
}



.archive-list-item {
margin-bottom: 5px;
}


/* Widget ----------------------------------------------------------------- */

.layout-wtt #content-inner { background: transparent url(content-wtt.gif) repeat-y scroll right top; }
.layout-twt #content-inner { background: transparent url(content-twt.gif) repeat-y scroll left top; }
.layout-wt #content-inner { background: transparent url(content-wt.gif) repeat-y scroll right top; }
.layout-tw #content-inner { background: transparent url(content-tw.gif) repeat-y scroll left top; }


.layout-wt #beta-decor b {
z-index: 3;
display: block;
background: url(corner-left.gif) transparent no-repeat;
width: 2px;
height: 2px;
position: absolute;
top: 0;
left: 0;
}

.layout-twt #beta-decor b,
.layout-tw #beta-decor b {
z-index: 3;
display: block;
background: url(corner-right.gif) no-repeat;
width: 2px;
height: 2px;
position: absolute;
top: 0;
right: 0;
}

.layout-wtt #gamma-decor b,
.layout-twt #gamma-decor b {
z-index: 3;
display: block;
background: url(corner-left.gif) transparent no-repeat;
width: 2px;
height: 2px;
position: absolute;
top: 0;
left: 1px;
}

.layout-wm .recent-comments-stream-widget .widget-header {
background-image: url(corner-left.gif);
background-position: 0 0;
background-repeat: no-repeat;
} 


.widget a,
.archive-widget .widget-list .item {
color: #3a536a;
} 
#gamma .widget a {
color: #69c;
} 

.widget-header {
padding: 5px 15px;
font-size: 12px;
font-weight: bold; 
font-family: arial, helvetica, "hirakakupro-w3", osaka, "ms pgothic", sans-serif; 
background-color: #69c; 
}  
.widget .widget-header {
border-left: 1px solid #fff;
}

.layout-tw .widget .widget-header {
border-left-width: 0;
}

.layout-twt #beta .widget-header,
.layout-tw .widget-header {
border: 0;
}

.embed-asset-widget .widget-header {
margin-bottom: 10px;
}  
#gamma .widget-header,
#gamma .widget-header a, 
.widget-header,
.widget-header a {
text-decoration: none;
color: #fff;
}

.widget-header .edit a {
border-left-color: #fff
} 
#gamma .widget-header a:hover, 
.widget .widget-header a:hover {
text-decoration: underline;
}

.widget-content {
padding: 0 15px;
}

.media-stream-widget img {
border: 1px solid #999;
} 

.widget-header {
font-size: 14px;
}

.widget-header a {
text-decoration: none;
}

.widget-header a:hover {
text-decoration: underline;
}

.widget-content {
margin-top: 5px;
margin-bottom: 20px;
font-size: 11px;
}


/* "Powered By" Widget */

.widget-powered .widget-content {
padding: 10px;
text-align: center;
}


/* Calendar Widget */

.widget-calendar .widget-content table {
font-size: 10px;
}


/* Footer Widgets */

#footer .widget {
margin: 10px 0;
}

#footer .widget-content {
padding-right: 0;
padding-left: 0;
}

#footer .widget-powered .widget-content {
padding: 0;
text-align: left;
}


/* Footer ----------------------------------------------------------------- */

#footer { 
background-color: #05182b; 
}

#footer-content {
margin: 20px 0;
}


/* Link ----------------------------------------------------------------- */

a.linkSmall:link { font-size:10px; }
a.linkSmall:visited { font-size:10px; }
a.linkSmall:hover { font-size:10px; }
a.linkSmall:active { font-size:10px; }



/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}


#header-inner,
#content-inner,
#footer-inner,
.asset-body {
height: 1%;
}


/* Custom Styles ---------------------------------------------------------- */

.connections-view #header-content {
background-color: #FEE0B0;
}
.group-banner {
top: 33px;
}



/* fac追記 */

#container .headerTopics .headerTopicsTopicsColumnHeaderLineLeft {}
#container .headerTopics .headerTopicsTopicsColumnHeaderLineLeft img {display:block; position:relative; left:-10px; top:-10px; margin:0 -10px -5px 0;}
#container .headerTopics .headerTopicsTopicsColumnHeaderLineRight a {color:#000000; font-size:10px;}
#container .headerTopics .headerTopicsTopicsColumnHeaderLineRight a:hover {color:#999999;}

#topics {width:561px;}
#topics h3 {*zoom:1; margin:-10px 0 -15px -10px;}
#topics div {*zoom:1; margin:20px 0 0;}
#topics div:after {display:block; clear:both; height:0; content:"";}
#topics div div {margin:0;}
#topics div .header {*zoom:1; position:relative; padding:6px 0 7px; border-top:3px solid #c4cdd1; border-bottom:1px solid #c4cdd1;}
#topics div .header h4 {display:inline-block; *display:inline; *zoom:1; position:relative; left:-10px; margin:0;}
#topics div .header h4 a {position:static; text-indent:0;}
#topics div .header h4 a:hover {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;}
#topics div .header a {display:block; height:33px; position:absolute; top:6px; background:no-repeat; text-indent:-9999px; overflow:hidden;}
#topics div .header a:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#topics div .header a.btn_browse {width:89px; right:77px; background-image:url(image/top/btn_browse.gif)}
#topics div .header a.btn_fresh  {width:82px; right:-5px; background-image:url(image/top/btn_fresh.gif)}
#topics div .pickup {float:left; width:120px; _width:140px; margin:20px 0 0; padding:0 10px; text-align:center;}
#topics div .pickup a {display:block;}
#topics div .pickup img {display:block; margin:0 auto;}
#topics div .pickup h5  {margin:8px 0 0; color:#50a3cb; font-size:10px;}
#topics div ul {*zoom:1; float:right; width:421px; margin:-1px 0 0; list-style-type:none;}
#topics div ul li {*zoom:1; border-top:1px solid #c4cdd1; }
#topics div ul li a {display:block; padding:19px 0 20px; }
#topics div ul li h5 {margin:0; color:#000000; font-size:12px; font-weight:bold; line-height:1.7; }
#topics div ul li p  {margin:0; color:#000000; font-size:12px; line-height:1.7;}
#topics div ul li h5 {padding : 19px 0px 0px ; }
#topics div ul li p  {padding :  0px 0px 20px ; }
#topics div ul li a:hover h5, 
#topics div ul li a:hover p {color:#666666; }
/* add 2013/03/08 */
#alpha #alpha-inner {min-height: 33px;}
#topics div ul li p.body {
white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5+ */
}
#topics div ul li p.body a { padding: 0; display:inline; }
#topics div.header strong {  padding-left : 1em;  font-size : 14px;  color : #333;  padding-top :8px;  display: block;}


#alpha .detailTitleBanner {*zoom:1; margin:17px 0 0;}
#alpha .detailTitleBanner a {display:block;}
#alpha .detailTitleBanner img {display:block;}
#alpha .detailTitleBrowse {*zoom:1; margin:20px 0 0;}
#alpha .detailTitleBrowse a {display:block; width:89px; height:33px; position:relative; left:-5px; background-image:url(image/top/btn_browse.gif); text-indent:-9999px; overflow:hidden;}
#alpha .detailTitleBrowse a:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

#beta .leftColumn .nav-sub {}
#beta .leftColumn .nav-sub ul {*zoom:1; margin:-10px 0 0; list-style-type:none;}
#beta .leftColumn .nav-sub ul li {*zoom:1; margin:10px 0 0;}
#beta .leftColumn .nav-sub ul li a {display:block;}
#beta .leftColumn .nav-sub ul li img {display:block;}
#beta .leftColumn .nav-sub ul li a:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

#gamma .social {*zoom:1; width:175px; margin:5px 0 0; border:1px solid #e5e5e5;}
#gamma .social h3 {margin:0;}
#gamma .social div {*zoom:1; padding:0 9px 9px; border-top:1px solid #e5e5e5;}
#gamma .social div:after {display:block; clear:both; height:0; content:"";}
#gamma .social div .link {
display:block; position:relative; left:-9px; margin:0 -9px 0 0;}
#gamma .social div .link:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#gamma .social div .button {}
#gamma .social div.twitter  iframe {display:block; float:left;}
#gamma .social div.twitter  s {display:block; float:left; width:8px; height:20px; position:relative; z-index:1; background:url(image/balloon_arrow.gif) 2px center no-repeat; margin:0 -2px 0 0;}
#gamma .social div.twitter  i {display:block; float:left; margin:1px 0 0; padding:2px 2px 3px; border:1px solid #c1c1c1; font-size:11px; font-style:normal; line-height:1;}

#container .footerList {margin-top:70px;}

#topics div .pickup .pickup_img a{
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border:solid 1px #c4cdd2;
}
#topics div .pickup .pickup_img a img{
    margin:-1px;
}