/* カスタム CSS をここに入力してください */
/*管理バーを改行させない*/
#wpadminbar, #wpadminbar * {
    font-size: 12px;
white-space: nowrap!important;
}
#wpadminbar a:link {
    font-size: 12px;
white-space: nowrap!important;
}
p {
 font-size: 14px!important;
  margin:10px;
  line-height:150%!important;
}

/*トップページのスライダーメインタイトル（キャッチコピー）*/
.text-slider .maintitle {
  text-shadow:2px	3px 4px #333333!important;
}
/*トップページのスライダーサブタイトル（商品名）*/
.text-slider .subtitle {
  font-size:30px!important;
  line-height:40px!important;
  text-shadow:2px	3px 4px #333333!important;
}
/*メインメニューにドロップシャドウ*/
#mainnav {
text-shadow: 1px 2px 3px #333333;
}

body {
  line-height:150%!important;
}

a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #FF3333;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

/*ページのコンテンツ全体とFAQsの全体*/
[id^="content"] {
   width:100%!important;
   background-color:none;
   border:none!important;
}
/*投稿ページの行*/
.entry-content {
	line-height:120%!important;
}
/*投稿ページのナビゲーター*/
.nav-links clearfix{
  margin:5px 0!important;
  padding:0!important;
}
.nav-previous {
  padding-right: 5px!important;
}
.nav-next{
  padding-left: 5px!important;
}

/*フッターの余白*/
.footer-widgets {
	padding: 10px!important; 
}
div#Copyright {
	text-align: center;
	margin-top: 2px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
	float: left;
	width: 100%;
	height: 100px;
	padding-top: 10px;
    margin-bottom: 50px;
	z-index: 2;
	position:relative;
}
#Copyright a:link, #Copyright a:visited {
	color: #FFFF00;
	text-decoration: none;
}
#Copyright a:hover {
	text-decoration: underline;
}

.bold_s {  font-size: 10pt; font-weight: bold; color: #333333}

.bold_L {  font-size: 12pt; font-weight: bold;}

.bold_b {  font-size: 10pt; font-weight: bold; color: #000066}

h1 {
	width: 100%; /* 見出しエリアの幅 */
    margin: 5px 3px 3px 5px;/* マージン（上右下左） */
	padding: 10px 5px; /* 見出しエリアのパディング（上下、左右） */
	background: #f9f9f9 url(/Templates/asets/heading_back1.gif) repeat-x; /* 見出しエリアの境界線 */
    border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left: 7px solid #0a42b2;
	line-height: 100%;
    clear:both;
      font-size: 22px!important;
}

h2 {
	margin: 5px 3px 3px 5px;/* マージン（上右下左） */
/*変更しない（使用しない）*/
      clear:both;
}

.hentry .title-post {
      font-size: 22px!important;
      font-weight: none!important;
}

h3 {
	margin: 5px 3px 3px 5px;/* マージン（上右下左） */
/*変更しない（使用しない）*/
      clear:both;
}

h4 {
	width: 97%; /* 見出しエリアの幅 */
	margin: 5px 3px 3px 5px;/* マージン（上右下左） */
	padding: 5px 5px; /* 見出しエリアのパディング（上下、左右） */
	background-image: url(/Templates/asets/heading_back1.gif);
	/*border-left: 7px solid #FFCC00;*/
	border: 1px solid #c0c0c0;
      clear:both;
}

h5 {
	line-height: 100%;
	font-weight: bold;
	color: #333333;
	padding: 4px 3px 3px 20px;
	width: 95%;
	margin: 5px 3px 3px 5px;/* マージン（上右下左） */
	border-bottom: 1px dotted #CCCCCC;
	background: #F0F0F0 url(/Templates/asets/heading_square11.gif) no-repeat 0.3em 0.4em;
  	float: none;
      clear:both;
}

/*引用文*/
.hentry blockquote {
  　width:85%!important;
    background-color: #e8f1f5;
    color:#333333;
	border: 1px solid #0a42b2!important;
    font-size: 14px;
  clear:both;
}

/*フッターのcopyright設定*/
.site-info {
    display: none;
}

/* 画像のキャプションの調整 */
.wp-caption .wp-caption-text {
    font-size: 10px!important;
    color: #000000;
}
/*パンくずリストBreadcrumb NavXT*/
div.breadcrumbs {
    margin-left: 1%;
    padding:0 0 10px 5px;
}

/*--------------------------------------
　　トップページの新着情報のボックス
--------------------------------------*/
div#infobox-soto {
	margin: 0px 0px 30px;
	padding: 0px;
	width: 95%;
	position: relative;
	text-align: left;
}
div#infobox01{
	width: 100%;
	height:100%;
	margin: 10px 5px;
	position: relative;
	line-height: 105%;
}
div#infobox02{
	width: 100%;
	height:100%;
	margin: 10px 5px;
	position: relative;
	line-height: 105%;
}
div#infobox03{
	width: 48%;
	height:100%;
	margin: 5px;
	position: relative;
	line-height: 105%;
    float:left;
}
div#infobox04{
	width: 48%;
	height:100%;
	margin: 5px;
	position: relative;
	line-height: 105%;
   float:left;
}
.section {
width: 100%;  /*ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}
.section h2 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(/IMG/section1.gif) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 14px; /* 見出しの文字サイズ */
}

/*----------------------------------------
　　Display Posts Shortcodeに関するCSS
----------------------------------------*/
/* 全体をoverflowでスクロール表示 余白の調整 */
#content ul.display-posts-listing {
overflow: auto;
height: auto;
padding: 1px;
/*border: 1px solid #ccc;*/
}
/* listスタイルの消去 */
#content ul.display-posts-listing li.listing-item {
margin: 10px;
list-style-type: none;
clear: both;
line-height: 150%;
}
/* タイトルの表示位置調整 */
#content ul.display-posts-listing li a.title {
float: none;    
width: 90%;
margin-right: 10px;
}
/* ダッシュは非表示に */
#content ul.display-posts-listing span.excerpt-dash {
display: none;
}
/* 抜粋部分でクリア */
#content ul.display-posts-listing span.excerpt {
clear: both;
display: block;
}
/* 続きを読むをフロート＆ブロック化 */
#content ul.display-posts-listing .excerpt a {
display: block;
text-align: right;
size: 10px;
}
/* 矢印は非表示 */
#content ul.display-posts-listing span.meta-nav {
display: none;
}
/*----------------------------------------
　　Display Posts を画像付きにする
----------------------------------------*/
/**/

/*Display Posts Shortcode横並び160px*/
.display-posts160 ul.display-posts-listing li {
width: 160px;
list-style-type: none;
display: inline-block;
vertical-align: top;
text-align:left;
font-size: 13px;
margin: 0;
padding: 2px;
}

.display-posts160 ul.display-posts-listing li img {
display: block;
padding: 2px;
}

.display-posts160 {
margin:1 auto;
text-align: left;
}
@media only screen and (max-width:768px){
.display-posts160 {
margin:1 auto;
text-align: center;
}
}
/*Display Posts Shortcode横並び200px*/
.display-posts200 ul.display-posts-listing li {
width: 200px;
list-style-type: none;
display: inline-block;
vertical-align: top;
text-align:left;
font-size: 13px;
margin: 0;
padding: 2px;
}

.display-posts200 ul.display-posts-listing li img {
display: block;
padding: 2px;
}

