td {font-size:9pt; }
td.line {font-size:1pt;}
.lims {font-size:9pt;}
.woong {font-size:9pt;}
.woong1 {font-size:8pt;line-height:130%}
.woong2 {font-size:15pt;line-height:130%}
.woong3 {font-size:7pt; font-family:matchworks,tahoma;color:#444444;line-height:130%}
.woong4 {font-size:11pt;line-height:130%}
.line {font-size:1px;line-height:1px;}
.input{border:solid 1;verdana;font-size:9pt;color:black;background-color:white;height:19px}
.input2{border:solid 0;verdana;font-size:9pt;color:black;background-color:white;height:16px}
.textarea {border:solid 1; verdana;font-size:9pt;color:black;background-color:white}
input{font-size:9pt;}
BODY {font-size:9pt;}
a{text-decoration:none ;}
A:link { text-decoration:none; color:#040f6f;}
A:visited { text-decoration:none; color:#040f6f;}
A:hover { color:#dc143c; text-decoration:underline;}


/* ---- CSS リセット
　CSSをリセット
---- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td {    
	margin:0;   
	padding:0;   
} 
table {  
	border-collapse:collapse;   
	border-spacing:0;   
} 
fieldset, img {    
	border:0;   
} 
img {
	vertical-align: bottom !important;
}
address, caption, cite, code, dfn, em, strong, th, var {  
	font-style:normal;   
	font-weight:normal;   
} 
ol, ul {  
	list-style:none;   
} 
caption, th {  
	text-align:left;   
} 
h1, h2, h3, h4, h5, h6 {  
	font-size:100%;  
	font-weight:normal;   
} 
a {
	text-decoration: underline !important;
}
q:before, q:after {  
	content:'';   
} 
abbr, acronym {
	border:0;   
} 
/* ---------------------------- */

body {
	background: #FFFFFF;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	line-height: 1.5 !important;
	color: #666666 !important;
	/* for IE5.x */
	text-align: center;
}

/* ---- clear
	回り込みを解除
---- */
.clearfix:after {
	content: ".";	
	height: 0;	
	display: block;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* hide macie \*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
}
/* ---------------------------- */

/* ---- リンクカラー
	リンク色を設定
---- */
a:link { color: #996600;}
a:visited { color: #996600;}
a:hover { color: #CC0000;}
a:active { color:#996600;}
/* ---------------------------- */

/* ---- 背景色
　
---- */
.bg {
	background: #FFF7ED;
}

.bg_img {
	background: url(/design/mycashmere/images/tokusyu/special_bg.gif) repeat 0 0;
}

.bg_white {
	background: #FFFFFF;
	border: 1px solid  #EEEEEE;
}
/* ---------------------------- */

/* ---- 行揃え 
　
---- */
.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}
/* ---------------------------- */

/* ---- ｐタグ
	1emだと多いとき使用 
---- */
p.half {
	margin-bottom: 0.5em !important;
}
/* ---------------------------- */

/* ---- レイアウト
	レイアウトを決めているブロック
---- */
#outer {
	width: 980px;
	background: url(/design/mycashmere/images/top/bg.gif) repeat-y 0 0;
	margin: 0 auto;
	text-align: center;
}
 
#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
#container {
	width: 100%;
}
#header {
	width: 100%;
	height: 90px;
	position: relative;
	margin-bottom: 15px;
}
#left {
	width: 245px;
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
#contents {
	width: 640px;
	float: right;
	display: inline;
	margin: 0 0 30px 5px;
	text-align: left;
}

#footer {
	width: 900px;
	clear: both;
	text-align: center;
}
/* ---------------------------- */

/* ---- センター汎用ブロック
	センター部で使用。
		#center
---- */
.article {
	margin-bottom: 15px;
}

.article p {
	margin-bottom: 1em;
}

/* .articleのサイドに余白を入れるときに使用 */
.pad_both { padding: 0 10px;}
.pad_left { padding-left: 10px;}
.pad_right {	padding-right: 10px;}
.pad_top { padding-top: 10px;}
.pad_tb5 { padding-top: 5px; padding-bottom: 5px;}
.pad_tb10 {
	padding-top: 10px;
	padding-bottom: 2px;
	_padding-bottom: 10px;
}
.pad_bottom { padding-bottom: 1px;}
.pad_bottom10 { padding-bottom: 10px !important;}

.marginBottomZero { margin-bottom: 0 !important;}
.marginBottom10 { margin-bottom: 10px !important;}
.marginBottom20 { margin-bottom: 20px !important;}
.marginBottom50 { margin-bottom: 50px !important;}
.marginRightZero { margin-right: 0 !important;}
.marginLR10 { margin: 0 10px 10px 10px !important;}
/* ---------------------------- */

/* ---- サイド汎用ブロック
	サイド部で使用。
		#left
		#right
---- */
.sideContents {
	margin-bottom: 15px;
}

.sideContents p {
	margin-bottom: 0em;
}
/* ---------------------------- */

/* ---- 画像回り込み
	画像に回り込みを設定したい時に使用。
---- */
.photo_left {
	float: left;
	margin: 0 1em 1em 0;
	display: inline;
}

.photo_right {
	float: right;
	margin: 0 0 1em 1em;
	display: inline;
}
/* ---------------------------- */

/* ---- ヘッダー部
	ヘッダー部の設定
		#header
---- */
#header h1 {
	position: absolute;
	top: 10px;
	left: 220px;
	font-size: 1.2em;
	font-weight: bold;
}

/* ロゴ */
#header h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 193px;
	height: 55px;
}

