/*
Theme Name: infiniteloop Original
Theme URI: http://infiniteloop.co.jp/
Description: infiniteloop Original
Version: 1.7
Author: infiniteloop
Author URI: http://infiniteloop.co.jp/
*/
/* @import url(); */

@media print { body { zoom: 0.8; } }

/*--------------------------------------------*/


@charset "utf-8";
/* ===================================================================
CSS information
#blog style.css
=================================================================== */

@media print { body { zoom: 0.8; } }

/* article-content 【ブログ記事CSS】
=================================================================== */
.article-content{
  position:relative;
  padding:0;
}
.article-content h1 {font-size:175%;}
.article-content h2 {font-size:150%;}
.article-content h3 {font-size:135%;}
.article-content h4 {font-size:125%;}
.article-content h5 {font-size:115%;}
.article-content h6 {font-size:110%;}
.article-content i  {font-size:100%; font-style:normal; color:#999999;}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.article-content div,.article-content ul,.article-content ol,.article-content li,.article-content dl,.article-content dt,.article-content dd,.article-content img,.article-content p,.article-content a,.article-content table,.article-content tr,.article-content td{
  margin:0px;
  padding:0px;
  border-width:0px;
  line-height:1.8em;
  text-align:left;
}
.article-content a {
  color: #003399;
  text-decoration: none;
}
.article-content a:hover {
  color: #003399;
  text-decoration: underline;
}
.article-content img {
    padding-top: 1em;
  max-width: 100%;
  height: auto;
}
.article-content p{
  margin-top: 1.5em;
}
.article-content img {
    padding-top: 1em;
  max-width: 100%;
  height: auto;
}
.article-content table {
    margin-top: 1.5em;
  padding: 1px 5px;
  border-collapse:collapse;
  border: solid 1px #CCCCCC;
}
.article-content th {
  padding: 1px 5px;
  border: solid 1px #CCCCCC;
}
.article-content td {
  padding: 1px 5px;
  border: solid 1px #CCCCCC;
}
.article-content ul,
.article-content ol{
  margin: 1em;
}
.article-content ul li{
  list-style:inside disc;
}
.article-content ol li{
  list-style:inside decimal;
}

.article-content h3{
  margin: 3.0em 0 0.5em;
  font-weight: bold;
  color: #666;
  border-bottom: 1px solid #CCC;
  padding: 0;
}
.article-content em{
  color: #990000;
}

/*************/
.article-content .r {float:right;}
.article-content .l {float:left;}
.article-content img.r {margin:5px 0px 5px 10px;}
.article-content img.l {margin:5px 10px 5px 0px;}
/*--------------------------------------------*/






/*#blog #social-btn{
  position:relative;
  height:20px;
  width:329px;
  float:right;
  margin:0 0 14px 0;
}*/
#blog #social-btn{
  position:relative;
  height:20px;
  width:223px;
  float:right;
  margin:0 0 14px 0;
}
#blog #social-btn li{
  position:absolute;
  top:0px;
  overflow:hidden;
}
#blog #social-btn li a{
  color:#fff;
}
#left-contents{
  width:714px;
}
#right-contents{
  width:222px;
}
#ie6 .title-4{
  width:195px !important;
}
#ie6 #right-contents section{
  float:right;
}
.title-2{
  width:699px;
}


/* article
=================================================================== */
.article-box{
  padding:22px 0 0 0;
  margin:0 0 100px 0;
  border-top:solid 1px #E16A0D;
}
.article-box .date{
  display:inline;
  padding:0 16px 0 0;
}
.article-box .author{
  display:inline;
}
.article-box .author a{
  text-decoration:underline;
}
.article-box .author a:hover{
  text-decoration:none;
}
.article-box article{
  padding:0 0 38px 0;
}
.article-box .article-header{
  padding:0 0 13px 0;
  margin:0 0 30px 0;
  border-bottom:solid 1px #E6E6E6;
}
.article-box .article-header .title{
  font-size:154%;
  font-weight:bold;
  line-height:1.5;
}
.article-box .article-header .title a{
  color:#E16A0D;
}


.article-box .article-content .post-edit-link{
  position:absolute;
  top:-24px;
  right:6px;
}

