/*

Theme Name:Helios
Theme URL: http://www.web2feel.com/helios/
Description: Free WordPress theme released by web2feel.com
Author: Jinsona
Author URI: www.web2feel.com
Version: 1.0.0
Tags: white, green, black ,two-columns, jQuery Accordion, thumbnail, right-sidebar, twitter, fixed-width, theme-options, threaded-comments, banner ads, adsense.
*/

*{
  margin: 0px;
  padding: 0px;
}

html {
}

body {
  margin:0 auto;
  padding:0px 0px 0px 0px;
  background:url(images/background.png) center top repeat;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック', verdana,Arial, Tahoma,Century gothic, sans-serif;
  font-size:12px;
}
img {
  border:0;
  margin: 0 0;
}

a {
  color: #5384BF;
  text-decoration: none;
  outline:none;
}
a:visited {
  color: #5384BF;
}
a:hover, a:active {
  color: #214974;
  text-decoration: none;
}

h1,h2, h3, h4, h5, h6 {
  line-height:125%;
  font-weight: bold;
}

h2 {
  width:400px\9;
}

h3 {
  margin:20px 0;
}

h4 {
  margin:10px 0 0 0;
}

table {
  border: 1px solid #e7e7e7;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
}

tr th,
thead th {
  color: #888;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding: 9px 24px;
}

tr td {
  border-top: 1px solid #e7e7e7;
  padding: 6px 24px;
}

tr.odd td {
  background: #f2f7fc;
}

ul {
  list-style: square;
}

blockquote {
  font-style: italic;
  color: #555;
  padding:10px;
}

blockquote blockquote {
  color: #777;
}

blockquote em {
  font-style: normal;
}

pre {
  padding: 9px;
  background: #f9f9f9;
  border: 1px solid #ccc;
  font-size:14px;
  line-height:1.8em;
  width: 395px;
}

code {
  padding: 0 3px;
  background: #eee;
}

pre code {
  background: transparent;
}

.clear {
  clear:both;
}

img.centered  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 0px;
}

img.alignnone {
  padding: 5px 5px;
  margin: 0px 0px 10px 0px;
  display: inline;
  background:#ddd;
  border: 1px solid #ccc;
}

.alignright img {
  padding: 0px;
  margin: 0x 5px 0 0;
  display: inline;
}

img.alignleft {
  padding: 15px 5px 0 5px;
  margin: 5px 10px 0px 0px;
  display: inline;
  background:#ddd;
  border: 1px solid #ccc;
}

img.shadowimg {
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 25px;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.alignright {
  float: right;
  margin: 0px 0px 10px 10px;
}

.alignright p {
  float:right;
  padding:0 0 5px 5px;
}

.alignleft {
  float: left;
  margin: 0px 10px 10px 10px;
}

.wp-caption {
  background:#ddd;
  border: 1px solid #ccc;
  text-align: center;
  padding: 4px 0px 5px 0px;
  color:#777;
  margin-top:10px;
}

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

.wp-caption p.wp-caption-text {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
}

.rounded{
  border-radius: 10px;
  -moz-border-radius: 7px;
  -webkit-border-radius:7px;
}

/* The Outer cover */
#wrapper {
  width:960px;
  margin:0px auto;
  position:relative;
  top:-40px;
}
.casing {
  padding:0px 0px 20px 0px;
  float:left;
  width:960px;
  margin:10px 0px 0px 0px;
  background:#ffffff;
}

.casing_02 {
  padding:0px 0px 20px 0px;
  float:left;
  width:960px;
  margin:30px 0px 0px 0px;
  background:#fff;
}

.casing_03 {
  padding:0px 0px 20px 0px;
  float:left;
  width:960px;
  margin:30px 0px 0px 0px;
  background:#fff;
}

.casing_04 {
  padding:0px 0px 20px 0px;
  float:left;
  width:960px;
  margin:30px 0px 0px 0px;
  background:#fff;
}

.content-consign {
  overflow:hidden;
}

