@charset "utf-8";

.skinContentsArea,
.skinArticleHeader,
.skinArticleBody,
.skinMenu,
.layoutContentsA,
.skinMainArea,
.skinSubA,
.layoutContentsB,
.skinSubB {
    display: block;
    overflow: visible;
    text-indent: 0;
    zoom: 1;
}

.skinContentsArea:after,
.skinArticleHeader:after,
.skinArticleBody:after,
.skinMenu:after,
.layoutContentsA:after,
.skinMainArea:after,
.skinSubA:after,
.layoutContentsB:after,
.skinSubB:after {
    display: block;
    clear: both;
    content: "";
}

/**
 * Common & Reusable
 */


/* Clearfix */

.clearfix {zoom: 1;}
.clearfix:after{
    display: block;
    clear: both;
    content: "";
}

/* Clear */

.cl{
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 1px;
    line-height: 1px;
}

/**
 * Kawashima Ameba blog CSS
 * 
 * 
 */

body {
    color: #222;
    font-size: 13px;
    line-height: 1.5;
}

body,x:-moz-broken {
    margin-left: -1px; /*forFirefox3*/
}

* html body {
    margin-left: -1px; /*IE6*/
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
 body  { margin-left: -1px;/*Chrome*/}
}

fieldset,
img {
    border: 0;
    vertical-align: bottom;
}

.skinStrongColor {
    color: #f06;
}

/* Link */

.skinAnchorColor, 
.skinBaseAnchorColor, 
.skinBlock a, 
a {
    outline: none;
    color: #f06;
    text-decoration: none;
}

.skinAnchorVisitedColor, 
.skinBaseAnchorVisitedColor, 
.skinBlock a:visited, 
a:visited {
    color: #f06;
    text-decoration: none;
}

.skinAnchorHoverColor, 
.skinBaseAnchorHoverColor, 
.skinBlock a:focus, 
.skinBlock a:hover, 
a:focus, 
a:hover {
    color: #f06;
    text-decoration: underline;
}

/* Layout */

