@charset "utf-8";

*{
	margin:0;
	padding:0;
	}

body  {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333333;
}
.twoColFixLtHdr #container { 
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.twoColFixLtHdr #header { 
	width:780px;
	height:85px;
	background:url(../img/header.jpg) no-repeat;
} 
.twoColFixLtHdr #header h1 {
	text-indent:-9999em;
	text-decoration:none;
}

h2{
	text-indent:-9999em;
	text-decoration:none;
	}

/*トップページのみ*/
.twoColFixLtHdr #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width:255px;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 262px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
}
/*トップ以外*/
.twoColFixLtHdr #sidebar2 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width:190px;
	background:#CCCCCC;
}

.twoColFixLtHdr #sidebar2 ul li{
	list-style:none;
	display:block;
	width:190px;
	}
.twoColFixLtHdr #sidebar2 ul li a{
	width:180px;
	padding:6px 0 6px 7px;
	margin-bottom:1px;
	border-left:3px solid #BEBE7C;
	display:block;
	background:#E0E0C2;
	color:#666666;
	height:16px;
	}
.twoColFixLtHdr #sidebar2 ul li a:hover{
	width:180px;
	padding:6px 0 6px 7px;
	margin-bottom:1px;
	border-left:3px solid #808040;
	display:block;
	background:#98984B;
	color:#FFFFFF;
	height:16px;
	}


.twoColFixLtHdr #mainContent2 { 
	margin: 0 0 0 197px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
}

.twoColFixLtHdr #footer {
	width:780px;
	height:51px;
	padding:19px 0 0 0;
	background:url(../img/footer.jpg) no-repeat;
	clear:both;
} 
.twoColFixLtHdr #footer p {
	font-size:0.9em;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


a:link{
	color:#669966;
	}
a:visited{
	color:#669966;
	}
a:hover{
	color:#E29752;
	text-decoration:none;
	}


/*プリンタ用*/
.dis_none{
	display:none;
	}
	


/*画像領域用div*/
img{
	border:none;
	margin:0;
	padding:0;
	}

img.right_img{
	float:right;
	}
img.left_img{
	float:left;
	}

/*見出し用*/
h4.finding{
	height:26px;
	background:url(../img/finding-back.jpg) repeat-x;
	margin:0 0 4px 0;
	padding:4px 0 0 6px;
	font-size:1.1em;
	color:#FFFFFF;
	}

/********************グローバルナビ************************/
#navi{
	width:780px;
	height:26px;
	background:url(../img/navi-back.jpg) no-repeat;
	}

#navi ul{
	margin:0;
	padding:0;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	}

#navi li{
	margin:0;
	padding:0;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	float:left;
	list-style:none;
	width:156px;
	height:26px;
	}

#navi li#navi_top a{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-top.jpg) no-repeat;
	}
	
#navi li#navi_top a:hover{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-top-r.jpg) no-repeat;
	}


#navi li#navi_prod a{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-prod.jpg) no-repeat;
	}
	
#navi li#navi_prod a:hover{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-prod-r.jpg) no-repeat;
	}
	

#navi li#navi_shop a{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-shop.jpg) no-repeat;
	}
	
#navi li#navi_shop a:hover{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-shop-r.jpg) no-repeat;
	}
	


#navi li#navi_about a{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-about.jpg) no-repeat;
	}
	
#navi li#navi_about a:hover{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-about-r.jpg) no-repeat;
	}
	


#navi li#navi_contact a{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-contact.jpg) no-repeat;
	}
	
#navi li#navi_contact a:hover{
	margin:0;
	padding:0;
	width:156px;
	height:26px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(../img/navi-contact-r.jpg) no-repeat;
	}
	



/*********************トップページ********************************/
#top_image{
	margin:5px 0;
	clear:both;
	}

div.news_cont{
	margin:5px;
	}


div.news_cont dt{
	color:#000000;
	}
div.news_cont dd{
	border-bottom:1px dashed #666600;
	padding:1px 4px 3px 4px;
	color:#555555;
	margin:0 0 4px 0;
	}
	
	
