hr.br { color: #FFF; width: 0%; border: none; }
.title-header { font-size: 14px; font-weight: bold; }
.entrypr { color: #999; font-size: 10px; }
.entrypr a { color: #999; font-size: 10px; text-decoration: none; }
.entrypr a:hover { color: #999; }
.footer-navi a { color: #000; }

/* 基本レイアウト */
html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }

/* リンク色（ページ全体） */
a { color: #0000FF; text-decoration: underline; }
a:hover { color: #ff9900; }

/* リンク色（ヘッダー） */
#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }


/* リンク色（サイドメニュー） */
.module-content a { color: #000; }
.module-content a:hover { color: #ff9900; }

/* 見出し */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 10px;
   margin-bottom: 10px;
}


/* ページレイアウト */

body
{
   min-width: 740px;
   margin: 0;
   padding: 0;
   font-family: verdana, 'trebuchet ms', sans-serif;
   font-size: 13px;
   text-align: center;
   color: #000;
   background: #ccc;
   line-height: 1.3;
}

#container
{
   position: relative;
   margin: 0 auto; 
   text-align: left;
   width: 740px;
}

#container-inner
{
   position: static;
   width: auto;
   background: url(img/bbg.gif) ;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* ヘッダー（レイアウト） */

#banner
{
   position: relative;
   width: 740px; /* necessary for ie win */
   height: 240px;
}

#banner-inner
{
   position: static;
   width: 740px;
   height: 240px;
   background: url(img/top.gif)  no-repeat;
}


/* ヘッダー（サイトタイトル） */

#banner-header
{
   width: 400px;
   margin: 0;
   font-size: 26px;
   line-height: 1.5;
   position:absolute; top:70px; left:220px;
   font-family: "ヒラギノ角ゴ8","HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
}

/* ヘッダー（検索ボックス） */

#banner-search
{
   position:absolute; bottom:20px; right:15px;
   color: #fff;
}


/* ヘッダー（サイト説明） */

.banner-des
{
   position:absolute; top:60px; left:20px;
   width: 500px; 
   font-size: 12px;
   font-weight: nomal;
   color: #fff;
}

#banner-description
{
   display: none;
}


/* メインコンテンツ全体 基本レイアウト*/

#pagebody
{
   position: relative;
   width: auto; 
   _width: 100%; 
   text-align: center;
}

#pagebody-inner 
{
   position: static;
   width: 730px; 
   padding: 10px 0;
   margin: 0 5px; 
   text-align: left; 
}

#alpha
{
   display: inline; /* ie win bugfix */
   position: relative;
   float: right;
   min-height: 1px;
}

#beta 
{ 
   display: inline; /* ie win bugfix */
   position: relative;
   float: left;
   min-height: 1px;
}

#alpha-inner, #beta-inner
{
   position: static;
}


/* メインコンテンツ基本レイアウト（記事部分） */

#alpha { 
   margin: 0 10px; 
   width: 510px; 
}
#alpha-inner { 
   width: auto; 

   padding: 10px;
   background: #fff ;
}


/* メインコンテンツ基本レイアウト（サイドメニュー） */

#beta {
   margin: 0; 
   width: 200px;
}
#beta-inner { padding: 10px; }


/* 記事部分コンテンツ */

.archive-header,.trackbacks-header,.comments-header,.comments-open-header
{
   position: relative;
   width: auto;
   margin: 0 0 12px;
   padding: 5px 0 2px 10px;
   color: #666;
   border-left: 5px solid #ccc;
   border-bottom: 1px solid #ccc;
   font-size: 18px;
   line-height: 1.25;
   font-family: "ヒラギノ角ゴ8","HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W8";
   font-weight: normal;
   clear: both
}

.img { float: right; margin: 5px 5px 5px 0 }

.entry-header {
   margin-top: 10px;
   padding: 0 0 0 5px;
   color: #666;
   font-size: 14px;
   font-weight: bold;
}

.entry-content { position: static; clear: both; }
.entry,
.entry-more { clear: both; }
.entry-body { width: 100%; }
.entry-footer{
   margin: 5px 10px 0 0;
   padding: 5px 0;
   text-align: right;
   font-size: 10px;
   border-top: 1px dotted #ccc;
   color: #999;
}

.gotop { text-align: right;  clear: both;}



/* トラックバック関連 */

#trackbacks-info
{
   margin: 10px 0;
   border: 1px dashed #ccc;
   padding: 0 10px;
   color: #999;
   font-size: 11px;
   text-align: center;
}

.trackback-content { margin: 0; line-height: 1.5; }
.trackback-footer
{
   margin: 0 0 10px 0;
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   color: #ccc;
   font-size: 10px;
   text-align: right;
}


/* コメント関連 */

#comment-author, #comment-email, #comment-url, #comment-text
{
   width: 240px;
}
#comment-bake-cookie { margin-left: 0;　vertical-align: middle; }
#comment-post { font-weight: bold; }
.comment-content,
.comment-footer,
.comments-open-footer { margin: 10px 0; }
.comments-open-content,
.comments-closed { clear: both; margin: 5px 10px; }
.comments-open label { display: block; }


/* フッター */

#footer
{
   width: 740px; /* necessary for ie win */
   height: 70px;
   background: url(img/footer.gif)  bottom no-repeat;
   position: relative;
}

#footer-inner
{
   font-size: 10px;
   color: #fff;
   position:absolute; top:30px; left:20px;
}

.footer-navi
{ 
   font-size: 10px;
   text-align: left;
   padding-right: 15px; 
   padding-left: 15px; 
  line-height: 20px;
   clear: both;
   color: #000;
}

.footer-navi a
{ 
   color: #000;
}

/* サイドメニュー内部 */

.module-header
{
   position: relative;
   width: auto;
   margin: 0 0 10px 0;
   padding: 2px 0;
   color: #fff;
   background: #7db2c3;
   line-height: 1.25;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
}

.module-content
{
   margin: 10px 0;
   padding: 0;
   color: #999;
}

.module-list
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.module-list-item a
{
   width: 178px; 
   background-color: #f5f5f5;
   text-indent: 5px;
   display: block;
   font-size: 12px;
   line-height: 1.25;
   margin: 2px 0;
   padding: 5px 0;
   border: 1px solid #ccc;
   text-decoration: none;
   color: #000;
}

.module-list-item a:hover
{
   background: #999;
   border: 1px solid #ccc;
   color: #fff;
}

/* 物販用おすすめ・ピックアップ部分 */

.pickup
{
   width: auto; 
   height: 190px;
   margin: 5px 0;
   padding: 5px;
   color: #333;
   border: 1px solid #999;
   line-height: 1.5;
}
.pickup1
{
   width: 47%; 
   height: 190px;
   margin: 5px 0;
   padding: 5px;
   color: #333;
   line-height: 1.5;
   float: left;
}
.pickup2
{
   width: 47%; 
   height: 190px;
   margin: 5px 0;
   padding: 5px;
   color: #333;
   line-height: 1.5;
   float: right;
}

/* 表示補助 */

.pkg:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
}

/* 広告 */
.center { text-align:center }

.ads { 
margin:30px 0;
padding:10px 0;
border-top:3px solid #7DB2C3;
border-bottom:3px solid #7DB2C3
}

.ads ul {
background-color: #FFFBE7;
padding: 10px;
border: solid 1px red;
}

.ads ul li {
display: block;
padding: 2px 2px 2px 18px;
background: url(http://www.katanoitami.com/common/i1/check.gif) no-repeat left;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON */

.button { 
    position: relative; 
    overflow: visible; 
    display: inline-block; 
    padding: 0.5em 1em; 
    border: 1px solid #d4d4d4; 
    margin: 0;
    text-decoration: none; 
    text-shadow: 1px 1px 0 #fff; 
    font:11px/normal sans-serif; 
    color: #333; 
    white-space: nowrap; 
    cursor: pointer; 
    outline: none; 
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box; 
    /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
    -webkit-border-radius: 0.2em; 
    -moz-border-radius: 0.2em; 
    border-radius: 0.2em; 
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}

.button:hover,
.button:focus,
.button:active,
.button.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3); 
    color: #fff; 
    background-color: #3C8DDE;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}

.button:active,
.button.active {
    border-color: #2a65a0;
    border-bottom-color: #3884CF;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background-image: -moz-linear-gradient(#3072b3, #599bdc);
    background-image: -o-linear-gradient(#3072b3, #599bdc);
    background-image: linear-gradient(#3072b3, #599bdc);
}

/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* ............................................................................................................. Icons */

.button.icon:before {
    content: "";
    position: relative; 
    top: 1px; 
    float:left;
    width: 12px; 
    height: 12px; 
    margin: 0 0.75em 0 -0.25em; 
    background: url(gh-icons.png) 0 99px no-repeat;
}

.button.arrowup.icon:before { background-position: 0 0; }
.button.arrowup.icon:hover:before,
.button.arrowup.icon:focus:before,
.button.arrowup.icon:active:before { background-position: -12px 0; }

.button.arrowdown.icon:before { background-position: 0 -12px; }
.button.arrowdown.icon:hover:before,
.button.arrowdown.icon:focus:before,
.button.arrowdown.icon:active:before { background-position: -12px -12px; }

.button.arrowleft.icon:before { background-position: 0 -24px; }
.button.arrowleft.icon:hover:before,
.button.arrowleft.icon:focus:before,
.button.arrowleft.icon:active:before { background-position: -12px -24px; }

.button.arrowright.icon:before { float:right; margin: 0 -0.25em 0 0.5em; background-position: 0 -36px; }
.button.arrowright.icon:hover:before,
.button.arrowright.icon:focus:before,
.button.arrowright.icon:active:before { background-position: -12px -36px; }

.button.approve.icon:before { background-position: 0 -48px; }
.button.approve.icon:hover:before,
.button.approve.icon:focus:before,
.button.approve.icon:active:before { background-position: -12px -48px; }

.button.add.icon:before { background-position: 0 -288px; }
.button.add.icon:hover:before,
.button.add.icon:focus:before,
.button.add.icon:active:before { background-position: -12px -288px; }

.button.remove.icon:before { background-position: 0 -60px; }
.button.remove.icon:hover:before,
.button.remove.icon:focus:before,
.button.remove.icon:active:before { background-position: -12px -60px; }

.button.log.icon:before { background-position: 0 -72px; }
.button.log.icon:hover:before,
.button.log.icon:focus:before,
.button.log.icon:active:before { background-position: -12px -72px; }

.button.calendar.icon:before { background-position: 0 -84px; }
.button.calendar.icon:hover:before,
.button.calendar.icon:focus:before,
.button.calendar.icon:active:before { background-position: -12px -84px; }

.button.chat.icon:before { background-position: 0 -96px; }
.button.chat.icon:hover:before,
.button.chat.icon:focus:before,
.button.chat.icon:active:before { background-position: -12px -96px; }

.button.clock.icon:before { background-position: 0 -108px; }
.button.clock.icon:hover:before,
.button.clock.icon:focus:before,
.button.clock.icon:active:before { background-position: -12px -108px; }

.button.settings.icon:before { background-position: 0 -120px; }
.button.settings.icon:hover:before,
.button.settings.icon:focus:before,
.button.settings.icon:active:before { background-position: -12px -120px; }

.button.comment.icon:before { background-position: 0 -132px; }
.button.comment.icon:hover:before,
.button.comment.icon:focus:before,
.button.comment.icon:active:before { background-position: -12px -132px; }

.button.fork.icon:before { background-position: 0 -144px; }
.button.fork.icon:hover:before,
.button.fork.icon:focus:before,
.button.fork.icon:active:before { background-position: -12px -144px; }

.button.like.icon:before { background-position: 0 -156px; }
.button.like.icon:hover:before,
.button.like.icon:focus:before,
.button.like.icon:active:before { background-position: -12px -156px; }

.button.favorite.icon:before { background-position: 0 -348px; }
.button.favorite.icon:hover:before,
.button.favorite.icon:focus:before,
.button.favorite.icon:active:before { background-position: -12px -348px; }

.button.home.icon:before { background-position: 0 -168px; }
.button.home.icon:hover:before,
.button.home.icon:focus:before,
.button.home.icon:active:before { background-position: -12px -168px; }

.button.key.icon:before { background-position: 0 -180px; }
.button.key.icon:hover:before,
.button.key.icon:focus:before,
.button.key.icon:active:before { background-position: -12px -180px; }

.button.lock.icon:before { background-position: 0 -192px; }
.button.lock.icon:hover:before,
.button.lock.icon:focus:before,
.button.lock.icon:active:before { background-position: -12px -192px; }

.button.unlock.icon:before { background-position: 0 -204px; }
.button.unlock.icon:hover:before,
.button.unlock.icon:focus:before,
.button.unlock.icon:active:before { background-position: -12px -204px; }

.button.loop.icon:before { background-position: 0 -216px; }
.button.loop.icon:hover:before,
.button.loop.icon:focus:before,
.button.loop.icon:active:before { background-position: -12px -216px; }

.button.search.icon:before { background-position: 0 -228px; }
.button.search.icon:hover:before,
.button.search.icon:focus:before,
.button.search.icon:active:before { background-position: -12px -228px; }

.button.mail.icon:before { background-position: 0 -240px; }
.button.mail.icon:hover:before,
.button.mail.icon:focus:before,
.button.mail.icon:active:before { background-position: -12px -240px; }

.button.move.icon:before { background-position: 0 -252px; }
.button.move.icon:hover:before,
.button.move.icon:focus:before,
.button.move.icon:active:before { background-position: -12px -252px; }

.button.edit.icon:before { background-position: 0 -264px; }
.button.edit.icon:hover:before,
.button.edit.icon:focus:before,
.button.edit.icon:active:before { background-position: -12px -264px; }

.button.pin.icon:before { background-position: 0 -276px; }
.button.pin.icon:hover:before,
.button.pin.icon:focus:before,
.button.pin.icon:active:before { background-position: -12px -276px; }

.button.reload.icon:before { background-position: 0 -300px; }
.button.reload.icon:hover:before,
.button.reload.icon:focus:before,
.button.reload.icon:active:before { background-position: -12px -300px; }

.button.rss.icon:before { background-position: 0 -312px; }
.button.rss.icon:hover:before,
.button.rss.icon:focus:before,
.button.rss.icon:active:before { background-position: -12px -312px; }

.button.tag.icon:before { background-position: 0 -324px; }
.button.tag.icon:hover:before,
.button.tag.icon:focus:before,
.button.tag.icon:active:before { background-position: -12px -324px; }

.button.trash.icon:before { background-position: 0 -336px; }
.button.trash.icon:hover:before,
.button.trash.icon:focus:before,
.button.trash.icon:active:before { background-position: -12px -336px; }

.button.user.icon:before { background-position: 0 -360px; }
.button.user.icon:hover:before,
.button.user.icon:focus:before,
.button.user.icon:active:before { background-position: -12px -360px; }


/* ------------------------------------------------------------------------------------------------------------- BUTTON EXTENSIONS */

/* ............................................................................................................. Primary */

.button.primary {
    font-weight: bold;
}

/* ............................................................................................................. Danger */

.button.danger {
    color: #900;
}

.button.danger:hover,
.button.danger:focus,
.button.danger:active {     
    border-color: #b53f3a;
    border-bottom-color: #a0302a;
    color: #fff; 
    background-color: #dc5f59;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
    background-image: -moz-linear-gradient(#dc5f59, #b33630);
    background-image: -o-linear-gradient(#dc5f59, #b33630);
    background-image: linear-gradient(#dc5f59, #b33630);
}

.button.danger:active,
.button.danger.active {   
    border-color: #a0302a;
    border-bottom-color: #bf4843;
    background-color: #b33630;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b33630), to(#dc5f59));
    background-image: -moz-linear-gradient(#b33630, #dc5f59);
    background-image: -o-linear-gradient(#b33630, #dc5f59);
    background-image: linear-gradient(#b33630, #dc5f59);
}

/* ............................................................................................................. Pill */

.button.pill {
    -webkit-border-radius: 50em; 
    -moz-border-radius: 50em; 
    border-radius: 50em; 
}

/* ............................................................................................................. Disable */

.button.disable {
    opacity: 0.5;
}

/* ............................................................................................................. Big */

.button.big {
    font-size: 18px; 
}

.button.big.icon:before { top: 0; }


/* ------------------------------------------------------------------------------------------------------------- BUTTON GROUPS */

/* ............................................................................................................. Standard */

.button-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}

.button + .button,
.button + .button-group,
.button-group + .button,
.button-group + .button-group {
    margin-left: 15px;
}

.button-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.button-group .button {
    float: left;
    margin-left: -1px; 
}

.button-group > .button:not(:first-child):not(:last-child),
.button-group li:not(:first-child):not(:last-child) .button { 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
}

.button-group > .button:first-child,
.button-group li:first-child .button { 
    margin-left: 0; 
    -webkit-border-top-right-radius: 0; 
    -webkit-border-bottom-right-radius: 0; 
    -moz-border-radius-topright: 0; 
    -moz-border-radius-bottomright: 0; 
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0; 
}

.button-group > .button:last-child,
.button-group li:last-child > .button { 
    -webkit-border-top-left-radius: 0; 
    -webkit-border-bottom-left-radius: 0; 
    -moz-border-radius-topleft: 0; 
    -moz-border-radius-bottomleft: 0; 
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0; 
}

/* ............................................................................................................. Minor */

.button-group.minor-group .button {
    border: 1px solid #d4d4d4; 
    text-shadow: none;
    background-image: none;
    background-color: #fff;
}

.button-group.minor-group .button:hover,
.button-group.minor-group .button:focus,
.button-group.minor-group .button:active {
    background-color: #599bdc;
}

.button-group.minor-group .button:active,
.button-group.minor-group .button.active {
    background-color: #3072b3;
}

.button-group.minor-group .button.icon:before {
    opacity: 0.8;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON CONTAINER */
/* For mixing buttons and button groups, e.g., in a navigation bar */

.button-container .button,
.button-container .button-group {
    vertical-align: top;
}