@charset "utf-8";
/*
	Minimaxing 3.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/*********************************************************************************/
/* Desktop (1200-)                                                            */
/*********************************************************************************/
/*-------------------------------------------------------------
           WIDE BROWSER SETTING 
-------------------------------------------------------------*/
/* layout */
/*========================================
	GLOBAL NAVIGATION (WIDE BROWER)
========================================*/
#gNav nav {
  clear: both;
  min-height: 50px;
}
#gNav nav a {
  display: inline-block;
  height: 50px;
  text-decoration: none;
  padding: 1.0em 25px 0 25px;
  outline: 0;
}
/*========================================
	HEADER-WRAPPER (WIDE BROWER)
========================================*/
/* */
/*========================================
	HEADER (WIDE BROWSER)
========================================*/
#header {
  position: relative;
  margin: 0 auto;
  /* LOGO ------------------------ */
  /* 右上訴求エリア --------------- */
}
#header h1 {
  display: inline-block;
  float: left;
  padding-top: 15px;
  color: #fff;
  font-size: 2.4em;
  letter-spacing: -2px;
}
#header h1 a {
  color: #fff;
  text-decoration: none;
}
#header .adbox {
  float: right;
  padding-right: 10px;
  padding-top: 15px;
}
#header .adbox h2,
#header .adbox h3 {
  margin: 0;
}
#main .container {
  padding-bottom: 25px;
}
/* styles */
/*========================================
	USER INDEX (WIDE BROWER)
========================================*/
#user_index .userlist li {
  width: 32%;
  min-height: 140px;
}
/*========================================
	ITEM BOX (WIDE BROWER)
	「アイテム」表示　・　「ミニページ-取り扱い商品」
========================================*/
.item_box {
  vertical-align: top;
  display: inline-block;
  width: 32% !important;
}
.item_box img {
  width: 100%;
  margin: 0.5em 0;
}
/*========================================
	MAP IN ADBOX (SMALL BROUSER)
========================================*/
#main-contents .adbox iframe.map {
  height: 500px !important;
}
/*========================================
	COMMUNITY DETAIL (WIDE BROWSER)
========================================*/
#community_container {
  margin-top: 10px;
  /* base layout
	------------------------*/
  /* userimg 
	------------------------*/
}
#community_container #community_side {
  width: 30%;
  float: left;
}
#community_container #community_main {
  width: 65%;
  float: right;
}
#community_container #userimg li {
  text-align: center;
  padding: 5px;
}
#community_container #userimg li .centerimg {
  height: 55px;
  margin: auto;
  overflow: hidden;
  width: 55px;
}
#community_container #userimg li .centerimg img {
  width: 100%;
}
.userbox_tb .box img {
  vertical-align: middle;
}
.loginform {
  margin-bottom: 3em;
}
.loginform input {
  width: 100%;
}
.loginform table,
.loginform table th,
.loginform table td {
  border: none;
  text-align: left;
  background: none;
}
div.loginform table td {
  background: none;
  padding: 6px 8px;
  border: 0px;
  vertical-align: top;
}
table.linktable {
  table-layout: fixed;
}
.backtotop {
  position: absolute;
  top: -48px;
  right: 65px;
}
#community .cbox {
  border: 3px solid #CCC;
  padding: 15px;
  font-size: 13px;
  margin-bottom: 10px;
}
#community h2 .sub {
  font-size: 12px;
  font-weight: normal;
}
#community_main ul {
  margin-bottom: 10px;
}
#community_main ul li {
  padding: 5px;
  border-bottom: 1px solid #CCC;
}
#community h4 {
  font-size: 14px;
  font-weight: bold;
  background-color: #ccc;
  padding: 5px;
}
.c_topic th,
.c_res th {
  text-align: left;
}
img.left {
  float: left;
  clear: none;
  margin: 0 8px 0px 0;
}
.error_box {
  border: 5px solid #ccc;
  padding: 15px;
  line-height: 1.5em;
}
.listbox_wrapper {
  height: 110px;
  width: 100%;
  overflow-y: scroll;
  position: relative;
}
.listbox {
  width: 100%;
  font-size: 11px;
}
.listbox li {
  float: left;
  overflow: hidden;
  width: 115px;
  height: 50px;
  position: relative;
}
#usercomment .parent {
  background-color: #fff;
  border-left: 7px solid #8b878f;
}
#touser span {
  padding: 5px;
}
#my .user_ico img {
  margin: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.user_items {
  font-size: 12px;
}
.user_item {
  margin: 2px;
  background-color: #dfdfdf;
  padding: 2px;
}
.sendclear {
  margin: 2px;
  width: 60px;
  height: 16px;
}
img {
  vertical-align: top;
}
#side-contents .adbox .slide img {
  width: 100%;
}
#navi-content .box3 .list {
  max-height: 380px;
  width: 190px;
  overflow-y: scroll;
  padding: 5px;
  position: relative;
}
#navi-content .box3 .bottom {
  background: url("/img/my_side_h3_box_bottom.png") no-repeat;
  height: 13px;
}
#navi-content .box3 .wrapper {
  background: url("/img/my_side_h3_box.png") repeat-y;
}
#navi-content .box3 .list .user_img {
  float: left;
  margin: 3px;
}
#navi-content .box3 .list li {
  background-color: #F7FAFA;
  border-bottom: 1px dotted #e9e9e9;
  padding: 3px;
  white-space: normal;
  word-break: break-all;
  position: relative;
}
#navi-content .box3 .list li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#navi-content .box3 .list .user_ico {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#navi-content .box3 .list .date {
  color: #919191;
}
#navi-content .box3 .list .description {
  display: block;
  padding: 4px;
}
#navi-content .box3 .list .atesaki_tag {
  font-weight: bold;
  font-size: 10px;
}
#user_window {
  display: none;
  text-align: left;
}
#user_window .right {
  float: right;
}
#user_window .box3 .w_user_timeline {
  height: 380px;
  width: 500px;
  overflow-y: scroll;
  padding: 5px;
  color: #555;
  position: relative;
}
#user_window li {
  background-color: #F7FAFA;
  border-bottom: 1px dotted #e9e9e9;
  padding: 3px;
  white-space: normal;
  word-break: break-all;
  position: relative;
  text-align: left;
}
#user_window .user_img {
  float: left;
  margin: 3px;
}
#user_window li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#user_window .user_ico {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
}
#user_window {
  font-size: 12px;
}
#user_window a.modalCloseImg {
  background: url(/img/x.png) no-repeat;
  /* adjust url as required */
  width: 25px;
  height: 29px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: -15px;
  right: -18px;
  cursor: pointer;
}
#comment_window {
  display: none;
  text-align: left;
  height: 600px;
  font-size: 11px;
}
#comment_window .w_comment_timeline {
  background-color: #F7FAFA;
  overflow-y: scroll;
  padding: 5px;
  position: relative;
}
#comment_window a.modalCloseImg {
  background: url(/img/x.png) no-repeat;
  /* adjust url as required */
  width: 25px;
  height: 29px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: -15px;
  right: -18px;
  cursor: pointer;
}
.info10 {
  background: url(/img/info10.png) no-repeat;
  height: 10px;
  padding: 2px 5px 2px 10px;
  color: #fff;
  font-size: 10px;
  text-indent: 15px;
  vertical-align: middle;
}
.user_ad {
  background: url(/img/silver.png) no-repeat;
  padding-left: 15px;
}
.myshop_box p {
  padding: 5px;
  border: 1px solid #CCC;
  margin: 5px;
}
/*.row #sub-contents .inner1 {
  border-bottom: 0px;
  clear: both;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}*/
