@charset "utf-8";
body {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: "Verdana","ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	color:#333333;
	text-align: left;
}
#top{
	padding-bottom: 0.5em;
	margin-bottom:0.5em;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color:#6699ff;
	width:100%;
}
#top_left{
	width: 160px;
	height: auto;
	float: left;
}
#top_right{
	width: auto;
	height: auto;
	margin-left:160px;
}

#top_right h1{
	font-size: 130%;
	color:#666666;
	margin: 0.5em 0 0 0;
}
#top_right h2{
	font-size:110%;
	color:#666666;
	margin: 0.5em 0 0 0;
}

#top_right ul{
	margin: 0.5em 0 0 0;
	padding:0;
	list-style:none outside;
}
#top_right li{
	display:inline;
	margin:0 1em 0 0;
	padding-left: 1em;
	border-left: 0.05em solid #666666;
}
#top_right li.right{
	padding-right: 1em;
	border-right: 0.05em solid #666666;
}

/*--------------------------------------------------------------------20180202ここから新規追加*/
#top-middle-menu {
	width: auto;
	height: 3em;
	margin-left:160px;
}
#top-middle-menu ul{
margin: 15px 0 0 0; 
padding: 0; 
list-style: none;
}

#top-middle-menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#top-middle-menu li a{
	width: auto; 
	font-size:14px;
    text-decoration:none;
    display:block;
    text-align:center;
	margin: 2px;
    padding:8px 8px 10px;
    color:#fff;
    background-color:#49a9d4;
}
#top-middle-menu li a:hover{
background-color: #008B8B;
color: #fff;
}

/*--------------------------------------------------------------------20180202ここまで一気に入れた*/

