/*---------------------------------
   部分別
---------------------------------*/

/*--一番上のナビ--*/

#topnavi ul{
	margin-left: 10px;
	margin-right: 10px;
}

#topnavi li{
	float: left;
	height: 35px;
	line-height: 35px;
}

#topnavi li:first-child{
	width: 25%;
}
#topnavi li:nth-child(2){
	text-align: center;
	width: 50%;
}
#topnavi li:last-child{
	text-align: right;
	width: 25%;
}

#topnavi ul:after{
	content: '';
	display: block;
	clear: both;
}

#topnavi{
	background-color: #cccccc;
	margin-bottom: 0px;
}

#topnavi li h1{
	display: inline;
	font-size: 14px;
	text-shadow: 0 1px #999999;
}

.btn{
	padding: 4px 8px;
	background-color: #999999;
	border-radius: 4px;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	box-shadow: 1px 1px 1px 1px #888888 inset;
	color: #ffffff;
	text-decoration: none;
}

#cartimg{
	vertical-align: text-top;
}


/*--ようこそとカートの中身--*/

#topcart{
	margin-top: 4px;
	margin-bottom: 4px;
}

#topcart li{
	float: left;
	width: 50%;
}


/*--フッター--*/

#footer{
	margin-top: 10px;
	padding: 12px 10px 6px;
	background-color: #cccccc;
	text-align: center;
	line-height: 125%;

}


/*--カート部分--*/

.tb{ 
	width: 100%;
	border:0px;
	border-collapse:collapse;
}

.th_top{ 
	width: 80%;
	border-bottom: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
}

.td_top{ 
	width: 20%;
	border-bottom: 1px dotted #cccccc;
	text-align: right;
}

.th{ 
	width: 20%;
	border-bottom: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
}

.td{ 
	width: 80%;
	border-bottom: 1px dotted #cccccc;
	text-align: left;
	padding: 0 0 0 20px;
}

/*--グレーの帯--*/

.obi{
	text-shadow: 0 1px #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #d9d9d9;
	padding: 3px;
	margin-top: 20px;
}

.obi2{
	text-shadow: 0 1px #ffffff;
	font-weight: bold;
	text-align: center;
	background-color: #d9d9d9;
	padding: 3px;
}

/*---------------------------------
   ページ別
---------------------------------*/

/*##### トップページ #####*/


/*--ショップの看板--*/

#kanban{
	text-align: center;
	margin-bottom: 8px;
}

/*--ログイン・会員登録--*/

#navi{
	text-align: center;
	margin: 0px 0px 20px 0px;
}

#navi li:first-child{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

#navi li:last-child{
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

#navi li{
	float: left;
	text-align: center;
	width: 50%;
	height: 44px;
	line-height: 44px;
	background-color: #999999;
	border-width: 0 1px 1px 0px;
	border-style: solid;
	box-sizing: border-box;
	border-color: #666666;
}

#navi ul:after{
	content: '';
	display: block;
	clear: both;
}

#navi a{
	display: block;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0 1px #999999;
	font-weight: bold;
}



/*--検索--*/

#search{
	text-align:center;
	margin: 0px 0px 10px 0px;
}

/*--カテゴリー一覧--*/

#category{
	margin-top: 10px;
	margin-bottom: 20px;
}

#category_midasi{
	text-shadow: 0 1px #ffffff;
	font-weight: bold;
	padding: 6px;
	line-height: 125%;
	border-left: 10px solid #cccccc;
	border-bottom: 2px dashed #cccccc;
	margin-bottom: 10px;
}


#category li:first-child{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

#category li:last-child{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom: 1px solid #cccccc;
}

#category li{
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	height: 44px;
	line-height: 44px;
	background-color: #ffffff;
	padding-left:8px;
	text-shadow: 0 1px #999999;
	font-weight: bold;
	background: url(img/smart_back.jpg);
}

#category a{
	padding: 0 0px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: url(img/smart_ya.gif) right center no-repeat;
}


/*--新商品--*/

#new li{
	float: left;
	width: 25%;
}

