@charset "utf-8";

body {
	font-size: 75%;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	color: #333333;
	background: #FFFFFF url(images/bg.gif) repeat-x;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

img {
	border: none;
}

strong {
	color: #603913;
}

.pi {
	color: #DB7093;
	font-size: 120%;
}

/* -----------link--------------------------- */
a {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color:#DB7093;
}
a:hover {
	color: #564b47;
}
a:active {
	color:#000000;
}

/* -----------contents--------------------------- */
#contents{
	margin:0 auto;
	width:750px;
	background-color: #FFFFFF;
	text-align: left;
}

/* -----------head--------------------------- */
#head{
	margin: 0 auto;
	background: #FFFFFF url(images/head.gif) no-repeat;
	height: 110px;
	padding: 0 5px 0 10px;
}

.logo {
	float: left;
	margin-right: 45px;
}

/* -----------left--------------------------- */
#left{
	float: left;
	width: 180px;
	padding: 0 0 0 5px;
}

#left .info {
	padding-left: 5px;
	background: #FFFFFF url(images/info_bg.gif) no-repeat;
	height: 120px;
}

/* -----------menu--------------------------- */
#navigation {
	width: 170px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:left;
}

#navigation li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CCCCCC;
	background: #ECE4D3 url(images/list_marker_brown.gif) left center no-repeat; /* オフマウス時のマーカー画像と背景色を指定 */
}

#navigation a {
	padding: 4px 0 4px 10px;
	background: #FFFFFF url(images/list_marker_brown.gif) left center no-repeat;
	display: block;
	width: 170px !important;
	width /**/: 170px;
	color: #333333;
	text-decoration: none;
}

#navigation a:hover {
	color: #603913; /* オンマウス時の文字色を指定 */
	background-image: none; /* オンマウス時の背景画像を表示させないように指定 */
	background-color: transparent; /* オンマウス時の背景色を透過するように指定 */
}

/* -----------right--------------------------- */
#right{
	float:right;
	width:540px;
	padding: 0 10px 10px 10px;
	border-left: 1px dotted #CCCCCC;
}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	margin:0 auto;
	width:750px;
	background: #FFFFFF url(images/foot_bg.gif) repeat-y;
	border-top: 1px dotted #CCCCCC;
	text-align: center;
	padding-bottom: 5px;
}

/* 見出し
------------------------------------------*/
h1{
	font-weight: normal;
	font-size: 100%;
}

h2 {
	font-weight: normal;
	font-size: 100%;
	color: #603913;
}

h4 {
	padding:4px 5px;
	border-color:#67AE3F;
	border-width:0 0 1px 0;
	border-style:dotted;
	color: #67AE3F;
}

strong {
	color: #67AE3F;
}

/* -----------dl--------------------------- */
dl dt {
        letter-spacing: 0.3em;　/* 文字間隔の指定 */
	color:#603913;
	border-bottom: 1px dotted #CCCCCC;	
}

/* -----------写真--------------------------- */
.photo_l {
	float: left;
	margin-right: 10px;
}

.photo_r {
	float: right;
	margin-left: 5px;
}

/* -----------写真--------------------------- */
.t_cen {
	text-align: center;
}

/* -----------テキスト--------------------------- */
.t_right {
	text-align: right;
}

/* -----------TOP機織り--------------------------- */
#hata {
	width: 540px;
}

	/* 機織り右
	---------------------------------------------*/
	#hata .r_right {
		float: right;
		width: 260px;
	}

	/* 機織り左
	---------------------------------------------*/
	#hata .r_left {
		float: left;
		width: 260px;
		border-right: 1px dotted #CCCCCC;
	}

/* -----------商品ページへのリンク--------------------------- */
.shohin {
	height: 30px;
	padding: 6px 0 0 35px;
	color: #603913;
	font-weight: bold;
	background: #FFFFFF url(images/ribon.gif) no-repeat;
}

/* -----------商品--------------------------- */
.list {
	width: 540px;
}

	/* 商品右
	---------------------------------------------*/
	.l_right {
		float: right;
		width: 260px;
		padding-bottom: 20px;
	}

	/* 商品左
	---------------------------------------------*/
	.l_left {
		float: left;
		width: 260px;
		border-right: 1px dotted #CCCCCC;
		padding-bottom: 20px;
	}

.clear {
	clear: both;
}

/* -----------テーブル--------------------------- */
.hyo { 
	width: 535px; /* テーブルの横幅 */ 
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #50B622 solid; /* テーブル全体の枠線（太さ・色・スタイル） */

} 

.hyo TH { 
	border: 1px #50B622 solid; /* セルの枠線（太さ・色・スタイル） */ 
	background-color: #ECE4D3;
	font-size: 12px;
	text-align: center;
} 

.hyo TD { 
	border: 1px #50B622 solid; /* セルの枠線（太さ・色・スタイル） */ 
	padding: 5px; /* セル内の余白 */ 
	text-align: left;
	font-size: 12px;
}

table {
	font-size: 12px;
}