/* The Header */
#masthead {
  height:60px;
  margin: 0px 0 0 0;
  background:black;
}

.share {
  width:240px;
  height:30px;
  display:block;
  margin:0 0 0 0px;
}

.share {margin: 20px 0 0 30px\9;}

#top {
  position: relative;
  height: 80px;
  z-index: 100;
  width:960px;
  margin:0 auto;
  text-align:center;
}

#logo {
  display: block;
  float: left;
  font-size: 0;
  line-height: 0;
  margin-left: -7px;
  width: 150px;
  height: 73px;
  position: relative;
  z-index: 10;
}

#top .header-description {
  float:left;
  background:url(images/PChedder.png) 0 0 no-repeat;
  width:335px;
  height:28px;
  margin-top:17px;
  display:block;
}

#top .header-description span {
  display:none;
}

.subcribe{
  position:absolute;
  right:40px;
  bottom:15px;
}

.subcribe a:link,.subcribe a:visited{
  color:#222;
}

.subcribe a:hover{
  color:#FFAB06;
}

/* Main Content*/
#content {
  float:left;
  width: 960px;
  height:100%;
  padding:0px 0px 0px 0px;
  margin:0px;
  display:inline;
  overflow:hidden;
  background:#fff;
}

.postimg{
  float:left;
  margin:10px 10px 10px 0px;
}

.post {
  height:100%;
  color:#555;
}

.title{
  margin: 0 0 0 0px;
  padding: 0px 0px 0px 0px;
}

.title  h2 {
  margin: 0px 0 0px 0;
  padding: 5px 0px 0px 0px;
  overflow:hidden;
  font-size:1.6em;
  text-shadow:1px 1px 0px #fff;
  color:#00A0E9;
}

.title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
  color:#222;
  background-color: transparent;
}

.title  h2 a:hover  {
  color: #000;
  background-color: transparent;
}

.titlemeta{
  background:#f3f3f3;
  border:1px solid #e7e7e7;
  padding:5px 5px;
  font-size:10px;
  text-transform:uppercase;
  text-shadow:1px 1px 0px #fff;
}

.author{
  color:#7b7b7b;
  padding:0px 5px;
}

.comm{
  color:#fff;
  padding:0px 10px;
}

.comm a:link,
.comm a:visited {
  color:#fff;
}

.comm a:hover{
  color:#444;
}

.postmeta {
  text-transform:uppercase;
  padding:5px 0px;
  width: 910px;
  overflow: hidden;
  height:30px;
}

.morer{
  position:absolute;
  top:5px;
  right:10px;
}

.morer a{
  color:#fff;
}

.category{
  padding:5px 0 5px 10px;
  color:#000101;
}

.category a:link,.category a:visited{
  color:#0758A9;
}

.category a:hover{
  color:#000;
}

.entry {
  margin:20px 0;
  padding: 0px 0px ;
  float:left;
  width:350px;
  text-align:center;
}

.entry a:link,
.entry a:visited {
  color:#1D81B6;
  background-color: transparent;
}

.entry a:hover {
  color:#00488F;
  background-color: transparent;
  text-decoration: none;
}

.entry ul, .entry ol{
  margin: .2em 0 1em;
  line-height: 150%;
}


.entry ul li, .entry ol li{
  list-style-position:outside;
}

.entry p{
  margin:5px 0px;
  padding:5px 0px;
  line-height:24px;
  display:none;

}

.text_box {
  width:570px;
  height:100%;
  display:block;
  float:left;
  margin:10px 0 0 0;
}

/* --- FOOTER --- */
#footer {
  padding:0 0 10px 0px;
  color:#ffffff;
  font-size:12px;
  margin:0px auto;
  width:930px;
  height:20px;
}

#footer a:link , #footer a:visited{
  color:#ffffff;
}

#footer a:hover {
  color:#fff;
}

.fcred{
  margin:0px 0px 0px 10px;
  line-height:16px;
}

/**********************
追加分
***********************/

