/*
 * モバイル用スタイルシート
 */

@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
}

#kage {
	margin-top: -22px;
}

#allbox {
	margin: 0;
}

/* 画像伸縮 */
img {
	max-width: 100%;
	height: auto;
	width: auto;
}

/*
 * ヘッダ枠
 */
	#header {
		display: block;
		min-height: 150px;
/*		max-height: 197px;*/
		background: url(/img/TitleMobile.png) no-repeat;
/*		background-size: contain;*/
/*		background-size: cover;*/
		background-size: 100% 100%;
		background-position : center top;
		text-indent: -9999px;
	}

/*
 * ナビゲーション枠
 */

	/* ナビゲーション枠 */
	#navi {
		position: absolute;
		margin-top: 3px;
/*		height: 31px;*/
		height: 31px;
		width: 100%;
	}

	#navi ul {
		padding: 0;
		margin-top: 1px;;
		margin-left: 5px;
	}

	/* ナビゲーションのリンクリストは箇条書き表示にしない */
	#navi li {
		margin: 0 1px;
		padding: 0px;
		list-style: none;
		float:left;
		width: 80px;
		overflow: hidden;
		display:block;
	}

	/* ナビゲーション内のそれぞれのリンク文字を画像に差し替える */
	#navi li#sitehome a {
		background:url(../img/navi_r1_c2.jpg) no-repeat;
		background-position : -30px top;
		margin: 0px;
		padding: 0px;
		width: 142px;
		height: 26px;
		display:block;
		text-indent:-9999px;
	}
	#navi li#products a {
		display: none;
	}
	#navi li#QandA a {
		display: none;
	}
	#navi li#sitemap a {
		display: none;
	}
	#navi li#aboutus a {
		background:url(../img/navi_r1_c6.jpg) no-repeat;
		background-position : -30px top;
		margin: 0px;
		padding: 0px;
		width: 140px;
		height: 26px;
		display:block;
		text-indent:-9999px;
	}
	#navi li#inquiry a {
		display: none;
	}


div#srchBox {
	text-align: center;
}

div#leftbox div.lnkbtn,
div#leftbox div {
	padding: auto !important;
	margin: auto !important;
}

div#leftbox div#tenji {
	padding: auto !important;
	margin: auto !important;
	text-align: center !important;
}

div#leftbox div#leftboxbanner {
	display: none;
}

/*
 * 一般メニュー枠
 */
	#leftboxCommon {
		display: none;
	}

	div.slicknav_nav div {
		font-size: 14px;
		color: #006;
		font-weight: bold;
		background-color: #fff;
		padding: 5px;
		border-radius: 3px;
	}

	.cap {
		margin-top: 1em;
		line-height: 100%;
	}

/*
 * 右側メニュー枠
 */

	/* 右側枠はトップページでのみ利用 */

	/* 領域の確保 */
	#rightbox {
		margin: 0;
		padding: 0 0 5px 0;
		height: auto;
		width: auto;
		text-align: center;
	}

	#rightbox h3#visitor {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 93px;
		display: block;
		float: left;
	}
	#rightbox h3#trial {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 70px;
		display: block;
		float: left;
	}
	#rightbox h3#license_info {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 70px;
		display: block;
		float: left;
	}
	#rightbox h3#repair_info {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 70px;
		display: block;
		float: left;
	}
	#rightbox h3#used_info {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 70px;
		display: block;
		float: left;
	}
	#rightbox h3#kaitori_info {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 70px;
		display: block;
		float: left;
	}
	#rightbox h3#tokkyuubin {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 50px;
		display: block;
		float: left;
	}
	#rightbox h3#payment {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 50px;
		display: block;
		float: left;
	}
	#rightbox h3#magazine {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 50px;
		display: block;
		float: left;
	}
	#rightbox h3#shoutori {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 50px;
		display: block;
		float: left;
	}
	#rightbox h3#policy {
		margin: 1px;
		padding: 0px;
		width: 185px;
		height: 50px;
		display: block;
		float: left;
	}

	/* 右側メニューのそれぞれのリンク文字を画像に置き換える */
	#rightbox h3#visitor a {
		background:url(../img/right/r1.jpg) no-repeat;
		width: 185px;
		height: 93px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#trial a {
		background:url(../img/right/r3.jpg) no-repeat;
		width: 185px;
		height: 70px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#license_info a {
		background:url(../img/right/r2.jpg) no-repeat;
		width: 185px;
		height: 70px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#repair_info a {
		background:url(../img/right/r4_1.jpg) no-repeat;
		width: 185px;
		height: 70px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#used_info a {
		background:url(../img/right/r10.jpg) no-repeat;
		width: 185px;
		height: 70px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#kaitori_info a {
		background:url(../img/right/r11.jpg) no-repeat;
		width: 185px;
		height: 70px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#tokkyuubin a {
		background:url(../img/right/r6.jpg) no-repeat;
		width: 185px;
		height: 50px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#payment a {
		background:url(../img/right/r9.jpg) no-repeat;
		width: 185px;
		height: 50px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#magazine a {
		background:url(../img/right/r5.jpg) no-repeat;
		width: 185px;
		height: 50px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#shoutori a {
		background:url(../img/right/r7.jpg) no-repeat;
		width: 185px;
		height: 50px;
		display:block;
		text-indent:-9999px;
	}
	#rightbox h3#policy a {
		background:url(../img/right/r8.jpg) no-repeat;
		width: 185px;
		height: 50px;
		display:block;
		text-indent:-9999px;
	}



#mainbox,
#container {
	max-width: 100%;
}

