@charset "utf-8";

/*===============
layout
================*/
#pagewrap{
float:right;
width:850px;
padding:25px 0;
clear:both;
}


/*===============
main
================*/

/*topimg*/
#topimgwrap{
width:614px;
padding-bottom:15px;
float:left;
}

#topimgwrap img{
vertical-align:bottom;
}


#topimg-main{
float:left;
width:402px;
height:252px;
}

#topimg-sub{
	float:right;
	width:204px;
	height:252px;
}

/*===============
おすすめ商品紹介
================*/
.content2{
background:url(../images/bg-bottom.gif) no-repeat 0 100%;
width:614px;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: solid 2px #ccc;*/
float:left;
margin-top:15px;
padding:0px 0px 25px 0;
}

.contentwrap2{
	padding:0 20px 0 21px;
	float:left;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
}

.osusumeWrap{
width:569px;
border-top:1px dotted #ccc;
padding:10px 0;
float:left;
}
.osusumeWrap-top{
width:569px;
float:left;
padding-bottom:10px;
}
.osusumeWrap-bottom{
width:569px;
float:left;
padding-top:10px;
border-top:1px dotted #ccc;

}


.osusumeWrapL{
width:270px;
float:left;
}

.osusumeWrapR{
width:270px;
float:right;
}


.osusumeL{
float:left;
width:120px;
padding-right:5px;
}
.osusumeL a, .osusumeL img{
display:block;
}

#main .contentwrap2 p{
font-size:10px;
color:#666;
/font-size:9px;
}




/*===============
content
================*/
#content{
	clear:both;
	width:614px;
	padding-bottom:25px;
	background-image: url(../images/bg-bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

.contentwrap{
	padding:0 10px 0 20px;
	float:left;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
}


.content-title {
background:url(../images/bg-top.gif) no-repeat;
height:37px;
padding:10px 0 0 10px;
}

.content-title h2{
padding-top:3px;
}

/*list*/

#content .list{
width:180px;
float:left;
margin-right:10px;
padding-bottom:7px;
border-bottom:1px dotted #ccc;
}

#content .list h3{
background:url(../images/square-icon.gif) no-repeat 0 0.2em;
padding:0 0 2px 15px;
}

#content .list h3 a{
	display:inline;
	text-decoration:underline;
	border:none;
	padding:0;
	letter-spacing:0;
	color:#595959;
	font-size:92%;
}
#content .list h3 a:hover{
color:#F5363C;
text-decoration:underline;
}



#content .list p{
border-top:1px dotted #ccc;
line-height:1.6;
padding:7px 5px 0;
color:#595959;
font-size:10px;
}

/*#content .list a{
display:block;
text-align:right;
padding:5px 5px 5px;
border-bottom:1px dotted #ccc;
color:#595959;
}
#content .list a:hover{
color:#F5363C;
}*/

.list div{
float:left;
padding:1px;
margin:7px 5px 0 5px;
width:58px;
border:1px solid #ccc;
}

/*dan*/
#content .dan{
float:left;
width:580px;
margin-bottom:10px;
}

#content .equalize{
float:left;
width:580px;
margin-bottom:25px;
}

