/* 文字コード */
@charset "<$MTPublishCharset$>";

/* 全体 */
BODY {
				
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
  color: #696969;
  font-size : 14px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  background: #f0f0f0;
}

body div {
				
  text-align: left;
  margin: 0 auto;
}

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

/* リンク指定 */
a {		
		overflow: hidden;
}
a img {		
		border: 0;
}
a:link {		
		color: #00ca00; text-decoration: underline;
}
a:visited {		
		color: #00ca00; text-decoration: underline;
}
a:hover {		
		color: #f0df44; text-decoration: none;
}

/* コンテンツ全体 */
#container {
				
  width: 870px;
  margin: 10px auto 0px auto;
  padding: 0px;
  background: #FFFFFF;
}

/* ヘッダー */
#header {
				
  height: 100px;
  margin: 0px;
  padding: 0px;
}

/* ロゴ */
.logo {
				
  margin: 0px;
  padding: 0px;
  width: 300px;
  height: 100px;
  float: left;
}

.logoin {
				
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

.logoin h1 {
				
  background: url(image/headerimg.jpg) no-repeat left;
  width: 300px;
  height: 100px;
  margin: 0px;
  padding: 0px;
  text-indent: -9999px;
}
/* トップメニュー */
.topmenu {
				
  margin: 0px;
  padding: 0px;
  width: 400px;
  height: 30px;
  float: right;
}

.topmenuin {
				
  font-size: 100%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  text-align: right;
}

ul.topmenu {
				
  margin: 0px;
  padding: 0px 10px 0px 0px;
  list-style: none;
}

.topmenu li {
				
  margin: 0px;
  padding: 0px 10px 0px 0px;
  float: right;
}

/* 電話、採用情報 */
.topmenu2 {
				
  margin: 0px;
  padding: 0px;
  width: 400px;
  height: 28px;
  float: right;
  
}

.topmenu2in {
				
  margin: 0px;
  padding: 0px;
  text-align: right;
}

ul.topmenu2 {
				
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.topmenu2 li {
				
  margin: 0px;
  padding: 0px 23px 0px 0px;
  float: right;
}

/* 検索 */
.search {
				
  margin: 5px 10px 0px 0px;
  padding: 0px;
  width: 520px;
  height: 25px;
  float: right;
}

.searchin {
				
  font-size: 80%;
  line-height: 1.5;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  text-align: right;
}

.searchin form {
				
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#search_img {
				
  margin: 0px 10px 0px 0px;
  padding: 0px;
  vertical-align: middle;
}

#search_text {
				
  margin: 0px 10px 0px 0px;
  padding: 0px;
  color: #CCCCCC;
  vertical-align: middle;
  height: 20px;
  border: 1px solid #808080;
}

/* ナビゲーション */
#navi {
				
  height: 28px;
  width: 850px;
  margin: 0px auto 0px auto;
  padding: 0px;
  clear: both;
}

ul#navigation {
				
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#navigation li {
				
  float: left;
  text-indent: -9999px;
}
#navigation a {
				
  text-decoration: none;
  overflow: hidden;
  background: url(image/navi.gif) no-repeat;
}

#navi1,
#navi1 a {
				
  display: block;
  width: 121px;
  height: 25px;
  margin: 0px;
  padding: 0px;
}

#navi2,
#navi2 a {
				
  display: block;
  width: 121px;
  height: 25px;
  margin: 0px;
  padding: 0px;
}

#navi3,
#navi3 a,
#navi4,
#navi4 a,
#navi5,
#navi5 a,
#navi6,
#navi6 a,
#navi7,
#navi7 a {
				
  display: block;
  width: 121px;
  height: 25px;
  margin: 0px;
  padding: 0px;
}


#navi1 a {		
		background-position: 0px 0px;
}
#navi2 a {		
		background-position: -124px 0px;
}
#navi3 a {		
		background-position: -245px 0px;
}
#navi4 a {		
		background-position: -366px 0px;
}
#navi5 a {		
		background-position: -487px 0px;
}
#navi6 a {		
		background-position: -608px 0px;
}
#navi7 a {		
		background-position: -729px 0px;
}
#navi1 a:hover {		
		background-position: 0px -25px;
}
#navi2 a:hover {		
		background-position: -124px -25px;
}
#navi3 a:hover {		
		background-position: -245px -25px;
}
#navi4 a:hover {		
		background-position: -366px -25px;
}
#navi5 a:hover {		
		background-position: -487px -25px;
}
#navi6 a:hover {		
		background-position: -608px -25px;
}
#navi7 a:hover {		
		background-position: -729px -25px;
}