div#mainbox div {
	text-align: center !important;
}

/* 構造化パンくずリスト */
div#breadcrumbs {	/* 外側からの影響を打ち消すための再定義 */
	font-family: "";
	font-size: 12px;
	margin: 0;
}
div#breadcrumbs ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0; /* 下側余白は改行タグを使わないほうがスマート */
}
div#breadcrumbs ul li {
	display: inline;
}
div#breadcrumbs ul li:before { /* liの前に記号を付けるが… */
	content: " > ";
}
div#breadcrumbs ul li:first-child:before { /* 先頭のliの前には記号を付けない。 */
	content: "";
}

#Matrix {
	margin: 0 !important;
}

#Matrix td {
	font-size: 11px !important;
}

	/*
	 * マトリックス図の為のスタイル定義
	 */
	.matrix_cross_Positive {
		border-top: none;
		border-right: none;
		border-bottom: 2px solid #000;
		border-left: 2px solid #000;
		text-align: center;
	}
	.matrix_cross_X_Negative {
		border-top: none;
		border-right: none;
		border-bottom: none;
		border-left: none;
		text-align: center;
	}
	.matrix_cross_Y_Negative {
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #000;
		border-left: none;
		text-align: center;
	}
	.matrix_on_X {
		border-top: none;
		border-right: none;
		border-bottom: 2px solid #000;
		border-left: 1px solid #ccc;
		text-align: center;
	}
	.matrix_on_X_end {
		border-top: none;
		border-right: none;
		border-bottom: 2px solid #000;
		border-left: 1px solid #ccc;
		text-align: center;
	}
	.matrix_on_Y {
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #ccc;
		border-left: 2px solid #000;
		text-align: center;
	}
	.matrix_on_Y_end {
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #ccc;
		border-left: 2px solid #000;
		text-align: center;
	}
	.matrix_general {
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		text-align: center;
	}

	/*
	 * テーブルの行と列のハイライト
	 */
	#Matrix td.hover, tr.hover {
		background-color: #fed;
	}
	#Matrix th.hover, tfoot td.hover {
		background-color: ivory;
	}
	#Matrix td.hovercell, th.hovercell {
		background-color: #ff7;
	}
	#Matrix td.hoverrow, th.hoverrow {
		background-color: #ddf;
	}
	#Matrix td a:hover {
		background-color: #ccc;
	}
	#Matrix2 td.hover, tr.hover {
		background-color: #fed;
	}
	#Matrix2 th.hover, tfoot td.hover {
		background-color: ivory;
	}
	#Matrix2 td.hovercell, th.hovercell {
		background-color: #ff7;
	}
	#Matrix2 td.hoverrow, th.hoverrow {
		background-color: #ddf;
	}
	#Matrix2 td a:hover {
		background-color: #ccc;
	}

/* 凡例ラベル */
.legends0 {
	margin: 0;
	padding: 3px 0px;
	background-color: #fed;
	font-weight: normal;
	border-radius: 3px;
}
.legends1 {
	margin: 0;
	padding: 3px 0px;
	background-color: #ccf;
	font-weight: normal;
	border-radius: 3px;
}
.legends2 {
	margin: 0;
	padding: 3px 0px;
	background-color: #cff;
	font-weight: normal;
	border-radius: 3px;
}
.legends3 {
	margin: 0;
	padding: 3px 0px;
	background-color: #fcf;
	font-weight: normal;
	border-radius: 3px;
}
.legends4 {
	margin: 0;
	padding: 3px 0px;
	background-color: #fac090;
	font-weight: normal;
	border-radius: 3px;
}
.legends5 {
	margin: 0;
	padding: 3px 0px;
	background-color: #fcd5b5;
	font-weight: normal;
	border-radius: 3px;
}
/* 注文の流れのラベル */
.legends6 {
	padding: 3px 0px;
	background-color: #0c0;
	font-weight: normal;
}
.legends7 {
	padding: 3px 0px;
	background-color: #afa;
	font-weight: normal;
}
.legends8 {
	padding: 3px 0px;
	background-color: #eee;
	font-weight: normal;
}
/* 即日発送のラベル */
.legends9 {
	padding: 3px 0px;
	background-color: #faa;
	font-weight: normal;
}
.legends10 {
	padding: 3px 0px;
	background-color: #fdd;
	font-weight: normal;
}
/* 短期レンタルのラベル */
.legends11 {
	padding: 3px 0px;
	background-color: #984807;
	font-weight: normal;
}
.legends12 {
	padding: 3px 0px;
	background-color: #e46c10;
	font-weight: normal;
}
.legends13 {
	padding: 3px 0px;
	background-color: #fac090;
	font-weight: normal;
}
























div#footer div:not(.under) {
	display: none;
}
div#footer div.under+div {
	font-size: 10px;
	display: block;
}

.under{
	font-size:x-small;
	font-family:"Meiryo","メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",  Osaka, sans-serif;
	color:#fff;
	text-align:center;
	background-color:#006;
	padding:10px;
}
.under a{
	color:#fff;
}
.under a:link{
	color:#fff;
	font-style:normal;
	text-decoration:none;
}
.under a:hover{
	color:#fff;
	font-style:normal;
	text-decoration:underline;
}



/*!
 * SlickNav Responsive Mobile Menu v1.0.6
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  margin-bottom: 5px;
  float: right;
/*  padding: 0.438em 0.625em 0.438em 0.625em;*/
  padding: 0.2em 0.625em 0.2em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #006;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
/*  margin: 5px 5px 6px;*/
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ccc; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 0px 5px;
    margin: 5px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }