/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #996600;
	font-size:0.75em;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.6em;
	background-color: #FFFFFF;
	background:url("https://img07.shop-pro.jp/PA01031/169/etc/K1.jpg");
}
       a:link{color:#996600}
       a:active{color:#663300}
       a:hover{color:#663300}
       a:visited{color:#663300}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
/* Windows IE(5~6用) */
div#container{
	background:#FFFFFF;
	padding: 5px;
	margin:0px auto;
	width:800px;
	text-align:left;
}
/* Mac IE含む、全てのブラウザ */
body > div{
	background:#FFFFFF;
	padding: 5px;
	margin:0px auto;
	width:800px;
	text-align:left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
 width:100%;
 clear:left;
}

/*　画面右側メニューの幅　*/
.side {
	float: left;
	width:200px;
}

/*　画面左側の幅　*/
.main {
	float: left;
	width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:left;
}

/*
      サイズの測り方, 帽子の種類専用に追加　R2.3.5, https://hozumi.de-de.jp/style/hozumi/outfit.css
*/
#contents{font-size: small; text-align: left; padding-bottom: 15px;}

#contents > *{margin-left: 20px;}
#contents > h2{
	border: 2px outset gray;
	padding: 4px;
	width: 90px;
	font-size: medium;
	text-align: center;
	margin: 20px 0px 0px 20px;
}
#contents > h3{
	margin: 10px 0px 0px 10px;
}
#contents > h2 > span{
	display: block;
	padding: 5px 0;
	margin: 0 auto;
	width: 88px;
	border: 1px inset gray;
	background-color: #F0E68C;
}
#contents > p{
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: 1em;
	width: 80%;
}

#contents > table{
	margin-top: 10px;
	margin-bottom: 10px;
}

#contents > div.info{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
	width: 80%;
}

#contents b{font-weight: bold;}
#contents strong{font-weight: normal; color: red; display: block;}
#contents ul{list-style-type: none;}

/*	IMAGES	*/
img#howToPutOn{height: 181px; float: left; margin-right: 20px;}
img#howToPutOn ~ dl{width: 80%;}
img#howToPutOn ~ dl > dd{text-indent: 1em;}
img#nameOfFabricPart{margin: 0 auto; display: block;}

/*	TABLES	*/
#contents table{margin-right: 5px;}
#contents table th, td{background-color: #FFFFFF;}

table#material{padding: 0; margin: 0 auto; border-spacing: 0;}
table#material > tr{padding: 0;}
table#material th{padding: 0; margin: 0; background-color: inherit;}
table#material td{padding: 0; margin: 0; background-color: inherit;}
table#material td.checked{text-align: center;}
table#material th{font-size: x-small; width: 40px; text-align: center;}
table#material rp, rt{font-size: 6px;}

table#howToMakeHats th{width: 7em; text-align: center;}

table#howToMakeShoes th{width: 8em; text-align: center;}

#contents > hr.bar {
  height: 25px;
  background-position: center;
  background-image: url(https://images.de-de.jp/bar.png);
  border: none;
  margin-bottom: 10px;
  width: 80%;
}

div.main a > img:hover { filter: brightness(80%); }