/*
Theme Name: lw
Author: nakato
*/

/* begin Page */

body, p
{
  margin: 0.5em 0;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  text-align: left;
  line-height: 1.8em;
  color: #353535;
  word-wrap: break-word;
}

body
{
  margin: 0 auto;
  padding: 0;
  color: #353535;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover,
.art-blockheader .t, .art-vmenublockheader .t, .art-logo-text, .art-logo-text a,
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  text-align: left;
}


a, a:link
{
  color: #24396C;
  text-decoration: none;
  text-decoration: underline;
}

a:visited
{
  color: #24396C;
  text-decoration: none;
  text-decoration: underline;
}

a:hover
{
  color: #555;
  text-decoration: underline;
}

a:active
{
  text-decoration: underline;
}



h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  margin: 0.67em 0;
  font-size: 22px;
  color: #353535;
  font-weight: normal !important;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  margin: 0.8em 0;
  font-size: 24px;
  color: #393766;
  font-weight: normal !important;
}

h2.ttl-primary
{
  color: 2c2c2c !important;
  font-size: 116%;
  font-family: 'PT Serif Caption', serif;
}

h2.ttl-primary span, h2.ttl-primary span a
{
  font-size: small !important;
  float: right;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  margin: 1em 0;
  font-size: 22px;
  font-weight: normal !important;
  color: #321105;
  font-family:"Times New Roman", Times, serif ;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  margin: 1.25em 0;
  font-size: 110% !important;
  font-weight: normal !important;
  color: #6a3906;
  font-family:"Times New Roman", Times, serif ;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  margin: 1.67em 0;
  font-size: 110% !important;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  margin: 1em 0;
  font-size: 16px;
  color: #3F3D71;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2 a, h2 a:link, h2 a:visited, h2 a:hover,
h3 a, h3 a:link, h3 a:visited, h3 a:hover,
h4 a, h4 a:link, h4 a:visited, h4 a:hover,
h5 a, h5 a:link, h5 a:visited, h5 a:hover,
h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
    margin:0;
}

ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#art-main
{
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
}
.menu-xs
{
  position:absolute;
  top:25px;
  right:50px;
  margin:0!important;
  z-index:2;padding:5px;
}
.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1px;
}

form
{
  padding: 0 !important;
  margin: 0 !important;
}

table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
/* end Page */

/* begin sheetWrap */

.sheetWrap
{
  width: 100%;
  background-image: url('images/sheetwrap_bg.jpg');
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #fff;
}
@media screen and (max-width:767px) {
      .sheetWrap
      {
        width: 100%;
        background-image: none;
        background-repeat: repeat-x;
        background-position: left top;
        background-color: #fff;
      }
}

/* end sheetWrap */



/* begin Box, Sheet */
.art-sheet
{
  position: relative;
  z-index: 0;
  margin: 0 auto;
  width: 1000px;
  min-width: 31px;
  min-height: 31px;
}

.art-sheet-body
{
  position: relative;
  z-index: 1;
  padding: 0;
  background-color: #fff;
}

.art-sheet
{
  margin-top: 0 !important;
  cursor:auto;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
  min-width: 1000px;
}

.gray-color{
  background-color: #979797 !important;
}
.navbar-default .navbar-toggle {
  border-color: #979797 !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff !important;
}
/* end Box, Sheet */

/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100px;
  overflow: hidden;
  background-color: #f0f0f0;
}


div.art-header-jpeg
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 1000px;
  height: 100px;
/*
  background-image: url('images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
*/
}

@media (max-width: 767px) {
  .container {
     min-width: 100%;
     width: 100% !important;
     overflow: hidden;
 }
}

.art-global-navi
{
  font-size: small;
}

.art-global-navi ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.art-global-navi ul li
{
  display: block;
  padding: 0;
  margin: 0;
  float: left;
}

.art-global-navi ul li p
{
  display: block;
  padding: 0 5px;
  margin: 0;
  font-size: 94%;
  color: #fff;
}

.art-global-navi ul li p.title
{
  background-color: #353535;
  padding: 0 5px;
  margin: 0;
}
.art-global-navi ul li p a, .art-global-navi ul li p a:link
{
  color: #353535;
  padding: 0;
  margin: 0;
}

.art-global-navi ul li p:hover
{
  background-color: #353535;
  color: #fff;
}

.art-global-navi ul li p:hover a
{
  color: #fff;
}

/* end Header */

/* begin Logo */
.art-logo
{
  display: block;
  position: absolute;
  left: 0;
  top: 26px;
  width: 300px;
}
.art-logo-xs{
  max-width: 590px;
  padding: 0;
  float: left;
}
h1.art-logo-xs{
  width: 200px;
  height: auto;
  margin-top: 18px;
  margin-bottom: 10px;
}
.art-logo-xs-img{
  max-width: 100%;
  height: auto;
}
h1.art-logo-name
{
  display: block;
  text-align: left;
}

h1.art-logo-name img {
  width: 250px;
  height: auto;
  margin-bottom: 10px;
}

h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.art-logo-text
{
  display: block;
  text-align: left;
}

.art-logo-text, .art-logo-text a
{
  font-weight: normal;
  font-size: 18px;
  padding: 0;
  margin: 0;
  color: #141414 !important;
}

.headerRightBox
{
  display: block;
  float: right;
  width: 410px;
  padding: 30px 10px 0 0;
  float: right;
  text-align: right;
}

.headerRightBox, .headerRightBox a, .headerRightBox a:link
{
  color: #353535;
  font-size: small;
}

.headerRightBox a, .headerRightBox a:link
{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAAXNSR0IArs4c6QAAAC9JREFUCB1jMDU1/c+ABJhAbGRBsACyICOyLEgCrgLEOX36NCNcAMQBCaIYCOIDAN8XDOSC5YJpAAAAAElFTkSuQmCC');
  background-position: left 5px;
  background-repeat: no-repeat;
  padding-left: 10px;
}

.header-search
{
  display: block;
  top: 60px; 
  left: 670px;
  margin: 15px 0 0 90px;
  height: 30px;
  width: 320px;
  /width: 315px;
}

.btn-search
{
  float: right;
  display: block;
  border: 0px;
  height: 34px;
  width: 60px;
  line-height: 24px;
  margin: 0;
  margin-top: 3px;
  margin-left: 3px;
  padding: 10px 30px;
  background: url(images/btn_search.jpg) left top no-repeat;
  cursor: pointer;
  overflow: visible;
}

.formboxs
{
  /float: left;
  border: none;
  background-color: #fff;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
  padding: 0px;
  margin: 0;
  height: 21px;
  /height: 18px;
  width: 245px;
  color: #969696;
  font-size: x-small;
  padding: 1px;
  /padding: 4px 2px 1px;
}

button
{
  margin: 100px;
  padding: 0;
}


img#wpstats{display:none}

.modal-xs{
  position: absolute;
  top: 25px;
  right: -30px;
  margin: 0!important;
  z-index: 2;
  padding: 5px;
}
.modal-backdrop{
  position:unset !important;
}

/* end Logo */

/* begin TopCatchWrap */

#TopCatchWrap
{
  margin: 0 30px;
  padding: 0px;
  width: 940px;
  background-color: #fff;
}

.mainImg
{
  display: block;
  float: left;
  width: 490px;
  margin: 10px 0 0;
}

.mainImg p
{
  font-size: small;
  line-height: 140%;
  color: #333;
  padding: 0 20px;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
}

.mainImg img
{
  display: block;
  width: 490px;
  height: auto;
  padding: 0;
  margin: 0;
}

.mainImgCap
{
  display: block;
  width: 490px;
  background-color: #4a4a4a;
  padding: 0;
  margin: 0;
  /margin: -5px 0 10px;
}

.mainImgCap h2
{
  font-weight: normal;
  font-size: medium;
  margin: -5px 0 10px;
  padding: 10px;
  text-shadow: #222 1px 1px 0px;
}

