@charset "utf-8";

@import "001_common.css";

/*↑plan.cssをコピー 丸々適用したらスクロールバー2本になったのでコピー↓*/
/*-------------------------------------------*/
/*	基本設定
/*-------------------------------------------*/

body     { color: #666; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic"; }
/* Text elements */
body     { /*font-size:87.5%;*/line-height:130%;-webkit-text-size-adjust : none; }
dt { font-weight: bold; }
strong { font-weight: bold; }
pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; }
sup,
sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
input[type="text"],
textarea { background: #f9f9f9; border: 1px solid #ccc; padding: 2px; font-size:12px;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 }
a         { overflow: hidden; color:#666; }
a:hover, 
a:active  { color: #c00; }

.adminEdit	{ clear:both; float:none; display:block; overflow:hidden;padding:0px 0px 20px; }
.assistive-text	{ display:none; }
/*-------------------------------------------*/
/*	Btn
/*-------------------------------------------*/
/*
#searchform input[type=submit],
p.form-submit input[type=submit],
form#searchform input#searchsubmit,
#content form input.wpcf7-submit,
#confirm-button input { font-size:12px;line-height:110%;text-align:center;cursor:pointer;position:relative;width:auto; border:none;display:inline-block; overflow:hidden;position:relative;white-space:nowrap;padding:8px 20px 6px;text-decoration:none;}

a.btn,
.linkBtn a	{ display:inline-block; overflow:hidden; margin-top:15px; position:relative;padding:8px 20px 6px;text-decoration:none; }

a.btn.btnS,
.linkBtn.linkBtnS a { padding:5px 10px; font-size:85.7%; }

a.btn.btnL,
.linkBtn.linkBtnL a { padding:10px 30px; font-size:114.3%; text-align:center; }

a.btn.btnAdmin,
.linkBtn.linkBtnAdmin a	{ color:#666666 !important; background-color:#e5e5e5; border-radius:3px; text-decoration:none;border:1px solid #cccccc;
box-shadow:inset 0 1px 0 #fff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e5e5e5));
background: -moz-linear-gradient(#fff, #e5e5e5);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#e5e5e5)"; }

#searchform input[type=submit],
p.form-submit input[type=submit] { padding:6px 15px; }

#searchform label	{ display:none; }
form#searchform input#searchsubmit	{ padding:6px 10px; }
*/

.moreLink{ margin:0;height:auto; display:block; text-align: right;}
.moreLink a{ text-align:center; display:inline-block;overflow:hidden; font-size:10px; line-height:105%;text-decoration:none; background:url(../images/icon_try1_gray.gif) 5px 50% no-repeat #efefef; color:#666;padding:5px 15px 5px 20px; }
/*.moreLink a:hover { text-decoration:none !important;background-color:#e5e5e5; }*/

/*
html,body,#wrap	{ height:100%;min-height:100%; }
*/
/*		#content
/*-------------------------------------------*/
#main { margin-bottom: 36px; text-align:left; display:block; overflow:visible; background-color:#fff; font-size:14px;}
#main hr	{ clear:both; display:block; display:none; margin-bottom:20px; }

#main h1.entryPostTitle	{ margin:0px 0px 5px; }
#main h2	a	{ text-decoration:none; }
#main h2.imageTit	{ margin:0px 0px 30px; border:none; padding:0px; background:none; }
#main h3	{ clear:both; font-size:18px;margin:30px 0px 25px; padding:2px 0px 0px 15px; border-left:3px solid #666;color:#333; background-color:#eee; }
#main h4 { clear:both; font-size:16px;margin:30px 0px 10px; padding:10px 0px 2px; border-bottom:1px dotted #ccc;}
#main h5 { clear:both; font-size:16px;margin:30px 0px 10px; padding:10px 0px 0px;}
#main h6 { clear:both; font-size:14px;margin:30px 0px 8px; padding:10px 0px 0px;}

#main p { margin-bottom: 20px;}
#main blockquote { border:1px solid #ccc; background-color:#f5f5f5; padding:20px 15px 0px;margin-bottom:15px; clear:both; }

#main ul	{ margin:0px 0px 20px 20px; }
#main li	{ margin-bottom:10px; }
#main ul li	{ list-style:disc;padding:0px; }
#main ul ul	{ margin-top:10px; }
#main ul ul li	{ list-style:circle; }
#main ol	{ margin:0px 0px 20px 40px; }
#main ol li	{ list-style:decimal;padding:0px; }
#main table { border-top: 1px solid #ccc; margin: 10px -1px 24px 0; text-align: left; width: 100%;border-collapse: collapse; border-spacing: 0;font-size:85.7%; line-height:141.7%; }
#main table thead tr th	{ font-weight:bold; }
#main tr th, #main thead tr th { padding: 9px 24px; /*background-color:#f5f5f5;*/ white-space:nowrap; }
#main tr th, #main tr td { border: 1px solid #ccc; padding: 10px 15px; vertical-align:top; }
#main tfoot tr th,
#main tfoot tr td	{font-weight:bold;}
#main table ul	{ margin-bottom:0px;margin-left:15px;}
#main table ul li	{ margin:2px 0px; }
#main dt		{ color:#000;padding-bottom:3px;margin-bottom:10px; color:#c00; }
#main dd		{ margin:0px 0px 30px;padding:0px;}

/*↑plan.cssをコピー 丸々適用したらスクロールバー2本になったので↑*/


a	{ color:#2C527A; }
.bg-red {background-color:red; color:#fff;}
.text-center {text-align: center;}
.font-bold {font-weight: bold;}
.margin-15 {margin:15px auto;}

.moreLink a,
.btn.btnS a,
.btn.btnM a,
.btn.btnL a,
#content p.btn.btnL input,
#searchform input[type=submit],
p.form-submit input[type=submit],
form#searchform input#searchsubmit,
#content form input.wpcf7-submit,
#confirm-button input	{ background-color:#2C527A;color:#f5f5f5; }

.moreLink a:hover,
.btn.btnS a:hover,
.btn.btnM a:hover,
.btn.btnL a:hover	{ background-color:#2C527A ; color:#f5f5f5; }

#headerTop { border-top-color:#2C527A;}

#gMenu	{ border-top:5px solid #2C527A; }


#gMenu h3.assistive-text,
#gMenu .menu li.current_page_item a,
#gMenu .menu li.current_page_ancestor a,
#gMenu .menu li.current-page-ancestor a,
#gMenu .menu li a:hover	{
background-color:#2C527A;
background-image: url(../img/gMenu_menu_li_a_hover.png);
border-right:1px solid #CCC;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2C527A), to(#2C527A));
background: -moz-linear-gradient(#2C527A, #2C527A);
background: linear-gradient(#2C527A, #2C527A);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#2C527A, EndColorStr=#2C527A)";
-pie-background: linear-gradient(#2C527A, #2C527A);
behavior: url(/wp-content/themes/biz-vektor/PIE.htc);
}

#gMenu .menu li.current_page_item a span,
#gMenu .menu li.current_page_ancestor a span,
#gMenu .menu li.current-page-ancestor a span,
#gMenu .menu li a:hover span{ color:#CDD8F5; }

#pageTitBnr	{ background-color:#2C527A; }

#panList a	{ color:#2C527A; }
#panList a:hover	{ color:#425da6; }

/*#content h2,
#content h1.entryPostTitle	{ border-top:2px solid #2C527A; background: #2C527A; color: #FFF; }
#content h2 a,
#content h1.entryPostTitle a { color: #FFF; }*/
#content h3	{ border-left-color:#2C527A;}
#content h4,
#content dt	{ color:#2C527A; }

#content .infoList .infoCate a:hover	{ background-color:#2C527A; }

#content .child_page_block h4 a	{ border-color:#2C527A; }
#content .child_page_block h4 a:hover,
#content .child_page_block p a:hover	{ color:#2C527A; }

#content .childPageBox ul li.current_page_item li a	{ color:#2C527A; }

#content .mainFootContact p.mainFootTxt span.mainFootTel	{ color:#2C527A; }
#content .mainFootContact .mainFootBt a			{ background-color:#2C527A; }
#content .mainFootContact .mainFootBt a:hover	{ background-color:#2C527A; }

#sideTower .localHead	{ border-top-color:#2C527A; }
#sideTower li.sideBnr#sideContact a		{ background-color:#2C527A; }
#sideTower li.sideBnr#sideContact a:hover	{ background-color:#2C527A; }
#sideTower .sideWidget h4	{ border-left-color:#2C527A; }

#pagetop a	{ background-color:#2C527A; }
/*#footMenu	{ background-color:#2C527A;border-top-color:#2C527A; }*/

#topMainBnr	{ background-color:#2C527A; background-repeat: no-repeat; background-position: top center; background-image:url(../img/topmainbnr.jpg); padding:15px 0;}

#topPr .topPrInner h3	{ border-left-color:#2C527A ; }
#topPr .topPrInner p.moreLink a	{ background-color:#2C527A; }
#topPr .topPrInner p.moreLink a:hover { background-color:#425da6; }

#topMainBnrFrame a.slideFrame:hover	{ border:4px solid #2C527A; }

#siteBottomInner { text-align:right; }


/* */

a#head_contact_link {
  background-image:url(../img/reference.png);
  width: 140px;
  height: 30px;
  float: right;
  margin: 10px 10px 0 0;
}
  a#head_contact_link:hover { background-position:bottom; }

table#index_b {
	margin: 20px auto 0;
	width: 950px;
  border: none;
}
  table#index_b td {
  padding: 0;
  border: none;
}
/*サイド追従 Jqueyで200スクロール後class名追加*/
.sub-scroll {top:110px; margin-bottom: 110px;}

#gMenu h3.assistive-text,
#gMenu .menu li.current_page_item a,
#gMenu .menu li.current_page_ancestor a,
#gMenu .menu li.current-page-ancestor a,
#gMenu .menu li a { color:#2C527A;
padding-bottom: 30px;
background-image: url(../img/gMenu_menu_li_a.png);
background-position:center 35px;
background-repeat:no-repeat; }

#gMenu .menu li.current_page_item a span,
#gMenu .menu li.current_page_ancestor a span,
#gMenu .menu li.current-page-ancestor a span,
#gMenu .menu li a:hover	{ background-color:#2C527A;
background-image: url(../img/gMenu_menu_li_a_hover.png);
background-position:center 35px;
background-repeat:no-repeat;
color:#FFF; }


/***
 *
 * 静的
 *
 */
body {
	/*min-width: 950px;*/
}
/*-------------------------------------------*/
/*	#headerTop
/*-------------------------------------------*/

#headerTop	{display:block; overflow:hidden; width:100%; margin:0 auto; padding:3px 0px; border-top:2px solid #2C527A;}
@media (min-width: 660px) {
  #headerTop .innerBox {width:100%;}
}
@media (min-width: 770px) {
  #headerTop .innerBox {width:100%;}
}
@media (min-width: 970px) {
  #headerTop .innerBox {width:960px; margin:0 auto;}
}
@media (min-width: 1200px) {
  #headerTop .innerBox {width:1170px;}
}
#headerTop #site-description { font-size:10px;line-height:150%;color:#999; text-align: left; padding-left: 10px;}



/***side bar***/
.subSection ul.side {text-align: center;}
.subSection ul li {margin:5px auto;}
/*topははみ出ないよう70%だが、サイドバーの時はauto*/
.subSection .postList .postList_title {width:auto;}


a#banner5 { /* トップページ　ブログ*/
	background-image: url(../img/banner5.jpg);
	height: 60px;
	width: 135px;
	margin-bottom: 5px;
	display: block;
}
a#banner6 { /* トップページ　クロネコ*/
	background-image: url(../img/banner6.jpg);
	height: 60px;
	width: 135px;
	margin-bottom: 5px;
	display: block;
}
a#banner1:hover,
a#banner2:hover,
a#banner3:hover,
a#banner4:hover,
a#banner5:hover,
a#banner6:hover {
	background-position: bottom;	
}

#about_gift {
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px;
}
  #about_gift h3 {
	  margin: 0 0 10px;
  }