/*********************会社概要ページ*******************************************/	
#about_header{
	margin:5px 0;
	clear:both;
	width:780px;
	height:120px;
	background:url(../img/about-header.jpg) no-repeat;
	}

div.cont{
	margin:5px;
	}

div.cont p{
	text-indent:1em;
	font-size:0.9em;
	}
	
table.tbl_1 td.left{
	background:#D0D9B5;
	width:110px;
	vertical-align:top;
	text-align:right;
	padding:3px;
	border:1px solid #FFFFFF;
	color:#330000;
	font-weight:bold;
	font-size:0.9em;
	}
	
table.tbl_1 td.right{
	background:#eeeeee;
	width:440px;
	vertical-align:top;
	padding:3px;
	border:1px solid #FFFFFF;
	font-size:0.9em;
	}

/*********************商品紹介ページ*******************************************/	
#products_header{
	margin:5px 0;
	clear:both;
	width:780px;
	height:120px;
	background:url(../img/prod-header.jpg) no-repeat;
	}

table.prod_tbl td{
	width:45%;
	margin:5px 0;
	padding:3px 5px;
	vertical-align:middle;
	}
table.prod_tbl td img{
	margin-right:4px;
	}

table.prod_in{
	margin:0 auto;
	text-align:center;
	}
table.prod_in td{
	padding:3px;
	}
span.small_navi li{
	font-size:0.8em;
	}

/*********************スリッパの歴史紹介ページ*******************************************/	
#history_header{
	margin:5px 0;
	clear:both;
	width:780px;
	height:120px;
	background:url(../img/history-header.jpg) no-repeat;
	}


/*********************名入れ紹介ページ*******************************************/	
#name_header{
	margin:5px 0;
	clear:both;
	width:780px;
	height:120px;
	background:url(../img/name-header.jpg) no-repeat;
	}

/*********************ポリシーページ*******************************************/	
#policy_header{
	margin:5px 0;
	clear:both;
	width:780px;
	height:120px;
	background:url(../img/policy-header.jpg) no-repeat;
	}

ul.num li{
	list-style-type:decimal;
	}
ul.num li ul{
	margin-left:5px;
	padding-left:15px;
	}
ul.num li ul li{
	list-style:circle;
	}

/*********************サイトマップページ*******************************************/	
#sitemap_header{
	margin:5px 0;
	clear:both;
	width:780px;
	height:120px;
	background:url(../img/sitemap-header.jpg) no-repeat;
	}
	
ul.sitemap{
	margin:8px 10px 8px 50px;
	font-size:19px;
	}
ul.sitemap ul{
	margin:5px 10px 5px 20px;
	font-size:15px;
	}
ul.sitemap ul li{
	margin:15px;
	}

ul.sitemap ul ul li{
	margin:0px 5px 0px 15px;
	padding:3px 0 3px 5px;
	border-left:1px solid #cccccc;
	list-style:none;
	font-size:12px;
	}

/**********************サンプルのページ********************************/
#sample_header{
	margin:5px 0;
	clear:both;
	width:780px;
	height:120px;
	background:url(../img/sample-header.jpg) no-repeat;
	}
	
	


/**********************お問合わせページ**************************/
#contact_header{
	margin:5px 0;
	clear:both;
	width:780px;
	height:120px;
	background:url(../img/contact-header.jpg) no-repeat;
	}



#inputForm fieldset{
	margin-bottom:10px;
	border:none;
	}

#inputForm th,#inputForm td{
	padding:3px 2px;
	border:1px solid #ffffff;
	text-align:left;
	font-size:0.8em;
	}
#inputForm th{
	width:90px;
	text-align:right;
	background:#D0D9B5;
	}
#inputForm td{
	background:#e9e7e4;
	font-size:0.8em;
}

#inputForm input[type="text"]{
	border:1px solid #999999;
	padding:3px;
	}
#inputForm .reset input,
#inputForm .submit input{
	padding:3px;
	border:3px double #666666;
	background:#ededed;
	text-align:center;
	}
#inputForm .text1,
#inputForm select{
	border:1px solid #999999;
	padding:3px;
	}
	
#inputForm .text1:focus,
#inputForm .select:focus{
	border:1px solid #003333;
	}
span.need{
	color:#CC3333;
	}