@charset "UTF-8";


/* **********************************************************************
 *
 *  => 全ページ共通要素
 *
 * **********************************************************************
 */


body {
    background: #fbfbfb;
}

#header {
    border-top: 5px solid #000;
    background: url(../img/bg_header.png) left bottom repeat-x;
}
#header .inner {
    position: relative;
    zoom: 1;
    width: 960px;
    margin: 0 auto;
    padding: 36px 0 16px 0;
}
#header .logo {
    position: relative;
    zoom: 1;
    font-size: 107.7%;
}
#header .logo .siteName {
    position: absolute;
    bottom: -3px;
    left: 110px;
}
#header ul {
    position: absolute;
    top: 0;
    right: 0;
}
#header li {
    float: left;
}
#header .company a {
    display: block;
    width: 148px;
    height: 20px;
    text-indent: -9999px;
    background: url(../img/btn_snav.png) 0 0 no-repeat;
}
#header .company a:hover {
    background: url(../img/btn_snav.png) 0 -20px no-repeat;
}
#header .shop a {
    display: block;
    width: 97px;
    height: 20px;
    text-indent: -9999px;
    background: url(../img/btn_snav.png) -148px 0 no-repeat;
}
#header .shop a:hover {
    background: url(../img/btn_snav.png) -148px -20px no-repeat;
}


#srch {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 340px;
    height: 40px;
    background: url(../img/bg_srch.png) left center no-repeat;
}
#srch p {
    font-size: 0;
    padding: 14px 0 0 12px;
}
#srch form {
    position: absolute;
    top: 9px;
    right: 12px;
}
#srchKeyword {
    font-size: 84.6%;
    font-size: 69.2%\9;
    width: 158px;
    height: 23px;
    line-height: 23px;
    padding: 0 15px 0 15px;
    border: 0;
    background: url(../img/bg_srch_input.png) left center no-repeat;
    outline: none;
}
#srchKeyword:not(:target) {
    font-size: 84.6%\9;
}


#gNav {
    margin-bottom: 15px;
    background: url(../img/bg_gnav.png) left bottom repeat-x;
}
#gNav ul {
    width: 960px;
    margin: 0 auto;
}
#gNav li {
    float: left;
}
#gNav li a {
    display: block;
    width: 192px;
    height: 36px;
    text-indent: -9999px;
}
#gNav .home a {
    background: url(../img/btn_gnav.png) 0 0 no-repeat;
}
#gNav .book a {
    background: url(../img/btn_gnav.png) -192px 0 no-repeat;
}
#gNav .newbook a {
    background: url(../img/btn_gnav.png) -384px 0 no-repeat;
}
#gNav .support a {
    background: url(../img/btn_gnav.png) -576px 0 no-repeat;
}
#gNav .contact a {
    background: url(../img/btn_gnav.png) -768px 0 no-repeat;
}
#gNav .home a:hover {
    background: url(../img/btn_gnav.png) 0 -36px no-repeat;
}
#gNav .book a:hover {
    background: url(../img/btn_gnav.png) -192px -36px no-repeat;
}
#gNav .newbook a:hover {
    background: url(../img/btn_gnav.png) -384px -36px no-repeat;
}
#gNav .support a:hover {
    background: url(../img/btn_gnav.png) -576px -36px no-repeat;
}
#gNav .contact a:hover {
    background: url(../img/btn_gnav.png) -768px -36px no-repeat;
}
#catRoot #gNav .home a {
    background: url(../img/btn_gnav.png) 0 -72px no-repeat;
}
#catBook #gNav .book a {
    background: url(../img/btn_gnav.png) -192px -72px no-repeat;
}
#catNewBook #gNav .newbook a {
    background: url(../img/btn_gnav.png) -384px -72px no-repeat;
}
#catSupport #gNav .support a {
    background: url(../img/btn_gnav.png) -576px -72px no-repeat;
}
#catContact #gNav .contact a {
    background: url(../img/btn_gnav.png) -768px -72px no-repeat;
}


#wrap {
    width: 960px;
    margin: 0 auto 27px auto;
}
#wrap.col01 #contents {
    width: 960px;
    float: none;
}
#wrap.col02 #contents {
    width: 684px;
    float: left;
}
#wrap.col02 #side {
    width: 254px;
    float: right;
}


#topicPath {
    width: 960px;
    margin: 0 auto 5px auto;
}
#topicPath a {
    color: #333;
}
#topicPath li {
    font-size: 84.6%;
    color: #333;
    float: left;
    padding: 0 5px 3px 10px;
    background: url(../img/ico_sprite002.png) -412px center no-repeat;
}
#topicPath .first {
    padding: 0 5px 2px 16px;
    background: url(../img/ico_sprite002.png) left center no-repeat;
}

#pageTtl {
    width: 928px;
    margin: 0 auto 10px auto;
    padding: 3px 10px 2px 10px;
    font-size: 138.5%;
    font-weight: bold;
    border-left: 6px solid #ff7800;
}

#relatedBook {
    margin-bottom: 15px;
}
#relatedBook h2 {
    margin-bottom: -12px;
}
#relatedBook li {
    margin-top: 20px;
}
#relatedBook .name {
    width: 130px;
    float: right;
    font-weight: bold;
    line-height: 1.2;
    word-break: break-all;
    word-wrap: break-word;
}
#relatedBook .img {
    float: left;
    border: 1px solid #e2e2e2;
}


#ranking {
    margin-bottom: 15px;
}
#ranking h3 ,
#ranking h2 {
    margin-bottom: -7px;
}
#ranking li {
    margin-top: 15px;
}
#ranking .name {
    width: 130px;
    float: right;
    font-weight: bold;
    line-height: 1.2;
    word-break: break-all;
    word-wrap: break-word;
}
#ranking .name img {
    margin-bottom: 3px;
}
#ranking .img {
    float: left;
    border: 1px solid #e2e2e2;
}