.article-box .article-tags,
.article-box .related,
.article-box .comment{
  margin:0 0 20px 0;
}
.article-box .article-tags{
  padding:19px 0 18px 0;
  border-top:dotted 1px #E6E6E6;
  border-bottom:solid 1px #E6E6E6;
}
.article-box .article-tags li,
.article-box .article-tags dl,
.article-box .article-tags dt,
.article-box .article-tags dd{
  display:inline;
}
.article-box .article-tags dt{
  color:#000;
  padding:0 4px 0 8px;
  background:url(/common/img/content/icon_cron_01.gif) no-repeat right 4px;
}
.article-box .article-tags dd{
  padding:0 4px 0 4px;
}
.article-box .related .arrow_01 li{
  padding-bottom:6px;
}



/*-- div.comment --*/
.comment li{
  padding:0 0 4px 0;
  margin:0 0 42px 0;
  border-bottom:1px solid #E6E6E6;
}
.comment .comment-detail{
  margin:0 0 14px 0;
}
.comment .postcomment{
  font-weight:bold;
  font-size:108%;
  margin:20px 0 4px 0;
  padding:0 0 0 15px;
  background:url(/common/img/content/icon_arrow_03.gif) no-repeat 5px 9px;
}
.comment .input-area input{
  height:20px;
  width:220px;
  margin:0 5px 5px 0;
}
.comment .input-area textarea{
  width:712px;
  height:140px;
  resize: vertical;
}
.comment .formsubmit{
  text-align:right;
}
.comment .formsubmit input{
  width:120px;
  height:24px;
}
.input-area input,
.input-area textarea,
.input-area select{
  border:#ccc 1px solid;
}
.input-area input:focus,
.input-area textarea:focus,
.input-area select:focus{
  outline:#E16A0D 0px solid;
  border:#E16A0D 1px solid;
}


/*-- ul#pager --*/
#pager{
  background:#F2F2F2;
  border-bottom:1px solid #E6E6E6;
  font-weight:bold;
  padding:4px 18px 1px;
}
#pager li.prev{  float:left;}
#pager li.next{  float:right;}




/* #blog-search
=================================================================== */
#ie6 #blog-search{
  width:195px !important;
}
#blog-search{
  background:#F2F2F2;
}
#blog-search .title-4{
  background:none;
  height:auto;
  margin:0 0 6px 0;
}
#blog-search input.search-box{
  width:120px;
  border:#ccc 1px solid;
  margin:0 6px 0 0;
}
#blog-search input.search-box:focus{
  outline:#E16A0D 0px solid;
  border:#E16A0D 1px solid;
}

/* #about-blog-box
=================================================================== */
#about-blog-box .inner{
  line-height:1.6;
}
#about-blog-box .inner p{
  margin:0 0 4px 0;
}
#about-blog-box li{
  margin:0;
  padding:0 0 0 9px;
  background:url(/common/img/content/icon_arrow_03.gif) no-repeat 0 6px;
}


/* #recently-box
=================================================================== */
#recently-box li{
  margin:0;
  padding:0 0 10px 9px;
  background:url(/common/img/content/icon_arrow_03.gif) no-repeat 0 6px;
}
#recently-box li:last-child{
  padding-bottom:0;
}
#recently-box .inner{
  line-height:1.6;
}


/* #kakunou-list
=================================================================== */
#kakunou-list li{
  margin:0 0 10px 0;
}
#kakunou-list dt{
  background: #F2F2F2 /*url(/common/img/content/icon_arrow_05.gif) no-repeat 198px 15px*/ /*url(/common/img/content/icon_arrow_01.gif) no-repeat 0 15px*/;
  border:1px solid #E6E6E6;
  color:#00539A;
  font-weight:bold;
  padding:10px 15px 9px;
}
#kakunou-list dt:hover{
  /*background-color:#F7F7F7;*/
}
#kakunou-list dl dd{
  padding:10px 0 0 15px;
}
#kakunou-list dl li{
  background:url(/common/img/content/icon_arrow_03.gif) no-repeat 0 7px;
  padding:0 0 0 10px;
  margin:0;
}
#title-01 a{
  color:#E16A0D;
}