/*--------------------------------------------------------------------20180202ここから新規追加*/
#top_bottom {
	width: auto;
	height:auto;
	/*margin-left:3px;*/
	margin-left:160px;
}
#top_bottom ul{
	margin: 0.5em 0 0 0;
	padding:0;
	list-style:none outside;
}
#top_bottom li{
	display:inline;
	margin:0 1em 0 0;
	padding-left: 1em;
	border-left: 0.05em solid #666666;
}
#top_bottom li.right{
	padding-right: 1em;
	border-right: 0.05em solid #666666;
}
/*--------------------------------------------------------------------20180202ここまで一気に入れた*/
#middle{
	padding-bottom: 0.5em;
	margin-bottom:0.5em;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color:#6699ff;
	width:100%;
}
#middle_left {
	width: 12em;
	height: auto;
	float: left;
	display: inline;/*IE対策*/
}
.menu {
	background-color:#f5f5f5;
	border: 1px solid #C3C3C3;
	margin:0 0 0.5em 0.5em;
	padding:0.5em 0.5em 0 0.5em;
}
.menu p {
	font-size:100%;
	font-weight:normal;
	text-align:justify;
	padding:0;
	margin:0 0 0.5em 0;
	line-height:150%;
}
.menu p.l2{
	margin-left:0.5em;
}
#middle_left ul{
	list-style: none outside;
	margin: 0;
	padding:0;
}
#middle_left li{
	margin:0 0 0.5em 0;
	padding: 0;
}
#middle_left ul ul{
	padding: 0.5em 0 0 1em;
	margin: 0;
	list-style-position: inside;
	list-style-image:url(../images/square001.gif);
	list-style-type: none;
}
#middle_right {
	width: auto;
	height: auto;
	margin-left:12.5em;
}
#middle_right h1 {
	font-size:120%;
	font-weight:bold;
	padding:0.5em;
	margin:0 1em 0.2em 0;
	border-bottom: 0.1em solid #ff9900;
	border-left: 1em solid #ff9900;
}
#middle_right h2 {
	font-size:110%;
	font-weight:bold;
	margin:0.2em 1em;
	padding:0.5em;
	border-bottom: 0.1em solid #0066cc;
	border-left: 1em solid #0066cc;
}
#middle_right h3{
	font-size:100%;
	font-weight:bold;
	margin:0.2em 1em 0.2em 2em;
	padding:0.5em;
	border-bottom: 0.1em solid #6699ff;
	border-left: 1em solid #6699ff;
}
#middle_right h3.jnlink{
	margin:2em 1em 0.2em 2em;
}
#middle_right h4{
	font-size:100%;
	font-weight:bold;
	margin:0.2em 1em 0.2em 3em;
	padding:0.5em;
	border-bottom: 0.1em solid #ebebeb;
	border-left: 1em solid #ebebeb;
}
#middle_right p {
	font-size:100%;
	font-weight:normal;
	text-align:justify;
	margin:0.2em 1em 0.2em 0;
	padding:0.5em;
	line-height:150%;
}
#middle_right p.last{
	margin:0.2em 1em 1em 0;
}
#middle_right p.docs{
	margin:1em 1em 1em 2em;
	border:0.1em solid #cccccc;
	background-color:#FFFFCC;
}
#middle_right p.docsl4{
	margin:1em 1em 1em 3em;
	border:0.1em solid #cccccc;
	background-color:#FFFFCC;
}
#middle_right p.right{
	text-align:right;
}
#middle_right p.center{
	text-align:center;
}
#middle_right p.pagetop{
	margin:0.2em 1em 1em 0;
}
#middle_right p.l2{
	margin:0.2em 1em 0.2em 1em;
}
#middle_right p.l2last{
	margin:0.2em 1em 1em 1em;
}
#middle_right p.l2_hl{
	margin:0.2em 1em 2em 1em;
}
#middle_right p.l3{
	margin:0.2em 1em 0.2em 2em;
}
#middle_right p.l3last{
	margin:0.2em 1em 1em 2em;
}
#middle_right p.l4{
	margin:0.2em 1em 0.2em 3em;
}
#middle_right p.l4last{
	margin:0.2em 1em 1em 3em;
}
#middle_right p.l5{
	margin:0.2em 1em 0.2em 4em;
}
#middle_right p.l5last{
	margin:0.2em 1em 1em 4em;
}
#middle_right p.l6{
	margin:0.2em 1em 0.2em 5em;
}
#middle_right p.l6last{
	margin:0.2em 1em 1em 5em;
}
#middle_right p.termimg{
	float:right;
	width:auto;
	height:auto;
	margin:0 0.5em 0.5em 0.5em;
	line-height:1em;
}
#middle_right p.jnimgmain{
	float:right;
	width:auto;
	height:auto;
	margin:0 1em 0.5em 0.5em;
	line-height:1em;
	display:inline;/*IE対策*/
}
#middle_right p.jnimgsub{
	float:left;
	width:auto;
	height:auto;
	margin:0 0.5em 0.5em 1em;
	display:inline;/*IE対策*/
}
#middle_right p.face{/*130用*/
	float:left;
	width:auto;
	height:auto;
	margin:0 0.5em 0 1em;
	display:inline;/*IE対策*/
}
#middle_right p.face2{/*80用*/
	text-align:left;
}
#middle_right p.vi{/*動画用*/
	float:left;
	width:auto;
	height:auto;
	margin:0 0.5em 0 2em;
	display:inline;/*IE対策*/
}
#middle_right p.line{
	margin:0 1em 0 1.5em;
	padding:0.1em;
	background-image:url(../images/line001.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#middle_right p.prod{
	position:relative;
	/*padding:1px;*/
	padding-left:15px;
	font-weight: bold;
	font-size: 12px;
	background-color: #ccc;
	border: 1px dashed #51A2C1;
	border-left: 5px solid #51A2C1;
}
#middle_right ul{
	list-style: none outside;
	margin: 0.2em 1em 0.2em 0em;
	padding:0.5em;
}
#middle_right ul.arrow{/*▲*/
	list-style-position: inside;
	list-style-image:url(../images/arrow001.gif);
	list-style-type: none;
}
#middle_right ul.arrow2{/*指*/
	list-style-position: inside;
	list-style-image:url(../images/arrow002.gif);
	list-style-type: none;
}
#middle_right ul.arrow3{/*▲グレー*/
	list-style-position: inside;
	list-style-image:url(../images/arrow003.gif);
	list-style-type: none;
}
#middle_right li{
	margin:0 0 0.5em 0;
	padding: 0;
	line-height:150%;
}