#type {
    margin-bottom: 15px;
}
#type h3 {
    margin-bottom: 9px;
}
#type li {
    padding-left: 8px;
    margin: 5px 3px 0 3px;
    background: url(../img/ico_sprite001.png) 0 -610px no-repeat;
}


#twitter {
    text-align: center;
    margin-bottom: 15px;
}


#info {
    margin-bottom: 15px;
}
#info h3 {
    border: none;
    margin-bottom: 9px;
}
#info article {
    line-height: 1.2;
    margin: 0 3px;
    padding: 0 0 7px 10px;
    zoom: 1;
    background: url(../img/ico_sprite001.png) 0 -612px no-repeat;
}


#supportSrch {
    margin-bottom: 15px;
}
#supportSrch h3 {
    margin-bottom: 10px;
}
#supportSrch p {
    line-height: 1.2;
    margin-bottom: 9px;
}
#supportSrch form {
    margin-bottom: 16px;
}
#supportSrch .notes {
    font-size: 84.6%;
}
#srchKeywordSupport {
    font-size: 84.6%;
    font-size: 69.2%\9;
    width: 134px;
    height: 23px;
    line-height: 23px;
    padding: 0 15px 0 15px;
    border: 0;
    background: url(../img/bg_srch_input.png) left center no-repeat;
    outline: none;
}
#srchKeywordSupport:not(:target) {
    font-size: 84.6%\9;
}


#contact {
    margin-bottom: 15px;
}
#contact h3 {
    margin-bottom: 10px;
}
#contact p {    
    line-height: 1.2;
    margin-bottom: 17px;
}
#contact .btn {
    text-align: center;
    margin: 10px;
}


#footer {
    color: #fff;
    background: #333;
}
#footer a:visited ,
#footer a:link {
    color: #fff;
    text-decoration: none;
}
#footer a:hover ,
#footer a:active {
    color: #fff;
    text-decoration: underline;
}
#footer .inner {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
}
#footer .sitemap {
    width: 684px;
    float: left;
    padding-bottom: 55px;
}
#footer .sitemap h2 {
    font-size: 107.7%;
    font-weight: bold;
    border-bottom: 1px dotted #fff;
    margin-bottom: 19px;
    padding-bottom: 4px;
}
#footer .sitemap span {
    font-size: 78.6%;
    padding-left: 5px;
}
#footer .sitemap .wrap {
    zoom: 1;
    margin-left: -27px;
}
#footer .sitemap dl {
    width: 210px;
    float: left;
    font-size: 84.6%;
    font-weight: bold;
    display: inline;
    margin-left: 27px;
}
#footer .sitemap dt {
    padding-left: 10px;
    margin-bottom: 5px;
    background: url(../img/ico_sprite001.png) 0 -7px no-repeat;
}
#footer .sitemap dd {
    line-height: 1.4;
    padding-left: 10px;
    margin: 0 0 3px -1px;
    background: url(../img/ico_sprite001.png) 2px -310px no-repeat;
}
#footer .company {
    float: right;
    width: 250px;
    background: url(../img/bg_footer.png) -500px 0 repeat-y;
}
#footer .company .bgTop {
    background: url(../img/bg_footer.png) 0 top no-repeat;
}
#footer .company .bgBtm {
    zoom: 1;
    padding: 20px 15px 20px 20px;
    background: url(../img/bg_footer.png) -250px bottom no-repeat;
}
#footer .company .name {
    font-size: 107.7%;
    font-weight: bold;
    margin-bottom: 8px;
}
#footer .company .detail {
    font-size: 84.6%;
    line-height: 1.4;
}
#footer .btnTop {
    text-align: right;
    font-size: 0;
    border-bottom: 5px solid #ff7800;
    background: #fbfbfb;
}
#footer .btnTop p {
    width: 960px;
    margin: 0 auto;
}
#footer .copyRight {
    display: block;
    color: #000;
    font-size: 84.6%;
    text-align: center;
    background: #ccc;
    padding: 10px 0;
}



/* **********************************************************************
 *
 *  => 汎用スタイル
 *
 * **********************************************************************
 */


a:visited ,
a:link {
    color: #2b8dbf;
}
a:hover ,
a:active {
    color: #ff7800;
}


.cmnBgContents001 {
    background: url(../img/bg_contents001.png) -1368px 0 repeat-y;
}
.cmnBgContents001 .bgTop {
    background: url(../img/bg_contents001.png) 0 top no-repeat;
}
.cmnBgContents001 .bgBtm {
    zoom: 1;
    padding: 2px 30px 55px 30px;
    background: url(../img/bg_contents001.png) -684px bottom no-repeat;
}


.cmnBgContents002 {
    background: url(../img/bg_contents002.png) -1248px 0 repeat-y;
}
.cmnBgContents002 .bgTop {
    background: url(../img/bg_contents002.png) 0 top no-repeat;
}
.cmnBgContents002 .bgBtm {
    zoom: 1;
    padding: 20px;
    background: url(../img/bg_contents002.png) -624px bottom no-repeat;
}


.cmnBgContents003 {
    background: url(../img/bg_contents003.png) -1920px 0 repeat-y;
}
.cmnBgContents003 .bgTop {
    background: url(../img/bg_contents003.png) 0 top no-repeat;
}
.cmnBgContents003 .bgBtm {
    zoom: 1;
    padding: 30px;
    background: url(../img/bg_contents003.png) -960px bottom no-repeat;
}
.cmnBgContents004 {
    background: url(../img/bg_contents004.png) -960px 0 repeat-y;
}
.cmnBgContents004 .bgTop {
    background: url(../img/bg_contents004.png) 0 top no-repeat;
}
.cmnBgContents004 .bgBtm {
    zoom: 1;
    background: url(../img/bg_contents004.png) -1920px bottom no-repeat;
}


