﻿@charset "utf-8";

/* Block Title
----------------------------------------------- */
h2.title-side {
	margin: 0 0 1px;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
}

h2.title-center {
	overflow: hidden;
	text-indent: -9999px;
}

h2#title-search {
	height: 30px;
	background: url(../img/bloc/title-search.jpg) no-repeat;
}

h2#title-category {
	background: url(../img/bloc/title-menu.jpg) no-repeat;
}

h2#title-login {
	background: url(../img/bloc/title-login.jpg) no-repeat;
}

h2#title-cart {
	background: url(../img/bloc/title-cart.jpg) no-repeat;
}

h2#title-recommend {
	background: url(../img/bloc/title-recommend.gif) no-repeat;
}

h2#title-information {
	background: url(../img/bloc/title-information.gif) no-repeat;
}

h2#title-calendar {
	background: url(../img/bloc/title-calendar.gif) no-repeat;
}

h2#title-news {
	height: 30px;
	background: url(../img/bloc/title-saisin.jpg) no-repeat;
}

h2#title-newitem {
	height: 30px;
	background: url(../img/bloc/title-newitem.gif) no-repeat;
}

h2#title-douga {
	height: 55px;
	background: url(../img/bloc/title-douga.jpg) no-repeat;
}

h2#title-goaisatu {
	height: 55px;
	background: url(../img/bloc/title-goaisatu.jpg) no-repeat;
}

h2#title-jiman {
	height: 59px;
	background: url(../img/bloc/title-jiman.jpg) no-repeat;
}

div#title-pay {
	height: 30px;
	background: url(../img/bloc/title-pay.gif) no-repeat;
	text-indent: -9999px;	
}

/* Side Block
----------------------------------------------- */
.block-side {
	margin: 0 0 10px;
	overflow: hidden;
}

/* Center Block
----------------------------------------------- */
.block-center {
	margin: 10px 0 10px;
	overflow: hidden;
}


/* Search Block
----------------------------------------------- */
#block-search {
	background: #FFF;
	border: 1px solid #E5E5E5;
}

#block-search form {
	margin: 0;
	padding: 0;
}

#block-search table {
	margin: 10px auto;
	padding: 0;
	border-spacing:0;
	border-collapse:collapse;
}

#block-search th {
	padding: 0 0 4px;
}

#block-search td {
	padding: 0 0 10px;
}

#block-search td .input-text180 {
	width: 176px;
}

#block-search td .input-text180s {
	width: 183px;
}

#block-search .btn {
	padding: 0;
	text-align: center;
}


/* Category ( or Brand or Item) Block
----------------------------------------------- */
#block-category {
	padding: 0 0 10px;
	background: url(../img/bloc/title-recommend.gif) no-repeat;
	border: 1px solid #E5E5E5;
}

ul#categorytree {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../img/bloc/menu-back.jpg) repeat-y;
}

ul#categorytree li img {
	vertical-align: bottom;
}


ul#categorytree ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


ul#categorytree ul li {
	margin: 0;
	padding: 0;
}

li.level1 a {
	display: block;
	padding: 4px 4px 4px 22px;
	text-decoration: none;
	font-size: 120%;
	color: #FFFFFF;
	background: #990000 no-repeat left center;
	border-bottom: 1px dotted #E5E5E5;
}

li.level1 a:hover {
	padding: 4px 4px 4px 22px;
	background: #EFEFEF;
	color: #fff;
	background: #990000 no-repeat left center;
	border-bottom: 1px dotted #E5E5E5;
	text-decoration: underline;
}

li.level1 a.onlink {
	padding: 4px 4px 4px 22px;
	background: #EFEFEF;
	color: #ff0000;
	font-weight: bold;
	background: #990000 no-repeat left center;
	border-bottom: 1px dotted #E5E5E5;
}

li.level2 a {
	display: block;
	padding: 4px 4px 4px 30px;
	text-decoration: none;
	background: url(../img/bloc/bg-categorylev2.gif) no-repeat 20px center;
	border-bottom: 1px dotted #E5E5E5;
}

li.level2 a:hover {
	padding: 4px 4px 4px 30px;
	color: #fff;
	background: url(../img/bloc/bg-categorylev2-on.gif) no-repeat 20px center;
	border-bottom: 1px dotted #E5E5E5;
	text-decoration: underline;
}

li.level2 a.onlink {
	padding: 4px 4px 4px 30px;
	color: #ff0000;
	background: url(../img/bloc/bg-categorylev2-on.gif) no-repeat 20px center;
	border-bottom: 1px dotted #E5E5E5;
}