div {
  display:block;
}

.floatl {
  float:left;
}

.floatr {
  float:right;
}

#slidearea_small_box {
  float:left;
  width:280px;
  height: 490px;
  margin: 15px 0 0 0;
}

#slidearea_wrap {
  height: 495px;
  overflow: hidden;
  position: relative;
  width:940px;
  background:#fff;
  border:10px solid #fff;
  margin:20px 0px 20px 0px;
  box-shadow: 0 0 10px #aaa;
  -moz-box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;
}

#navi {
  margin: 22px 0 0 17px;
  float: left;
  width: 150px;
  height: 10px;
}

h2.goods_info {
  background:url(images/heddar_event.png) 0 0 no-repeat;
  width:960px;
  height:40px;
}

h2.goods_info02 {
  background:url(images/heddar_muryo.png) 0 0 no-repeat;
  width:960px;
  height:40px;
}

h2.goods_info03 {
  background:url(images/heddar_goods.png) 0 0 no-repeat;
  width:960px;
  height:40px;
}

h2.goods_info04 {
  background:url(images/heddar_other.png) 0 0 no-repeat;
  width:960px;
  height:40px;
}

h2.goods_info05 {
  background:url(images/heddar_social.png) 0 0 no-repeat;
  width:960px;
  height:40px;
}

.text {
  margin:-70px 0 0 0\9;
}

.text {
  margin:-30px 0 0 0;
}

.pixiv_goods {
  width:920px;
  height:550px;
}

.pixiv_goods_box {
  width:920px;
  height:500px;
  float:left;
  margin:10px 0;
  /*background: #E0FCFF;*/
  border: 0;
  padding: 0;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 0px turquoise solid;
}

.present {
  width:380px;
  height:260px;
  margin:0 auto;
  /*float:left;*/
}

.present img {
  margin:15px 100px;
  /*float:left;*/
}

.present_text {
  /*float:left;*/
  margin:15px auto;
  width:300px;
}

.present_text02 {
  font-size: 1.6em;
  color: #00A0E9;
  text-indent:-.5em;
}

.present_text03 {
  font-size:1.5em;
}

.present_text04 {
  margin:15px 0 0 0;
  font-size:14px;
}

.social {
  float:left;
  width:910px;
  height:320px;
  display:block;
}

.shousai_button {
  margin:20px 0;
}

#head_social {
  background:url(images/header-border.png) no-repeat center left, url(images/header-border.png) no-repeat center right;
  margin:18px 10px;
  width:285px;
  height:35px;
  padding: 0 0 0 10px;
}

.demo-show {
  width: 550px;
  margin: 1em .5em;
}
.demo-show h3 {
  margin: 0;
  padding: .25em;
}
.demo-show div {
  padding: .5em 1em;
}

#fb-root {
  width:380px;
  height:0px !important;
}

.widget {
  width:380px;
  height:288px;
  padding: 0 50px;
}

#section-2 {
  position: relative;
  border: 5px solid white;
  float:left;
  background: #0096DB;
}

#section-2 h2 {
  width: 437px;
  height: 30px;
  overflow: hidden;
  font-size: 0px;
  color: transparent;
  float:left;
}

.service {
  position: relative;
  background: #0096DB;
  padding: 10px 0 0 180px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px 0px 0px 3px;
  float:left;
  width:750px;
  height:125px;
}

#section-2 h3 {
  margin:0 0 0 10px;
}

#section-2 p {
  padding: 5px 0;
  color: white;
  float:left;
  width:580px;
}

#section-2 u {
  padding: 5px 0;
  color: white;
  float:left;
  width:576px;
}

#pixivtan {
  float:left;
  position:absolute;
  z-index:99;
  top:-85px;
  margin:0 0 0 -5px;
}

#pixivtan img{
  height: 255px;
}

#kamibukuro {
  padding: 0px 5px 0px 5px;
}

#suica {
  padding: 0px 0px 0px 0px;
}