.cmnBgSide001 {
    zoom: 1;
    background: url(../img/bg_side001.png) -508px 0 repeat-y;
}
.cmnBgSide001 .bgTop {
    background: url(../img/bg_side001.png) 0 top no-repeat;
}
.cmnBgSide001 .bgBtm {
    padding: 20px;
    background: url(../img/bg_side001.png) -254px bottom no-repeat;
}


.cmnTitle001 {
    font-weight: bold;
    padding: 0 0 4px 20px;
    border-bottom: 1px dotted #ff7800;
    background: url(../img/ico_sprite001.png) 0 -919px no-repeat;
}


.cmnTitle002 {
    font-size: 107.7%;
    font-weight: bold;
    border-left: 7px solid #ff7800;
    padding: 23px 0 2px 7px;
}


.cmnTitle003 {
    font-size: 11px;
    font-weight: bold;
    color: #ff7800;
    padding: 0 0 3px 15px;
    background: url(../img/ico_sprite001.png) 0 -1232px no-repeat;
    border-bottom: 1px dotted #ccc;
}

.cmnBookList {
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}
.cmnBookList article {
    border-top: 1px dotted #ccc;
    background: #fbfbfb;
}
.cmnBookList article.odd {
    background: #fff;
}
.cmnBookList a {
    display: block;
    padding: 20px 10px;
    zoom: 1;
    color: #000;
    text-decoration: none;
}
.cmnBookList a:visited {
    color: #000;
}
.cmnBookList a:hover {
    color: #000;
    background: #fffbe3;
}
.cmnBookList h2 {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 18px;
    padding-left: 23px;
    background: url(../img/ico_sprite001.png) 0 -2181px no-repeat;
}
.cmnBookList article.odd h2 {
    background: url(../img/ico_sprite001.png) 0 -1855px no-repeat;
}
.cmnBookList a:hover h2 {
    background: url(../img/ico_sprite001.png) 0 -2507px no-repeat;
}
.cmnBookList .detail {
    width: 743px;
    float: right;
}
.cmnBookList .date {
    font-size: 107.7%;
    font-weight: bold;
    width: 180px;
    text-align: center;
    padding-bottom: 3px;
    margin-bottom: -80px;
    background: url(../img/bg_newbook.png) -181px bottom no-repeat;
}
.cmnBookList .odd .date {
    background: url(../img/bg_newbook.png) 0 bottom no-repeat;
}
.cmnBookList a:hover .date {
    background: url(../img/bg_newbook.png) -362px bottom no-repeat;
}
.cmnBookList .date span {
    display: block;
    padding-top: 5px;
    background: url(../img/bg_newbook.png) -181px top no-repeat;
}
.cmnBookList a:hover .date span {
    background: url(../img/bg_newbook.png) -362px top no-repeat;
}
.cmnBookList .odd .date span {
    background: url(../img/bg_newbook.png) 0 top no-repeat;
}
.cmnBookList .img {
    margin: 0;
}
.cmnBookList p {
    font-size: 107.7%;
    margin-bottom: 18px;
}
.cmnBookList dl {
    color: #333;
}
.cmnBookList dt {
    float: left;
}
.cmnBookList dd {
    overflow: hidden;
}
.cmnBookList img {
    border: 1px solid #ccc;
}

.cmnBookList .line {
	padding: 20px 0;	
    border-top: 1px dotted #ccc;
    font-size: 14px;
    line-height: 1.5;
}
.cmnBookList .soldout {
	margin: 0 0 -1em 0;
	padding: 0;
	font-weight: bold;
	color: #c00;
}

.wp-pagenavi {
    text-align: center;
}
.wp-pagenavi li {
    display: inline;
}
.wp-pagenavi a,
.wp-pagenavi .current {
    display: inline-block;
    width: 30px;
    line-height: 30px;
    margin: 0 3px;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
    color: #000;
}
.wp-pagenavi a:visited {
    color: #000;
}
.wp-pagenavi .current ,
.wp-pagenavi a:hover {
    border: 0;
    background: #ff7800;
    border: 1px solid #ff7800;
    color: #fff;
}
.wp-pagenavi .previouspostslink {
    padding: 0 15px 0 40px;
    width: auto;
    text-align: left;
    background: url(../img/ico_sprite002.png) -1644px center no-repeat;
}
.wp-pagenavi .previouspostslink:hover {
    background: #ff7800 url(../img/ico_sprite002.png) -2193px center no-repeat;
}
.wp-pagenavi .nextpostslink {
    padding: 0 40px 0 15px;
    width: auto;
    text-align: right;
    background: url(../img/ico_sprite002.png) -1370px center no-repeat;
}
.wp-pagenavi .nextpostslink:hover {
    background: #ff7800 url(../img/ico_sprite002.png) -1919px center no-repeat;
}


.cmnFree section {
    padding-bottom: 20px;
}
.cmnFree h2 {
    font-size: 107.7%;
    margin-bottom: 20px;
    font-weight: bold;
    padding: 0 0 4px 20px;
    border-bottom: 1px dotted #ff7800;
    background: url(../img/ico_sprite001.png) 0 -919px no-repeat;
}
.cmnFree h3 {
    font-size: 115.4%;
    font-weight: bold;
    color: #ff7900;
    margin-bottom: 5px;
}
.cmnFree p {
    font-size: 107.7%;
    line-height: 1.5;
    margin-bottom: 22px;
}
.cmnFree strong {
    font-weight: bold;
}
.cmnFree strong.red {
    color: #dd0000;
}
.cmnFree em {
    font-style: italic;
}

.cmnFree ol ,
.cmnFree ul {
    font-size: 107.7%;
    line-height: 1.2;
    margin-bottom: 29px;
}
.cmnFree ul li {
    margin: 0 3px 12px 15px;
    list-style-position: outside;
    list-style-type: disc;
    font-size: 14px;
}
.cmnFree ol li {
    margin: 0 3px 12px 3px;
    list-style-position: inside;
    list-style-type: decimal;
}