.mainImgCap h2, .mainImgCap h2 a, .mainImgCap h2 a:link
{
  color: #fff;
  font-weight: normal;
  font-family: 'PT Serif Caption', serif;
}

.mainImgCap h2 a:hover
{
  color: #bbb;
  text-decoration: underline;
}

#TopCatchWrap .latestPost
{
  float: right;
  width: 420px;
}

#TopCatchWrap .latestPost p
{
  font-size: small;
}

#TopCatchWrap .latestPost h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 0;
  margin: 10px 0;
}

#TopCatchWrap .latestPost ul
{
  margin: 0;
  padding: 0;
}

#TopCatchWrap .latestPost ul li
{
  line-height: 1.2em;
  padding: 0;
  margin: 5px 0 0 0;
  font-size: small;
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
}


#TopCatchWrap .latestPost ul li img
{
  display: block;
  width: 90px;
  height: auto;
  float: left;
  margin: 0 10px 5px 0 !important;
}

#TopCatchWrap .latestPost ul li.topPost
{

}

#TopCatchWrap .latestPost ul li.topPost a, #TopCatchWrap .latestPost ul li.topPost a:link
{
  font-size: large;
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
}

#TopCatchWrap .latestPost ul li.topPost p
{
  clear: both;
  display: block;
  font-size: small;
  line-height: 140%;
  color: #333;
  padding: 0 20px;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  margin-bottom: 20px;
}

#TopCatchWrap .latestPost ul li.topPost img
{
  display: block;
  width: 140px;
  height: auto;
  float: left;
  margin: 0 10px 0 0;
}


#TopCatchWrap .latestPost ul li h2, #TopCatchWrap .latestPost ul li h2 a, #TopCatchWrap .latestPost ul li h2 a:link
{

}

.feedIcon img
{
  float: right;
  margin-top: 25px;
}

/* end TopCatchWrap */

/* begin SecCatchWrap */

#SecCatchWrap
{
  display: block;
  margin: 0 20px 0 0;
  padding: 0;
  width: 590px;
  background-color: #fff;
  float: left;
}

#SecCatchWrap div.box
{
  display: block;
  border-bottom: 1px solid #999;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}

#SecCatchWrap h2, #SecCatchWrap h2 a, #SecCatchWrap h2 a:link
{
  font-weight: normal;
  font-size: medium;
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1em;
}

#SecCatchWrap h2 a:hover
{
  text-decoration: underline;
}


#SecCatchWrap .secPost h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 0;
  margin: 10px 0;
}

.secImg
{
  display: block;
  background-image: url('images/img_bg.gif');
  background-position: left top;
  width: 305px;
  height: 172px;
  padding: 5px;
  overflow: hidden;
}

.secImg img
{
  display: block;
  width: 305px;
  height: auto;
  border: none;
}

#SecCatchWrap ul
{
  margin: 0;
  padding: 0;
}

#SecCatchWrap ul li
{
  line-height: 1.2em;
  padding: 0;
  margin: 0 0 3px 0;
}

#SecCatchWrap ul li img
{
  display: block;
  float: left;
  padding: 0 3px 3px 0;
  width: 90px;
  height: auto;
}

#SecCatchWrap ul li.SecPostFirst p
{
  clear: both;
  display: block;
  font-size: small;
  line-height: 140%;
  color: #333;
  padding: 0 20px;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  margin: 0 0 15px;
}

#SecCatchWrap ul li.SecPostFirst img
{
  display: block;
  width: 140px;
  height: auto;
  float: left;
  margin: 0 10px 3px 0 !important;
}

#SecCatchWrap ul li.SecPostFirst
{
  font-size: small;
  line-height: 120%;
  margin-bottom: 15px;
}

#SecCatchWrap ul li.SecPostFirst a, #SecCatchWrap ul li.SecPostFirst a:link
{
  font-size: large;
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
}

#SecCatchWrap ul li.SecPostSecond
{
  font-size: small;
  background-image: none;
}

#SecCatchWrap ul li.SecPostSecond a, #SecCatchWrap ul li.SecPostSecond a:link
{
  font-size: medium;
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
  background-image: none;
}


#SecCatchWrap ul li h3, #SecCatchWrap ul li h3 a, #SecCatchWrap ul li h3 a:link
{
  font-size: small;
  line-height: 1.2em;
  color: #393766;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#SecCatchWrap ul li h3 a:hover
{
  text-decoration: underline;

}

.date, p.date, span.date, .date span
{
  color: #666;
  font-size: 11px !important;
  line-height: 11px;
  /line-height: 1em;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Helvetica, Sans-Serif;
}

/* end SecCatchWrap */


/* Primary Area */

#TopRai
{
  display: block;
  width: 615px;
}

#TopRai .RaiPost
{
  width: 590px;
}

#TopRai .RaiPost h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 5px 0;
  margin: 20px 0 0;
}

#TopRai ul
{
  width: 615px;
  list-style: none;
  margin: 10px 0 !important;
  padding: 0 !important;
}

#TopRai ul li.TopRaiPost
{
  display: block;
  width: 200px !important;
  list-style: none;
  float: left;
  margin: 0 0 10px !important;
  padding: 0 !important;
  background-image: none;
}

#TopRai ul li.TopRaiPost h4
{
  color: #fe0000;
  margin: 0;
  padding: 0;
  font-size: 15px !important;
}

#TopRai ul li.TopRaiPost img
{
  width: 190px !important;
  height: auto !important;
}

#TopRai ul li.TopRaiPost p
{
  width: 190px;
  font-size: x-small;
  line-height: 110%;
}

#TopRai ul li.TopRaiPost p.PostTtl
{
  font-weight:bold;
  font-size: small;
  line-height: 110%;
}

/* end Primary Area */


/* begin TopImwl */

#TopImwl
{
  width: 590px;
  padding-bottom: 30px;
}

#TopImwl .ImwlPost h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 5px 0;
  margin: 20px 0 0;
}

#TopImwl div.box
{
  width: 100%;
  float: left;
  margin: 15px 20px 5px 5px;
  font-size: x-small;
  line-height: 1.3em;
}

#TopImwl div.box img
{
  float: left;
  width: 120px;
  height: auto;
  margin: 0 10px 5px 0 !important;
}

#TopImwl div.box h2 a, #TopImwl div.box h2 a:link
{
  font-size: 84%;
  margin: 0 0 5px 0;
  padding: 5px 0;
  border-left: 3px solid #dc0a09;
  padding-left: 7px;
  font-family: 'PT Serif Caption', serif;
  font-weight: normal;
}

#TopImwl div.box h3, #TopImwl div.box h3 a, #TopImwl div.box h3 a:link
{
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
  font-size: large;
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px 0;
}

#TopImwl div.box h3 a:hover
{
  text-decoration: underline;
}

#TopImwl div.box ul
{
  margin: 0;
  padding: 0;
}

#TopImwl div.box ul li.TopImwlFirst
{
  background-image: none !important;
  font-size: small;
  margin: 0 0 3px;
  padding: 0;
  margin-bottom: 15px;
}

#TopImwl div.box ul li.TopImwlFirst a, #TopImwl div.box ul li.TopImwlFirst a:link
{

  background-image: none !important;
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
  font-size: large;
  margin: 0 0 3px;
  padding: 0;
}


#TopImwl div.box ul li p
{
  clear: both;
  display: block;
  font-size: small;
  line-height: 140%;
  color: #333;
  padding: 0 20px;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  margin-bottom: 5px;
}


#TopImwl div.box ul li
{
  background-image: url('images/list.gif');
  background-position: left 10px;
  background-repeat: no-repeat;
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
  font-size: medium;
  margin: 5px 0 3px 0;
  padding: 0;
  padding-left: 10px;
}


/* end TopImwl */


/* begin TopCat */