/* コンテンツの指定 */
#content {
				
  margin: 8px 0px 0px 0px;
  padding: 0px;
  clear: both;
}

/* Leftボックス */
#left {
				
  width: 178px;
  margin: 0px;
  padding: 0px;
  float: left;
}

/* Rightボックス */
#right {
				
  width: 680px;
  margin: 0px;
  padding: 0px;
  float: right;
}

#topimg {
				
  margin: 0px;
  padding: 10px 0px 10px 0px;
}

#topmain {
				
  width: 500px;
  margin: 0px;
  padding: 0px;
  float: left;
}
/* 左メニュー */
.sidemenu {
				
  margin: 0px;
  padding: 0px;
  width: 175px;
  float: left;
}

.sidemenu {
				
  font-size: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  text-align: left;
}
ul .sidemenu {
				
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.sidemenu li {
				
  margin: 0px;
  padding: 5px 0px 0px 0px;
}


/* トップページ中央 */
#news h3 {
				
  width: 175px;
  height: 30px;
  background: url(<$MTBlogURL$>image/news-bt.jpg)  no-repeat;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  float: left;
  text-indent: -9999px;
}

#ivent h3 {
				
  width: 175px;
  height: 30px;
  background: url(<$MTBlogURL$>image/ivent-bt175.jpg)  no-repeat left;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  text-indent: -9999px;
}

.centerul {
				
  float: left;
  width: 165px;
  height: 300;
  margin: 8px 0px 0px 0px;
}

.centerul dl{
				
  width: 150px;
  margin: 0;
  padding: 0;
  height: auto;
  display: block;
}

.centerul dt{
				
  float: left;
  width: 150px;
  margin-right: 0px;
  padding: 0;
}

.centerul dd{
				
  float: left;
  width: 150px;
  margin: 5px 0px 0px 0px;
  padding: 0;
}

/* トップページ右サイド */
#newcatalog h3 {
				
  width: 500px;
  height: 30px;
  background: url(<$MTBlogURL$>image/sin-bt500.jpg)  no-repeat left;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  text-indent: -9999px;
}

#pickup h3 {
				
  width: 500px;
  height: 30px;
  background: url(<$MTBlogURL$>image/osusume-bt500.jpg)  no-repeat left;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  text-indent: -9999px;
}

ul.sideul {
				
  margin: 5px;
  padding: 0px;
  list-style: none;
}

.sideul li {
				
  margin: 0px 0px 5px 0px;
  padding: 0px;
  line-height: 1.3;
}

.sidelink {
				
  margin: 10px 0px 20px 0px;
  padding: 0px;
  font-size: 75%;
  line-height: 1.6;
  text-align: right;
}
/*sidebarボックス */
#sidebar {
				
  width: 175px;
  margin: 0px;
  padding: 0px;
  float: right;
}

#list {
				
  background-color: #FFFFFF;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 4px 0px;
}

#listtop {
				
  margin: 0px;
  padding: 0px;
}

ul.categorylist {
				
  color: #663300;
  margin: 0px 6px 0px 6px;
  padding: 0px;
  list-style: none;
}

ul.categorylist ul {
				
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.categorylist li {
				
  margin: 0px 0px 3px 0px;
  padding: 4px 0px 4px 0px;
  background-color: #FFFFFF;
}

ul.categorylist li li {
				
  color: #663300;
  background-color: #FFFFFF;
  margin: 0px 0px 3px 0px;
  padding: 3px 0px 3px 25px;
  background-position: 10px 8px;
}

ul.categorylist a {
				
  color:#663300;
  text-decoration: none;
}

ul.categorylist a:hover {
				
  color: #ff9933;
  text-decoration: underline;
}

.bnr {
				
  margin: 10px 0px 0px 0px;
  padding: 0px 4px 0px 0px;
}

/* 商品カタログページタイトル */
.maintt {		
		          
  margin: 0px 0px 10px 0px;
  padding: 2px 0px 2px 0px;
  font-size: 110%;
  line-height: 1.5;
  font-weight: normal;
  text-indent: 10px;
  vertical-align: middle;
  color: #FFFFFF;
  background : #ffffff url(../image/midori-rp.jpg) repeat-x;
}

/* 商品カタログページメイン */
#main {		
		    
   width: 675px;
   margin: 0px;
   padding: 0px;
   background: #FFFFFF;
}