#middle_right ul.l2{
	margin:0.2em 1em 0.5em 1em;
}
#middle_right ul.l3{
	margin:0.2em 1em 0.5em 2em;
}
#middle_right ul.l4{
	margin:0.2em 1em 0.5em 3em;
}
#middle_right ul.l5{
	margin:0.2em 1em 0.5em 4em;
}
#middle_right li.navi{
	display:inline;
	margin:0 1em 0 0;
	padding:0 0 0 1em;
	border-left: 0.05em solid #666666;
}
#middle_right li.naviright{
	display:inline;
	margin:0 1em 0 0;
	padding:0 1em 0 1em;
	border-left: 0.05em solid #666666;
	border-right: 0.05em solid #666666;
}
#middle_right li.dot{/*センサー更新履歴用*/
	border-bottom:1px dotted #cccccc;
	padding:0px 0px 5px 5px;
}
.knlowl3{
	margin: 0.5em 1em 0.5em 3.5em;
	border:0.05em solid #cccccc;
	padding:0.5em 0;
}
.knlowl4{
	margin: 0.5em 1em 0.5em 4.5em;
	border:0.05em solid #cccccc;
	padding:0.5em 0;
}

strong {
	background-color:#FFFF66;
	font-weight:normal;
	color:#000000;
}
#bottom{
	padding-bottom: 0.5em;
	margin-bottom:0.5em;
	width:100%;
	text-align:center;
}
#bottom p{
	font-size:80%;
	margin:0;
	padding:0;
}
.clear {
	clear: both;
}
.clear_right {
	clear: right;
}
.clear_left{
	clear:left;
}
img {
	border: none;
	vertical-align:top;
}
img.l2{
	margin-left:1em;
}
a {
	color: #3366FF;
	text-decoration: none;
}
a:hover {
	color: #FF6633;
	text-decoration: none;
	border-bottom-width: 0.05em;
	border-bottom-style: dotted;
	border-bottom-color: #FF6633;
}
a.image:hover{
	border:none;
}
/*ボタンリンク*/
.button-rink {
  width:300px;
  color:#ffffff;
  background:#337fcc;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  display:inline;
  text-decoration:none;
  border:1px solid #225588;
  padding:5px 8px 5px 8px;
  border-radius:5px;
}
/*ボタンリンク*/
img.list{
	margin-left:0.3em;
}
img.s_icon{
	margin-right:0.2em;
	margin-left:0.2em;
}
img.docs{
	margin-top:1em;
	margin-bottom:1em;
}
img.continue{
	margin-bottom:0.3em;
	margin-right:0.3em;
	float:left;
}
table {
	margin: 0.5em 1em 0.5em 0;
	padding: 0px;
	border-collapse:collapse;
}
table.l2{
	margin:0.5em 1em 0.5em 1em;
}
table.l3{
	margin:0.5em 1em 0.5em 2em;
}
table.l4{
	margin:0.5em 1em 0.5em 3em;
}
table.l5{
	margin:0.5em 1em 0.5em 4em;
}
table th,table td {
	border:1px solid #999999;
	margin: 0px;
	padding: 0.5em;
	line-height:150%;
}
th {
	font-weight:normal;
	width:8em;
	background-color:#ebebeb;
}
table.noborder td{
	border:none;
	vertical-align:top;
}
table.noborderl3,table.noborderl3 td{
	border:none;
	margin:0em 1em 0.5em 3em;
	vertical-align:top;
}
.tcc{
	text-align:center;
}
.tcc_4{
	text-align:center;
	width:4em;
}
.tcc_6{
	text-align:center;
	width:6em;
}
.tcc_8{
	text-align:center;
	width:8em;
}
.tcc_10{
	text-align:center;
	width:10em;
}
.tcl{
	text-align:left;
}
.tcl_10{
	width:10em;
}
.tcl_15{
	width:15em;
}
.tcl_40{
	width:40em;
}
.tcc_hi{
	text-align:center;
	background-color:#ffffcc;
}
.tcc_hi_4{
	text-align:center;
	width:4em;
	background-color:#ffffcc;
}
.tcc_hi_6{
	text-align:center;
	width:6em;
	background-color:#ffffcc;
}
.tcc_hi_10{
	text-align:center;
	width:10em;
	background-color:#ffffcc;
}
.tcl_hi{
	background-color:#ffffcc;
}
.tcl_hi_15{
	width:15em;
	background-color:#ffffcc;
}
.tcr{
	text-align:right;
}
.tcc_caption{
	text-align:center;
	background-color:#ebebeb;
}
.tcr_caption{
	text-align:right;
	background-color:#ebebeb;
}
.tcc_caption_6{
	text-align:center;
	width:6em;
	background-color:#ebebeb;
}
.tcc_caption_8{
	text-align:center;
	width:8em;
	background-color:#ebebeb;
}
.tcr_caption_7{
	text-align:right;
	width:7em;
	background-color:#ebebeb;
}
.tcr_caption_10{
	text-align:right;
	width:10em;
	background-color:#ebebeb;
}
.tcr_caption_14{
	text-align:right;
	width:14em;
	background-color:#ebebeb;
}
.tcl_caption{
	background-color:#ebebeb;
}
.tcl_caption_14{
	width:14em;
	background-color:#ebebeb;
}
.tcl_caption_20{
	width:20em;
	background-color:#ebebeb;
}
.tcc_out{
	text-align:center;
	background-color:#aaaaaa;
}
.tcl_out{
	background-color:#aaaaaa;
}
.tcc_out_4{
	text-align:center;
	width:4em;
	background-color:#aaaaaa;
}
.tcc_out_6{
	text-align:center;
	width:6em;
	background-color:#aaaaaa;
}
.tcc_out_8{
	text-align:center;
	width:8em;
	background-color:#aaaaaa;
}
.f_red {
	color: #FF6633;
}
.f_blue {
	color: #3366FF;
}
.f_bold {
	font-weight: bold;
}
.f_red_bold {
	color: #FF6633;
	font-weight: bold;
}
.f_blue_bold {
	color: #3366FF;
	font-weight: bold;
}
.f_bold_underline {
	font-weight: bold;
	border-bottom: 0.1em solid #333333;
}
.f_red_bold_underline {
	color:#FF6633;
	font-weight: bold;
	border-bottom: 0.1em solid #FF6633;
}
.f_underline {
	border-bottom: 0.1em solid #333333;
}
.f_red_underline {
	color:#FF6633;
	border-bottom: 0.1em solid #FF6633;
}
.font80per { font-size:80%;}
.linethrough { text-decoration:line-through;}