.display-posts200 {
margin:1 auto;
text-align: left;
}
@media only screen and (max-width:768px){
.display-posts200 {
margin:1 auto;
text-align: center;
}
}
/*Display Posts Shortcode横並び240px*/
.display-posts240 ul.display-posts-listing li {
width: 235px;
list-style-type: none;
display: inline-block;
vertical-align: top;
text-align:left;
font-size: 13px;
margin: 0;
padding: 1px;
}
.display-posts240 ul.display-posts-listing li img {
display: block;
padding: 1px;
}
.display-posts240 {
margin:0 auto;
text-align: left;
}
@media only screen and (max-width:768px){
.display-posts240 {
margin:1 auto;
text-align: center;
}
}
/*---Display Posts Shortcodeに関するCSSはここまで---*/

/*------------------------------------------------------
　　コンテントボックスの中のリンクリスト
------------------------------------------------------*/
#content ul.display-posts-listing li.textlink01 {
margin: 10px;
list-style-type: none;
clear: both;
line-height: 150%;
display: inline-block;
}

#content a.textlink01  {
    display: block; <!-- a をブロックで表示して -->
    width: 40px; <!-- a に幅を指定 -->   
}            

/*------------------------------------------------------
　　リストを横に並べる表示
------------------------------------------------------*/
ul.blocklist02 {
   width:100%!important;
  clear: both;
}

ul.blocklist02 li {
  margin: 0 10px 15px 10px;
  display: inline-block;
  width: auto;
  line-height: 120%;
}

/*------------------------------------------------------
　　リストを横に並べてメニュー化
------------------------------------------------------*/
ul.blocklist03 {
   width:100%!important;
  clear: both;
}

ul.blocklist03 li {
  margin: 2px;
  padding: 7px;
  display: inline-block;
  width: auto;
  line-height: 100%;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}
ul.blocklist03 li+ li {
  border-left: 0;
  border-right: 1px solid #c0c0c0;
  margin:2px;
  padding:7px;
}
a.blocklist03  {
    display: block; <!-- a をブロックで表示して -->
    width: 80px; <!-- a に幅を指定 -->   
    padding: 5px;
   margin:1px 0;
} 
/*------------------------------------------------------
　　タブ風メニュー
------------------------------------------------------*/
ul.tab-menu {
	margin: 0;
	padding: 0;
	border-bottom: 2px #ddd solid;
  font-size: 12px !important;
}
ul.tab-menu li {
	float: left;
	margin: 0 0 0 5px;
	position: relative;
	bottom: -2px;
	list-style-type: none;
	border: 1px #ddd solid;
	border-top: none;
	border-bottom: 2px #ddd solid;
}
ul.tab-menu li.none {
	border-bottom: 2px #fff solid;
	font-weight: bold;
}
ul.tab-menu li a {
	color: #000;
	display: block;
	padding: 3px 10px 5px;
	text-decoration: none;
	background: #fff;
}
ul.tab-menu li a.blue {
	border-top: 5px #2384dc solid;
}
ul.tab-menu li a.green {
	border-top: 5px #4cbb47 solid;
}
ul.tab-menu li a.red {
	border-top: 5px #dd1d25 solid;
}
ul.tab-menu li a.yellow {	
	border-top: 5px #ffd242 solid;
}
ul.tab-menu li a:hover {
	position: relative;
	bottom: 6px;
}
/* clerfix */
.clear:after {
    content:"";
    display:block;
    overflow:hidden;
}
.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}


/*------------------------------------------------------
　　会社概要のリスト表示
------------------------------------------------------*/
li.office {
  padding:5px;
}
li.office_s {
  display: block;
    width:auto;
  padding:5px;
}

/*------------------------------------------------------
　　サイドバーウィジェットエリアの設定
------------------------------------------------------*/
/*media all*/
.widget-area :first-child.widget {
}

.widget-title {
    padding-top: 5px!important; /* パディング（上右下左） */  
    padding-bottom:5px!important;
	 font-size:15px!important;
}

.widget-area .widget {
    position: relative;
    margin: 3px 0px!important;
    padding-top:5px!important;
}

/*サイドバーのログインフォーム*/
.widget_execphp {
  width:auto;
  height:auto;    
  border: 1px solid #c0c0c0!important;
  border-radius: 10px!important; 
  padding: 4px!important;
  margin: 1px auto;
}