/* 商品表示ページのレイアウト */
.itemBox {
				
  width: 675px;
  margin-bottom: 15px;
}

.itemBox h3 {
				
  color: #FFFFFF;
  margin: 0px 0px 10px 0px;
  padding: 2px 0px 2px 0px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 100%;
  font-weight: normal;
  text-indent: 10px;
  vertical-align: middle;
  background : #ffffff url(../image/midori-rp.jpg) repeat-x;
  clear: both;
}

.itemBox h3 a:link {		
		color: #000000; text-decoration: underline;
}
.itemBox h3 a:visited {		
		color: #000000; text-decoration: underline;
}
.itemBox h3 a:hover {		
		color: #000000; text-decoration: none;
}
.itemLeft {
				
  float: left;
  width: 140px;
  margin-right: 10px;
}
#symain1 {
				
  float: left;
  width: 310px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#symain2 {
				
  float: left;
  width: 330px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: light;
}

#sytable1 {
				
  float: left;
  width: 675px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border:none;
}

.sytable1 CAPTION {
				
  width: 675px;
  border:none;
  float: left;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  color: #ffffff;
  float: left;
  background : #ffffff url(../image/midori-rp.jpg) repeat-x;
}

.sytable1 th {
				
  border:none;
  float: left;
  width: 100px;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  float: left;
  background: #F1F1F1;
}
.sytable1 td {
				
  border:none;
  float: left;
  width: auto;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  float: left;
  background: #ffffff;
}

.sytable2 {
				
  float: left;
  width: 675px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border:none;
  clear: both;
}

.sytable2 CAPTION {
				
  border:none;
  float: left;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 5px;
  color: #ffffff;
  text-align: left;
  background : #ffffff url(../image/midori-rp.jpg) repeat-x;
}

.sytable2 th {
				
  border:none;
  float: left;
  width: 100px;
  margin: 0px 0px 0px 0px;
  padding: 3px;
  float: left;
  background: #F1F1F1;
}
.sytable2 td {
				
  border:none;
  float: left;
  width: auto;
  margin: 0px 10px 0px 0px;
  padding: 3px;
  text-align: left;
  background: #ffffff;
}
.itemRight {
				
  float: left;
  width: 475px;
  margin: 0px 0px 100px 0px;
  padding: 0px;
}

.itemname {
				
  color: #00cc99;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

.entryBox {
				
  margin: 0px 0px 5px 0px;
  padding: 0px;
}
.syousaitoptable {
				
  width: 300px;
  float: light;
}

.item {
				
  margin-bottom: 10px;
  background: #ccff99;
  border-bottom: 1px solid #ffffff;
}

.item_tt {
				
  color: #339933;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

.item_left {
				
  float: left;
  width: 400px;
  margin-right: 10px;
}

.photo_right {
				
  float: right;
  width: 170px;
  margin: 0px;
  padding: 10px;
}

/*フッター */
#footer {
				
  width: 870px;
  margin: 0px;
  padding: 15px auto 0px auto;
  background: #FFFFFF;
  text-align: center;
}

#footerin {
				
  margin: 0px;
  font-size: 100%;
  padding: 0px;
  text-align: left;
}

.fttable {
				
  margin: 0px auto;
  width: 850px;
  padding: 0px;
  list-style: none;
  float: center;
}

.fttable TH {
				
  margin: 0px;
  padding: 0px;
  float: center;
  list-style: none;
}
.fttable TD {
				
  margin: 5px;
  padding: 0px;
  font-size: 12px;
  list-style: none;
  clear: both;
  float: left;
}

ul.ftmenu {
				
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.ftmenu li {
				
  margin:  15px 0px 0px 0px;
  padding: 10px;
  float: left;
}

.ftmenu2 {
				
  height: 30px;
  margin: 0px;
  padding: 0px 10px;
  background: #FFFFFF;
  clear: both;
}

.ftmenu2 a,
.ftmenu2 a:link,
.ftmenu2 a:visited {
				
  color: #5e5e5e;
  text-decoration: underline;
}

.ftmenu2 a:hover {
				
  color: #717171;
  text-decoration: none;
}
.copy {
				
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  text-align: center;
}

/* ハック */
.clearfix:after {
				
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
				
  display: inline-block;
}
* html .clearfix {
				
  height: 1%;
}
.clearfix {
				
  display: block;
}