@charset "UTF-8";
.style11 {color: #000000}
.style12 {
	font-size: 18;
	font-weight: bold;
	color: #FF00FF;
}
.style13 {
	font-size: 18px;
	font-style: italic;
}
.style14 {
	font-size: 18px;
	font-weight: bold;
	color: #FF00FF;
	font-style: italic;
}
.style21 {
	color: #3399FF;
	font-weight: bold;
}
.style22 {
	color: #00CC99;
	font-weight: bold;
}

.style1 {color: #000000}
.style3 {color: #0000FF}
.style5 {color: #000000; font-weight: bold; }
.style2 {color: #E9537D}
.style5 {color: #E9537D; font-weight: bold; }
.style6 {
	color: #CC3333;
	font-weight: bold;
}

#yoyaku ul { margin:10px 0px 10px 0px; padding:0px; }
#yoyaku li { float:left; list-style:none; margin:0px; padding:0px; font-size:12px; text-align:center; line-height:1.6; height:270px; border-right:1px dashed #ccc; width:144px; }

#newitem ul { margin:10px 0px 10px 0px; padding:0px; }
#newitem li { float:left; list-style:none; margin:0px; padding:0px; font-size:12px; text-align:center; line-height:1.6; height:270px; border-right:1px dashed #ccc; width:144px; }
#loopslider {
    margin: 0 auto;
    width: 580px;
    height: 200px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
#loopslider ul {
    height: 200px;
    float: left;
    display: inline;
    overflow: hidden;
}
#loopslider ul li {
    width: 200px;
    height: 200px;
    float: left;
	margin-right:5px;
    display: inline;
    overflow: hidden;
}
 
#loopslider #loopleft {
    top: 0;
    left: 0;
    width: 20px;
    height: 200px;
    line-height: 200px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background: #555;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    z-index: 99;
}
#loopslider #loopright {
    top: 0;
    right: 0;
    width: 20px;
    height: 200px;
    line-height: 200px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background: #555;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    z-index: 99;
}
 
/* =======================================
    ClearFixElements
======================================= */
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
#loopslider ul {
    display: inline-block;
    overflow: hidden;
}

#to_shop {clear:both; margin:15px 0px 50px 0px; float:right; width:250px; text-align:center; font-size:13px; background:#F9CAEB; font-weight: bold; padding: 10px; border-radius: 10px; display: block;}
#to_shop a {display: block; width: 250px; height: 20px;}
#to_shop a:hover {display: block; width: 250px; height: 20px; background: transparent;}

.balloon1 {
 	position: relative;
	display: inline-block;
 	margin: 1.5em 0;
	padding: 7px 10px;
	width: 97%;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 14px;
	background:#F9E9F9;
	text-align: center;
	border-radius: 5px;
}

.balloon1:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #F9E9F9;
}

.balloon1 p {
	margin: 0;
	padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

.balloon1 a { display:block; width:100%;}
.balloon1 a:hover { display:block; text-decoration:none; }