/*---------------------------------------------
テーブルに枠線を付加する
---------------------------------------------*/
.all-borderd tbody td,
.all-borderd tfoot th {
	border: 1px solid #ccc!important;
  	background-color: #FFFFFF!important;
}
.all-borderd thead th {
	background-color: #1E8CBE;
	color: #FFF;
	border: solid 1px #ddd;
	text-align: center;
}

.all-borderd { 
width: 95%!important;
} 

/*---------------------------------------------
　　メールフォームの設定
---------------------------------------------*/

div#MAINLAYOUT {
    width: auto;
}
div#FORM table  {
    width: 90%;
	border: 1px solid #ccc;
	font-weight: normal;
}
div#FORM  {
    width: auto;
	margin: 0 auto;
	text-align: left;
}
div#FORM .SmallType {
	font-size: 9px;
	font-weight: normal;
	line-height: normal;
}
div#FORM .SmallRed {
	font-size: 9px;
	font-weight: normal;
	line-height: normal;
	color: #FF0000;
}
.inquiry td {
  width:80%;
	margin: 2px;
  	text-align: left;
	background: #f1f1f1;
	border: 1px solid #ccc;  
}
.inquiry th {
   width:20%;
	font-weight: bold;
	text-align: left;
	background-color: #e4e4e4;
	vertical-align: top;
	border: 1px solid #ccc;
}
.inquiry .Submit {
	background: #fff;
	text-align: left;
    font-size: 1.4em;
}

.inquiry input{
  width: 90%;
  margin: 0 auto;
}
.inquiry textarea {
  width: 90%;
  margin: 0 auto;
}
.inquiry input[type="number"] {
    width: 20%;
}
.inquiry input[type="checkbox"] {
    width: 95%;
}

/*フォームのレスポンシブ設定*/
@media only screen and (max-width:768px){
.inquiry { margin: 0 -10px; }
.inquiry th,
.inquiry td{
display: block;
border-top: none;
    width:auto;
  }
div#FORM table  {
    width: 100%;
}
}

/*Pressテーブルの通常設定*/
.Press th,
.Press td{
    width:auto!important;
  }
/*Pressテーブルのレスポンシブ*/
@media only screen and (max-width:768px){
.Press { margin: 0 -10px; }
.Press th,
.Press td{
display: block;
border-top: none;
    width:auto;
  }
}

/*販売代理店一覧テーブル*/
.ag_list { margin: 0 -10px; }
.ag_list th,
.ag_list td{
display: block;
border-top: none;
    width:auto;
}

/*Update履歴テーブルのレスポンシブ*/
.rireki th,
.rireki td{
    width:auto;
  }
@media only screen and (max-width:768px){
.rireki { margin: 0 -10px; }
.rireki th,
.rireki td{
display: block;
border-top: none;
    width:100%;
  }
}

/*文字色指定*/
.aka_iro {
	color: #FF3333;
}
.ao_iro {
	color: #0000FF;
}
.kuro {
	color: #000000;
}
.gray {
	color: #666666;
}
.marginmarker {
     background-color: #ffff00;
     margin-left: 0.3em;
     margin-right: 0.3em;
}

/*--------------------------------------------
   SpiderFAQ
---------------------------------------------*/
/* IDの連番をまとめて指定する */
[id^="test_"] {
  background: #FFC0CB;
}
/*FAQs全体枠1*/
div#contentOuter {
   width:100%!important;
  margin-bottom:20px;
}
div#contentInner {
   width:95%!important;
   margin-left:0!important;
   border: 1px solid #c0c0c0!important;
   height: auto !important;
}