#TopCat
{
  width: 605px;
  overflow: hidden;
}

#TopCat .CatPost
{
  width: 590px;
}

#TopCat .CatPost h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 5px 0;
  margin: 20px 0 0;
}

#TopCat div.box
{
  display: block;
  width: 180px;
  float: left;
  margin: 15px 10px 5px 0;
  padding:0 9px 10px 0;
  font-size: x-small;
  line-height: 1.3em;
  float: left;
  height: 22em;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  overflow: hidden;
}

#TopCat div.box img
{
  float: left;
  width: 120px;
  height: auto;
  margin: 0 10px 5px 0 !important;
}

#TopCat div.box h2 a, #TopCat div.box h2 a:link
{
  font-size: 77%;
  margin: 0 0 5px 0;
  padding: 5px 0;
  font-family: 'PT Serif Caption', serif;
  font-weight: normal;
}



#TopCat div.box h3, #TopCat div.box h3 a, #TopCat div.box h3 a:link
{
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
  font-size: large;
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px 0;
}

#TopCat div.box h3 a:hover
{
  text-decoration: underline;
}

#TopCat div.box ul
{
  margin: 0;
  padding: 0;
}

#TopCat div.box ul li.TopCatFirst
{
  background-image: none !important;
  font-size: 12px;
  margin: 0 0 3px;
  padding: 0;
  margin-bottom: 15px;
}

#TopCat div.box ul li.TopCatFirst a, #TopCat div.box ul li.TopCatFirst a:link
{

  background-image: none !important;
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
  font-size: 12px;
  margin: 0 0 3px;
  padding: 0;
}

#TopCat div.box ul li p
{
  clear: both;
  display: block;
  font-size: 10px;
  line-height: 120%;
  color: #333;
  padding: 0 20px;
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  margin-bottom: 5px;
}


#TopCat div.box ul li
{
  background-image: url('images/list.gif');
  background-position: left 10px;
  background-repeat: no-repeat;
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
  font-size: 10px;
  margin: 5px 0 3px 0;
  padding: 0;
  padding-left: 10px;
}


/* end TopCat */



/* begin TopSideInfo */

#TopSideInfo
{
  font-size: small;
  margin: 20px 29px 20px 20px;
  border-bottom: 3px solid #333;
}

#TopSideInfo h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 8px;
  margin: 10px 0 1px;
}

#TopSideInfo ul
{
  margin: 0;
  padding: 0;
}

#TopSideInfo ul a, #TopSideInfo ul a:link
{
  text-decoration: none;
  display: block;
  margin: 0;
  padding: 0;

}

#TopSideInfo ul li
{
  background-image: url('images/list.gif');
  background-position: 7px 20px;
  background-repeat: no-repeat;
  border-bottom: 1px dotted #ccc;
  background-color: #fafafa;
  padding: 10px 10px 10px 15px;
  /padding: 5px 10px 0px 15px;
  line-height: 130%;
}

#TopSideInfo ul li span
{
  display: block;
  /margin-bottom: 10px;
}


p.sideBnr, p.sideBnr a, p.sideBnr a:link
{
  padding: 0 0 0 10px !important;
  line-height: 1em;

}

.sideHot
{
  display: block;
  border-left: 1px solid #030303;
  border-right: 1px solid #030303;
  border-bottom: 1px solid #030303;
  width: 295px;
  margin: 0;
  /margin-top: -5px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.sideHot ul
{
  margin: 0 10px;
  padding: 10px 0;
}

.sideHot ul li
{
  display: block;
  text-decoration: none;
  line-height: 1.25em;
  overflow:hidden;
  margin-left: 0;
  padding-left: 8px;
  margin-bottom: 5px;
  font-size: small;
}

.sideHot ul li img
{
  float: left;
  margin: 0 10px 10px 0 !important;
}

p.sideBnrSingle, p.sideBnrSingle a, p.sideBnrSingle a:link
{
  padding: 0 0 0 0;
  text-align: center;
}

.art-sidebar1 .sidelatestPost
{
  margin: 0 auto;
  width: 270px;

}

.art-sidebar1 .sidelatestPost p
{
  font-size: x-small;
}

.art-sidebar1 .sidelatestPost h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 0;
  margin: 10px 0;
}

.art-sidebar1 .sidelatestPost ul
{
  margin: 0;
  padding: 0;
}

.art-sidebar1 .sidelatestPost ul li
{
  display: block;
  line-height: 1.2em;
  padding: 0;
  margin: 3px 0 10px;
  font-size: small;
}

.art-sidebar1 .sidelatestPost ul li img
{
  display: block;
  width: 68px;
  height: auto;
  float: left;
  margin: 0 10px 5px 0 !important;
}


.art-sidebar1-home .sidelatestPost
{
  width: 297px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.art-sidebar1-home .sidelatestPost p
{
  font-size: x-small;
}

.art-sidebar1-home .sidelatestPost h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 0;
  margin: 10px 0;
}

.art-sidebar1-home .sidelatestPost ul
{
  margin: 0;
  padding: 0;
}

.art-sidebar1-home .sidelatestPost ul li
{
  display: block;
  line-height: 1.2em;
  padding: 0;
  margin: 3px 0 10px;
  font-size: small;
}

.art-sidebar1-home .sidelatestPost ul li img
{
  display: block;
  width: 68px;
  height: auto;
  float: left;
  margin: 0 10px 5px 0 !important;
}


.art-sidebar1 .sideRankingPost
{
  width: 270px;

}

.art-sidebar1 .sideRankingPost p
{
  font-size: x-small;
}

.art-sidebar1 .sideRankingPost h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 0;
  margin: 10px 0;
}

.art-sidebar1 .sideRankingPost ul
{
  margin: 0;
  padding: 0;
}

.art-sidebar1 .sideRankingPost ul li
{
  display: block;
  line-height: 1.2em;
  padding: 0;
  margin: 3px 0 10px;
  font-size: small;
}

.art-sidebar1 .sideRankingPost ul li img
{
  display: block;
  width: 68px;
  height: auto;
  float: left;
  margin: 0 10px 5px 0 !important;
}

