@charset "utf-8";

/* YUI 3.5.1(build 22)
-----------------------*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


/* CSS Document */

body{
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background:url("/user_data/packages/default/img/background/background.png") repeat-x left top #f9f7f3;
}

img{ vertical-align:top; }

a img{ border:none; }

a{
  color: #000;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

#container{
  margin:auto;
  width:980px;
  background:url(/user_data/packages/default/img/background/bg-navi.jpg) repeat-y left top;
}

#wrapper{
  padding-top:30px;
  width: 980px;
  background:url(/user_data/packages/default/img/background/bg-navi.jpg) repeat-y left top #fff;
}

/*  Header
-------------------------------------------------*/

#header{
  padding-top:30px;
  width:100%;
  height:119px;
  background:url(/user_data/packages/default/img/background/bg-navi.jpg) repeat-y left top #f9f7f3;
  position:relative;
}

#header #siteTitle{
  width:221px;
  float:left;
  text-align:center;
}

#header ul.info_wrap{
  width:auto;
  float:right;
}
  #header ul.info_wrap li{
    display:inline;
    padding:0 10px;
  }
  #header ul.info_wrap li img{
    vertical-align:bottom;
  }



#header ul.sitemenu{
  clear:both;
  padding-top:15px;
  width:980px;
  height:46px;
  font-size:13px;
  background:url(/user_data/packages/default/img/background/background.png) repeat-x left bottom;
  position:absolute;
  bottom:-6px;
}
  #header ul.sitemenu li{
    padding:5px 30px;
    width:auto;
    float:left;
    background:url(/user_data/packages/default/img/icon/ico-delta_gray.png) no-repeat 15px 7px;
    border-right:1px solid #eee;
    border-left:1px solid #fff;
  }
  #header ul.sitemenu li a{
    color:#333;
    text-decoration:none;
  }
  #header ul.sitemenu li a:hover{
    color:#f93;
    text-decoration:underline;
  }
  #header ul.sitemenu li.begin{
    border-left:none;
  }
  #header ul.sitemenu li.end{
    border-right:none;
  }
  #header ul.sitemenu li.cart{
    margin-top:-2px;
    padding:0;
    padding-right:30px;
    width:auto;
    float:right;
    background:none;
    border-left:none;
  }
    #header ul.sitemenu li.cart img{
      vertical-align:top;
    }

/*  Side Navi
-------------------------------------------------*/

#sidenavi_wrap{
  padding:0 10px 30px;
  width:201px;
  float:left;
}

#sidenavi_wrap .widget{
  margin-bottom:20px;
  padding:10px;
  font-size: 12px;
  background-color: #fff;
}

#sidenavi_wrap .calendar{
  font-size: 10px;
  text-align: center;
}

#sidenavi_wrap .calendar table{
  margin: auto;
  width:100%;
  font-size: 10px;
}

#sidenavi_wrap .calendar table caption{
  margin-bottom:1em;
  padding:3px;
  color:#000;
  font-size: 12px;
  background-color:#fc6;
  text-align:center;
  border-bottom:3px double #efefef;
}
#sidenavi_wrap .calendar table th,
#sidenavi_wrap .calendar table td{
  padding:3px;
  text-align:center;
  border-bottom:1px solid #999;
}

#sidenavi_wrap .calendar table td a{
  display: block;
  background-color:#fc6;
}

#sidenavi_wrap .calendar .navigation{
  padding:5px 0;
  text-align:center;
}
  #sidenavi_wrap .calendar .navigation ul li{
    display:inline;
    padding:0 5px;
  }
  #sidenavi_wrap .calendar .navigation ul li:before{
    content:"";
  }

#sidenavi_wrap .widget .title{
  margin-bottom:1em;
  padding:3px;
  color:#000;
  background-color:#fc6;
  text-align:center;
  border-bottom:3px double #efefef;
}

#sidenavi_wrap .widget ul{
  line-height:2;
}

#sidenavi_wrap .widget ul li:before{
  content:"≫ ";
}

#sidenavi_wrap .widget ul.mainCat li:before{
  content:"≫ ";
}
#sidenavi_wrap .widget ul.subCat li{
  padding-left:3em;
}

#sidenavi_wrap .comments dl dd span{
  padding-left:1em;
  color:#c00;
}

/*  Contents
-------------------------------------------------*/

#contents_wrap{
  padding-right:8px;
  padding-bottom:30px;
  width:730px;
  font-size:13px;
  line-height:2;
  float:right;
}