li.level3 a {
	display: block;
	padding: 4px 4px 4px 40px;
	background-color: #FFFFFF;
	background-image: none;
	text-decoration: none;
	border-bottom: 1px dotted #E5E5E5;
}

li.level3 a:hover {
	padding: 4px 4px 4px 40px;
	color: #84A7C1;
	background-color: #F6F6F6;
	background-image: none;
	border-bottom: 1px dotted #E5E5E5;
}

li.level3 a.onlink {
	padding: 4px 4px 4px 40px;
	color: #84A7C1;
	background-color: #F6F6F6;
	background-image: none;
	border-bottom: 1px dotted #E5E5E5;
}


/* Login Block
----------------------------------------------- */
#block-login {
	background: #FFF;
	border: 1px solid #E5E5E5;
}

#block-login table {
	margin: 10px auto 5px;
	border-spacing:0;
	border-collapse:collapse;
}

#block-login table .input-text100 {
	width: 100px;
}

ul#forgot-link {
	margin: 10px 0 5px;
	padding: 6px 0 0;
	border-top: 1px solid #CCC;
	list-style: none;
}

ul#forgot-link li {
	margin: 3px 0 0;
	padding: 0;
	font-size: 80%;
}

#block-login .welcome_message {
	margin: 10px 10px 15px;
}

#block-login .mypoint {
	margin: 5px 10px;
	font-size: 90%;
	text-align: center;
}

#block-login .btn {
	margin: 10px;
	text-align: center;
}


/* Cart Block
----------------------------------------------- */
#block-cart {
	background: #FFF;
	border: 1px solid #E5E5E5;
}

#block-cart ul, #block-cart li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#block-cart form {
	margin: 0;
	padding: 0;
}

.cart-item-cnt {
	margin: 8px 10px;
	padding: 0 0 5px;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

.tb-cart-item {
	margin: 0 auto 5px;
	padding: 0;
	font-size: 90%;
	border-spacing:0;
	border-collapse:collapse;
}

.tb-cart-item-end {
	margin: 0 auto 5px;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 90%;
	border-spacing:0;
	border-collapse:collapse;
}

.tb-cart-item-end td {
	padding-bottom: 5px;
}

.cart-item-photo {
	width: 55px;
}

.cart-item-name {
	font-size: 85%;
}

.cart-item-value {
	font-size: 90%;
	margin: 0;
	padding: 0;
}

#cart-price-total {
	margin: 5px 10px 8px;
	padding: 0;
	text-align: right;
	font-weight: bold;
	color: #CC0000;
}

#cart-carriage {
	margin: 5px;
	padding: 0;
	font-size: 70%;
	text-align: center;
}


#cart-pay-btn {
	margin: 0.8em 10px 10px;
	padding: 0;
	text-align: center;
}


/* Recommend Block
----------------------------------------------- */
#block-recommend {
	padding: 15px 0 0;
	background: #FFF;
	border: 1px solid #E5E5E5;
	text-align: center;
}

#block-recommend h3 {
	margin: 0;
	font-size: 90%;
	text-align: center;
}

.recommend-box {
	margin: 0 10px 15px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #CCCCCC;
}

.recommend-photo {
	margin: 0;
	padding: 0;
}

.recommend-photo img {
	margin: 0;
}

.recommend-price {
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: center;
}

.recommend-info {
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: left;
}


/* Information Block
----------------------------------------------- */
#block-information {
	background: #FFF;
	border: 1px solid #E5E5E5;
}


/* Guide Block
----------------------------------------------- */
#block-guide {

}


/* Calendar Block
----------------------------------------------- */
#block-calendar {
	background: #FFF;
	border: 1px solid #E5E5E5;
}

#block-calendar table {
	margin: 10px auto;
	font-size: 80%;
	border-spacing:0;
	border-collapse:collapse;
}

#block-calendar caption {
	margin: 0;
	padding: 10px 0 0;
	color: #888;
	text-align: center;
	font-weight: bold;
}

#block-calendar th {
	background: #E4E4E4;
	text-align: center;
	font-weight: lighter;
}

#block-calendar td {
	text-align: center;
	border-bottom: 1px solid #E5E5E5;
}

#block-calendar .holiday {
	background: #C00;
	color: #FFF;
}


/* Cagolab banner Block
----------------------------------------------- */
#block-cagolab-banner {

}

/* News Block
----------------------------------------------- */
#block-news {
	clear: both;
}

#block-news dl {
	height: 240px;
	margin: 0;
	padding: 0;
	overflow: auto;
}