.report_user {
  background-color: #F1F1F1;
  padding: 5px;
}
#footer-wrapper .row .12u {
  padding-top: 0px;
}
/*------------------------------------
  only main-contents & wide-contents
------------------------------------*/
#main-contents,
#wide-contents {
  /* ユーザーリスト */
}
#main-contents.newmember_tb li,
#wide-contents.newmember_tb li {
  display: inline-block;
  text-align: center;
  width: 25%;
  overflow: hidden;
}
/*サイドボックス*/
#navi-content .box h3,
#left-content .box1 h3,
#navi-content .box1 h3 {
  line-height: 110%;
  margin: 3px;
}
#navi-content .box {
  background-color: #F6F3E3;
  margin-bottom: 10px !important;
  margin-bottom: 5px;
  padding: 5px;
}
.adbox,
.pagebox,
#tinymce {
  text-align: left;
  font-size: 1em;
  line-height: 1.7em;
  vertical-align: top;
}
#mainbanner .adbox {
  display: block;
  width: 1200px;
  margin: 0 auto!important;
}
/*==============================
  各ページの設定
==============================*/
/* アイテムページ 
----------------------------- */
#item_index .item_box {
  min-height: 400px;
}
.gallery_wrapper {
  background: #000000;
  width: 668px;
  text-align: center;
  padding: 10px 0;
}
.gallery_wrapper #gallery {
  margin: 0 auto;
}
#map_img {
  display: none;
}
.user_ico li {
  float: left;
  text-align: center;
  width: 80px;
}
.user_ico li .centerimg {
  height: 80px;
  margin: auto;
  overflow: hidden;
  width: 80px;
}
#shop .recruit_box {
  padding: 10px 0;
  border-bottom: 1px dotted #CCC;
}
.shop_item {
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
table td.c_image {
  width: 15%;
}
.slides_container {
  overflow: hidden;
  width: 568px;
  position: relative;
  display: block;
}
.slides_container .slide {
  float: left;
  text-align: center;
}
/* pager */
/*.cycle-pager {
  text-align: center;
  width: 100%;
  z-index: 500;
  position: absolute;
  top: 10px;
  overflow: hidden;
}
.cycle-pager span {
  z-index: 700;
  font-family: arial;
  font-size: 20px;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #ddd;
  cursor: pointer;
}
.cycle-pager span.cycle-pager-active {
  color: #D69746;
}
.cycle-pager > * {
  cursor: pointer;
}*/
/* ページ個別
------------------------------------ */
/* プロフィール変更画面 */
body#config_profile .linktable th {
  width: 180px !important;
}