@charset "Shift_JIS";
body
{ 
text-align: center; 
font-family:'E­E³ E°γ‚΄γ‚·γƒE‚―','Tahoma',sans-serif;
} 
#container
{ 
margin: 0 auto; 
} 
/* ========TEMPLATE LAYOUT======== */
div#top {
   width:980px;
/*   height:3000px;*/
   margin:0 auto;
   padding:0 5px;
   background:#fff;
   behavior: url(PIE.htc);/* for IE */
}  
div#header {
   float: left;
   width:100%;
}
div#cate1-1 {
   float: left;
  text-align: center;
   width:47%;
}
div#cate1-2 {
   float: left;
   width:53%;
}
div#cate1-1NC {
   float: left;
  text-align: center;
   width:47%;
   clear: both;
}
div#cate1-2NC {
   float: left;
   width:53%;
   clear: both;
}
div#cate2 {
   float: left;
   width:100%;
}
div#cate2-1 {
   float: left;
   text-align: left;
   width:50%;
}
div#cate2-2 {
   float: left;
   text-align: center;
}
div#cate3-1 {
   float: left;
  text-align: left;
   width:60%;
}
div#cate3-2 {
   float: right;
  text-align: right;
   width:40%;
}
div#cate4-1 {
   float: left;
  text-align: left;
   width:60%;
}
div#cate4-2 {
   float: right;
  text-align: right;
   width:40%;
}
div#cate5-1 {
   float: left;
  text-align: left;
   width:33%;
}
div#cate5-2 {
   float: left;
  text-align: center;
   width:34%;
}
div#cate5-3 {
   float: left;
  text-align: right;
   width:33%;
}
div#cate6 {
   float: left;
  text-align: center;
   width:20%;
}

div#cate6-1 {
   float: left;
  text-align: left;
   width:70%;
}
div#cate6-2 {
   float: right;
  text-align: right;
   width:30%;
}

/* ========LIST LAYOUT======== */
UL#S1 {   /*おηŸ₯らせぁEΌE/
  list-style-image : url(image/header/listmark.gif);
  text-align: left;
   font-size: 150%;   /*γƒ•γ‚©γƒ³γƒˆγ‚΅γ‚€γ‚Ί*/
   font-weight: bold; /*γƒ•γ‚©γƒ³γƒˆγEε€ͺぁE/
   font-family:'E­E³ ゴシチE‚―','Tahoma',sans-serif;
}
UL#S2 {   /*おηŸ₯らせぁEΌE/
  list-style-image : url(image/header/listmark_s.gif);
  text-align: left;
  font-size: 90%;   /*γƒ•γ‚©γƒ³γƒˆγ‚΅γ‚€γ‚Ί*/
  font-family:'E­E³ ゴシチE‚―','Tahoma',sans-serif;
}
UL#S3 {   /*おηŸ₯らせぁEΌE/
  list-style-image : url(image/header/listmark_s.gif);
  text-align: left;
  font-size: 110%;   /*γƒ•γ‚©γƒ³γƒˆγ‚΅γ‚€γ‚Ί*/
  font-family:'E­E³ ゴシチE‚―','Tahoma',sans-serif;
}
UL#S4 {   /*おηŸ₯らせぁEΌE/
  list-style-image : url(image/header/listmark_s.gif);
  text-align: left;
  font-size: 80%;   /*γƒ•γ‚©γƒ³γƒˆγ‚΅γ‚€γ‚Ί*/
  font-family:'E­E³ ゴシチE‚―','Tahoma',sans-serif;
}
LI#NON {
  list-style-type: none;
}

A { text-decoration: none;}
A:link { color: black; }
A:visited { color: black; }
A:active { color: blue; }
A:hover { 
	color: blue; 
	font-weight: bold;
}

/* ========FONT LAYOUT======== */
font#h1{
   font-size: 110%;
   font-weight: bold;
}
font#h2{
   font-size: 100%;
   font-weight: normal;
}
font#h3{
   font-size: 80%;
   font-weight: normal;
}
font#h3-1{
   font-size: 70%;
   font-weight: normal;
}
font#h4{
   font-size: 50%;
   font-weight: normal;
}
font#h5{
   font-size: 30%;
   font-weight: normal;
}

/* ========ログチELAYOUT======== */
#logpi-badge {
  border: 1px solid #75befc;
  padding: 10px;
  }

#logpi-badge .badge-icon {
  text-align: center;
  }

#logpi-badge .badge-title {
  font-size: 12px;
  margin: 5px 0 5px 0;
  text-align: center;
  }

#logpi-badge dl {
  border-top: 1px solid #ccc;
  padding: 5px 0 0 0;
  }

#logpi-badge dt {
  margin: 0 0 5px 0;
  font-size: 11px;
  }
  #logpi-badge dt a {
    color: #0066ff;
    }
  #logpi-badge dt.mobile {
    background: url(http://logpi.jp/image/mobile-s.gif) no-repeat right;
    }
#logpi-badge dd {
  border-bottom: 1px solid #ccc;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  font-size: 12px;
  }
  #logpi-badge dd a {
    font-size: 10px;
    color: #999;
    }
  #logpi-badge dd span.reply a {
    background: url(http://logpi.jp/image/reply-mark.gif) no-repeat;
    padding: 0 0 0 14px;
    color: #f10b82 !important;
    font-size: 12px;
    }

#logpi-badge .powered {
  text-align: center;
  }

/* ========JQRUERY LAYOUT======== */  
div#demo
{
  width: 100%;
}
.containerPanel
{
  width: 100%;
  border: 0;
}
.containerPanel2
{
  width: 100%;
  border: 0;
}
.collapsePanelHeader
{
  width: 100%;
  height: 50px;
  background-repeat: repeat-x;
}
.headerContent
{
  float: left;
  padding-left: 5px;
}
.content
{
}
.arrow.expand
{
  width: 13px;
  height: 13px;
  float: right;
  margin-top: 7px;
  margin-right: 5px;
}
.arrow.expand:hover
{
  cursor: hand;
}
.arrow.close
{
  width: 13px;
  height: 13px;
  float: right;
  margin-top: 7px;
  margin-right: 5px;
}
.arrow.close:hover
{
  cursor: hand;
}