@charset "utf-8";


/* INDEX
-------------------------------------------
1. style styles of elements (CSS RESET)
#�K�C�h���C�����K�肳�ꂽ���ׂĂ̗v�f�ɂ‚��āA�S�T�C�g���ʂ̊�{�ƂȂ�X�^�C����K�肵�܂��B
2. general-purpose classes
#�R�[�f�B���O��Ƃł悭�g���Ǝv����ėp�̃N���X�ł��B
-------------------------------------------*/


/* 1. style styles of elements 
-------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

input{background: transparent;}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}

html {overflow-y: scroll;}
a {margin: 0; padding: 0; vertical-align: baseline; background: transparent; text-decoration: none;}

ul{
margin:0px;
padding:0px;
list-style:none;
}

ol{
margin:0px 0px 0px 2em;
padding:0px;
list-style-type:decimal;
}

dl{
margin:0px;
padding:0px;
}

hr{
margin:0px;
padding:0px;
}

img{
margin:0px;
padding:0px;
border:none;
}

table,thead,tfoot,tbody,tr,th,td{
margin:0px;
padding:0px;
border:none;
border-collapse:collapse;
font-weight:bold;
text-align:left;
vertical-align:baseline;
border-spacing: 0;
}

form,button,select{
margin:0px;
padding:0px;
vertical-align: middle;
}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
a:hover, a:active {outline: none; text-decoration: none;}


sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

button, input, select, textarea {margin: 0;}

textarea{
margin:0px;
padding:0px;
font-size:100%;
}

object{
margin:0px;
padding:0px;
}

/* 2. general-purpose classes 
-------------------------------------------*/

.hide{
visibility:hidden;
}

.hide-gnavi{
display:none;
}

.txtc{
text-align:center;
}

.txtr{
text-align:right;
}

.txtl{
text-align:left;
}

.txtvt{
vertical-align:top;
}

.txtvm{
vertical-align:middle;
}

.txtvb{
vertical-align:bottom;
}

.fright{
float:right;
}

.fleft{
float:left;
}

.fright_b{
float:right;
display:block;
}

.fleft_b{
float:left;
display:block;
}

.clr{
clear:both;
width:1px;
height:1px;
}

.clr_l{
clear:left;
}

.clr_r{
clear:right;
}


.clearfix:before, .clearfix:after{
clear:both;
display:block;
height:0px;
visibility:hidden;
content:".";
}
.clearfix{
display:inline-block;
}
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* 1. main layout
-------------------------------------------*/
body{margin: 0 auto;}

/* shoplist
-------------------------------------------*/
#shoplist {
	width:640px;
    margin: 0 auto;

}
#shoplist ul{
}

#shoplist li{
	width:160px;
	height: 160px;
	float:left;
	list-style-type:none;
}


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