/* CSS Document */
@charset "UTF-8";
/* BIGIN:INDEX */
/* 01:共通 */
/* 02:INDEX */
/* 03:サブページ */
/* 04:フォーム */
/* 05:サイトマップ */

/* 01:共通 */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	background-color: #5F6868;
	}
p, table, td, tr, th, dl, dt, dd, a {
	margin:0px;
	padding:0px;
	}
table {
	display: inline-table;
	}
img {
   vertical-align:bottom;
}

#wrap {
	margin: 0px auto;
	display: block;
	float: left;
	width: 100%;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Arial","Helvetica","Verdana","sans-serif";
	text-align: center;	
	background-color: #FFFFFF;
	min-height:1px;　/* IE 7対策 */
	}
/* start: clearfix ------------------------------ */
#wrap:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#wrap  { display:inline-table; }
/* Hides from Mac IE \*/
* html #wrap  { height:1px; }
/* */
/* end: clearfix ------------------------------ */

/* clearfix共通 */
.clearfix {
	zoom:1;
	clear:both;
	}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.txtBold {
	font-weight:bold;
}

/*テーブルの背景色を入れ子に */
table.colorTable,table.colorTableSingle {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: 1px #CCCCCC solid;
	clear:both;
}
table.colorTable th,table.colorTableSingle th {
	padding: 5px 10px;
	background: #9DB6FF;
	border: 1px solid #ccc;
	font-weight:100;
	line-height:1.5em;
}
table.colorTable td,table.colorTableSingle td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	line-height:1.5em;
}
table.colorTable tr.even td,table.colorTableSingle tr.even td {
	background: #ececec;
	line-height:1.5em;
}

table.colorTableSingle{
	width: auto;
}

/* ページ概要 */
h1 {
	width: 100%;
	margin: 0px;
	padding: 5px;
	background-color: #5F6868;
	color: #cccccc;
	text-align: left;
	text-decoration:none;
	font-size: 10px;
	line-height: 1.5em;
	font-weight:normal;
	}
#kanban {
	display: block;
	width: 950px;
	margin: 5px auto;
	height: 30px;
	}
#kanban .logo {
	display: block;
	float: left;
	margin-top: 1px;
	}
#kanban .btnToiawase {
	display: block;
	float: right;
	margin-left: 5px;
	}
#teramoto {
	width: 100%;
	height: 40px;
	background-color: #000000;
	text-align: center;
	}
#menuBar  {
	display: block;
	position: relative;
	top: 0px;
	margin: 0 auto;
	padding: 0;
	height: 40px;
	width: 970px;
	text-align: center;
	background: url(../img-common/navi.gif) no-repeat;
}
#mainNav{
	display:block;
	margin:0 auto;
	width:950px;
	height:40px;
	padding:0 10px;
	background-color:#000;
	text-align:left;
	clear:both
}
#mainNav img {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
#contents {
	display: block;
	margin: 0px auto;
	padding: 20px 0px;
	width: 950px;
	background-color: #FFFFFF;
	clear:both;
	}
#contents a {
	color: #35AACD;
	text-decoration: none;
	}
#contents a:hover {
	color: #35AACD;
	text-decoration: underline;
	}

#contentsFoot {
	display: block;
	float: left;
	padding: 20px 0px 20px 0px;
	}
	
#foot {
	display: block;
	float: left;
	margin: 0px;
	width: 100%;
	padding: 10px 0px;
	}
#foot .gaiyo, #foot .footNav {
	font-size: 12px;
	color: #ffffff;
	line-height: 1.5em;
	}
#foot .gaiyo {
	text-align: left;
	}
#foot .footNav {
	text-align: right;
	}
	
#foot a {
	color: #ffffff;
	text-decoration: none;
	}
#foot a:hover {
	color: #ffffff;
	border-bottom: 1px dashed #ffffff;
	}
.txt12, .txt13, .txt15, txt14, .txt18, .txt16RedB {
	line-height: 1.5em;
	color: #333333;
	text-align: left;
	}	
.txt12 {font-size: 12px;}	
.txt13 {font-size: 13px;}	
.txt14 {font-size: 14px;}	
.txt15 {font-size: 15px;}	
.txt18 {font-size: 18px;}	
.txt16RedB {font-size: 16px; color:#FF3300; font-weight:600; }	
.txtBold {
	font-weight:bold;
}
.txtRed {
	color:#F03;
}
.listDisk {
	list-style:disc;
	list-style-position:outside;
	padding:0 0 0 1em;
	margin:0 0 0 1em;
}


	
/* 02:INDEX */
.indexH1 {
	font-size: 10px;
	font-weight:normal;
	display:block;
	float:right;
}
#aisatsu {
	display: block;
	float: left;
	border: 1px solid #333333;
	padding: 10px;
	width: 928px;
	margin-bottom: 20px;
	min-height:1px;　/* IE 7対策 */
	}
