@charset "UTF-8";
/* 346 */
/* kuromaru-design */


/* 346SHOP
============================================= */

a, a:link {
	color: #191970;
	text-decoration: none;
	}
	
a:hover {
	color: #FF8C00;
    text-decoration: none;
	}

li .current {
    text-decoration: underline;
}



/* shop_index page
============================================= */

.content {
	width: 900px;
/* border: 1px solid tomato; */
}

#main {
	position: relative;
	width: 800px;
	height: 500px;
	margin: 0 0 20px 50px;
	padding: 0;
	background: url(../img/346shop.jpg) no-repeat;
/* border: 1px solid tomato; */
}

#btn01 a {
        position:absolute;
        top: 360px;
        left: 185px;
        width: 100px;
        height: 140px;
        text-indent: -9999px;
        background: url(../img/btn01.jpg) no-repeat;
/* border: 1px solid tomato; */
}

#btn02 a {
        position:absolute;
        top: 360px;
        left: 300px;
        width: 100px;
        height: 140px;
        text-indent: -9999px;
        background: url(../img/btn02.jpg) no-repeat;
/* border: 1px solid tomato; */
}

#btn03 a {
        position:absolute;
        top: 360px;
        left: 420px;
        width: 100px;
        height: 140px;
        text-indent: -9999px;
        background: url(../img/btn03.jpg) no-repeat;
/* border: 1px solid tomato; */
}






#intro {
	width: 700px;
	margin: 0 100px 20px 100px;
	padding: 0;
/* border: 1px solid tomato; */
}

#intro p {
	margin-bottom: 10px;
}

#top_items {
	width: 800px;
	height: 400px;
	margin-left: 75px;
	padding: 0;
/* border: 1px solid tomato; */
}

.top_item {
	float: left;
	position: relative;
	width: 240px;
	height: 400px;
	margin: 0 5px;
	padding: 0;
}

#top_items:after {
	display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content:".";
}
.ttl {
	width: 240px;
	height: 50px;
}

.shopinfo {
	width: 220px;
	height: 130px;
	margin: 0;
	padding: 10px 10px 0 10px;
/* border: 1px solid tomato; */
}

.toshop {
	position: absolute;
	margin-left: 125px;
	border: 0;
}


/* shop page
============================================= */

#header {
	position: relative;
/*    margin-top: 20px; */
    padding: 0;
/* border: 1px solid tomato; */
}

#btn_close {
	position: absolute;
	top: 20px;
    right: 50px;
}

#wrapper02 {
	position:relative;
	background: url(../img/spttl001.gif) no-repeat;
    background-color:#ffcc99;
/* border: 1px solid tomato; */
}

#wrapper03 {
	position:relative;
	background: url(../img/spttl002.gif) no-repeat;
/* border: 1px solid tomato; */
}

#wrapper04 {
	position:relative;
	background: url(../img/spttl003.gif) no-repeat;
/* border: 1px solid tomato; */
}


#wrapper05 {
	position:relative;
	background: url(../img/spttl003.gif) no-repeat;
/* border: 1px solid tomato; */
}

#title {
	width: 800px;
/*	height: 50px; */
	margin: 0;
	padding: 120px 0 30px 80px;

/* border: 1px solid tomato; */
}

#title h2 {
	padding-bottom: 10px;
}

#content_wrap {
	width: 800px;
    margin-left: 50px;
    padding: 0;
/* border: 1px solid tomato; */
}

.items {
	width: 800px;
/*	height: 300px; */
    margin-bottom: 30px;
    padding: 0;
}

.items:after {
	display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content:".";
}

.item {
	float: left;
	width: 200px;
/*	height: 300px; */
/* border: 1px solid tomato; */
}

.cd {
	width: 200px;
	height: 110px;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
/* border: 1px solid tomato; */
}

.cdinfo {
	line-height: 1.5em;
	letter-spacing: 1px;
	width: 180px;
	margin: 0;
	padding: 0 10px;
	color: #000000;
}

.cdinfo p {
	margin: 10px 0;
}

.button {
	padding-top: 10px;
}

#order {
	width: 400px;
	height: 80px;
	margin-left: 250px;
/*	background: url(../img/btn_mailorder.gif) no-repeat;*/
/* border: 1px solid tomato; */
}

#order p {
	text-indent: -9999px;
}

.dlsite {
	margin: 0 0 30px 30px;
	padding: 0;
}