.sideRankingPost ul li.no1
{
  font-weight:bold;
  background-image: url('images/rank/rank01.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
  min-height: 45px;
}
.sideRankingPost ul li.no2
{
  font-weight:bold;
  background-image: url('images/rank/rank02.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
  min-height: 45px;
}
.sideRankingPost ul li.no3
{
  font-weight:bold;
  background-image: url('images/rank/rank03.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
  min-height: 48px;
}
.sideRankingPost ul li.no4
{
  background-image: url('images/rank/rank04.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
}
.sideRankingPost ul li.no5
{
  background-image: url('images/rank/rank05.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
}
.sideRankingPost ul li.no6
{
  background-image: url('images/rank/rank06.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
}
.sideRankingPost ul li.no7
{
  background-image: url('images/rank/rank07.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
}
.sideRankingPost ul li.no8
{
  background-image: url('images/rank/rank08.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
}
.sideRankingPost ul li.no9
{
  background-image: url('images/rank/rank09.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
}
.sideRankingPost ul li.no10
{
  background-image: url('images/rank/rank10.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
}

.sideRankingPost ul li img
{
  display: block;
  width: 68px;
  height: auto;
}

.text_center{
  text-align: center;
}

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
  text-align: left;
  text-decoration: none;
  outline: none;
  letter-spacing: normal;
  word-spacing: normal;
}

.art-menu, .art-menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.art-menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

.art-menu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.art-menu li li
{
  float: none;
}

.art-menu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
}

.art-menu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.art-menu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.art-menu:after, .art-menu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-menu, .art-menu ul
{
  min-height: 0;
}

.art-menu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}




/* menu structure */

.art-menu
{
  padding: 0 0 0 0;
}

.art-nav
{
  position: relative;
  height: 40px;
  z-index: 100;
}

.art-nav .l, .art-nav .r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 40px;
  background-image: url('images/nav.png');
}

.art-nav .l
{
  left: 0;
  right: 0;
}

.art-nav .r
{
  right: 0;
  width: 1000px;
  clip: rect(auto, auto, auto, 1000px);
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 40px;
  cursor: pointer;
  text-decoration: none;
}

.art-menu .art-menu-li-separator
{
  display: block;
  width: 0;
  height: 40px;
}

.art-menu ul li
{
    margin:0;
    clear: both;
}


.art-menu a .r, .art-menu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 120px;
  background-image: url('images/menuitem.png');
}

.art-menu a .l
{
  left: 0;
  right: 0;
}

.art-menu a .r
{
  width: 400px;
  right: 0;
  clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t
{
  margin: 0;
  width: 98px;
  color: #fff;
  /* text-shadow: #332f2f 0px 1px 0px; */
  padding: 0 22px;
  line-height: 29px;
  text-align: center;
  font-size: 12px;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
  top: -40px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
  top: -40px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
  top: -40px;
}
.art-menu a:hover .t
{
  color: #fff;
}

.art-menu li:hover a .t
{
  color: #fff;
}

.art-menu li:hover>a .t
{
  color: #fff;
}


.art-menu a.active .l, .art-menu a.active .r
{
  top: -80px;
}

.art-menu a.active .t
{
  color: #ccc;
}

.art-menu a .r2, .art-menu a .l2
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 120px;
  background-image: url('images/menuitem2.png');
}

.art-menu a .l2
{
  left: 0;
  right: 0;
}

.art-menu a .r2
{
  width: 400px;
  right: 0;
  clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t2
{
  margin: 0;
  width: 98px;
  color: #fff;
  padding: 0 22px;
  line-height: 29px;
  text-align: center;
  font-size: 12px;
}

.art-menu a:hover .l2, .art-menu a:hover .r2
{
  top: -40px;
}

.art-menu li:hover>a .l2, .art-menu li:hover>a .r2
{
  top: -40px;
}

.art-menu li:hover a .l2, .art-menu li:hover a .r2
{
  top: -40px;
}
.art-menu a:hover .t2
{
  color: #fff;
}

.art-menu li:hover a .t2
{
  color: #fff;
}

.art-menu li:hover>a .t2
{
  color: #fff;
}


.art-menu a.active .l2, .art-menu a.active .r2
{
  top: -80px;
}

.art-menu a.active .t2
{
  color: #a9a9a9;
}

.navbar-toggle-xs{
  margin-top: 29px !important; 
  margin-right: -6px !important;
}


/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
  display: block;
  margin:0 auto;
  width: 0px;
  height: 40px;
  background-image: url('images/menuseparator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
  display: block;
  text-align: center;
  white-space: nowrap;
  height: 20px;
  width: 180px;
  overflow: hidden;
  line-height: 20px;
  background-image: url('images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #B5B5B5;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #454545;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 12px;
  margin:0;
  padding:0;
}

.art-menu ul li a:hover
{
  color: #2E2E2E;
  border-color: #B5B5B5;
  background-position: 0 -20px;
}

.art-menu ul li:hover>a
{
  color: #2E2E2E;
  border-color: #B5B5B5;
  background-position: 0 -20px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
  color: #2E2E2E;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
  color: #2E2E2E;
}


/* end MenuSubItem */

/* begin Layout */
.art-content-layout
{
  display: table;
  padding: 0;
  border: none;
  width: 1000px;
}

.art-content-layout .art-content-layout
{
  width: auto;
  margin:0;
}

div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell
{
   display: table-cell;
}

div.art-layout-cell div.art-layout-cell
{
   display: block;
}

div.art-content-layout-row
{
  display: table-row;
}

.art-content-layout
{
  table-layout: fixed;
  border-collapse: collapse;
  background-color: #fff;
  border: none !important;
  padding:0 !important;
}

.art-layout-cell, .art-content-layout-row
{
  background-color: #fff;
  vertical-align: top;
  text-align: left;
  border: none !important;
  margin:0 !important;
  padding:0 0 30px !important;
}
/* end Layout */

/* begin Button */
.art-button-wrapper .art-button
{
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: left;
  text-decoration: none !important;
  color: #353535 !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 33px;
  height: 33px;
  margin: 5px 0 0 555px !important;
  padding: 0 31px !important;
  z-index: 0;
  background: url(images/btn_search.jpg) left top no-repeat;
  cursor: pointer;



}

.art-button img, .art-button-wrapper img
{
  margin: 0;
  vertical-align: middle;
}

.art-button-wrapper
{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 33px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.firefox2 .art-button-wrapper
{
  display: block;
  float: left;
}

input, select, textarea, select
{
  vertical-align: middle;
  font-size: 12px;
  padding: 5px 2px;
  color: #969696;
  font-size: x-small;
}

.art-block select
{
    width:96%;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
  color: #353535 !important;
  text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
  color: #2E2E2E !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
  display: block;
  position: absolute;
  z-index: -1;
  height: 99px;
  margin: 0;
  padding: 0;
}

/*

.art-button-wrapper .l
{
  left: 0;
  right: 10px;
}

.art-button-wrapper .r
{
  width: 409px;
  right: 0;
  clip: rect(auto, auto, auto, 399px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
  top: -33px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
  top: -66px;
}

*/

.art-button-wrapper input
{
  float: none !important;
}

/* end Button */


/* begin Box, Block */
.art-block
{
  position: relative;
  z-index: 0;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-block-body
{
  position: relative;
  z-index: 1;
  padding: 0;
}


.art-block
{
  margin: 15px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader
{
  position: relative;
  z-index: 0;
  height: 38px;
  margin-bottom: 0;
}

.art-blockheader .t
{
  height: 38px;
  color: #424242;
  margin-right: 10px;
  margin-left: 0;
  font-weight: normal;
  font-size: 18px;
  margin:0;
  padding: 0 10px 0 0;
  white-space: nowrap;
  line-height: 38px;
}

/* end BlockHeader */

/* begin Box, BlockContent */
.art-blockcontent
{
  position: relative;
  z-index: 0;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-blockcontent-body
{
  position: relative;
  z-index: 1;
  padding: 7px;
}


.art-blockcontent-body,
.art-blockcontent-body a,
.art-blockcontent-body li a
{
  color: #353535;
  margin-left: 0;
  font-size: 12px;
}

.art-blockcontent-body a,
.art-blockcontent-body li a
{
  color: #24396c;
  text-decoration: none;
}

.art-blockcontent-body a:link,
.art-blockcontent-body li a:link
{
  color: #24396c;
  text-decoration: none;
}

.art-blockcontent-body a:visited, .art-blockcontent-body a.visited,
.art-blockcontent-body li a:visited, .art-blockcontent-body li a.visited
{
  color: #E02A31;

}

.art-blockcontent-body a:hover, .art-blockcontent-body a.hover,
.art-blockcontent-body li a:hover, .art-blockcontent-body li a.hover
{
  color: #0697EB;

  text-decoration: underline;
}

.art-blockcontent-body ul
{
  list-style-type: none;
  color: #292929;
  margin: 0;
  padding: 0;
}

.art-blockcontent-body ul li
{
  display: block;
  background-image: url('images/list.gif');
  background-position: left 8px;
  background-repeat: no-repeat;
  text-decoration: none;
  line-height: 1.25em;
  overflow:hidden;
  margin-left: 0;
  padding-left: 8px;
  margin-bottom: 5px;
}




/* end Box, BlockContent */

/* begin Box, Post */
.art-post
{
  position: relative;
  z-index: 0;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-post-body
{
  position: relative;
  z-index: 1;
  padding: 0px;
}


.art-post
{
  margin: 0 0 0 30px;
}

a img
{
  border: 0;
}

.art-article img, img.art-article
{
  border: solid 1px #fcfcfc;
  margin: 0px;
}

.art-metadata-icons
{
  line-height: 130%;
}

.art-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}

.art-article table, table.art-article
{
  border-collapse: collapse;
  margin: 1px;
  width: auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
  background-color: #fff;
}


.art-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}

pre
{
  overflow: auto;
  padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-post h2.art-pageheader
{
  border-bottom: 1px dotted #353535;
  padding: 10px 0;
  margin: 5px 0;
}


.art-post h2.art-pageheader a,
.art-post h2.art-pageheader a:link,
.art-post h2.art-pageheader a:visited,
.art-post h2.art-pageheader a.visited,
.art-post h2.art-pageheader a:hover,
.art-post h2.art-pageheader a.hovered
{
  border-left: 4px solid #ff0000;
  padding-left: 10px;
  font-size: 24px;
  color: #353535;
  font-family: 'PT Serif Caption', serif;
}

.art-post h2.art-pageheader a,
.art-post h2.art-pageheader a:link,
.art-post h2.art-pageheader a:visited,
.art-post h2.art-pageheader a.visited,
.art-post h2.art-pageheader a:hover,
.art-post h2.art-pageheader a.hovered
{
  margin: 0;
  text-decoration: none;
  color: #353535;
}

.art-post h2.art-pageheader a:visited,
.art-post h2.art-pageheader a.visited
{

  color: #353535;
}


.art-post h2.art-pageheader a:hover,
.art-post h2.art-pageheader a.hovered
{

  text-decoration: underline;
  color: #555 !important;
}



.art-post h2.art-postheader,
.art-post h2.art-postheader a,
.art-post h2.art-postheader a:link,
.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited,
.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hovered
{
  margin: 0.2em 0;
  padding: 0;
  margin-bottom: 20px;
  font-size: 24px;
  color: #353535;
  font-family: 'PT Serif Caption', serif;
}

.art-post h2.art-postheader a,
.art-post h2.art-postheader a:link,
.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited,
.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hovered
{
  margin: 0;
  text-decoration: none;
  color: #353535;
}

.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited
{

  color: #353535;
}


.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hovered
{

  text-decoration: underline;
  color: #555 !important;
}

.art-postcontent h1
{
  font-size: 22px;
  color: #3D3D3D;
  margin: 0 0 20px 0;
  padding: 0 0 0 7px;
  font-family: 'PT Serif Caption', serif;
  border-left: 5px solid #3D3D3D;
}

.art-postcontent h2
{
  font-size: 22px;
  color: #3D3D3D;
  margin: 50px 0 20px 0;
  font-family: 'PT Serif Caption','Quando', serif;
}

/*
  font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
*/
.art-postcontent h4
{
  font-weight: normal;
  font-family: 'PT Serif Caption','Quando', serif;
  font-size: large;
  line-height: 160%;
  color: #254f8f;
  margin: 30px 0 5px 0;
  padding: 0;
}

.art-postcontent h4:first-letter
{
  font-size: 140%;
}

.art-postcontent h5
{
  font-weight: normal;
  font-family: 'PT Serif Caption', serif;
  font-size: large;
  line-height: 160%;
  color: #353535;
  margin: 0 0 5px 0;
  padding: 0;
}

.art-postcontent h5:first-letter
{
  font-size: 140%;
}

.art-postcontent h6
{
  font-size: small;
  line-height: 120%;
  color: #909090;
  font-weight: normal !important;
}

.art-postcontent p
{
  margin-bottom: 20px;
}

/* end PostHeaderIcon */

/* begin PostIcons, PostHeaderIcons */
.art-postheadericons
{
  color: #3D3D3D;
  padding: 1px;
}

.art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover
{
  margin-bottom: 0px;
  font-size: 11px;
  text-align: left;
}

.art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover
{
  margin: 0;
  text-decoration: underline;
  color: #6FB1C1;
}

.art-postheadericons a:visited, .art-postheadericons a.visited
{

  color: #408495;
}

.art-postheadericons a:hover, .art-postheadericons a.hover
{

  text-decoration: none;
  color: #757575;
}
/* end PostIcons, PostHeaderIcons */

/* begin PostBullets */
.art-post ol, .art-post ul
{
  color: #3D3D3D;
  margin: 1em 0 1em 2em;
  padding: 0;
}

.art-post ol li, .art-post ul li
{
  color: #3D3D3D;
  margin: 0;
  padding: 0;
  line-height: 130%;
  padding-bottom: 1.2em;
}

/*
.art-post li ol, .art-post li ul
{
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
}

.art-post li
{
  margin: 0.2em 0;
  padding: 0;
  overflow:hidden;
}

.art-post ul
{
  list-style-type: none;
}

.art-post ol
{
  list-style-position: inside !important;
  list-style-type: decimal !important;
}



.art-post li
{
  padding: 0 0 0 10px;
  line-height: 1.4em;
}

.art-post ol li, .art-post ul ol li
{
  background: none;
  padding-left: 0;
}

.art-post ul li, .art-post ol ul li
{
  background-image: url('images/postbullets.png');
  background-position: left 4px;
  background-repeat: no-repeat;
  padding-left: 10px;
  margin-bottom: 20px;
  font-size: medium;
}
*/

.art-post ul li, .art-post ol ul li
{
  background-image: url('images/postbullets.png');
  background-position: left 4px;
  background-repeat: no-repeat;
  padding-left: 10px;
  font-size: medium;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* end PostBullets */

/* begin PostQuote */
blockquote,
blockquote p,
.art-postcontent blockquote p
{
  color: #141414;
  margin-left: 10px;
  text-align: left;
}

blockquote,
.art-postcontent blockquote
{
  overflow:hidden;
  border: solid 1px #f0f0f0;
  margin: 10px 10px 10px 30px;
  padding: 10px;
  background-color: #fcfcfc;
  text-shadow: #fff 1px 1px 0px;
}

.art-postcontent .qa blockquote
{
  overflow:hidden;
  border: solid 2px #f0f0f0;
  margin: 10px 0;
  padding: 10px;
  background-color: #fcfcfc;
  text-shadow: #fff 1px 1px 0px;
}

/* end PostQuote */

/* begin PostIcons, PostFooterIcons */
.art-postfootericons
{
  color: #141414;
  padding: 1px;
}

.art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover
{
  margin-bottom: 50px;
  font-size: 11px;
  line-height: 150%;
  text-decoration: none;
}

.art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover
{
  margin: 0;

  color: #0589D5;
}

.art-postfootericons a:visited, .art-postfootericons a.visited
{

  color: #E02A31;
}

.art-postfootericons a:hover, .art-postfootericons a.hover
{

  text-decoration: underline;
  color: #0589D5;
}
/* end PostIcons, PostFooterIcons */

/* begin Footer */
.art-footer
{
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #4b4a4a;
}

.art-footer h2
{
  font-size: medium;
  font-weight: normal;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #ccc;
  color: #ccc;
}



.art-footer-b
{
  position: absolute;
  left:15px;
  right:15px;
  bottom:0;
  height:15px;
  background-image: url('images/footer_b.png');
}


.art-footer-body
{
    position:relative;
    padding: 8px;
}

.art-footer-box1
{
  width: 56%;
  padding: 25px 10px;
  margin: 0;
  background-image: url('images/footer_box_bg.jpg');
  background-position: right top;
  background-repeat: no-repeat;
  float: left;
  height: 230px;
}

.art-footer ul
{
  margin: 0;
  padding: 0;
}

.art-footer ul li, .art-footer ul li a, .art-footer ul li a:link
{
  color: #fff;
  background-image: url('images/footer_postbullets.png');
  background-position: left 2px;
  background-repeat: no-repeat;
  padding-left: 13px;
}

.art-footer ul li a:hover
{
  text-decoration: underline;
}


.art-footer-box2
{
  width: 35%;
  padding: 0 25px 30px;
  margin: 0;
  float: left;
  height: 230px;
}

.footerLink
{
  display: block;
  margin: 30px 0 0 15px;
}

.footerLink ul li, .footerLink ul li a, .footerLink ul li a:link
{
  float: left;
  background-image: none;
  padding: 0;
  font-size: x-small;
}

.footerLink ul li a, .footerLink ul li a:link
{
  text-decoration: underline;
}

.art-footer-box3
{
  width: 35%;
  padding: 0 25px 30px;
  margin: 0;
  float: left;
  color: #fff;
}

.art-footer-box3 img
{
  float: left;
  padding-right: 20px;
}



.art-footer .art-footer-text p
{
  margin: 0;
  padding: 0;
}

.art-footer,
.art-footer p,
.art-footer div,
.art-footer li
{
  color: #fff;
}


.art-footer,
.art-footer p,
.art-footer div,
.art-footer li,
.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover
{
  font-size: small;
}

.art-footer-text
{
  margin: 0 10px 0 10px;
}

.art-footer a,
.art-footer a:link
{
  color: #fff;
  text-decoration: none;
}

.art-footer a:visited
{
  color: #fff;
  text-decoration: underline;
}

.art-footer a:hover
{
  color: #fff;
  text-decoration: underline;
}


.mainFooter
{
  width: 100%;
  background-color: #979797;
  padding: 20px 0;
  text-align: center;
}

.footerCopy
{
  font-size: x-small;
  color: #fff;
}



/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #666666;
}

.art-page-footer
{
  margin: 1em;
  text-align: center;
  text-decoration: none;
  color: #666666;
}
/* end PageFooter */

/* begin LayoutCell, content */

.art-content-layout .art-content
{
  width: 70%;
}

.art-content-layout .art-content-home
{
  width: 58%;
}

.art-content-layout .art-content .art-block
{
  background-color: #fff;
}
.art-content-layout .art-content-wide
{
  width: 100%;
}
/* end LayoutCell, content */

/* begin LayoutCell, sidebar1 */
.art-content-layout .art-sidebar1
{
  background-color: #fff;
  width: 30%;
  margin: 0;
}

.art-content-layout .art-sidebar1-home
{
  background-color: #fff;
  width: 34%;
  margin: 0;
}

/* end LayoutCell, sidebar1 */



textarea#comment
{
  width:100%;
}

.commentlist, .commentlist li
{
  background: none;
}

.commentlist li li
{
  margin-left: 30px;
}

.commentlist li .avatar
{
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  margin: 1px;
  background: #fff;
}

.commentlist li cite
{
  font-size: 1.2em;
}

#commentform textarea
{
  width: 100%;
}

img.wp-smiley
{
  border: none;
  margin: 0;
  padding: 0;
}

.navigation
{
  display: block;
  text-align: center;
  font-size: small;
  padding: 0 0 20px 0;
}

.navigation .alignleft, .navigation .alignright
{
  width: 40%;
  line-height: 130%;
}


/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft
{
  float: left;
}

.alignright
{
  float: right;
}

.alignright img, img.alignright
{
  margin: 1em;
  margin-right: 0;
}

.alignleft img, img.alignleft
{
  margin: 1em;
  margin-left: 0;
}

.wp-caption
{
  background-color: #fcfcfc;
  padding: 10px;
  margin: 0;
}

.wp-caption img
{
  margin: 0 0 10px 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text
{
  font-size: small !important;
  line-height: 130%;
  padding: 0 4px 5px;
  margin: 0;
  color: #555 !important;
}

.wp-caption, .wp-caption p
{
    text-align: left;
}
/* End */


.hidden
{
  display: none;
}

/* Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}

.gallery {
  letter-spacing: normal;
}

.art-content {
  position: relative;
  z-index: 1;
}

#todays-events{
  position: relative;
  z-index: 11;
}

#upcoming-events{
  position: relative;
  z-index: 10;
}

img.wp-post-image
{
    margin:0 5px 5px 0 !important;
}

div.art-footer li, ul.commentlist li
{
    list-style-image: none;
    background:none;
    list-style-type:none;

}

div.art-footer div.art-content-layout
{
    margin:0 auto;
    width:95%;
}

div.art-layout-cell-size1
{
    width:100%;
}

div.art-layout-cell-size2
{
    width:50%;
}
div.art-layout-cell-size3
{
    width:33%;
}

div.art-layout-cell-size4
{
    width:25%;
}



/* begin Other */

/* ///
*breadcrumbs------------- */
ul.breadcrumbs {
  display: block;
  list-style: none;
  padding: 0 0 50px 0;
  margin: 0 0 0 30px;
  font-size: 12px;
}
ul.breadcrumbs li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  line-height: 1.2em;
}

/* ///
*pagesprit------------- */
.pagesprit {
  color: #353535;
  background: white;
  margin: 1em auto;
  line-height: 2em;
  text-align: right;
  font-size: small;
}
.page-numbers a {
  display: inline;
  color: #00019b;
  border:solid 1px #ccc;
  text-decoration: none;
}
.page-numbers a:hover {
  color: white;
  background: #328ab2;
}
.numbers {
  margin: 0 10px;
}

.postThumbnail
{

}

.postThumbnail img
{
  width: 630px;
  height: auto;
  display: block;
  background-image: url('images/img_bg.gif');
  background-position: left top;
  padding: 5px;
}

div.gestsWrap
{
  display: block;
  width: 200px;
  float: right;
  padding: 10px;
  background-color: #f4f4f4;
  margin: 0 0 5px 10px;
}

p.gestsName
{
  font-family: 'PT Serif Caption', serif;
  font-size: medium;
  margin: 10px 0 0;
  padding: 0 0 5px;
  color: #555;
}

p.gestsProfile
{
  font-size: small;
  line-height: 130%;
  margin: 0;
  padding: 0 0 5px;
  color: #555;
  text-shadow: #fff 1px 1px 0px;
}

div.figureWrap
{
  display: block;
  width: 300px;
  float: right;
  padding: 10px;
  background-color: #f4f4f4;
  margin: 0 0 5px 10px;
  font-size: 80%;
}

div.figureWrap p
{
  line-height: 130%;
}


.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:right;
	margin-right: 30px;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #353535;
}

.tablenav .current {
	color: white;
	background: #353535;
	font-weight:bold;
}

.tablenav .next, .tablenav .prev {
	border: none;
	background:transparent;
	font-size:small;
	font-weight:normal;
	border: 1px solid #ccc;
}

/* end Other */


/* begin Archive */

.art-post-category
{
  margin: 10px 0 0;
}

.art-post-body-category
{
  display: block;
  width: 640px;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #ccc;
}

.page-post-r
{
  display: block;
  float: right;
  padding-bottom: 0px;
  width: 475px;
}

.archiveThumbnail img
{
  display: block;
  float: left;
  width: 150px;
  height: auto;
  padding: 0 10px 5px 0;
}

.archiveTitle
{
  font-size: medium;
  line-height: 120%;
  padding: 3px 0;
}

.art-pages
{
  margin: 0;
  padding: 0;
}

#pageWrap
{
  display: block;
  margin: 0 20px 30px 0px;
  padding: 0;
  width: 640px;
  background-color: #fff;
  float: left;
}

#pageWrap h2, #pageWrap h2 a, #pageWrap h2 a:link
{
  font-weight: normal;
  font-size: medium;
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 1em;
}

#pageWrap h2 a:hover
{
  text-decoration: underline;
}


#pageWrap .pagePost h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  line-height: 20px;
  padding: 10px 0;
  margin: 0px 0;
  font-family: 'PT Serif Caption', serif;
  font-size: large;
  text-shadow: #dbdede 1px 1px 0px;
}

.feedIconPage img
{
  float: right;
  margin-top: 15px;
  margin-right: 10px;
}

/* end Archive */


/* begin  Category */

#pageCat
{
  display: block;
  width: 670px;
  overflow: visible;
}

#pageCat .CatPage h2
{
  border-top: 3px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 0;
  margin: 20px 0 0;
}

#pageCat div.box
{
  display: block;
  width: 188px;
  float: left;
  margin: 0 29px 40px 5px;
  font-size: x-small;
  line-height: 1.3em;

}

#pageCat div.box img
{
  width: 188px;
  height: auto;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
}

#pageCat div.box h2
{
  margin: 0;
  padding: 0;
}

#pageCat div.box h2 a, #pageCat div.box h2 a:link
{
  display: block;
  font-size: 84%;
  border-left: 3px solid #dc0a09;
  padding-left: 7px;
  font-family: 'PT Serif Caption', serif;
  line-height: 100%;
  font-weight: normal;
}

#pageCat div.box h3, #pageCat div.box h3 a, #pageCat div.box h3 a:link
{
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
  font-size: large;
  font-weight: normal;
  margin: 0;
  padding: 0 0 5px 0;
}

#pageCat div.box h3 a:hover
{
  text-decoration: underline;
}

#pageCat div.box ul
{
  margin: 0  !important;
  padding: 0 !important;
}

#pageCat div.box ul li.pageCatFirst, #pageCat div.box ul li.pageCatFirst a, #pageCat div.box ul li.pageCatFirst a:link
{
  display: block;
  background-image: none !important;
  font-family: 'PT Serif Caption', serif;
  line-height: 120%;
  font-size: medium;
  margin: 0 0 3px;
  padding: 8px 0;
}


#pageCat div.box ul li p
{
  clear: both;
  display: block;
  font-size: small;
  line-height: 140%;
  color: #333;
  padding: 5px 0 0;
  margin-bottom: 0;
}

.catMore img, .catMore img a, .catMore img a:link
{
  display: block;
  width: 100px !important;
  height: 14px;
  padding: 0 0 5px;
}


#pageCat div.box ul li
{
  background-image: none;
  line-height: 130%;
  font-size: small;
  margin: 15px 0 15px 0;
  padding-left: 0;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ccc;
}


/* end Category */


/* begin  info */

.art-post-body-category .page-info-l
{
  display: block;
  float: left;
  width: 150px;
  font-size: 94%;
  margin: 0;
  min-height: 300px;
  padding: 22px 0 0;
  color: #999;
  background-image: url('images/info_bg.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  text-shadow: #fff 1px 1px 0px;
}

.art-post-body-category .page-info-r
{
  display: block;
  float: right;
  width: 440px;
  font-size: small;
  margin: 0;
  padding: 20px 25px 30px;
  border-top: 1px solid #f0f0f0;
}

/* end info */

/* text */


.headerSocial
{
  float: right;
}

.headerSocial ul
{
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}

.headerSocial ul li
{
  float: right;
  margin: 0;
  padding: 0;
  width: 70px;
}
.headerSocial ul li.fb
{
  width: 130px;
}
.headerSocial ul li.gplus
{
  width: 85px;
}

.wpcf7-submit
{
  color: #353535 !important;
}

.questionPost
{
  font-size: 120%;
  color: #6e0000;
  line-height: 130%;
  margin-bottom: 10px;
  font-family: 'PT Serif Caption', serif;
  margin-top: 40px;
}

.questionText
{
  color: #6e0000;
}

.answerPost
{
  font-size: 120%;
  color: #36241a;
  line-height: 130%;
  margin-bottom: 30px;
  font-family: 'PT Serif Caption', serif;
}

.int
{
  display:block;
  margin:30px 0 0;
  border-top: 5px solid #ccc;
  border-bottom: 5px solid #ccc;
  padding:2px 10px;
}

.int ul li
{
  margin-bottom: 5px;
  padding-bottom: 0;
}

.connectionPost
{
    display: block;
  border: 1px solid #eee;
  padding: 10px 20px;
  margin: 50px 0 20px;
  background-color: #fcfcfc;
}

.connectionPost h2
{
  margin: 10px 0 5px;
  font-size: x-large;
  font-family: Arial, Helvetica, Sans-Serif !important;
  color: #353535;

}

.connectionPost ul
{
  display: block;
  margin: 0;
}

.connectionPost ul li
{
  border-bottom: 1px dotted #eee;
  background-image: none;
  margin: 0;
  padding: 0;
  font-size: small;
  font-family: Arial, Helvetica, Sans-Serif;

}

.connectionPostBoxL
{
  display: block;
  width: 94;
  padding: 5px;
  float: left;
  margin: 0;
  min-height: 65px;
}

.connectionPostBoxR
{
  display: block;
  width: 470px;
  padding: 5px 5px 5px 10px;
  float: right;
  min-height: 65px;
  margin: 0;
}

.connectionPostBoxR:hover
{
  display: block;
  background-color: #eee;
  cursor: pointer;
}

.connectionPost ul li img
{
  width: 90px;
  height: 50px;
  margin: 0;
  padding: 2px;
  border: 1px solid #ccc;
  background-color: #fcfcfc;
}

h2.sub
{
  margin: 0 !important;
}

h3.sub
{
  margin: 0 !important;
  padding: 10px 0 0 10px !important;
  font-size: 24px !important;
  color: #6e0000;
}

h4.sub
{
  margin: 0 !important;
  padding: 50px 10px 0 !important;
  font-size: medium !important;
}



span.castName p
{
  font-size: 90%;
  line-height: 130% !important;
  color: #555;
}

.top
{
  margin-top: 10px !important;
}

dl.history
{

}
dl.history dt
{
  clear: left;
  float: left;
  display: block;
  width: 10em;
}

dl.history dd
{
  display: block;
  margin-left: 10em;
}

.h01, .h02, .h03, .h04, .h05, .h06, .h07
{
  border: 2px solid #d3d3d3;
  padding: 0 20px 20px;
  margin-bottom: 20px;
}

.h01 img, .h02 img, .h03 img, .h04 img, .h05 img, .h06 img, .h07 img
{
  border: 1px solid #ccc;
  margin: 0 20px 0 0 !important;
}

.h01
{
  background-color: #ffebcd;
}

.h02
{
  background-color: #ffefd5;
}

.h03
{
  background-color: #faebd7;
}

.h04
{
  background-color: #faf0e6;
}

.h05
{
  background-color: #fffaf0;
}

.h06
{
  background-color: #fff;
}

.h07
{
  background-color: #dcdcdc;
}

.picArea
{
  background-color: #fcfcfc;
  padding: 10px;
  clear: both;
}

.picArea ul
{
  list-style: none;
}

.picArea ul li
{
  float: left;
  width: 160px;
  font-size: small;
  line-height: 130%;
  background-image: none;
  padding: 0 !important;
}

p.question
{
  color: #7e0043;
}

span.spirits
{
  color: #009de2;
  font-family:"Times New Roman", Times, serif ;
}

span.mastWdName
{
  color: #64460F;
  font-family:"Times New Roman", Times, serif !important;
  font-size: 130%;
  padding-right: 5px;
}

.customData
{
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 10px;
}

.customData h2
{
  border-left: 5px solid #dc0a09;
  padding-left: 10px;
  color: #353535;
  line-height: 20px;
  font-size: 20px;
}

.customData ul li
{
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.customData h4, .customData h5
{
  margin: 10px 0 0;
  padding: 0;
  font-family:"Times New Roman", Times, serif !important;
  font-size: 16px;
}

.customData h5
{
  color: #595656;
}

.customData p, .customData div
{
  font-size: small;
  line-height: 130%;
}

.lineBox
{
  border: 1px solid #ccc;
  padding: 15px;
}

.lineBoxD
{
  border: 1px dotted #ccc;
  padding: 20px;
  margin: 10px 0 20px;
}

.lineBoxG
{
  border: 1px dotted #ccc;
  padding: 20px;
  margin: 20px;
  background-color: #ededed;
}

.lineBox h4
{
  font-size: 100% !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}


.name
{
  font-size: 120%;
}

h3:first-child
{
  margin-top: 0px !important;
}

#page-top {
  position: fixed;
  bottom: 20px;
  right: 10px;
}


table.boader {
  display: inline;
}

table.boader td, table.boader th {
  padding: 5px 15px;
  border: 1px solid #ccc;
}

table.border {
  display: inline;
}

table.border td, table.border th {
  padding: 5px 15px;
  border: 1px solid #ccc;
}

.side160
{
  width: 160px;
  float: right;
  margin: 0 0 15px 20px;
  font-size: small;
  color: #555;
  line-height: 130%;
  padding: 10px;
}

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


.side200
{
  width: 200px;
  float: right;
  margin: 0 0 15px 20px;
  font-size: small;
  color: #555;
  line-height: 130%;
  padding: 10px;
}
.side200 p
{
  font-size: small;
  color: #555;
  line-height: 130%;
  margin-bottom: 10px;
}
.side200 p.name, .side200 p.gestName
{
  font-size: large;
}
.side200 img
{
  width: 200px;
  height: auto;
  margin-bottom: 5px;
}
.side200 h4
{
  margin-bottom: 5px !important;
  clear: both;
}
.side200 p.lineBoxD
{
  padding: 5px !important;
  margin-bottom: 30px !important;
}

.side280
{
  width: 280px;
  float: right;
  margin: 0 0 15px 20px;
  font-size: small;
  color: #555;
  line-height: 130%;
  padding: 10px;
}
.side280 p
{
  font-size: small;
  color: #555;
  line-height: 130%;
  margin-bottom: 10px;
}
.side280 p.name, .side280 p.gestName
{
  font-size: large;
}
.side280 img
{
  width: 280px;
  height: auto;
  margin-bottom: 5px;
}
.side280 h4
{
  margin-bottom: 5px !important;
  clear: both;
}
.side280 p.lineBoxD
{
  padding: 5px !important;
  margin-bottom: 30px !important;
}
.side300
{
  width: 300px;
  float: right;
  margin: 0 0 15px 20px;
  font-size: small;
  color: #555;
  line-height: 130%;
  padding: 10px;
}
.side300 p
{
  font-size: small;
  color: #555;
  line-height: 130%;
  margin-bottom: 10px;
}
.side300 p.name, .side300 p.gestName
{
  font-size: large;
}
.side300 img
{
  width: 300px;
  height: auto;
  margin-bottom: 5px;
}
.side300 h4
{
  margin-bottom: 5px !important;
  clear: both;
}
.side300 p.lineBoxD
{
  padding: 5px !important;
  margin-bottom: 30px !important;
}

.side340
{
  width: 340px;
  float: right;
  margin: 0 0 15px 20px;
  font-size: small;
  color: #555;
  line-height: 130%;
  padding: 10px;
}
.side340 p
{
  font-size: small;
  color: #555;
  line-height: 130%;
  margin-bottom: 10px;
}
.side340 p.name, .side340 p.gestName
{
  font-size: large;
}
.side340 img
{
  width: 340px;
  height: auto;
  margin-bottom: 5px;
}
.side340 h4
{
  margin-bottom: 5px !important;
  clear: both;
}
.side340 p.lineBoxD
{
  padding: 5px !important;
  margin-bottom: 30px !important;
}

.pLink
{
  display:block;
  width:100%;
  text-align:right;
  font-size:small;
  padding:5px 25px 5px 5px;
  background-color: #fcfcfc;
}
.textE, .textI
{
  font-weight:bold;
}
.textE
{
  color:#64460F;
}
.textI
{
  color:#6f3250;
}

.textB
{
  color:#cc0098;
}

.textS
{
  color:#0066cc;
}

.textG
{
  color: #00561f;
}

.haicho
{
  border: 1px solid #64460F;
  background-color: #fffffa;
  padding:20px;
}

.option
{
  border: 3px solid #369;
  background-color: #fff;
  padding:0.1em 0.5em 0 0.5em;
  height:10em;
  width:em;

}
.option p
{
  margin-top:-5em;
  padding: 1em;
  background-color:#fff;
  display:block;
  height:14em;
}

.option p span
{
  margin-top:-2em;
  padding:2.1em 1.1em;
  background-color:#fff;
  display:block;
  height:em;
}

.pLink
{
  display:block;
  width:100%;
  text-align:right;
  font-size:small;
  padding:5px 25px 5px 5px;
  background-color: #fcfcfc;
}
.postLink ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.postLink h3
{
  background-color: #1e1e1e;
  color: #fff !important;
  padding: 5px 10px 3px !important;
  margin-left: 20px !important;
}

.postLink ul li
{
  display: block;
  list-style: none !important;
  border-bottom: 1px dotted #ccc;
  padding: 0;


}

.postLink ul li img
{
  float: left;
  margin: 0 20px 10px 0;
}

.postLink dl
{
  line-height: 130%;
}


.postLink dl dt
{
  display: block;
  width: 5em;
  float: left;
  padding: 10px 0;
  clear: both;
}

.postLink dl dd
{
  display: block;
  padding: 10px 0 10px 6em;
  border-bottom: 1px dotted #ccc;
}

.post-monthly-title
{
  background-color: #af1946;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}

.post-monthly-title-b
{
  background-color: #00B0DC;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}

.post-monthly-title-g
{
  background-color: #2ECC71;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}

.post-monthly-title-y
{
  background-color: #F1C40F;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}

.post-monthly-title-o
{
  background-color: #E67E22;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}

.post-monthly-title-bl
{
  background-color: #2C3E50;
  font-size: 120%;
  padding: 10px 30px !important;
  color: #fff;
  display: inline !important;
}


/* 20140619 fact */
.ytcWrap {
  width: 590px;
  margin: 0 0 40px;
}

.ytcTextBox p {
  font-size: small;
  line-height: 100%;
}

.ytcMovBox {
  width: 320px;
  display: block;
  float: left;
  margin: 0 10px 40px 0;
}

.ytcBnr a img {
  display: block;
  padding: 20px 0 0 37px !important;
}

/* 20140820 fact */
.side-ytcWrap {
  width: 320px;
  margin: 0 0 10px 20px;
}

.ytcBg {
  width: 287px;
  padding: 11px 5px 15px;
  background-color: #EDF1F2;
  margin: -6px 0 0;
}

.side-ytcWrap h3 {
  margin: 0;
  padding: 0;
}

.side-ytcWrap .ytcTextBox p {
  font-size: small;
  line-height: 100%;
  padding: 0 5px;
}

.side-ytcWrap .ytcMovBox {
  width: 277px;
  display: block;
  margin: 0 10px 5px 0;
}

.side-ytcWrap .ytcBnr a img {
  display: block;
  padding: 5px 0 0 37px !important;
}



/* 20140815 */
.row-wrap {
  display: block;
  clear: both;
}
.row-wrap:after {
  clear: both;
  content: "";
  display: block;
}

.col-box {
  width: 200px;
  height: auto;
  margin-right: 5px;
  float: left;
  display: block;
}

.col-box p {
  font-size: small;
  line-height: 13px;
  color: #999;
}

a.page-top {
  display: block;
  background-color: #979797;
  padding: 5px 20px 12px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 1;
}


/* 20150530 */
.next-post {
  display: inline-block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #dc0b0a;
  border: 1px solid #dc0b0a;
  padding: 0 !important;
  color: #fcfcfc;
  overflow: hidden;
  float: right;
}
.next-post a {
  padding: 5px 10px !important;
  display: block;
  text-decoration: none !important;
  color: #fcfcfc !important;
  font-weight:bold !important;
}
.next-post a:hover {
  background: #fcfcfc;
  color: #dc0b0a !important;
  text-decoration: none;
}