#block-news dt {
	margin: 0 0 3px;
	padding: 0;
	color: #668886;
}

#block-news dt.endline {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #BBBBBB;
}

#block-news dd {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #BBBBBB;
}

/*
2010.10.18 新規制作*/

/* douga Block
----------------------------------------------- */
#block-douga {
	background: #FFF;
	border: 1px solid #E5E5E5;
	text-indent: -9999px;
}

/* goaisatu Block
----------------------------------------------- */
#block-goaisatu {
	background: #FFF;
	border: 1px solid #E5E5E5;
	text-indent: -9999px;
}


/* jiman Block
----------------------------------------------- */
.tyousei2{
	margin-left:10px;
	margin-top:5px;
	font-size: 120%;
	line-height:160%;}
	
.sima a{
	background:url(../img/bloc/sima.jpg) no-repeat;
	background-position: 0px 0px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	display:block;
	color:#000000;
	font-weight:bolder;}
	
.sima a:hover{
	background:url(../img/bloc/sima.jpg) no-repeat;
	background-position: 0px -134px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	color:#FF0000;
	font-weight:bolder;}
	

.harami a{
	background:url(../img/bloc/harami.jpg) no-repeat;
	background-position: 0px 0px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	float:left;
	display:block;
	color:#000000;
	font-weight:bolder;}
	
.harami a:hover{
	background:url(../img/bloc/harami.jpg) no-repeat;
	background-position: 0px -134px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	float:left;
	color:#FF0000;
	font-weight:bolder;}
	
.maru a{
	background:url(../img/bloc/maru.jpg) no-repeat;
	background-position: 0px -0px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	display:block;
	color:#000000;
	font-weight:bolder;}
	
.maru a:hover{
	background:url(../img/bloc/maru.jpg) no-repeat;
	background-position: 0px -134px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	color:#FF0000;
	font-weight:bolder;}
	
			
	
.tan a{
	background:url(../img/bloc/tan.jpg) no-repeat;
	background-position: 0px -0px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	float:left;
	display:block;
	color:#000000;
	font-weight:bolder;}
	
.tan a:hover{
	background:url(../img/bloc/tan.jpg) no-repeat;
	background-position: 0px -134px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	float:left;
	color:#FF0000;
	font-weight:bolder;}
	
.hatu a{
	background:url(../img/bloc/hatu.jpg) no-repeat;
	background-position: 0px -0px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	display:block;
	color:#000000;
	font-weight:bolder;}
	
.hatu a:hover{
	background:url(../img/bloc/hatu.jpg) no-repeat;
	background-position: 0px -134px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	color:#FF0000;
	font-weight:bolder;}
	
.hatinosu a{
	background:url(../img/bloc/hatinosu.jpg) no-repeat;
	background-position: 0px 0px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	display:block;
	color:#000000;
	font-weight:bolder;}
	
.hatinosu a:hover{
	background:url(../img/bloc/hatinosu.jpg) no-repeat;
	background-position: 0px -134px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	color:#FF0000;
	font-weight:bolder;}

.senmai a{
	background:url(../img/bloc/senmai.jpg) no-repeat;
	background-position: 0px -0px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	float:left;
	display:block;
	color:#000000;
	font-weight:bolder;}
	
.senmai a:hover{
	background:url(../img/bloc/senmai.jpg) no-repeat;
	background-position: 0px -134px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	float:left;
	color:#FF0000;
	font-weight:bolder;}
	
.hoho a{
	background:url(../img/bloc/hoho.jpg) no-repeat;
	background-position: 0px -0px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	display:block;
	color:#000000;
	font-weight:bolder;}
	
.hoho a:hover{
	background:url(../img/bloc/hoho.jpg) no-repeat;
	background-position: 0px -134px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	color:#FF0000;
	font-weight:bolder;}
	
.mino a{
	background:url(../img/bloc/mino.jpg) no-repeat;
	background-position: 0px -0px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	display:block;
	color:#000000;
	font-weight:bolder;}
	
.mino a:hover{
	background:url(../img/bloc/mino.jpg) no-repeat;
	background-position: 0px -134px;
	width:230px;
	height:29px;
	margin-top:15px;
	padding-top:105px;
	padding-left:14px;
	margin-left:14px;
	float:left;
	color:#FF0000;
	font-weight:bolder;}
	
	
	
.himitsu {
	margin-bottom:10px;
}
	
/* botan4 Block
----------------------------------------------- */	
.botan4 a{
	background:url(../img/bloc/botan4.jpg) no-repeat;
	text-indent:-9999px;
	width:373px;
	height:130px;
	display:block;
	float:left;}
	
