/*************************/
/*         base          */
/*************************/
header {
	width: 10%;
	height:100%;
	border-bottom: 1px solid #e6e6e6;
}
header a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	zoom:1;
}
h1 img.smp {
	display:none;
}

header nav {
	/**
	display:table;
	table-layout:fixed;
	**/
}
header nav ul {
	/**
	display: table;
	table-layout:fixed;
	**/
	width:100%;
}
header nav ul li {
	/**
	display: table-cell;
	**/
}
.nav-collapse li {
  padding:2px;
  margin:2px 0;
}
#wrap {
	padding:20px 0 0 0;
}
#wrap a {
	text-decoration:none;
}
#wrap ul a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
	zoom:1;
}
.column1 {
	padding:5px 0 0;
	width:1060px;
	overflow:hidden;
}
.column1 li {
	height:370px;
}
.column2 , #column4 {
	padding:15px 0;
}
.column2 li {
	height:360px;
}
.bg	{
	background:#999;
	padding:5px 5px 10px 5px;
	margin-bottom:20px;
	background-color:rgba(230,230,230,0.3);
}
.item li {
	background: #FFF;
	float:left;
	width:198px;
	margin: 5px 10px 20px 0;
	text-align:center;
}
.item img {
	width:190px;
	height:190px;
	margin:5px auto 0;
	padding:0;
}

.item li p {
	text-align:left;
}

.item_brand{
	font-size:14px;
	padding:0 5px;
	margin:0;
}
.item_name {
	font-size:14px;
	font-weight:bold;
	padding:0 5px;
	margin:0;
}

.point_icon {
	background:#CC9966;
	border-radius:3px;
	color:#FFF;
	margin:3px 0 1px 3px;
	width:70px;
	font-size:10px;
}
.yoyaku_icon {
	background:#CC6699;
	border-radius:3px;
	color:#FFF;
	margin:3px 0 1px 3px;
	width:70px;
	font-size:10px;
}

.sale_icon {
	background:#CCCC66;
	border-radius:3px;
	color:#FFF;
	margin:3px 0 1px 3px;
	width:80px;
	font-size:10px;
}

.item_summary {
	font-size:11px;
	margin-bottom:7px;
	padding:0 3px 5px;
}
.contents {
	padding-bottom:0px;
	margin-bottom:10px;
}
.contents li {
	position:relative;
}
.contents hr {
	border-bottom:1px solid #D7D7D7;
	margin:0 5px;
}
a.page {
	display:block;
	color:#FFF;
	font-size:12px;
	bottom:5px;
	left:5px;
	position:absolute;
	background:#DF5562;
	padding:5px;
	text-decoration:none;
}
/*************************/
/*　       body      　  */
/*************************/


.clear{clear:both;}