.cmnFree table {
    font-size: 107.7%;
    line-height: 1.2;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 30px;
}
.cmnFree td ,
.cmnFree th {
    padding: 10px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.cmnFree th {
    font-weight: bold;
    background: #fbfbfb;
}

.cmnFree blockquote {
    font-size: 107.7%;
    line-height: 1.5;
    zoom: 1;
    margin-bottom: 30px;
    background: url(../img/bg_contents007.png) -624px 0 repeat-y;
}
.cmnFree blockquote .innerTop {
    background: url(../img/bg_contents007.png) 0 top no-repeat;
}
.cmnFree blockquote .innerBtm {
    padding: 18px;
    background: url(../img/bg_contents007.png) -1248px bottom no-repeat;
}
.cmnFree br  {
    display: block;
    height: 100px;
}
.cmnFree .wp-caption  {
    border: 1px solid #ccc;
    padding: 1px;
    margin-top: 3px;
    margin-bottom: 25px;
}
.cmnFree .wp-caption.alignleft  {
    float: left;
    margin-right: 10px;
}
.cmnFree .wp-caption.aligncenter  {
    margin: 0 auto;
    margin-bottom: 10px;
}
.cmnFree .wp-caption.alignright  {
    float: right;
    margin-left: 10px;
}
.cmnFree .wp-caption-text {
    font-size: 92.9%;
    color: #333;
    line-height: 1.2;
    padding: 5px 4px 2px 4px;
    margin: 0;
}
.cmnFree img.alignleft {
    float: left;
    margin: 3px 10px 25px 0;
    border: 1px solid #ccc;
    padding: 1px;
}
.cmnFree img.aligncenter {
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 1px;
}
.cmnFree img.alignright {
    float: right;
    margin: 3px 0 25px 10px;
    border: 1px solid #ccc;
    padding: 1px;
}
.cmnFree img.alignnone {
    display: block;
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 10px;
}

.cmnFree .blank {
    line-height: 2;
    font-weight: bold;
    padding: 6px 0 6px 23px;
    background: url(../img/ico_sprite001.png) 0 -3431px no-repeat;
}
a.link01 {
    line-height: 2;
    font-weight: bold;
    padding: 6px 0 6px 23px;
    background: url(../img/ico_sprite001.png) 0 -3431px no-repeat;
}

.cmnFree .linkBuy li {
    margin: 0 0 12px 0;
    padding: 0;
    background: none;
}

.cmnFree .gray {
    font-size: 107.7%;
    line-height: 1.5;
    margin-bottom: 30px;
    background: url(../img/bg_contents002.png) -1248px 0 repeat-y;
    zoom: 1;
}
.cmnFree .gray .innerTop {
    background: url(../img/bg_contents002.png) 0 top no-repeat;
}
.cmnFree .gray .innerBtm {
    padding: 18px;
    background: url(../img/bg_contents002.png) -624px bottom no-repeat;
}

.cmnFree .pink {
    font-size: 107.7%;
    line-height: 1.5;
    margin-bottom: 30px;
    background: url(../img/bg_contents005.png) -624px 0 repeat-y;
    zoom: 1;
}
.cmnFree .pink .innerTop {
    background: url(../img/bg_contents005.png) 0 top no-repeat;
}
.cmnFree .pink .innerBtm {
    padding: 18px;
    background: url(../img/bg_contents005.png) -1248px bottom no-repeat;
}

.cmnFree .orange {
    font-size: 107.7%;
    line-height: 1.5;
    margin-bottom: 30px;
    background: url(../img/bg_contents006.png) -624px 0 repeat-y;
    zoom: 1;
}
.cmnFree .orange .innerTop {
    background: url(../img/bg_contents006.png) 0 top no-repeat;
}
.cmnFree .orange .innerBtm {
    padding: 18px;
    background: url(../img/bg_contents006.png) -1248px bottom no-repeat;
}

.cmnFree .noImg img {
    border: 1px solid #ccc;
}

.cmnFree .bookIndex {
	padding-bottom: 20px;
}
.cmnFree .bookIndex #more {
    display: none;
}
.cmnFree .bookIndex h3 {
	font-size: 107.7%;
    margin: 23px 0 10px 0;
}
.cmnFree .bookIndex p {
    line-height: 1.8;
	margin: 0;
	margin-bottom: 1.5em;
}
.cmnFree .bookIndex #btnMore {
    text-align: right;
	padding-bottom: 30px;
}
.cmnFree .bookIndex #btnMore a {
    font-weight: bold;
    padding: 2px 0 4px 24px;
    background: url(../img/ico_sprite002.png) -1234px center no-repeat;
}
.cmnFree .bookIndex #btnMore a.down {
    background: url(../img/ico_sprite002.png) -988px center no-repeat;
}


.cmnSide {
    margin-bottom: 15px;
}
.cmnSide h3 {
    margin-bottom: 9px;
}
.cmnSide li {
    padding-left: 8px;
    margin: 5px 3px 0 3px;
    background: url(../img/ico_sprite001.png) 0 -610px no-repeat;
}


/* **********************************************************************
 *
 *  => for index.html
 *
 * **********************************************************************
 */


#catRoot .cmnBgContents001 .bgBtm {
    padding-bottom: 30px;
}


#pickup {
    position: relative;
    zoom: 1;
    width: 684px;
    height: 214px;
    margin-bottom: 15px;
    background: url(../img/bg_pickup.png) left top no-repeat;
}
#pickup h2 {
    font-size: 107.7%;
    background-position: 0 -918px;
}
#musk {
    position: relative;
    zoom: 1;
    width: 594px;
    height: 194px;
    overflow: hidden;
    margin: 0 45px;
    padding: 20px 0 0 0;
}
#bookList {
    position: absolute;
    bottom: 22px;
    left: 0;
    width: 10000px;
}
#bookList li {
    display: table-cell;
    padding-right: 21px;
    vertical-align: bottom;
}
* html #bookList li {
        display: inline;
        zoom: 1;
}
*:first-child+html #bookList li {
        display: inline;
        zoom: 1;
}
/*\*//*/
* html #bookList li {
        display: inline-block;
}
/**/
#bookList img {
    border: 1px solid #e0e0e0;
}
#btnLeft {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
#btnRight {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}