.botan4 a:hover{
	background:url(../img/bloc/botan4.jpg) no-repeat;
	background-position: -760px 0px;
	text-indent:-9999px;
	width:373px;
	height:130px;
	float:left;}	
	
.botan41 a{
	background:url(../img/bloc/botan4.jpg) no-repeat;
	background-position: -380px 0px;
	text-indent:-9999px;
	width:373px;
	height:130px;
	display:block;
	float:left;}
	
.botan41 a:hover{
	background:url(../img/bloc/botan4.jpg) no-repeat;
	background-position: -1140px 0px;
	text-indent:-9999px;
	width:373px;
	height:130px;
	float:left;}	


.botan42 a{
	background:url(../img/bloc/botan4.jpg) no-repeat;
	background-position: 0px -130px;
	text-indent:-9999px;
	width:373px;
	height:130px;
	margin-bottom:10px;
	display:block;
	float:left;}
	
.botan42 a:hover{
	background:url(../img/bloc/botan4.jpg) no-repeat;
	background-position: -760px -130px;
	text-indent:-9999px;
	width:373px;
	height:130px;
	margin-bottom:10px;
	float:left;}
	
.botan43 a{
	background:url(../img/bloc/botan4.jpg) no-repeat;
	background-position: -380px -130px;
	text-indent:-9999px;
	width:373px;
	height:130px;
	margin-bottom:10px;
	display:block;
	float:left;}
	
.botan43 a:hover{
	background:url(../img/bloc/botan4.jpg) no-repeat;
	background-position: -1140px -130px;
	text-indent:-9999px;
	width:373px;
	height:130px;
	margin-bottom:10px;
	float:left;}

.toiawasebana a{
	background:url(../img/bloc/otoiawasenaba.jpg) no-repeat;
	text-indent:-9999px;
	width:760px;
	height:110px;
	display:block;
	border: 1px solid #000000;}
	
.toiawasebana a:hover{
	background:url(../img/bloc/otoiawasenaba.jpg) no-repeat;
	background-position: 0px -110px;
	text-indent:-9999px;
	width:760px;
	height:110px;
	border: 1px solid #000000;}
	
	
/*中央コンテンツ*/
.bannerbox_c {
	font-size: 120%;
	margin-bottom:10px;
}

.eizou{
	float:right;
	margin-top:10px;}
	

.dougamoji {
	font-size: 120%;
}
	
.topmoji a{
	text-decoration:none;
	text-align:center;
	color:#0000FF;
	width:650px;
	font-size:26px;
	margin-left:60px;
	margin-right:auto;
	line-height:160%;
}
	
	
.topmoji a:hover {
	text-decoration:none;
	color:#FF0000;
}
	
hr{
	background-color:#FF0000;
	height:10px;
}

/*左右コンテンツ*/

/*メニュー下　４バナー*/

.4banner {
	background-color: #000000;
	width: 203px;
}

.sidedai4{
	background-color:#000;
	font-size:12px;
	font-weight:bold;
	padding-top:1px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bolder;
	border:2px solid #FFFFFF;
	width: 203px;
}
		
.wakeari a{
	background:url(../img/bloc/wakeari.jpg) no-repeat;
	width:187px;
	height:144px;
	margin-left:2px;
	margin-right:2px;
	display:block;
	text-indent:-9999px;
	margin-top:10px;}
	
.tentyou a{
	background:url(../img/bloc/osusumenoaji.jpg) no-repeat;
	width:181px;
	height:123px;
	margin-left:10px;
	margin-right:9px;
	margin-top:10px;
	text-indent:-9999px;
	display:block;}
	
.omose a{
	background:url(../img/bloc/omise.jpg) no-repeat;
	width:179px;
	height:122px;
	margin-left:10px;
	margin-right:9px;
	margin-top:10px;
	text-indent:-9999px;
	display:block;}

.bui a{
	background:url(../img/bloc/bui.jpg) no-repeat;
	width:182px;
	height:124px;
	margin-left:10px;
	margin-right:9px;
	margin-top:10px;
	margin-bottom:10px;
	text-indent:-9999px;
	display:block;}	
	
/*ブックマーク*/

.bookmark {
	background-color: #000000;
	text-align: center;
}


/* pay Block  決済方法
----------------------------------------------- */
#block-pay {
	background: #FFF;
	padding-top: 10px;
	border: 1px solid #E5E5E5;
	padding-bottom: 5px;
	padding-left: 2px;
}

.card {
	padding-left: 30px;
}
/* Newitem Block（定義はlist.cssに移動）
----------------------------------------------- */