#new ul:after{
	content: '';
	display: block;
	clear: both;
}

#new{
	margin-bottom: 10px;
}


/*--おすすめ商品--*/

#osu li{
	float: left;
	width: 25%;
}

#osu ul:after{
	content: '';
	display: block;
	clear: both;
}

#osu{
	margin-bottom: 10px;
}

/*--うれすじ商品--*/

#ure li{
	float: left;
	width: 25%;
}

#ure ul:after{
	content: '';
	display: block;
	clear: both;
}

#ure{
	margin-bottom: 10px;
}

/*--会社案内など--*/

#about li:first-child{
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

#about li:last-child{
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom: 1px solid #cccccc;
}


#about li{
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	height: 44px;
	line-height: 44px;
	background-color: #ffffff;
	padding-left:8px;
	text-shadow: 0 1px #ffffff;
	font-weight: bold;
	background: url(img/smart_back.jpg);
}

#about li:first-child{
	border-top: 1px solid #cccccc;
}

#about a{
	padding: 0 0px;
	display: block;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: url(img/smart_ya.gif) right center no-repeat;
}


/*##### カテゴリ一覧 #####*/

/*--ページボタン--*/

ul.pagelink{
	list-style-type:none;
	margin:0;
}

ul.pagelink li{
	float:left;
}

ul.pagelink a{
	display:block;
	width:22px;
	text-align:center;
	text-decoration:none;
	border-style: solid;
	border-color: #bebebe;
	border-width: 1px;
	margin-right: 5px;
	padding:1px;
}

ul.pagelink span{
	display:block;
	width:22px;
	text-align:center;
	text-decoration:none;
	border-style: solid;
	border-color: #bebebe;
	border-width: 1px;
	margin-right: 5px;
	padding:1px;
}

ul.pagelink a:hover{
	background-color:#F0F0F0;
}

ul.pagelink:after{
	display: block;
	clear: both;
	content: '';
}

/*--商品部分--*/

.item{
	line-height: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

/*--個数選択部分--*/

.kotb{ 
	border: 1px solid #999999;
	border-collapse: collapse;
}
.kotb td{
  border: 1px solid #999999;
  border-collapse: collapse;
}




/*--区切り線--*/

.line{
	border-style: solid;
	border-color: #cccccc;
	border-bottom: 1px 0px 0px 0px;

}

/*##### カート画面 #####*/


#button li{
	float: left;
	width: 50%;
}

#button:after{
	content: '';
	display: block;
	clear: both;
}

#button .l{
	text-align: left;
}

#button .r{
	text-align: right;
}

#button{
	margin: 5px 0px 10px 0px;
}

#coupon_box{
	padding: 5px 0px 5px 0px;
	margin-bottom: 20px;
}


/*##### 購入完了画面 #####*/

#thanks_box{
	margin-top: 20px;
	line-height: 20px;
}

/*##### 個人情報入力画面 #####*/

#box_joho{
	margin: 15px 0px 4px 0px;
}

/*##### 会員専用ページ #####*/

/*--～様--*/

#sama{
	margin-top: 20px;
	margin-bottom: 10px;
}

/*---ポイント--*/

#pt{
	margin-top: 5px;
	margin-bottom: 5px;
}

/*---表--*/

.kaiin_td1{ 
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.kaiin_td2{ 
	border-bottom: 1px solid #cccccc;
}


/*##### 口コミ #####*/

.review_title{ 
	background-color: #EBEBEB;
	font-weight: bold;
	padding-left: 2px;
}

/*---------------------------------
   共通(フォント等)
---------------------------------*/

body{
	margin: 0px;
	font-size: 14px;
	line-height: 160%;
}

a{
	color: #000000;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#global_header,#main{
	margin-left: 10px;
	margin-right: 10px;
}

.in{
	padding: 5px 0px 5px 0px;
}

ul.in li{
	float:left;
}

.b{
	font-weight: bold;
}

#error_box{
	color: #ff0000;
}

#error{
	color: #ff0000;
}