/* style.css */

/* :::::::::::::::::::::::::::: reset :::::::::::::::::::::::::::: */
*{
	margin:0;
	padding:0;
}

html{
	height:100%;
}

body {
	width:100%;
	padding:0;
	margin:0;
	color:#333333;
	font-size:10px;
	*font-size:small;
	*font:x-small;
	line-height: 120%;
	background-color:#ea609e;
    font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;
/*\*/
	_text-align: center;
/**/
}

img{
	border:none;
	font-size: 0;
	line-height: 0%;
	vertical-align:bottom;
}

table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}
h1,h2,h3,h4,h5,div,p,ul,ol,li,dl,dt,dd,img,span,form{margin:0;padding:0;}
th,td{vertical-align:top;}
img{border:none; vertical-align:bottom;}
ul,ol{list-style-type:none;}
hr{display:none;}


/* :::::::::::::::::::::::::::: link ::::::::::::::::::::::::::: */
a{color:#f3217f;text-decoration:none;outline:none;}
a:visited{text-decoration:none;}
a:hover{color:#f3217f;text-decoration:underline;}
a:focus{-moz-outline-style:none;}
/* :::::::::::::::::::::::::::: reset :::::::::::::::::::::::::::: */


/* 基本 */
div#main{
	width:100%;
	overflow:hidden;
	background:url(images/bg02.gif) top left repeat;
	text-align:center;
	margin:0;
	padding:0;
}

div#contents{
	width:750px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
	background:url(images/bg03.gif) top left repeat-y;
}

#contents:after{
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
#contents{ display: inline-block; }
/* exlude MacIE5 \*/
* html #contents{ height: 1% }
#contents{display:block;}
/* end MacIE5 */

div#header{
	width:100%;
	background:url(images/bg.gif) top left repeat-x;
	text-align:center;
}


/* メニュー */
div#right{
	float:right; 
	width:180px;
	padding:0;
	margin:0;
	background:#e13582;
}

div#right ul{
	width:180px;
	margin:0;
	padding:0;
	text-align:center;
}

div#right li{
	list-style:none;
	margin:0;
	padding:0;
}

/* メイン */
div#left{
	width:570px;
	float:left;
	margin:0;
	padding:0;
	background:#FFFFFF;
}

div#footer{
    clear:both;
	width:100%;
	overflow:hidden;
	background:url(images/footer_bg.gif) #ea609e top left repeat-x;
	text-align:center;
	padding:11px 0 30px 0;
}


/* カタログページ */

#catalog div#left h2{margin-bottom:10px;}

#catalog div#left table{
	width:550px;
	margin:0 10px 10px 10px;
}

#catalog div#left td.item,
#catalog div#left td.dammy{
	width:268px;
	background-color:#FFFFFF;
}

#catalog div#left td.dammy{
	height:160px;
	_height:158px;
}

#catalog div#left td.item{
	border-left:1px solid #fe91ac;
	border-right:1px solid #fe91ac;
	border-bottom:1px solid #fe91ac;
}
#catalog div#left td.dammy{
	background-color:#f9f9f9;
	text-align:center;
	border:1px solid #e2e1e1;
}
#catalog div#left td.dammy img{
	margin-top:80px;
}
#catalog div#left td.ttl{
	width:268px;
	background:url(images/shoes_ttl_bg.gif) no-repeat;
	border-left:1px solid #fe91ac;
	border-right:1px solid #fe91ac;
	border-top:1px solid #fe91ac;
}
#catalog div#left td.ttl p{
	float:left;
	font-weight:bold;
	font-size:12px;
	padding:6px 0 0 10px;
}
#catalog div#left td.ttl img{
	float:right;
	margin:5px 8px 0 0;
}

#catalog div#left td.ttl p a{
	color:#f3217f;
	text-decoration:none;
}
#catalog div#left td.ttl p a:hover{
	color:#f3217f;
	text-decoration:underline;
}


#catalog div#left td.item dl{
	margin:10px 0 0 5px;
	font-size:12px;
	padding:0;
	width:105px;
	float:left;
	text-align:left;
}
#catalog div#left td.item dl dt{
	margin:0 0 8px 0;
	padding:0;
}
#catalog div#left td.item dl dd{
	margin:0;
	padding:0 0 3px 0;
	font-size:10px;
}
#catalog div#left td.item img.shoes{
	float:right;
	margin:10px 10px 0 0;
}
#catalog div#left td.space{
	width:10px;
}

.clr{clear:both;}