#catRoot .indexNew {
    margin-bottom: 15px;
}
#catRoot .indexNew h2 {
    margin-bottom: -18px;
}
#catRoot .indexNew h3 {
    margin-bottom: 5px;
}
#catRoot .indexNew .inner {
    margin-left: -20px;
}
#catRoot .indexNew .block {
    width: 302px;
    vertical-align: top;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    margin: 32px 0 0 20px;
}
#catRoot .indexNew .detail {
    width: 167px;
    float: right;
    word-break: break-all;
}
#catRoot .indexNew .img {
    float: left;
    border: 1px solid #e0e0e0;
}
#catRoot .indexNew .date {
    font-size: 84.6%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    margin-bottom: 8px;
    padding-bottom: 4px;
    background: url(../img/bg_new_date.png) left bottom no-repeat;
}
#catRoot .indexNew .date span {
    display: block;
    padding-top: 6px;
    background: url(../img/bg_new_date.png) left top no-repeat;
}
#catRoot .indexNew .ttl {
    font-weight: bold;
    margin-bottom: 8px;
    word-break: break-all;
    word-wrap: break-word;
}
#catRoot .indexNew .author {
    font-weight: bold;
    margin-bottom: 4px;
}
#catRoot .indexNew .price {
    font-weight: bold;
    margin-bottom: 8px;
}
#catRoot .indexNew .description {
    font-size: 84.6%;
}


.indexType {
    margin-bottom: 15px;
}
.indexType h2 {
    margin-bottom: 8px;
}
.indexType ul {
    margin-left: -18px;
}
.indexType li {
    width: 196px;
    margin: 7px 0 0 18px;
    float: left;
    display: inline;
}
.indexType li:nth-child(3n+1) {
	clear: both;
}
.indexType a ,
.indexType span {
    display: block;
}
.indexType a {
    color: #000;
    text-decoration: none;
    padding-bottom: 2px;
    background: url(../img/bg_tag01.png) 0 bottom no-repeat;
}
.indexType a:hover {
    background: url(../img/bg_tag01.png) -196px bottom no-repeat;
}
.indexType span {
    font-size: 84.6%;
    font-weight: bold;
    padding: 10px 7px 8px 22px;
    zoom: 1;
    background: url(../img/bg_tag01.png) 0 0 no-repeat;
}
.indexType a:hover span {
    background: url(../img/bg_tag01.png) -196px 0 no-repeat;
}



/* **********************************************************************
 *
 *  => for free.html
 *
 * **********************************************************************
 */

#catFree .cmnBgContents001 .bgBtm {
    padding-top: 25px;
    padding-bottom: 35px;
}




/* **********************************************************************
 *
 *  => for book/index.html
 *
 * **********************************************************************
 */


#catBook .indexSrchForm {
    margin-bottom: 15px;
}
#catBook .indexSrchForm h2 {
    width: 120px;
    border: none;
    font-size: 107.7%;
	float: left;
}
#catBook .indexSrchForm .keyword {
    width: 414px;
    position: relative;
    zoom: 1;
    float: left;
    padding: 24px 30px 16px 30px;
}
#catBook .indexSrchForm .keyword form {
    width: 250px;
	float: left;
	margin-top: -4px;
}
#catBook .indexSrchForm .keyword form ul {
	margin-top: 8px;
}
#catBook .indexSrchForm .keyword form li {
	margin-bottom: 3px;
}
#catBook .indexSrchForm .keyword form li input {
    margin: 0 5px 4px 0;
}
#srchKeywordContents {
    font-size: 84.6%;
    font-size: 69.2%\9;
    width: 170px;
    height: 23px;
    line-height: 23px;
    padding: 0 15px 0 15px;
    border: 0;
    background: url(../img/bg_srch_input.png) left center no-repeat;
    outline: none;
}
#srchKeywordContents:not(:target) {
    font-size: 84.6%\9;
}
#catBook .indexSrchForm .releaseDate {
    width: 414px;
    position: relative;
    zoom: 1;
    float: right;
    padding: 24px 30px 20px 30px;
}
#catBook .indexSrchForm .releaseDate form {
	float: left;
	margin-top: -2px;
}
#catBook .indexSrchForm .releaseDate select {
    width: 208px;
}