/*カテゴリータイトル*/
[id^="cattitle"]	{
	width:95%!important;
    background-image: url(/Templates/asets/heading_back1.gif)!important;
    font-size:20px!important;
    font-weight:bold!important;
    color:#333333!important;
  	border: 1px solid #c0c0c0!important;
}
/*回答のレイアウト*/
[id^="post_content_wrapper"] {
  width:95%!important;
  background-image:none!important;
  background-color:#f0f0f0!important;
  border: 0!important;
  margin-top:5px!important;
  margin-bottom:10px!important;
}

/*回答の文字位置*/
[id^="atext"] {
  width: 98%!important;
  margin-left:5px!important;
}

/*タイトル（質問）の外枠*/
[id^="post_title"] {
  background-color:#f0f0f0!important;
  background-image:none!important;
  width: 95%!important;
  height: auto!important;
  padding:0!important;
  margin:10px 0 0!important;

}
/*タイトル（質問）の文字*/
[id^="ttext"] {
  width:95%!important;
  color:#000066!important;
  background-color:#f0f0f0!important;
  border: 0px!important;
  font-size:16px!important;
  font-weight:none!important; 
  margin:2px!important;
  line-height:120%!important;
}
[id^="ttext"] a:hover {
  color:#FF0000!important;
  text-decoration: underline;
}

/*(＋)ボタンの外枠*/
.tchangeimg {
  width: 100%!important;
  background-color:#f0f0f0!important;
}

/*回答欄全体のレイアウト*/
[id^="post_right"] {
  width: 100%!important;
}
/**/
[id^="date_user"] {
    color: #969494;
    background-color: #DDDDDD!important;
}
div.like_hits1 {
    background-color: #DDDDDD!important;
}
/*ログインフォーム*/
.swpm-edit-profile-submit-section {
	margin: 5px 3px 3px 5px;/* マージン（上右下左） */
}
.swpm-edit-profile-submit {
  margin:5px auto!important;
   padding:20px 3px!important;
  font-size:14px!important;
}
.swpm-rember-label  {
width:100%!important;
}
.swpm-login-form-inner{
}
/*--------------------------------------------
  カレンダーのカスタマイズ
---------------------------------------------*/
/*外枠のカスタマイズ*/
#biz_calendar table.bizcal {
background-color: #f0f0f0;
border: 1px #b5b5b6 solid;
}

/*定休日のセルの背景色の変更*/
#biz_calendar p span.boxholiday {
background-color: #ff9999!important;
}
#biz_calendar table.bizcal .holiday {
background-color: #ff9999!important;
}
/*イベントのセルの背景色を変更*/
#biz_calendar p span.boxeventday {
background-color:#1D9DE2!important;
opacity: 0.55; /* 55％不透明度(＝45％透過) */
}
#biz_calendar table.bizcal .eventday {
font-weight: bold;
color: #333333!important;
background-color:#1D9DE2!important;
opacity: 0.55; /* 55％不透明度(＝45％透過) */
}

/*日〜土の帯の背景色の変更*/
#biz_calendar table.bizcal th {
}

/*-----------------------------------------
WPフォームのデザイン変更
-----------------------------------------*/
 #wpmem_login legend {
  display: none;  <!-- 既存ユーザログインを消す -->
}
#wpmem_login fieldset{
padding: 15px!important;
margin: 20px auto!important;
background-color: #f0f8ff;
border: solid 1px #808080!important;
line-height: 2.5;
width:90%!important;
max-width:630px!important;
height:auto!important;
}
#wpmem_login .div_text, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_select, #wpmem_reg .div_checkbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_radio, #wpmem_reg .div_image, #wpmem_reg .div_file, #wpmem_reg .div_url, #wpmem_reg .div_number, #wpmem_reg .div_date{
width:100%!important;
max-width:700px!important;
}
#wpmem_reg label, #wpmem_login label{
margin-bottom:5px!important;
text-align:top!important;
clear: both;
}
#wpmem_login .link-text{
width:100%!important;
text-align:bottom!important;
margin-top:35px!important;
}
#wpmem_login a.link-text{
max-width:100%!important;
display: block;
}
#wpmem_msg, .wpmem_msg{
width:95%!important;
max-width:700px!important;
margin:0 auto!important;
}
/*メニューボックスの枠*/
.box1 {
  border: solid 1px #666666;
  height:150px;
  font-size: 11px
}
@media only screen and (max-width:768px){
.box1 {
  height:auto;
 }
}
/*動画のレスポンシブ*/
.youtube2{
position:relative;
width:100%;
padding-top:56.25%;
}
.youtube2 iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

