@charset "utf-8";
/* CSS Document */

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


body{	line-height:150%;
		font-size:12px;
		color:#666;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		background-color:#EAEAEC;
}

img{	border:0px;}

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

a:link { color: #006699;text-decoration:none;}
a:visited { color: #006699;text-decoration:none;}
a:hover {color: #006699;text-decoration:underline;}
a:active {color: #006699;text-decoration:none;}

.clear{	clear:both;
		font-size:1px;
		line-height:1em;
}

.float-l{	float:left;}

.float-r{	float:right;}

/* マージン */
.mrb10{	margin-bottom:10px;}

.mrb20{	margin-bottom:20px;}

.mrb30{	margin-bottom:30px;}

.pad-b10{	padding-bottom:10px;}




#head-all{	width:100%;
			background:#000;
			padding:10px 0px;}


#head{	width:780px;
		background:#000;
		margin:0px auto;
		position:relative;
}

#head h1 {
			margin:0px;
			float:left;
			font-size:11px;
			color:#FFF;
			font-weight:normal;
			display:inline;
			position:absolute;
			top:-7px;
			left:5px;
}

#head .logo {
position:absolute;
top:13px;
left:0;
float:left;
}

.mini-logo{	width:260px;
			float:right;
}

.mini-logo p{	text-align:right;}

.mini-logo ul{	width:260px;}

.mini-logo ul li{	float:left;
					height:41px;
					list-style:none;
}

#g-navi{	width:100%;
			background:url(g-navi-back.gif) repeat-x left top;
			height:50px;
}

#g-navi ul{	width:780px;
		margin:0px auto;
		padding:0px 20px;
		height:50px;
		overflow:hidden;
		background:url(head-syadow.jpg) no-repeat left bottom;
}

#g-navi ul li{	float:left;
				list-style:none;}
				
#cont{	width:780px;
		background:url(cont-back.gif) repeat-y left top;
		padding:0px 20px 20px;
		margin:0px auto;
}

.pankuzu{	background:#fff;
			border-top:10px solid #fff;			
}

.pankuzu td{	padding-bottom:15px;}

.vt{	vertical-align:top;}

.side-navi{	width:210px;
			padding:0px 20px 20px 0px;
			background-color:#fff;
}

.info-box{	border-bottom:1px solid #ccc;
			border-right:1px solid #ccc;
			border-left:1px solid #ccc;
			width:188px;
			padding:10px 10px 0px;
}

.icon01{	background:url(icon01.gif) no-repeat left 7px;
			color:#FF6600;
			padding-right:5px;
			padding-left:10px;
}

.info-box table{	margin-bottom:10px;}

.info-box table td{	padding-right:10px;
					vertical-align:text-top;
					border-bottom:1px dotted #ccc;
					padding-bottom:5px;
					font-size:10px;
}


.main-cont{	width:550px;}

#footlink{	background:#fff;
			width:100%;
			border-top:1px solid #ccc;
}

.foot{	width:780px;
		margin:0px auto;
		padding:5px 0px;
		text-align:right;
		color:#404040;
		font-size:10px;
}