#catBook .indexCategory {
    margin-bottom: 15px;
}
#catBook .indexCategory section {
    width: 280px;
    float: left;
    display: inline;
    margin-left: 30px;
}
#catBook .indexCategory h2 {
    border: none;
    font-size: 107.7%;
    margin-bottom: 10px;
}
#catBook .indexCategory .type {
    margin: 0;
}
#catBook .indexCategory li {
    width: 280px;
    margin-bottom: 6px;
    word-break: break-all;
    word-wrap: break-word;
}
#catBook .indexCategory a ,
#catBook .indexCategory span {
    display: block;
    zoom: 1;
}
#catBook .indexCategory a {
    color: #000;
    text-decoration: none;
    padding-bottom: 2px;
    background: url(../img/bg_tag02.png) 0 bottom no-repeat;
}
#catBook .indexCategory a:hover {
    background: url(../img/bg_tag02.png) -280px bottom no-repeat;
}
#catBook .indexCategory span {
    padding: 8px 7px 6px 22px;
    zoom: 1;
    background: url(../img/bg_tag02.png) 0 0 no-repeat;
}
#catBook .indexCategory a:hover span {
    background: url(../img/bg_tag02.png) -280px 0 no-repeat;
}
#catBook .indexCategory .series ul {
    margin-bottom: 10px;
}
#catBook .indexCategory .application ul {
    margin-left: -4px;
}
#catBook .indexCategory .application li {
    width: 138px;
    float: left;
    display: inline;
    margin-left: 4px;
}
#catBook .indexCategory .application a {
    background: url(../img/bg_tag03.png) 0 bottom no-repeat;
}
#catBook .indexCategory .application a:hover {
    background: url(../img/bg_tag03.png) -138px bottom no-repeat;
}
#catBook .indexCategory .application  span {
    background: url(../img/bg_tag03.png) 0 0 no-repeat;
}
#catBook .indexCategory .application  a:hover span {
    background: url(../img/bg_tag03.png) -138px 0 no-repeat;
}
#catBook .indexCategory .pickup {
    background: #fbfbfb;
    padding: 20px;
    font-weight: bold;
}
#catBook .indexCategory .pickup a {
    display: inherit;
    background: none;
}
#catBook .indexCategory .pickup a:visited ,
#catBook .indexCategory .pickup a:link {
    color: #2b8dbf;
    text-decoration: underline;
}
#catBook .indexCategory .pickup a:hover ,
#catBook .indexCategory .pickup a:active {
    text-decoration: none;
}
#catBook .indexCategory .pickup img {
    border: 1px solid #ccc;
}
#catBook .indexCategory .pickup h3 {
    font-size: 107.7%;
    font-weight: bold;
    margin-bottom: 8px;
}
#catBook .indexCategory .pickup p {
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
#catBook .indexCategory .pickup .ttl {
    width: 240px;
    margin: 0 auto 12px auto;
    padding-bottom: 2px;
    background: url(../img/bg_series.png) left bottom no-repeat;
}
#catBook .indexCategory .pickup .ttl span {
    font-size: 84.6%;
    display: block;
    padding: 6px 0 4px 8px;
    background: url(../img/bg_series.png) left top no-repeat;
}
#catBook .indexCategory .pickup .img {
    width: 72px;
    float: left;
    display: inline;
    margin-right: 10px;
}


#catBook .indexNewBook {
    margin-bottom: 15px;
}
#catBook .indexNewBook .bgBtm {
    padding-right: 0;
}
#catBook .indexNewBook h2 {
    float: left;
    display: inline;
    border: none;
    font-size: 107.7%;
    margin: 0 15px 10px 0;
}
#catBook .indexNewBook td {
    padding-right: 31px;
}
#catBook .indexNewBook td a {
    font-size: 84.6%;
    display: block;
    width: 102px;
    word-wrap: break-word;
    word-break: break-all;
}
#catBook .indexNewBook td img {
    border: 1px solid #ccc;
    margin-bottom: 3px;
}
#catBook .indexNewBook .bookTtl td {
    vertical-align: top;
}


#catBook .indexSoldOut h2 {
    border: none;
    font-size: 107.7%;
    margin: 0 15px 13px 0;
}
#catBook .indexSoldOut p {
    font-size: 107.7%;
    line-height: 1.4;
    margin: 0 3px;
}
#catBook .indexSoldOut .btn {
    text-align: center;
    margin: 16px 3px 0 3px;
}


/* **********************************************************************
 *
 *  => for book/detail.html
 *
 * **********************************************************************
 */


#catBook .detailTop {
    padding-top: 28px;
    margin-bottom: 33px;
}
#catBook .detailTop .inner {
    margin-bottom: 19px;
}
#catBook .detailTop .img {
    width: 152px;
    float: left;
    font-size: 0;
}
#catBook .detailTop .img p img {
    border: 1px solid #ccc;
    margin-bottom: 7px;
}
#catBook .detailTop .img li {
    text-align: center;
    margin-bottom: 3px;
}
#catBook .detailTop .detail {
    width: 452px;
    float: right;
}
#catBook .detailTop .detail span {
    display: block;
    font-size: 82.6%;
    color: #666;
}
#catBook .detailTop .detail h1 {
    font-size: 176.9%;
    font-weight: bold;
    margin-bottom: 6px;
}
#catBook .detailTop .detail p {
    font-size: 107.7%;
    font-weight: bold;
    color: #ff6600;
    margin-bottom: 14px;
}
#catBook .detailTop .detail dl {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
}
#catBook .detailTop .detail dt {
    width: 110px;
    clear: both;
    float: left;
    padding: 8px 0 4px 2px;
}
#catBook .detailTop .detail dd {
    padding: 7px 0 4px 110px;
    border-top: 1px dotted #ccc;
}
#catBook .detailTop .sns {
    text-align: right;
}
#catBook .detailTop .sns p {
    margin: 0;
    float: right;
    overflow: hidden;
}
#catBook .detailTop .btnTwitter {
    width: 96px;
}
#catBook .detailTop .btnGoogle {
    width: 80px;
}
#catBook .detailTop .description p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 13px;
}
#catBook .detailTop .description strong {
	font-weight: bold;
}
#catBook .detailTop .description dl {
    font-size: 84.6%;
    margin-bottom: 10px;
}
#catBook .detailTop .description dt {
    width: 5.5em;
    clear: both;
    float: left;
    margin-bottom: 3px;
}
#catBook .detailTop .description dd {
    padding-left: 55px;
    margin-bottom: 3px;
}
#catBook .detailTop .description .btn {
    text-align: center;
    font-size: 84.6%;
    margin: 0;
}
#catBook .detailTop .description .btn span {
    display: block;
    padding-top: 5px;
}


#catBook .detailSupport {
    margin-bottom: 48px;
}
#catBook .detailSupport h2 {
    font-size: 107.7%;
    margin-bottom: 20px;
}
#catBook .detailSupport ul {
    text-align: center;
    margin-left: -20px;
}
#catBook .detailSupport li {
    display: inline;
    margin-left: 20px;
}