.deal-item {
  list-style: none;
  position:absolute;
  left:785px;
  top:6px;
}

#nittei {
  width: 260px;
  height: 125px;
  margin: 27px 0 10px 10px;
}

#nittei dt, #nittei dd {
  font-size:14px;
}

#map {
  width: 255px;
  height: 163px;
  margin: 16px/*27*/ 0 0 10px;
  border: 4px solid #333;
}

.gototop {
  width:130px;
  height:23px;
}

.sakka {
  border:#00A0E9 2px solid;
  width:556px;
  height:100%;
  padding:0 0 0 10px;
}


.sakka span {
  color:#00A0E9;
  font-weight:bold;
}

/*************************************/
#featured{
  width:380px;
  padding-left:20px;
  padding-top:8px;
  position:relative;
  height:500px;
  background:#fff;
}

#featured ul.ui-tabs-nav{
  position:absolute;
  top:0;
  left:465px;
  list-style:none;
  padding-left:25px;
  margin:0;
  width:75px;/*95px*/
}

#featured ul.ui-tabs-nav li{
  padding-top:2px;
  padding-left:15px;
  font-size:12px;
  color:#666;
  margin:0px 0px 4px ;
}

#featured ul.ui-tabs-nav li img{
  float:left;margin:1px 2px;
  background:#fff;
  padding:1px;
  border:1px solid #eee;
  height:75px;/*95*/
}

#featured ul.ui-tabs-nav li span{
  font-size:11px;font-family:Verdana;
  line-height:18px;
  float:left;
  width:100px;
}



#featured li.ui-tabs-nav-item a{
  display:block;
  height:77px;
  color:#333; background:#fff;
  line-height:10px;
  width:80px;
}

#featured li.ui-tabs-nav-item a img{
  height: 90%;
  width: 90%;
}

#featured li.ui-tabs-nav-item a:hover{
  background:#f2f2f2;
}

#featured li.ui-tabs-selected{
  background:url('images/selected-item.gif') top left no-repeat;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{
  background:#ccc;
}

#featured .ui-tabs-panel{
  width:400px;height:250px;
  background:#999;position:relative;
}

#featured .ui-tabs-panel .info{
  position:absolute;
  top:180px;left:0;
  height:70px;
  background: url('images/transparent-bg.png');
}

#featured .info h2{
  font-size:18px;font-family:Georgia, serif;
  color:#fff;padding:5px;margin:0;
  overflow:hidden;
}

#featured .info p{
  margin:0 5px;
  font-family:Verdana;font-size:11px;
  line-height:15px;color:#f0f0f0;
}

#featured .info a{
  text-decoration:none;
  color:#fff;
}

#featured .info a:hover{
  text-decoration:underline;
}

#featured .ui-tabs-hide{
  display:none;
}

#leftcontainerBox {
  float:left;
  position: fixed;
  top:40%;
  left:0px;
  z-index:1;
  #F0F4F9
}

#leftcontainerBox .buttons {
  float:left;
  clear:both;
  margin:4px 4px 4px 4px;
  width:55px;
  height:60px;
  padding-bottom:2px;
}

#bottomcontainerBox {
  float:left;
  height:30px;
  width:100%;
  #F0F4F9
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #head_social {
      background:url(images/header-border.png) no-repeat center left, url(images/header-border.png) no-repeat center right;
      margin:0px 10px;
      width:285px;
      height:35px;
      padding: 0 0 0 10px;
  }
}

#bottomcontainerBox .buttons {
  float:left;
  height:30px;
  width:110px;
  margin:4px 4px 4px 4px;
}

#bottomcontainerBox .buttons_google {
  float:left;
  height:30px;
  width:60px;
  margin:4px 4px 4px 4px;
}

.sample-list {
  margin: 20px 0px 0px 0px;
}

.sample-list li{
  display:inline;
}

.sample-image img{
  width: 80px;
  padding: 0px 0px 0px 0px ;
  margin: 0px 0px 0px 10px;
}