/* カート */
#header #cart {
	position: absolute;
	top: 8px;
	left: 738px;
}

/* グローバルナビゲーション */
#header ul#globalNavi {

	width: 100%;
	height: 35px;
	position: absolute;
	left: 0;
	top: 55px;
}
#header ul#globalNavi li {
	width: 111px;
	height: 35px;
	float: left;
	background: url(/design/mycashmere/images/top/header_on.jpg) no-repeat 0 0;
}
#header ul#globalNavi li#menu01 { width: 146px;}
#header ul#globalNavi li#menu02 { width: 113px;}
#header ul#globalNavi li#menu05 { width: 112px;}
#header ul#globalNavi li#menu08 { width: 85px;}

#header ul#globalNavi li a {
	width: 100%;
	height: 100%;
	display: block;
}
/* マウスオーバー */
/* マウスオーバー画像 */
#header ul#globalNavi li#menu01 { background-position: 0 0;}
#header ul#globalNavi li#menu02 { background-position: 0 -35px;}
#header ul#globalNavi li#menu03 { background-position: 0 -70px;}
#header ul#globalNavi li#menu04 { background-position: 0 -105px;}
#header ul#globalNavi li#menu05 { background-position: 0 -140px;}
#header ul#globalNavi li#menu06 { background-position: 0 -175px;}
#header ul#globalNavi li#menu07 { background-position: 0 -210px;}
#header ul#globalNavi li#menu08 { background-position: 0 -245px;}

#header ul#globalNavi li a:hover { background-color: transperent;}
#header ul#globalNavi li a:hover img { visibility: hidden;}

/* 
	メインバナー (トップ以外は非表示) 
	top.css参照。
*/
#header #main_banner {
	display: none;
}
/* ---------------------------- */

/* ---- サイド部
	左サイド部の設定
		#left
---- */
#left h3 {
	margin-bottom: 10px;
}

.sideContents .right {
	text-align: right;
	margin-top: 10px;
}

.category ul li {
	width: 245px;
	height: 64px;
	margin-bottom: 5px;
	background: url(/design/mycashmere/images/top/category_on.jpg) no-repeat 0 0;
}

.category ul li a {
	width: 100%;
	height: 100%;
	display: block;
}

/* ロールオーバー画像 */
.category ul li#cat01 { background-position: 0 0;}
.category ul li#cat02 { background-position: 0 -64px;}
.category ul li#cat03 { background-position: 0 -128px;}
.category ul li#cat04 { background-position: 0 -192px;}
.category ul li#cat05 { background-position: 0 -256px;}
.category ul li#cat06 { background-position: 0 -320px;}
.category ul li#cat07 { background-position: 0 -384px;}
.category ul li#cat08 { background-position: 0 -448px;}
.category ul li#cat09 { background-position: 0 -512px;}
.category ul li#cat10 { background-position: 0 -576px;}

.category ul li a:hover { background-color: transparent;}
.category ul li a:hover img { visibility: hidden;}

.arrow {
	background: url(/design/mycashmere/images/top/arrow.gif) no-repeat 0 3px;
	padding-left: 15px;
}

.search_box input {
	width: 180px;
}
/* ---------------------------- */

/* ---- メイン部
	メイン部の設定
		#main
		#centerと#rightを内包
---- */
h3 {
	margin-bottom: 10px;
	clear: both;
}

.recommend {
	width: 640px;
	height: auto;
	background: url(/design/mycashmere/images/top/bg_recommend.gif) repeat-y 0 0;
	margin-bottom: 0;
}

.recommend .inner {
	width: 620px;
	margin: 0 10px;
}

/* ---------------------------- */

/* ---- フッター部
	フッター部の設定
		#footer
---- */
/* 下部ナビ */
#footer ul {
	width: 640px;
	margin: 0 auto 15px auto;
}
#footer ul li {
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #000000;
	display: inline;
}

