/* トップページindex.htm のみに使用。一般のページは base_tsi.css を使っている */
html {
	font-size: 100%; /* 100% = 16px = 12pt */
}
BODY {
	background-color: mintcream;
	font-family: 'MS UI Gothic','Osaka';
	line-height: 140%;
	margin: 0px 10px 0px 10px;
	width: 920px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

.hompo_l { float: left; 
	margin-top: 0.3em;
	font-size: 2.5rem;
	color: blue;
	font-weight: bolder;

}
.hompo_c { float: left; 
	margin-top: 0.8em;
	margin-left: 0.5em;
	font-size: 1.5rem;
	color: blue;
	font-weight: bold;
}
.hompo_r { float: left; 
	margin-top: 0.2em;
	margin-left: 2.0em;
/*	font-size: 1.0rem; */
	color: red;
	font-weight: bold;
}

.page_top {
	background-color: mintcream;
	border-style: none none double none;
	border-color: orange;
	width: 920px;
	padding: 0px 10px 0px 10px;
}
.menu_top {
	background-color: lemonchiffon;
/*	font-size: 15px; */
	font-size: 0.94rem; 
	color: blue;
	width: 920px;
	padding: 0px 10px 0px 10px;
}
/*
.breadcrumb {
	background-color: ivory;
	font-size: 15px;
	font-size: 0.94rem;
	color: black;
	width: 920px;
	border-style: dashed none solid none;
	border-color: orange;
	border-width: 2px;
	padding: 0px 10px 0px 10px;
}
*/
.menu_top A       {color: blue; text-decoration: none;}
.menu_top A:link  {text-decoration: none;}
.menu_top A:visited {color: blue; text-decoration: none;}
.menu_top A:hover {background-color: red; color: white; text-decoration: none;}
header {z-index: 1;
	position: fixed;
	top:0px;
}
footer {
	width: 100%;
/*	font-size: 16px;
	font-size: 1rem; */
	line-height: 120%;
 	margin: 5px 0;
	padding: 5px 0px;
}
.center { text-align: center; }
.main {
	border-style: solid none none none;
	border-color: orange;
	border-width: 3px;
	width: 920px;
	padding: 5px 10px 0px 10px;
	line-height: 120%;
/*	font-size: 10pt; */
	font-size: 0.88rem; /* 1.0rem:16pt, 0.94rem:15pt, 0.88rem:14pt, 0.8rem:13pt */
/*	margin-top: 70px; */
	margin-top: 4.38rem;
}

.main TH   {
	background-color: white;
/*	font-size: 15px; */
	color: brown;
	text-align: left;
	line-height: 150%;
 	border-bottom: solid 2px yellowgreen;
	border-left: solid 10px yellowgreen;
	border-right: solid 2px mintcream;
	padding:0px 0px 0px 10px;
}
.main TD   {
/*	font-size: 14px;
	font-size: 0.88rem; */
	font-weight: bold;
	line-height: 150%;
	white-space: normal;
	padding:0px 0px 0px 0px;
}

.hinmei { /* 「オリジナル商品」の品名と会社住所に用いている */
/*	font-size: 12px;
	font-size: 0.75rem; */
	font-weight: bold;
	color: blue;
}
td .hinmei {
/*	font-size: 12px; */
 	font-size: 0.75rem; 
	font-weight: bold;
	color: black;
} 
td .hinmei A       {color:	blue; text-decoration: none;}


TABLE {
 	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

IMG {
	margin: 0px 5px;
}

TD {
	padding: 5px;
	line-height: 120%;
}
CAPTION{
	caption-side: top;
	font-weight: bold;
	text-align: right;
}

UL {
	margin-top: 0px;
	margin-bottom: 0px;
}
OL {
	margin-top: 0px;
	margin-bottom: 0px;
}
#M-BOX {
	padding: 5px 0px 0px 0px;
	width: 80%;
	float: right;
}
#L-BOX {
	width: 40%;
	float: left;
}
#R-BOX {
	width: 60%;
	float: right;
}
#C-BOX {
	width: 100%;
}
#A-BOX {
	padding: 5px 0px 0px 0px;
	width: 20%;
	float: left;
}

A       {color:	blue; text-decoration: none;}
A:link  {text-decoration: none;}
A:visited {color: blue; text-decoration: none;}
A:hover {color: red; text-decoration: underline;}


@media only screen and (max-device-width: 850px) {  /* max-device-width: は非推奨に。850px以下の解像度で適用される
@media screen and (max-width: 850px) { */

html {		font-size: 200%;	}
.hompo_r { 	margin-left: 0;
		font-size: 2.5vw;	}
.menu_top {	font-size: 3.5vw;
		line-height: 150%;	}
/* .breadcrumb {	line-height: 150%;	} */
.main {		width: 100%;
	/*	margin-top: 15vh; */
		margin-top: 10rem;
		line-height: 150%;	}
TH {		font-size: 1.5rem;	}
TD {		font-size: 1.2rem;	}
#M-BOX {	width: 100%;		}
#T-BOX {	width: 100%;		}
#T-BOX TD {	font-size: 100%;	}
#R-BOX {	width: 100%;		}
#R-BOX TD img {	width: 80%;		}
#L-BOX {	width: 100%;		}
#C-BOX {	width: 100%;		}
#C-BOX TD {	font-size: 100%;	}
#A-BOX {	width: 100%;		}
TD .hinmei {	font-size: 0.9rem;	}
.komoji {	font-size: 85%;		}

.ads {
    display:none;
}