body {
    background-color: #000;
    background-image: url(http://inpub.net/img/bg-photo.jpg);
    background-position: center -40px;
    background-repeat: repeat;
    text-align: center;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif;
}

.skinBody {
    background-image: url(http://inpub.net/img/bg-footer.png);
    background-position: center bottom;
    background-repeat: repeat-x;
}

.skinFrame {
}

.skinFrame2 {
}

.headerBnr, .headerBnrArea {
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Column */

.skinMainArea {
    float: left;
    margin-top: 42px;
    width: 700px;
}

.skinSubA {
    display: inline;
    float: right;
    margin-top: 42px;
    width: 300px !important;
}

.skinSubB {
    float: left;
    width: 0px !important;
}

/**
 * Header
 */

.skinHeaderFrame {
    position: relative;
    display: block;
    width: 100%;
    height: 366px;
}

.skinHeaderArea {
    margin: 0 auto;
    width: 1160px;
}

.skinBlogHeadingGroupArea {
    margin: 0 auto;
    padding: 0;
}

h1.skinTitleArea a {
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden;
    width: 1160px;
    height: 389px;
    outline: none;
    background: url(http://inpub.net/img/skinTitle.png) no-repeat 0 0;
    text-indent: -9999px;
}

.skinDescription {
    display: block;
    overflow: hidden;
    padding-top: 389px;
    height: 0;
}

/**
 * Contents
 */

.skinContentsFrame {
    background-color: transparent;
    background-image: url(http://inpub.net/img/bg-headNav.png);
    background-position: center top;
    background-repeat: repeat-x;
}

.skinContentsArea {
    position: relative;
    margin: 0 auto;
    padding-top: 46px;
    width: 1000px;
    text-align: left;
}

.skinContentsArea2 {
}

/**
 * Header Navi
 */

#headNav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 51px;
}

#headNav ul#topnav {
    margin: 0 auto;
    padding: 0;
}

#headNav ul#topnav li {
    float: left;
    text-align: center;
    line-height: 46px;
}

#headNav ul#topnav li a {
    display: block;
    float: left;
    overflow: hidden;
    padding-top: 46px;
    width: 669px;
    height: 0px;
    outline: none;
    background: url(http://inpub.net/img/bg-headNavi-li.jpg) no-repeat 0 0;
    text-decoration: none;
}

#headNav ul#topnav li#menu01 a { width: 167px; background-position: 0 0; }
#headNav ul#topnav li#menu02 a { width: 167px; background-position: -167px 0; }
#headNav ul#topnav li#menu03 a { width: 167px; background-position: -334px 0; }
#headNav ul#topnav li#menu01 a:hover { background-position: 0 -50px; }
#headNav ul#topnav li#menu02 a:hover { background-position: -167px -50px; }
#headNav ul#topnav li#menu03 a:hover { background-position: -334px -50px; }


/**
 * Main area
 */


/* Messageboad */

.skinMessageBoard {
    margin-bottom: 20px;
    padding: 1px 0;
    width: 668px;
    border: none;
    background: #e6e6e6;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    font-size: 14px;
    line-height: 1.75;
}

.skinMessageBoard2 {
    margin: 15px;
    padding: 20px;
    background: #fff;
}

.skinMessageBoard3 {
    margin: 0;
    padding: 0;
}

/* Article */

.skinArticle {
    margin-bottom: 20px;
    padding: 0;
    width: 668px;
    border: none;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    font-size: 14px;
    line-height: 1.75;
}

.skinArticleHeader {
    margin: 0;
    padding: 16px 20px 14px;
    border: none;
    border-bottom: 3px #f06 solid;
    background: #131313 url(http://inpub.net/img/bg-skinArticleHeader.jpg) repeat-x left top;
}

.skinArticleHeader h1 {
    padding: 0 0 0 36px;
    background: url(http://inpub.net/img/bullet-skinArticleHeader.png) no-repeat 0 0;
    color: #fff;
    font-size: 139%;
    line-height: 1.4;
}

.articleDetailArea {
    margin: -30px -30px 30px;
    padding: 10px;
    border-bottom: 1px #e6e6e6 solid;
    background: #ededed;
    color: #666;
    font-size: 11px;
}

.articleDetailArea br {
    display: none;
}

.articleTime {
    display: block;
    float: right;
    margin-left: 1em;
    text-align: left;
}

.articleTheme {
    display: block;
    float: right;
    margin-left: 1em;
    text-align: right;
}

a.skinArticleTitle, a:visited.skinArticleTitle {
    color: #fff;
    text-decoration: none;
    font-size: 116%;
}

a:hover.skinArticleTitle {
    color: #fff;
    text-decoration: underline;
    font-size: 116%;
}

.skinArticleBody2 {
    margin: 30px;
}

/* Articlefoot */

.articleLinkArea {
    padding: 0 0 30px;
}

/**
 * Sub area
 */

.skinSubArea {
    font-size: 93%;
}

/* 共通 */

.skinMenu {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

.skinMenuHeader {
    margin: 0;
    padding: 10px 8px 8px;
    border-bottom: 1px #f06 solid;
    background: #131313 url(http://inpub.net/img/bg-skinArticleHeader.jpg) repeat-x left top;
}

.skinMenuTitle {
    padding: 3px 0 0 10px;
    background: url(http://inpub.net/img/bullet-skinMenuTitle.png) no-repeat 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 100%;
    line-height: 1.4;
}

.skinMenuBody {
    margin: 0;
    padding: 10px 10px 10px;
    background-color: #ededed;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}

.recentEntriesMenu li, .bookmarkMenu li, .favoriteMenu li, .readerMenu li, .themeMenu li, .archiveMenu li {
    display: block;
    border-bottom: 1px dotted #d3d3d3;
    -webkit-box-shadow: 0 1px 0 #fff;
       -moz-box-shadow: 0 1px 0 #fff;
            box-shadow: 0 1px 0 #fff;
}

.recentEntriesMenu li a, .bookmarkMenu li a, .favoriteMenu li a, .readerMenu li a, .themeMenu li a, .archiveMenu li a {
    display: block;
    padding: 5px 0 5px 20px;
    background-image: url(http://inpub.net/img/bullet-skinMenu-li.jpg);
    background-position: 0 5px;
    background-repeat: no-repeat;
    line-height: 1.4;
}

.recentEntriesMenu li a:hover, .bookmarkMenu li a:hover, .favoriteMenu li a:hover, .readerMenu li a:hover, .themeMenu li a:hover, .archiveMenu li a:hover {
    background-color: #F4F5F5;
    color: #4E454A;
}

.skinMenuBody .listLink {
    border-top: none;
}

/* ボタンS/M */

/* プロフィール */

ul.profileBtnArea {
    margin: 0 auto;
    width: 280px;
}

.profileUserNickname {
    font-size: 115%;
}

/* 読者 */

.readerHeader {
    padding-bottom: 3px;
    text-align: center;
    font-size: 115%;
}

.readerRequestArea {
    margin-top: 3px;
}

.readerRequestBtnArea a.readerBtn {
    display: block;
    margin: 0 auto;
    width: 280px;
    height: 40px;
    background-image: url(http://inpub.net/img/btn-dokusya.png);
    background-position: left top;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.readerRequestBtnArea a:hover.readerBtn {
    background-position: 0px -40px;
}

.readerRequestDescription {
    font-size: 93%;
}

/* ランキング */

.rankListArea dd {
    font-size: 93%;
}

/* カレンダー */

.skinSubB .calendarMenu, .skinSubA .calendarMenu {
    padding: 0 0 1px;
}

.skinSubB .calendarMenu table, .skinSubA .calendarMenu table {
    margin: 0 auto;
    width: 100%;
    border-top: 1px #e6e6e6 solid;
    border-left: 1px #e6e6e6 solid;
}

.skinSubA .calendarMenu th, .skinSubB .calendarMenu th, .skinSubA .calendarMenu td, .skinSubB .calendarMenu td {
    border-right: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    font-size: 11px;
}

.calendar table {
    border-collapse: collapse;
}

/* 月 */

.calendar caption {
    overflow: hidden;
    padding: 10px 10px 7px;
    background: #ddd;
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    font-size: 100%;
    line-height: 1;
}

.calendar caption a {
    color: #666;
}

.calendar caption a:hover {
    color: #fff;
}

.calendar caption a.pre {
    display: inline-block;
    float: left;
    text-align: left;
}

.calendar caption a.next {
    display: inline-block;
    float: right;
    text-align: right;
}

/* 曜日 */

.calendar #weekID {
    margin: 1px;
    height: 14px;
    background-color: #f3f3f3;
    font-weight: normal;
}

.calendar #weekID .sun {
    color: #f66;
}

.calendar #weekID .sat {
    color: #369;
}

/* 日 */

.calendar td {
    margin: 1px;
    background-color: #fff;
    color: #666;
}

/* 投稿がある日 */

.calendar td a {
    display: block;
    padding-top: 2px;
    background-color: #FFF2F2;
    text-decoration: none;
}

.calendar td a:hover {
    background-color: #fcc;
    text-decoration: none;
}

/* ブログ内検索 */

.skinSubA .blogSearchForm, .skinSubB .blogSearchForm {
    margin: 20px auto;
    width: 300px;
}

.skinSubA .blogSearchInput, .skinSubB .blogSearchInput {
    width: 269px;
    border: 1px #d3d3d3 solid;
}

.registArea, .rss {
    padding: 10px;
    width: 280px !important;
    background: rgba(255, 255, 255, 0.5);
}

/**
 * ListPage
 * 
 */

.listPageArea .tabList {
    background-color: #fff;
}

nav {
    margin-top: 30px;
}

.tab {
    font-weight: bold;
    font-size: 103%;
}

.listPageArea a.contentTitle {
    padding: 5px 0 5px 20px;
    background-image: url(http://inpub.net/img/bullet-skinMenu-li.jpg);
    background-position: 0 5px;
    background-repeat: no-repeat;
    line-height: 1.4;
}

/**
 * Footer
 * 
 */

.columnB .skinMainArea, .columnB .skinSubA, .columnB .skinSubB {
    padding-bottom: 350px;
}

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 350px;
}

#footer .footer-left {
    float: left;
    margin: 20px 20px 10px 0;
    width: 320px;
}

#footer .footer-right {
    float: left;
    margin: 20px 0 10px;
    width: 165px;
}

.footer-prof-photo {
    float: right;
    margin: 0 0 10px 10px;
}

.footer-prof-photo {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
}

#footer h4 {
    margin: 0 0 10px;
    height: 40px;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
}

#footer p {
    margin: 0 0 10px;
    color: #ccc;
    font-size: 12px;
    line-height: 1.7;
}

#footer p strong {
    font-weight: bold;
    font-size: 13px;
}

.footer-book-chatch {
    margin: 0 0 10px;
    height: 40px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.5;
}

.footer-book-image {
    margin: 0 0 10px;
    height: 145px;
    text-align: center;
}

.footer-book-image img {
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
}

.footer-book-title {
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
}

.footer-book-title a {
    color: #ff0;
    text-decoration: underline;
}

.footer-book-title a:hover {
    text-decoration: none;
}

#footer address {
    display: block;
    clear: both;
    padding-top: 10px;
    width: 1000px;
    border-top: 1px solid #999;
    color: #ccc;
    text-align: right;
    font-style: normal;
    font-size: 11px;
}