.foot a:link { color: #404040;text-decoration:none;}
.foot a:visited { color: #404040;text-decoration:none;}
.foot a:hover {color: #404040;text-decoration:underline;}
.foot a:active {color: #404040;text-decoration:none;}

#copy{ 	background-color:#232021;
		width:100%;
		padding:3px 0px 3px;
}

.copyright{	width:780px;
			text-align:right;
			color:#FFFFFF;
			margin:0px auto;
			font-size:10px;
}

.s-navi{	width:210px;
			background:#fff;
			margin-bottom:10px;
}

.s-navi p{	background:url(return.gif) no-repeat left top;
			padding:7px 0px 0px 15px;
			height:26px;
			color:#FFFFFF;
			margin-bottom:3px;
}


.s-navi p a:link { color: #fff;text-decoration:none;}
.s-navi p a:visited { color: #fff;text-decoration:none;}
.s-navi p a:hover {color: #fff;text-decoration:underline;}
.s-navi p a:active {color: #fff;text-decoration:none;}


/* 取り扱い製品 */

.pro-box{	width:550px;
			margin-bottom:10px;}

.pro-box2	{	width:550px;
			margin-bottom:20px;
}

.un-bu{	width:256px;
		text-align:center;
		padding:0px 147px;
		height:30px;
		margin-bottom:20px;
}

.un-bu2{	width:256px;
		text-align:center;
		padding:0px 147px;
		height:30px;
		margin-bottom:40px;
}

.pagetop{	text-align:right;
			margin-bottom:30px;
}

/* MS-3A*/

.item-tit{	width:525px;
			height:24px;
			background:url(item-tit.gif) no-repeat left top;
			padding:12px 0px 0px 25px;
			font-size:14px;
			font-weight:bold;
			color:#333333;
			line-height:1em;
			margin-bottom:10px;

}

.dod{	width:540px;
		background:url(dod.gif) left top;
		padding:5px;
		margin-bottom:20px;

}

.dod-white{	width:520px;
			background-color:#fff;
			padding:10px;
}

.dod-white ul{	width:520px;}

.dod-white ul li{	background:url(icon02.gif) no-repeat left 5px;
					list-style:none;
					padding-left:20px;

}


/* トメチャリの特徴*/

.about-box{	width:550px;
			margin-bottom:20px;}

.about-box-l{	width:230px;
				float:left;
}

.about-box img{	float:right;
				margin:0px 0px 0px 20px;
}


.mini-tit{	width:235px;
			height:24px;
			background:url(mini-back.gif) no-repeat left top;
			padding:12px 0px 0px 25px;
			font-size:14px;
			font-weight:bold;
			color:#333333;
			line-height:1em;
			margin-bottom:10px;

}

.ex-l{	width:260px;
		float:left;
}


/* 会社概要*/

.profile{	width:550px;
			background-color:#CCCCCC;
			margin-bottom:20px;
}

.profile td{	padding:5px 10px;
				vertical-align:top;}

.pro-td1{	background-color:#eee;
			width:150px;}

.pro-td2{	background-color:#fff;}

.pro-td2 span{	padding-bottom:5px;}



/* お問い合わせ*/

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

.inqbox{	width:550px;
			background-color:#CCCCCC;
			margin-bottom:20px;
}

.inqbox td{	padding:5px 10px;
				vertical-align:top;
}

.inqbox td span{	color:#990000;}

.button{	text-align:center;
			margin-top:15px;
}


/* ご注文について*/

#ord{	width:550px;
		margin-top:20px;}

#ord li{	list-style:none;
			background:url(icon02.gif) no-repeat left 5px;
			padding-left:20px;
			margin-bottom:3px;
}



/* 個人情報取り扱いについて*/
.text-line{	width:550px;
			margin-bottom:20px;
			padding-bottom:10px;
			border-bottom:1px dotted #ccc;
}

.ind-ul{	width:530px;
			margin:10px 0px 30px 20px;
}

.ind-ul li{	list-style:none;
			background:url(icon02.gif) no-repeat left 5px;
			padding-left:20px;
}


/* 設置方法*/
.exam{	width:545px;
		padding-left:5px;}

.exam li{	list-style:outside decimal;
			margin-left:20px;
			margin-bottom:15px;
}

.bord-sp{	margin-bottom:40px;
			border-bottom:1px dotted #ccc;
}


/* サイトマップ*/
.sitemap{	width:550px;}

.sitemap li{	width:525px;
				list-style:none;
				background:url(item-tit.gif) no-repeat left top;
				padding:0px 0px 0px 25px;
				line-height:3em;
				margin-bottom:10px;
				
}

.sitemap li ul{	margin-top:10px;}

.sitemap li ul li{	background:url(icon02.gif) no-repeat left 3px;
					line-height:1.2em;}
					
					
.mail-ph{	width:100%;
			margin:0px auto;
			text-align:center;
}

.mail-cover{	text-align:left;
				margin-bottom:20px;}

*html .mail-cover td{	font-size:80%;
						line-height:1.5em;}
						
						
						

#g-navi{	width:100%;
			background:url(g-navi-back.gif) repeat-x left top;
			height:50px;
}

.php-navi{	width:820px;
			margin:0px auto;
			height:50px;
			background:url(head-syadow.jpg) no-repeat left bottom;
}



.php-tit{	width:525px;
			height:24px;
			background:url(item-tit.gif) no-repeat left top;
			padding:12px 0px 0px 25px;
			font-size:14px;
			font-weight:bold;
			color:#333333;
			line-height:1em;
			margin-bottom:10px;

}


.php-tit{	width:525px;
			height:30px;
			background:url(item-tit.gif) no-repeat left top;
			padding:6px 0px 0px 25px;
			font-size:14px;
			font-weight:bold;
			color:#333333;
			line-height:2em;
			margin-bottom:10px;

}

*html .php-tit{	width:550px;
				height:36px;}
				
				
*html .s-navi p{	background:url(return.gif) no-repeat left top;
					height:33px;
					color:#FFFFFF;
					margin-bottom:3px;
}

.top-img-area{	width:550px;
				margin-bottom:10px;}
				
				
.colorbox{	width:380px;
			margin-bottom:20px;}

.colorbox p{	float:left;
				margin-right:8px;}
				
.int-ss{	width:550px;}

.int-ss td{	padding-top:10px;}
			
.int-td{	float:left;
			padding-right:10px;
			width:270px;}
			
.int-td-r{	width:270px;}

.int-td-c{	width:550px;}
			
.item-tit-int{	width:525px;
			height:24px;
			background:url(item-tit.gif) no-repeat left top;
			padding:12px 0px 0px 25px;
			font-size:14px;
			font-weight:bold;
			color:#333333;
			line-height:1em;

}


.log-dl{	text-align:center;
			margin-bottom:20px;}
			
			
.or-faxmail{	width:550px;}

.fax{	width:270px;
		float:left;
}

.fax-2{	width:270px;
		float:right;
}

.fax-gr{	width:248px;
			border:1px solid #ccc;
			padding:10px;
			background:#eee;
			margin-top:10px;
}

.subtitle01 {
width:550px;
height:48px;
background:url(subtitle01.jpg) no-repeat;
line-height:51px;
overflow:hidden;
text-indent:30px;
font-size:14px;
font-weight:bold;
}