/* start: clearfix ------------------------------ */
#wrapper :after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
#wrapper  { display:inline-table; }
/* Hides from Mac IE \*/
* html #wrapper  { height:1px; }
#wrapper  { display:block; }
/* */
/* end: clearfix ------------------------------ */

#aisatsu .aisatsuTtl {
	display: block;
	float: left;
	width: 63px;
	padding-right: 20px;
	padding-top: 18px;
	}
#aisatsu .aisatsuTxt {
	display:block;
	float: left;
	width: 700px;
	line-height: 1.5em;
	color: #333333;
	text-align: left;
	font-size: 12px;
	}
#aisatsu .aisatsuBtn {
	display: block;
	float: right;
	padding-top: 4px;
	}
	
#campaign {
	display: block;
	float: left;
	width: 100%;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
#campaign .tlCamp {
	display:block;
	float: left;
}
#campaign ul.txtCamp {
	display: block;
	float: right;
	width: 715px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#campaign ul.txtCamp li {
	font-size: 13px;
	color: #000;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 5px;
}

#categoryWrap{
	display: block;
	float:left;
	width: 950px;
}

#categoryWrap .categoryEtc{
	display: block;
	float: right;
	width: 280px;
	height: 342px;
	padding: 0px;
	margin:0px 0px 5px 20px;
}
#categoryWrap .categorySmoke{
	display: block;
	float: right;
	width: 580px;
	height: 100px;
	padding: 0px;
	margin:0px 0px 5px 20px;
}
#categoryWrap .categoryEtc a:hover, #categoryWrap .categorySmoke a:hover{
	opacity:0.6;
	}
	
#teramoto  {
	display: block;
	float:left;
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
	background: url(../img-index/teramoto.png) no-repeat;
	height: 448px;
	width: 350px;
}
#teramoto dt{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
}

dt #teramotoTop, #teramotoTop a{
	display: block;
	height: 73px;
	width:350px; 	
	}
#teramotoTop {left:0px; top:0px; text-indent: -5000px;}	
#teramotoTop a:hover, #teramotoTop a:visited:hover {
	border: none;
	}
	
dt #cate01, #cate01 a, dt #cate02, #cate02 a, dt #cate03, #cate03 a, dt #cate04, #cate04 a, dt #cate05, #cate05 a, dt #cate06, #cate06 a, dt #cate07, #cate07 a, dt #cate08, #cate08 a, dt #cate09, #cate09 a, dt #cate10, #cate10 a, dt #cate11, #cate11 a, dt #cate12, #cate12 a, dt #cate13, #cate13 a, dt #cate14, #cate14 a{
	display: block;
	height: 54px;
	width:165px; 	
	}
	

#teramoto a {
	text-decoration: none;
	 /* FireFox リンク選択時の点線を消す　*/
	overflow: hidden;
    outline: none;
	}
	
#cate01 {left:6px; top:73px; text-indent: -5000px;}	/* くず入れ */
#cate02 {left:179px; top:73px; text-indent: -5000px;}	/* 施設備品 */
#cate03 {left:6px; top:126px; text-indent: -5000px;}	/* 衛生関連用品 */
#cate04 {left:179px; top:126px; text-indent: -5000px;}	/* ミセル */
#cate05 {left:6px; top:179px; text-indent: -5000px;}	/* ガーデン用品 */
#cate06 {left:179px; top:179px; text-indent: -5000px;}	/* 人工芝 */
#cate07 {left:6px; top:232px; text-indent: -5000px;}	/* マット */
#cate08 {left:179px; top:232px; text-indent: -5000px;}	/* スノコ */
#cate09 {left:6px; top:285px; text-indent: -5000px;}	/* 清掃用品 */
#cate10 {left:179px; top:285px; text-indent: -5000px;}	/* 清掃用カート類 */
#cate11 {left:6px; top:338px; text-indent: -5000px;}	/* 清掃関連用品 */
#cate12 {left:179px; top:338px; text-indent: -5000px;}	/* 商品設置プラン */
#cate13 {left:6px; top:391px; text-indent: -5000px;}	/* 分煙システム */