/*2013追加*/
.f_new {
	width:50px;
	text-align:center;
	font-size:14px;
	padding:1px;
	border : 1px solid #000000;
	color:#FFFFFF;
	background-color:#FF0000;
	display: inline;/*IE対策*/

}
.f_up {
	width:50px;
	text-align:center;
	font-size:14px;
	padding:1px;
	border : 1px solid #000000;
	color:#000000;
	background-color:#FFFF00;
	display: inline;/*IE対策*/

}
.f_down {
	width:50px;
	text-align:center;
	font-size:14px;
	padding:1px;
	border : 1px solid #000000;
	color:#FFFFFF;
	background-color:#0000FF;
}
.f_green{
	color:#00FF66;
}
/*.f_ranknew {
	width: auto;
	background-image:url(../images/up.gif);
	background-repeat : no-repeat;
}*/
#leftbox {
	width: 12em;
	font-size: 80%;
	height: auto;
	display: inline;/*IE対策*/
}
.leftbox_cont {
	border: 1px solid #C3C3C3;
	margin:0 0 0.5em 0.5em;
	padding:0.5em 0.5em 0 0.5em;
}

.leftboxt_cont ul {
	margin: 0;
	padding:0;
}
.leftboxt_cont li {
	margin: 0 0 0 5em;
	padding:0;
}
img.leftbox {
	margin-right:1em;
}
h3.leftbox {
	font-size: 100%;
	margin:0 0 0.5em 0.5em;
}