/*-------------------------------------------*/
/*  #カート
/*-------------------------------------------*/
/*上書き*/
#main div.usccart_navi ol.ucart {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main div.usccart_navi ol.ucart li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main div.usccart_navi ol.ucart {
  margin:10px 0;
  overflow: hidden;
  counter-reset: my-counter;
  height: auto;
}
#main div.usccart_navi ol.ucart li {
  counter-increment: my-counter; 
  padding-left:.5rem;
  position: relative;
}
#main div.usccart_navi ol.ucart li::before{
  content: counter(my-counter) "."; /* 連番を表示 */
  position: absolute;
  left:5%;
}

div.header_explanation{
    display: none;
  }


/**************  footer *****************/

/**************  970以下 *****************/
@media (max-width: 970px) {
  /*sub用にautoにしたが狭まると途中までになったので指定しなおし*/
  .subSection .postList .postList_title {width:70%;}
  /*サイド追従用に開けた隙間を戻す*/
  .sub-scroll {top:0px; margin-bottom: 20px;}

  /*TOP*/
  table#index_b {
    width: 100%;
  }
  table#index_b td {
    display: block;
    padding: .5rem;
  }

  /*カート*/
  #cart {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* iOSでスムーズに */
  }
  div.header_explanation{
    display: block;
    font-weight: bold;
    color:firebrick;
  }
}