#contents_wrap div.entry{
  margin-bottom:20px;
  padding:20px;
  border:1px dotted #ccf;
  border-radius: 10px;

  background-image: linear-gradient(bottom, rgb(238,240,209) 18%, rgb(255,254,240) 59%);
  background-image: -o-linear-gradient(bottom, rgb(238,240,209) 18%, rgb(255,254,240) 59%);
  background-image: -moz-linear-gradient(bottom, rgb(238,240,209) 18%, rgb(255,254,240) 59%);
  background-image: -webkit-linear-gradient(bottom, rgb(238,240,209) 18%, rgb(255,254,240) 59%);
  background-image: -ms-linear-gradient(bottom, rgb(238,240,209) 18%, rgb(255,254,240) 59%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.18, rgb(238,240,209)),
    color-stop(0.59, rgb(255,254,240))
  );
}

  #contents_wrap div.entry div.entryTitle{
    margin-bottom:20px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Meiryo;
    border-radius: 10px;

    background: #fceabb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

  }

  #contents_wrap div.entry div.entryTitle span.title{
    float:left;
    padding-top: 5px;
  }
  #contents_wrap div.entry div.entryTitle span.date{
    float:right;
    padding-top: 10px;
    font-size:10px;
    font-weight: normal;
    vertical-align: bottom;
  }

  #contents_wrap div.entry div.entryBody{
    padding:20px;
  }

  #contents_wrap div.entry div.entryBody img{
    padding:6px;
    border:1px solid #ccc;
    background-color: #fff;
  }

#contents_wrap div.entryStatus{
  text-align: right;
}

#contents_wrap div.entryStatus ul li{
  display: inline;
  padding:0 10px;
  border-left:1px dotted #666;
}
  #contents_wrap div.entryStatus ul li.begin{
    border:none;
  }

#contents_wrap div.paging{
  margin-bottom:30px;
  text-align:center;
}
  #contents_wrap div.paging ul li{
    display: inline;
    padding:0 20px;
    text-align: center;
  }

#contents_wrap .moveTop{
  text-align: right;
}
  #contents_wrap .moveTop:before{
    content: "▲";
  }


/* ==============================================
 フッター
=============================================== */
#footer_wrap {
    margin: 0 auto;
  width: 100%;
  color: #fff;
  background:url("/user_data/packages/default/img/background/f-background.jpg") repeat 0 0;
}
#footer {
    margin: auto;
    padding-top: 10px;
    width: 980px;
}
#pagetop {
    width: 210px;
    float: right;
    text-align: right;
}
#copyright {
    width: 740px;
    float: left;
    text-align: left;
    font-size: 97%;
}

#footer .categoryList_wrap .inner{
  margin:auto;
  padding:20px;
  width:940px;
  color:#fff;
}

#footer .categoryList_wrap ul.menu{
  font-size:12px;
  width:100%;
}

#footer .categoryList_wrap ul.menu a{
  color:#fff;
  text-decoration:none;
}
#footer .categoryList_wrap ul.menu a:hover{
  text-decoration:underline;
}

  #footer .categoryList_wrap ul.menu li.catA{
    margin-bottom:30px;
    width:20%;
    float:left;
  }
    #footer .categoryList_wrap ul.menu li.catA ul{
      margin:10px 0;
      font-size:11px;
      line-height:1.6;
    }
      #footer .categoryList_wrap ul.menu li.catA ul li:before{
        content:"├ ";
      }
      #footer .categoryList_wrap ul.menu li.catA ul li.end:before{
        content:"└ ";
      }



/*  other
-------------------------------------------------*/

.clear{
  clear:both;
}

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

p.separator{
  margin:20px auto;
  text-align:center;
}

#_____01 td{
  text-align:left;
}

#bookmarkWrap{
  margin:auto;
  padding:10px 0 5px;
  width:100%;
  position:fixed;
  bottom:0;
  left:0;
  text-align:center;
  line-height:1em;
  z-index:0;
}

#bookmark{
  margin:0 auto -10px;
  padding:10px;
  width:890px;
  text-align:center;
  background-color:#eee;
  border:1px solid #ccc;
  border-radius:5px;
}

#bookmark img{
  vertical-align:middle;
}

#bookmark a img{
  border:none;
}

#bookmark ul.bookmark_list{
  margin:0;
  padding:0;
  list-style:none;
  float:left;
  zoom:1;
}

#bookmark ul.bookmark_list li{
  margin:0;
  padding:0 5px;
  height:20px;
font-size:12px;
  float:left;
}
#bookmark ul.bookmark_list li.twitter_tweet{
  width:93px;
}
#bookmark ul.bookmark_list li.twitter_follow{
  width:180px;
}
  #bookmark ul.bookmark_list li.twitter_follow iframe{
    overflow:hidden;
    width:180px!important;
    height:20px;
  }

#bookmark ul.bookmark_list li.facebook_check,
#bookmark ul.bookmark_list li.facebook_check iframe{
  width:120px;
}

#bookmark ul.bookmark_list:after{
  content:"";
  clear:both;
  display:block;
}

#bookmark ul.otherMenu{
  margin:0;
  padding:0 0 0 10px;
  list-style:none;
  border-left:1px solid #ccc;
  float:left;
}
  #bookmark ul.otherMenu li{
    margin:0;
    padding:0 5px;
    height:20px;
    display:inline;
  }

#bookmark ul.otherMenu:after{
  content:"";
  clear:both;
  display:block;
}

#bookmark:after{
  content:"";
  clear:both;
  display:block;
}