#catBook .detailFree {
    margin-bottom: 37px;
}
#catBook .detailFree h2 {
    font-size: 107.7%;
    margin-bottom: 18px;
}
#catBook .detailFree p {
    font-size: 107.7%;
    margin-bottom: 13px;
}
#catBook .detailFree ul {
    margin-bottom: 15px;
}
#catBook .detailFree li {
    padding-left: 8px;
    background: url(../img/ico_sprite001.png) 0 -610px no-repeat;
}
#catBook .detailFree table {
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-bottom: 15px;
}
#catBook .detailFree td ,
#catBook .detailFree th {
    padding: 5px 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#catBook .detailFree th {
    background: #fbfbfb;
}


#catBook .detailBuy h2 {
    font-size: 107.7%;
    margin-bottom: 18px;
}
#catBook .detailBuy ul {
	width: 440px;
	margin: 0 auto;
	text-align: center;
}
#catBook .detailBuy li {
    display: inline-block;
	/display: inline;
	/zoom: 1;
    margin: 5px 10px;
}
#catBook .detailBuy li:nth-child(3) {
    display: block;
	width: 200px;
	float: left;
}


/* **********************************************************************
 *
 *  => for newbook/index.html
 *
 * **********************************************************************
 */


#catNewBook .cmnBgContents001 .bgBtm {
    padding-top: 25px;
}


#catNewBook .indexTwitter {
    margin-bottom: 20px;
}
#catNewBook .indexTwitter p {
    text-align: center;
    font-size: 107.7%;
    margin-top: -5px;
}
#catNewBook .indexTwitter span {
    padding-right: 10px;
}
#catNewBook .indexTwitter iframe {
    width: 165px !important;
    margin-bottom: -4px;
}

#catNewBook .cmnBookList {
    margin-bottom: -7px;
}
#catNewBook .cmnBookList .detail {
    width: 467px;
}
#catNewBook .cmnBookList h2 {
    margin-bottom: 8px;
}
#catNewBook .cmnBookList .date {
    margin-bottom: 12px;
}
#catNewBook .cmnBookList p {
    margin-bottom: 8px;
}




/* **********************************************************************
 *
 *  => for support/index.html
 *
 * **********************************************************************
 */


#catSupport .cmnBgContents001 .bgBtm {
    padding-top: 25px;
}

#catSupport .indexRead {
    font-size: 107.7%;
    line-height: 1.5;
    margin-bottom: 23px;
}

#catSupport .indexPageList h2 {
    font-size: 107.7%;
    margin-bottom: 15px;
}
#catSupport .indexPageList ul {
    border-bottom: 1px dotted #ccc;
}
#catSupport .indexPageList a {
    display: block;
    font-size: 123.1%;
    font-weight: bold;
    zoom: 1;
    line-height: 1.3;
    color: #000;
    text-decoration: none;
    padding: 13px 13px 9px 33px;
    border-top: 1px dotted #ccc;
    background: #fbfbfb url(../img/ico_sprite001.png) 10px -2168px no-repeat;
}
#catSupport .indexPageList .odd a {
    background: #fff url(../img/ico_sprite001.png) 10px -1842px no-repeat;
}
#catSupport .indexPageList .odd a:hover ,
#catSupport .indexPageList a:hover {
    background: #fffbe3 url(../img/ico_sprite001.png) 10px -2494px no-repeat;
}

#catSupport .indexPageList span {
    display: block;
    font-size: 87.5%;
    font-weight: normal;
    color: #333;
}


/* **********************************************************************
 *
 *  => for newbook/s-isbn.html
 *
 * **********************************************************************
 */


#catSupport .supportDetail {
    margin-bottom: 42px;
}
#catSupport .supportDetail .detail {
    width: 478px;
    float: right;
    padding-top: 3px;
}
#catSupport .supportDetail img {
    border: 1px solid #ccc;
}
#catSupport .supportDetail h2 {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 19px;
    padding-left: 23px;
    background: url(../img/ico_sprite001.png) 0 -2181px no-repeat;
}
#catSupport .supportDetail p {
    font-size: 107.7%;
    line-height: 1.2;
    margin-bottom: 19px;
}
#catSupport .supportDetail dl {
    color: #333;
}
#catSupport .supportDetail dt {
    float: left;
}
#catSupport .supportDetail dd {
    overflow: hidden;
}


#catSupport .supportDownload {
    font-size: 107.7%;
    margin-bottom: 46px;
}
#catSupport .supportDownload h3 {
    margin-bottom: -3px;
}
#catSupport .supportDownload p {
    margin: 20px 2px 0 2px;
    line-height: 1.5;
}
#catSupport .supportDownload ul {
    margin-top: 15px;
}
#catSupport .supportDownload li {
    margin: 0 2px;
    padding: 3px 0 3px 23px;
    background: url(../img/ico_sprite001.png) 0 -3434px no-repeat;
}
#catSupport .supportDownload li a {
    font-weight: bold;
}

#catSupport .supportPDF {
    font-size: 107.7%;
}
#catSupport .supportPDF h3 {
    margin-bottom: 17px;
}
#catSupport .supportPDF p {
    line-height: 1.5;
    margin: 0 2px 26px 2px;
}
#catSupport .supportPDF article h4 {
    color: #ff7900;
    font-weight: bold;
    margin-top: 3em;
}
#catSupport .supportPDF div {
    margin-top: 37px;
}
#catSupport .supportPDF span {
    display: block;
    color: #666;
    text-align: right;
    margin-bottom: -20px;
}
#catSupport .supportPDF strong {
    display: inline-block;
    /display: inline;
	/zoom: 1;
    font-weight: bold;
    color: #000;
    padding-left: 18px;
    background: url(../img/ico_sprite001.png) 0 -3121px no-repeat;
}
#catSupport .supportPDF article p {
    margin: 20px 2px 0 2px;
}
#catSupport .supportPDF ul {
    margin-top: 15px;
}
#catSupport .supportPDF li {
    margin: 0 2px;
    padding: 3px 0 3px 23px;
    background: url(../img/ico_sprite001.png) 0 -3433px no-repeat;
}
#catSupport .supportPDF li a {
    font-weight: bold;
}