/*Shortcodes Ultimateでコメント非表示　default-loop*/
.su-posts-default-loop .su-post-comments-link { display:none; }
 
/*Shortcodes Ultimateでサムネイル表示調整　default-loop*/
.su-posts-default-loop .su-post-thumbnail {
float: left;
display: block;
width: 150px;
height: 150px;
margin-right: 1em;
}
.su-posts-default-loop .su-post-thumbnail img {
max-width: 200px;
max-height: 200px;
}
.su-posts-default-loop .su-post {
margin-bottom: 1.5em;
line-height: 1.5;
}
 
/*Shortcodes Ultimateでサムネイル表示調整　サイドバーのteaser-loop*/
.su-posts-teaser-loop .su-post-thumbnail {
float: left;
display: block;
width: 80px!important;
height: 75px!important;
margin-right: 1em;
}
.su-posts-teaser-loop .su-post-thumbnail img {
max-width: 150px;
max-height: 120px;
}
.su-posts-teaser-loop .su-post {
margin-bottom: 1.5em;
line-height: 1.5;
}
.su-posts-teaser-loop h2.su-post-title {
line-height: 1.7!important;
}
/*タブタイトル*/
.su-tabs-nav {
   font-size: 22px!important;
   font-weight:bold!important;
   line-height: 1.5!important;
}

/*--------------------------------------------
   Ultimate FAQ
---------------------------------------------*/
/*カテゴリーのカスタマイズ*/

/*パーマリンクテキスト*/
.ufaq-permalink {
  line-height:120%!important;
  vertical-align: bottom;
  margin: 20px;
  text-align: right!important;
}
/*パーマリンク画像の位置*/
.ufaq-permalink-image {
  width:30px;
  height:20px;
  margin:0 1px 0 auto!important;
  padding-bottom: 2px;
  text-align: right!important;
}
/*ダウンロード用テーブルの書式*/
table.Download{
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FFFFFF;
	empty-cells:show;
	border: 1px solid #F0F0F0;
	width: 98%;
	text-align: center;
	vertical-align: top;
}
.Download th{
	color:#000066;
	background-color:#F0F0F0;
	background-position:left top;
	text-align:center;
	border: 1px solid #D7D7D7;
	font-weight: bold;
}
.Download td{
	padding:0.3em 1em;
　border-width: 1px;
	border-color: #D7D7D7;
	vertical-align: top;
}
/*--------------------------------------------
   Display Posts Shortcodeで新着一覧をサムネイル画像表示
---------------------------------------------*/

/*Display Posts Shortcode新着一覧をサムネイル画像表示x*/

.display-posts-news ul.display-posts-listing li {
list-style-type: none;
vertical-align: top;
text-align:left;
font-size: 15px!important;
margin:10px;
padding:10px;
}

.display-posts-news ul.display-posts-listing li .title {
list-style-type: none;
text-align:left;
width:100%;
font-size: 18px!important;
font-weight:bold;
margin-top:10px!important;
	padding-top:10px;
}

.display-posts-news ul.display-posts-listing li img {
margin-right:5px;
margin-bottom:5px;
width:50px;
height:50px;
float:left!important;
overflow:hidden;
}

.display-posts-news .excerpt {
text-align: left;
margin-top:0px;
padding-top:0px;
height:auto;
}
@media only screen and (max-width:768px){
.display-posts-news {
margin:1 auto;
text-align: center;
}
}