#footer ul li a { text-decoration: none !important;}
#footer ul li a:link { color: #666666 !important;}
#footer ul li a:visited { color: #666666 !important;}
#footer ul li a:hover { color: #CC0000 !important;}
#footer ul li a:active { color:#666666 !important;}

#footer ul li.end {
	margin-right: 0;
	padding-right: 0;
	border: none;
}

/* コピーライト */
#footer address {
	width: 100%;
	padding: 10px 0 0 0;
	text-align: center;
	display: block;
	clear: both;
}

/* 
	ご利用案内 (トップ以外は非表示) 
	top.css参照。
*/
#footer .info {
	display: none;
}
/* ---------------------------- */

/* ---- 特集ページ
　
---- */
.special {
	margin-left: 15px;
	margin-right: 15px;
}

.special dl {
	width: 169px;
	float: left;
	display: inline;
	margin: 10px 33px 10px 10px;
}

.special dl dd {
	margin-top: 10px;
}

.special .article {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	_margin-bottom: 1em;
	height: auto;
	padding-bottom: 10px;
}

.special ol {
	margin-left: 1em;
	margin-bottom: 1em;
}

.special .article dl {
	width: 190px;
	float: left;
	display: inline;
	margin: 10px 0 10px 10px;
}

.special .article dl dt {
	margin-bottom: 10px;
}

.special .article span {
	color: #DD4945;
} 
/* ---------------------------- */

/* ---- 
　商品詳細
---- */
.bgOption {
	width: 132px;
	height: 26px;
	background: url(/design/mycashmere/images/item_detail/ttl-option.gif) no-repeat 0 0;
	text-align: center;
	color: #3A1910;
	line-height: 2.3;
	font-weight: bold;
	display: block;
	float: left;
}

.cartButton p {
	margin-bottom: 10px;
}

.cartButton p.last {
	margin-bottom: 0;
}

.priceCart input {
	width: 40px;
}
/* ---------------------------- */

/* ---- 
　Xmas2010
------------------------------- */
#xmas2010 {
	width: 640px;
}

#xmas2010 .menu {
	width: 640px;
	height: 250px;
	margin-bottom: 20px;
	position: relative;
}

#xmas2010 .menu ul {
	width: 307px;
	position: absolute;
	top: 0;
	left: 0;
}

#xmas2010 .menu ul.right-child {
	right: 0;
	left: auto;
}

#xmas2010 .menu ul li {
	width: 307px;
	height: 50px;
	display: list-item;
}

#xmas2010 .box {
	width: 640px;
	background: url(/design/mycashmere/images/christmas2010/box-line-middle.jpg) repeat-y 0 0;
	margin-bottom: 5px;
}

#xmas2010 .itemImage {
	margin: 10px 0 0 4px;
	float: left;
	display: inline;
}

#xmas2010 dl {
	width: 427px;
	float: right;
	display: inline;
	margin: 10px 4px 15px 0;
}

#xmas2010 dl dt {
	width: 427px;
	padding-bottom: 5px;
	background: url(/design/mycashmere/images/christmas2010/box-inner-line.jpg) repeat-x 0 100%;
}

#xmas2010 dl dd.note {
	padding: 5px 0;
	background: url(/design/mycashmere/images/christmas2010/box-inner-line.jpg) repeat-x 0 100%;
}

#xmas2010 dl dd.note p {
	margin: 0 10px 0 15px;
}
	
#xmas2010 dl dd dl {
	width: 402px;
	_width: 427px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
	margin: 10px 0 0 0;
	padding: 0 10px 5px 15px;
	background: url(/design/mycashmere/images/christmas2010/box-inner-line.jpg) repeat-x 0 100%;
}

#xmas2010 dl dd dl dt,
#xmas2010 dl dd dl dd {
	background: none;
	padding: 0;
}

#xmas2010 dl dd dl dt {
	width: 70px;
	float: left;
	display: inline;
	position: relative;
	margin-top: 0;
}

#xmas2010 dl dd dl dt.multi {
	margin-top: 5px;
}

#xmas2010 dl dd dl dt span {
	position: absolute;
	right: 0;
}

#xmas2010 dl dd dl dd {
	padding-left: 85px;
}

#xmas2010 dl dd dl dd p {
	width: 310px;
}

#xmas2010 .btn {
	width: 427px;
	text-align: right;
	margin-top: 10px;
}

#xmas2010 .gotop {
	width: 640px;
	height: 1.5em;
	margin-bottom: 25px;
	position: relative;
}

#xmas2010 .gotop li {
	position: absolute;
	right: 0;
}

/* ---------------------------- */