#cate01 a:hover, #cate02 a:hover, #cate03 a:hover, #cate04 a:hover, #cate05 a:hover, #cate06 a:hover, #cate07 a:hover, #cate08 a:hover, #cate09 a:hover, #cate10 a:hover, #cate11 a:hover, #cate12 a:hover, #cate13 a:hover, #cate14 a:hover{
	opacity:0.6;
	}

/* 03:サブページ */
/* パンくず */
.bread {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #333333;
	text-align: left;
	font-size: 10px;
	line-height: 1.5em;
	font-weight: 100;
	}
	
h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	vertical-align: baseline;
	text-align: left;
	font-size: 15px;
	}
.sage {
	display: block;
	float: left;
	width: 930px;
	padding: 0px 10px;
	margin: 0px;
	clear: none;
	font-size: 14px;
	line-height: 1.75em;
	color: #333333;
	text-align: left;
	}
.sage img.photoR{
	margin: 0px 0px 10px 0px;
	border: 1px solid #cccccc;
	display: block;
	float: right;
	}
.sage img.photoL{
	margin: 0px 0px 10px 0px;
	border: 1px solid #cccccc;
	display: block;
	float: left;
	}
.deliTtl {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #D7E9EF;
	margin: 0px;
	padding: 10px;
	font-size: 13px;
	color: #333333;
	text-align: left;
	font-weight: 600;
	}
.deliTxt {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin: 0px;
	padding: 10px;
	font-size: 13px;
	line-height: 1.5em;
	color: #333333;
	text-align: left;
	}
h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	vertical-align: baseline;	
	}
h5 {
	margin:0;
	padding:0 0 0.5em 0;
}
h4.subTl {
	display:block;
	float:left;
	width:916px;
	border-left:7px solid #35AACD;
	padding:0 0 0 7px;
	margin:0 0 10px 0;
	font-size:18px;
}
.pageTop {
	display: block;
	width: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: right;
	text-align: right;
	font-size: 13px;
	line-height: 1.5em;
	color: #333333;
}
.pageTop a {
	color: #333333;
}
.pageTop a:hover {
	color: #35AACD;
	text-decoration: underline;
}

.tableLine {
	border-bottom:1px solid #ccc;
	padding:2px;
}
.imgLine {
	border:1px solid #ccc;
}

#contents .btnBlue a{
	color:#fff;
	display:inline-block;
	fonr-size:13px;
	line-height:26px;
	padding:0 20px;
	margin:10px 0;
	border-radius:13px;
	background-color:#35aacd;
	clear:both;
	}
#contents .btnBlue a:hover{
	background-color:#ff3300;
	}
	
#contents ul.atelierBtn, #contents ul.atelierBtn li{
	list-style:none;
	padding:0;
	margin:0;
	}
#contents ul.atelierBtn {
	display:table;
	table-layout:fixed;
	width:100%;
	margin-bottom:10px;
	}
#contents ul.atelierBtn li{
	display:table-cell;
	padding:5px;
	}
#contents ul.atelierBtn li a{
	color:#fff;
	fonr-size:13px;
	line-height:40px;
	padding:0 20px;
	margin:10px 0;
	border-radius:20px;
	background-color:#35aacd;
	display:block;
	text-align:center;
	}
#contents ul.atelierBtn li a:hover{
	background-color:#ff3300;
	}

/* 04:フォーム */
.formLeft {
	border: 1px solid #cccccc;
	background-color: #D7E9EF;
	margin: 0px;
	padding: 7px;
	font-size: 13px;
	color: #333333;
	text-align: left;
	font-weight: 600;
	}
.formRight{
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0px;
	padding: 7px;
	font-size: 13px;
	line-height: 1.5em;
	color: #333333;
	text-align: left;
	}
.formBox, .formBox2, .formBox3{
	padding: 3px;
	font-size: 13px;
	color: #333333;
	text-align: left;
	line-height: 1.25em;
}
.formBox{
	width: 550px;
}
.formBox2{
	width: 200px;
}
.formBox3{
	width: 100px;
}
.txtRed {
	color: #F00;
}
fieldset {
	border: 0px;
	}
.shohin {
	margin-bottom: 7px;
	display:block;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 3px;
	}

/* 05:サイトマップ */
.sitemap dt{
	font-size: 13px;
	text-align: left;
	font-weight: 600;
	line-height: 1.5em;
	border-bottom: 2px solid #ccc;
	margin-top: 20px;
	padding-left: 20px;
	}
.sitemap dd {
	font-weight: 100;
	border-bottom: 1px dashed #ccc;
	margin: 5px 0px;
	padding-left: 40px;
	}