#middle_right li.crown1{/*▲*/
	list-style-position: inside;
	list-style-image:url(../images/crowngold1.gif);
	list-style-type: none;
}
#middle_right li.crown2{/*▲*/
	list-style-position: inside;
	list-style-image:url(../images/crownsilver1.gif);
	list-style-type: none;
}
#middle_right li.crown3{/*▲*/
	list-style-position: inside;
	list-style-image:url(../images/crowncopper1.gif);
	list-style-type: none;
}

/******** 注文フォーム用　*********/
table.form{
	width:100%;
}
td.l_Cel{
	width:30%;
}
td.c_Cel{
	width:80%;
}
td.r_Cel{
	width:20%;
}
td.o_Cel{
width:70%;
}
td.form{
	border:1px solid #ccc;
	padding:5px;
	font-size:90%;
	color:#666;
}

/******** 注文フォーム用　*********/

/******** お問い合わせフォーム用　*********/
/*#contact-form th{
    background-color: #F8F8F8;
    border-color: #CCCCCC #CCCCCC #CCCCCC #333333;
    border-left: 3px solid #333333;
    border-right: 1px dotted #CCCCCC;
    border-style: solid dotted solid solid;
    border-width: 1px 1px 1px 3px;
    padding: 5px 8px;
    width: 200px;
}

#contact-form td{
background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 5px 8px;
}*/

input.myError {
background-color:#CCFFFF;
zoom:1;
}

label.myError {
/*color:#FF0000;*/
color:Red;
}

textarea.myError {
background-color:#CCFFFF;
zoom:1;
}
/******** お問い合わせフォーム用　*********/

/********一般トップページ商品用 ***********/
.item_info img{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin-right:15px;
margin-left:15px;
margin-bottom:15px;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

div.item_info p {
	display: table-cell;
	vertical-align: middle;
}

/*for IE6 */
* html .item_info p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .item_info p {
	display: inline;
	zoom: 1;
}

/*privacy*/
/*div#bottom_inner {
	font-size:80%;
	text-align: center;
	margin-left:15.5em;
}
div#bottom_inner ul {
	margin: 0px auto;
	height: 30px;
	list-style-type: none;
}
div#bottom_inner ul li {
	padding: 0px 10px 0px 0px;
	float: left;
}*/

#bottom_inner {
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}
#bottom_inner ul {
	display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
#bottom_inner ul li {
    list-style: none;
		padding-right:20px;
}
#bottom_inner ul li a {
    vertical-align: middle;
}
/*トップページ用メニューボックス*/
.picboxA{
	overflow: hidden;
	margin-left: 1em;
	margin-bottom: 2em;
}
.info{
	float: left;
	margin: 8px 0 8px 8px;
	border: 1px solid #ccc;
	padding: 8px;
	width: 200px;
}
.picboxb{
	overflow: hidden;
	margin-left: 1em;
	margin-bottom: 2em;
}
.infob{
	float: left;
	margin: 8px 0 8px 8px;
	/*border: 1px solid #ccc;*/
	padding: 8px;
	width: 120px;
}
hr.style13 {
	height: 10px;
	border: 0;
}

/* 親コンテナの設定 */
.flex_box {
  display: flex;
  align-items: start; /* 画像とテキストを中央揃え */
  gap: 5px; /* 画像とテキストの間隔 */
  margin: 20px; /* 余白 */
}

/* 画像のスタイル */
.side_img {
  margin: 0;
  padding: 0;
}

.side_img img {
  width: 150px; /* 画像サイズの初期値 */
  height: auto; /* 縦横比を維持 */
  display: block; /* インライン要素の隙間を防ぐ */
}

/* テキスト部分のスタイル */
.tpright {
  display: flex;
  flex-direction: column; /* タイトルと説明を縦並び */
  flex: 1; /* 残りのスペースを使用 */
}

/* タイトルのスタイル */
.title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

/* 説明文のスタイル */
.side_text {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

/* 画面幅が狭くなったら縦並びに */
@media (max-width: 768px) {
  .flex_box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .side_img {
    max-width: 80%; /* 画像サイズを調整 */
  }

  .tpright {
    width: 90%; /* テキストの横幅を調整 */
  }
}