/* **********************************************************************
 *
 *  => for soldout/index.html
 *
 * **********************************************************************
 */


#catSoldout .cmnBgContents001 .bgBtm {
    padding-top: 25px;
}

#catSoldout .indexRead {
    font-size: 107.7%;
    line-height: 1.5;
    margin-bottom: 23px;
}

#catSoldout .indexSoldoutList {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}
#catSoldout .indexSoldoutList a {
    display: block;
    zoom: 1;
    line-height: 1.3;
    color: #000;
    text-decoration: none;
    padding: 18px 13px 14px 13px;
    border-top: 1px dotted #ccc;
    background: #fbfbfb;
}
#catSoldout .indexSoldoutList .odd a {
    background: #fff;
}
#catSoldout .indexSoldoutList .odd a:hover ,
#catSoldout .indexSoldoutList a:hover {
    background: #fffbe3;
}
#catSoldout .indexSoldoutList .ttl {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 6px;
    padding-left: 20px;
    background: url(../img/ico_sprite001.png) 0 -2182px no-repeat;
}
#catSoldout .indexSoldoutList .odd .ttl {
    background: url(../img/ico_sprite001.png) 0 -1856px no-repeat;
}
#catSoldout .indexSoldoutList .odd a:hover .ttl ,
#catSoldout .indexSoldoutList a:hover .ttl {
    background: url(../img/ico_sprite001.png) 0 -2508px no-repeat;
}
#catSoldout .indexSoldoutList dl {
    color: #333;
}
#catSoldout .indexSoldoutList dt {
    float: left;
}
#catSoldout .indexSoldoutList dd {
    overflow: hidden;
}


/* **********************************************************************
 *
 *  => for contact/index.html
 *
 * **********************************************************************
 */

#catContact .wpcf7-list-item {
	display: block;
}

#catContact .indexForm {
    margin-bottom: 15px;
}
#catContact .indexForm .form {
    float: left;
    width: 590px;
    margin-right: 30px;
}
#catContact .indexForm .form h2 {
    font-size: 107.7%;
    border: 0;
    margin-bottom: 12px;
}
#catContact .indexForm .form p {
    font-size: 107.7%;
    line-height: 1.5;
    margin-bottom: 15px;
}
#catContact .indexForm .form table {
    width: 100%;
    font-size: 107.7%;
    line-height: 1.5;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
}
#catContact .indexForm .form td ,
#catContact .indexForm .form th {
    border-top: 1px dotted #ccc;
}
#catContact .indexForm .form th {
    width: 149px;
    padding: 15px 0;
    vertical-align: top;
}
#catContact .indexForm .form th span {
    font-size: 78.6%;
    color: #dd0000;
}
#catContact .indexForm .form td {
    padding: 12px 0;
}
#catContact .indexForm .form td .bgTop {
    width: 440px;
    padding-top: 3px;
    background: url(../img/bg_form.png) 0 top no-repeat;
}
#catContact .indexForm .form td .bgBtm {
    padding: 0 5px 3px 5px;
    background: url(../img/bg_form.png) 0 bottom no-repeat;
}
#catContact .indexForm .form input {
    width: 100%;
    border: 0;
    outline: none;
}
#catContact .indexForm .form textarea {
    width: 100%;
    height: 200px;
    resize: none;
    border: 0;
    outline: none;
}
#catContact .indexForm .form label input {
    width: auto;
    margin: 0 5px 6px 0;
}
#catContact .indexForm .form .btn {
    text-align: center;
}
#catContact #contactBtn {
    width: auto;
}
#catContact .indexForm .notes {
    width: 280px;
	float: left;
    margin-top: 38px;
    overflow: hidden;
    background: url(../img/bg_side002.png) -280px 0 repeat-y;
}
#catContact .indexForm .notes .bgTop {
    background: url(../img/bg_side002.png) 0 0 no-repeat;
}
#catContact .indexForm .notes .bgBtm {
    padding: 11px 24px 16px 24px;
    background: url(../img/bg_side002.png) -560px bottom no-repeat;
}
#catContact .indexForm .notes section {
    border-top: 1px solid #ffe8c7;
    padding-top: 13px;
}
#catContact .indexForm .notes section.first {
    border: 0;
}
#catContact .indexForm .notes p {
    line-height: 1.2;
    margin-bottom: 8px;
}
#catContact .indexForm .notes ul {
    margin-bottom: 6px;
}
#catContact .indexForm .notes  li {
    padding-left: 8px;
    line-height: 1.2;
    margin-bottom: 4px;
    background: url(../img/ico_sprite001.png) 0 -4079px no-repeat;
}

#catContact .indexContact h2 {
    font-size: 107.7%;
    border: 0;
    margin-bottom: 13px;
}
#catContact .indexContact ul {
	text-align: center;
}
*+html #catContact .indexContact ul {
	overflow: visible;
}
#catContact .indexContact li {
	position: relative;
	zoom: 1;
	display: inline;
    font-size: 200%;
    font-weight: bold;
	margin-right: 19px;
	padding-left: 60px;
}
#catContact .indexContact li span {
	font-size: 14px;
	color: #fff;
	display: block;
	width: 28px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -10px 5px 0 0;
	padding: 3px 11px 2px 11px;
	background: #ff7900;
}

/* **********************************************************************
 *
 *  => for 404
 *
 * **********************************************************************
 */
 .notFound {
 	margin-bottom: 20px;
 }
 #catFree .indexType .bgBtm {
     padding-top: 2px;
 }
 strong {
 	font-weight: bold;
 }