.main-title{height:265px; padding:5px;}
.main-image{float:left; width:400px;}
.main-text{float:left; font-size:14px; height:100%; line-height:21px; width:600px; margin:0 0 0 15px; padding:0 5px 0; color:#333; background:#FFF;}

.runimage img{margin:5px 0 0; filter: alpha(opacity=20); -moz-opacity:0.20; opacity:0.20; border:0;}

.mt150{margin-top:150px;}

.brand{width:100%; margin-bottom:10px; position: relative;}
.brand li{vertical-align:middle; display: table-cell;}
.brand-image{max-width:220px; text-align: center; padding:0; margin:0 5px;}
.brand-image a{display:block; width:100%; }
.brand-image img {max-width:220px; position: relative;}

 /* IE 6 */
* html .brand li{display: inline; zoom: 1;}
 /* IE 7 */
 *:first-child+html .brand li{display: inline; zoom: 1;}

.brand-text{width:77%; background:#FFF; padding:0 10px 10px;  margin:0; position:relative;
	 border-radius: 10px;/* CSS3草案 */ -webkit-border-radius: 10px;/* Safari,Google Chrome用 */ -moz-border-radius: 10px;/* Firefox用 */}
.category{display:inline-block; position:relative; top:3px; text-align:center; background-color:#E3E474; padding:3px 8px; margin:0 5px 10px 0; font-size:12px;
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
}
.category1{float:left; width:100px; text-align:center; background-color:#FFD700; padding:3px 8px; margin:0 5px 10px 0; font-size:12px;
border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
}
.brand-caption-text{width:100%; margin:5px 0 0; font-size:13px; line-height:20px;}

.itembox{width:200px; height:200px; float:left; margin:40px 0 50px 15px; padding:10px; border:solid 1px #ccc;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3); -moz-box-shadow:1px 2px 3px rgba(0,0,0,.3); box-shadow:1px 1px 3px rgba(0,0,0,.3);
border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:#FAFAFA;
}
.itembox a{display:block;}
.itembox img{width:198px; height:198px;}
.itembox-img{float:left;}
.itembox-img a:hover{filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.itembox-text{margin-left:5px;}
.text1{font-size:10pt; color:#666; padding:18px 2px 0 5px; line-height:1.3;}

.imagebox{width:690px; height:220px; float:left; margin:43px 0 50px 15px;
filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;
}

.linkbox{width:1040px; padding:20px 0;}
.linkbar-center{width:900px; margin-left:20px; padding:10px; text-align:center; font-size:20px; border:0px solid #CCC; background-color:#EEDD82;
border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
}
.linkbar-center a{text-decoration:none; color:#555;}
.linkbar-center a:hover{text-decoration:underline; color:#000;}


.linkbar-center1{float:left; text-align:center; font-size:20px; font-weight:700; width:300px; border:1px solid #BBB; background-color:#DDD; padding:25px 25px; margin:40px 0 0 80px;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}
.linkbar-center1 a{color:#555; text-decoration:none;}
.linkbar-center1 a:hover{color:#00F; text-decoration:underline;}

/****************************************************/
/*   　　　　 イベント告知エリア　　　　　　　　    */
/****************************************************/
.event_area {
	width:99%;
	background:#FFF;
	padding:5px;
	margin:0 0 20px;
}
.event_area img {
	width:49%;
	float:left;
	margin:0 10px 10px 0;
	padding:0;
}
p.event_title {
	width:48%;
	float:left;
	font-size:30px;
	font-weight:bold;
}
p.event_content {
	width:48%;
	float:left;
	font-size:15px;
}
p.event_headline {
	widht:99%;
	font-size:18px;
	font-weight:bold;
	clear:both;
	margin:0 3px 5px 0;
	border-bottom:3px #FF6699 solid;
}
p.event_text {
	widht:99%;
	font-size:14px;
	margin:0 3px 20px 0;
}
p.event_link {
	widht:99%;
	font-size:18px;
	margin:0 3px 20px 0;
}
p.event_link a {
	color:#3399FF;
}
#wrap p.event_link a:hover {
	color:#99CCFF;
	text-decoration:underline;
}


/****************************************************/
/*    新商品・イベント・予約・再入荷 リンクエリア   */
/****************************************************/
.link {
	display:table;
	width:100%;
	margin:30px 0 0;
}

p.other_link {
	font-size:20px;
	display:table-cell;
	text-align:center;
	padding:0 3px;
	width:33%;
}
p.other_link a {
	background:#688FCE;
	color:#FFF;
	padding:30px 0;
	display:block;
}


/*************************/
/*　  topへ戻るボタン　  */
/*************************/

#page-top {
	    position: fixed;
	    bottom: 20px;
	    right: 20px;
	    font-size: 100%;
}
#page-top a {
		background-color:#666;
	    text-decoration: none;
	    color: #fff;
	    width: 70px;
	    padding: 26px 0;
	    text-align: center;
	    display: block;
	    border-radius: 100px;
}
	
#page-top a:hover {
	    text-decoration: none;
	    background: #999;
}


/******************************/
/*            footer          */
/******************************/
footer{
	padding-bottom:10px;
	width:100%;
	background-color:#FFF;
}
footer dt{
	display:inline;
}
footer dl{
	width:100%;
	max-width:1040px;
	margin:30px auto 5px;
	padding-top:20px;
	text-align:center;
	font-size:16px;
}
footer p {
	width:100%;
	max-width:1040px;
	margin:20px auto 0;
	text-align:center;
	font-size:20px;
}
footer dl dt a{
	color:#333;
}
footer dl dt a:hover {
	text-decoration:underline;
}
