@charset "utf-8";
/* ------------------------------------------------
CSS Information
 File name:   common.css
 Summary  :   全体のスタイル設定
--------------------------------------------------- */
/* 
 body
--------------------------------------------------- */
body {
	/*color: #363636;
	font-size: 80%;
	text-align: center;
	line-height: 1.7;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	/*
	font-family: Arial, Helvetica, sans-serif;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	*/
}
/*
 #base-tag
--------------------------------------------------- */
h2 {
	margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-size: initial;
    font-weight: initial;
    text-align: left;
}
h3 {
	clear:both;
	margin: 0;
    padding: 0;
    border: none;
	border-bottom: none;
    background: none;
    font-size: initial;
    font-weight: bold;
    text-align: left;
}
h4 {
	color: inherit !important;
    margin: 0;
    padding: 0;
    font-size: initial;
    font-weight: initial;
    border: none;
    background: none;
    text-align: left;
    font-weight: bold;
}

/*
 #container
--------------------------------------------------- */
#container {
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
/*
 #header
--------------------------------------------------- */
/*#header {
	position:relative;
	text-align: left;
	width: 950px;
	margin: 0 0 21px 0;
	background: url(/common/img/bg/header_bg.gif) no-repeat right top;
}
#header-inner {
	width: 950px;
	overflow: hidden;
}
#header h1{
	font-size: 90%;
	font-weight: normal;
	width: 750px;
	margin: 11px 0 0 0;
}
#header .logo {
	text-align: left;
	float: left;
	width: 192px;
	padding: 10px 0 15px 0;
}
#header .remote_navi {
	text-align: right;
	float: left;
	width: 544px;
	padding: 12px 0 0 0;
}
#header .remote_navi ul {
	height: 28px;
}
#header .remote_navi ul li {
	display: inline;
	padding: 0 0 0 15px;
}
#header .remote_navi p img {
	margin: 0 0 0 18px;
}
#header #header_catalog {
	position: absolute;
	top: 15px;
	right: 14px;
	width: 176px;
	overflow: hidden;
}
#header #header_catalog ul {
	text-align: right;
	width: 176px;
	overflow: hidden;
}
#header #header_catalog li {
	display: inline;
}
#header #header_catalog li img{
	margin: 5px 0 0 0;
}
#header_navi {
	width: 950px;
	height: 31px;
	overflow: hidden;
	background: url(/common/img/bg/bg_gray01.gif) repeat-x left 28px;
}
#header_navi ul {}
#header_navi li {
	float: left;
	height: 31px;
}
#header_navi li.space {
	padding: 0 360px 0 0;	
}
*/

/*
 #global navi （★プルダウン用）
--------------------------------------------------- */
/*#global_navi_bg	{
	width: 930px;
	height:37px;
	padding:11px 0 0 20px;
	background: url(/common/img/bg/global_navi_bg03.gif) no-repeat bottom;
	font-size:10pt;
	text-align:center;
}
#nav {
	display: block; 
	position: relative;
}
#nav li {
	display: block;
	list-style: none; 
	float: left; 
	position: relative;
}
#nav a { 
	display: block; 
	text-decoration: none;
	color:#FFFFFF;
}
#nav a:hover { 
	background-color: none; 
	text-decoration: underline;
}*/
/*
* html #nav ul { 
	line-height: 0; 
}*/ /* IE6 "fix" */
/*#nav ul a { 
	zoom: 1; 
}*/ /* IE6/7 fix */
/*.navi_list	{
	border-right: 1px solid #FFF;
	padding: 0 10px 0 11px;
}*/



/* ↓プルダウンリンクの背景↓ */
/*#nav ul { 
	display: none; 
	position: absolute; 
	left: 0; 
	top: 30px; 
}
#nav ul li { 
	float: none; 
	border-right:none;
	line-height:1.8em;
}
#nav ul li a { 
	background-color: #106F05; 
	border-top: 1px solid #80B836;
}
#nav ul li a.hover { 
	background-color: #72AB26; 
}
#nav ul a { 
	opacity: 0.9; 
	filter: alpha(opacity=90); 
}*/
/* ↓プルダウンリンクの個別の幅↓ */
#recommend	{
	width:65px;
	border-right: 1px solid #FFF;
}
#kitchen	{
	width:65px;
	border-right: 1px solid #FFF;
}
#laundry	{
	width:75px;
	border-right: 1px solid #FFF;
}
#cleaning	{
	width:65px;
	border-right: 1px solid #FFF;
}
#handwash	{
	width:80px;
	border-right: 1px solid #FFF;
}
#alcohol	{
	width:75px;
	border-right: 1px solid #FFF;
}
#haircare	{
	width:120px;
	border-right: 1px solid #FFF;
}
#skincare	{
	width:145px;
	border-right: 1px solid #FFF;
}
#fragrance	{
	width:75px;
	border-right: 1px solid #FFF;
}
#kaigo	{
	width:65px;
	border-right: 1px solid #FFF;
}
#food	{
	width:65px;
}
#recommend li	{
	width:120px;
}
#bodycare li	{
	width:110px;
}
#kensyoku li	{
	width:90px;
}
#eisei li	{
	width:120px;
}


/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/*
 #middle_area
--------------------------------------------------- */
#middle_area {
	width: 950px;
	padding: 0 0 65px 0;
	overflow: hidden;
}
#free_space ,
#free_space2 ,
#category_info ,
#category_free_space ,
#category_free_space2 ,
#product_info ,
#product_free_space ,
#product_free_space2 ,
#contents ,
#contents2 {
	clear: both;
}
#product_info p img,
#product_info h2 img,
#category_info h2 img,
#event_info img,
#cms_info {
	width: 100%;
}

/*
 #column-left
--------------------------------------------------- */
#column-left #search_box {
	background: url(/common/img/bg/navi_bg01.gif) no-repeat bottom #D5E7A9;
}
#column-left #search_box #search {
	padding: 11px 0 22px 8px;
}
#column-left #search_box #search_box_title {
	padding:0;
	width:180px;
	height:42px;
	border-bottom:1px solid #A5ACB2;
	background: url(/common/img/search_box_title.gif) no-repeat top;
	text-indent:-9999px;
}
#column-left #search_box input ,
#column-left #search_box textarea {
	background:#FFFFFF;
}
#column-left #search_box .search_box01 {
	margin: 0 0 6px 0;
	border:1px solid #A5ACB2;
}
#column-left #search_box .search_box02 {
	width: 115px;
	padding: 2px 2px 1px 2px;
	border:1px solid #A5ACB2;
	color:#343434;
	vertical-align: middle;
}
#column-left #search_box .search_box03 {
	vertical-align: middle;
	margin: 0 0 0 6px;
}
#column-left #category_menu {
	margin: 4px 0 0 0;
	padding: 0 0 16px 0;
	background: url(/common/img/bg/navi_bg02.gif) no-repeat bottom #E8F0D0;
}
#column-left #category_menu #category_menu_title {
	padding:0;
	width:180px;
	height:43px;
	border-bottom:1px solid #DFEABC;
	background: url(/common/img/category_menu_title.gif) no-repeat top;
	text-indent:-9999px;
}
#column-left #category_menu ul {
	width: 180px;
	overflow: hidden;
}
#column-left #category_menu li{
	float: left;
	width: 180px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DFEABC;
}
#column-left #category_menu li.last{
	border-top: 1px solid #FFF;
	border-bottom: none;
}
#column-left #category_menu li a{
	display: block;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 0 0 0;
	/padding: 4px 0;
}
#column-left #category_menu li a:hover{
	background: #F7FBEC;
}
#column-left #category_menu li img{
	text-decoration: none;
	vertical-align: middle;
	padding: 0 9px 4px 9px;
	/padding: 0 9px;
}
.banner_area {
	margin: 25px 0 0 0;
}
.ssl_area {
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 80%;
	color: #A1103F;
	line-height: 1.5;
}
/*

#column-right #login_box{
	background: url(/common/img/bg/navi_bg01.gif) no-repeat bottom #D5E7A9;
}
#column-right #login_box #login_box_top {
	padding: 13px 9px 5px 9px;
	border-bottom: 1px solid #C7D796;
	background: url(/common/img/bg/navi_title_bg.gif) no-repeat top;
}
#column-right #login_box #login_box_top #login_name {
	font-weight: bold;
}
#column-right #login_box #login_box_top #login_name span {
	background: #FFF;
	padding: 3px 4px 2px 4px;
}
#column-right #login_box #login_box_top #login_data {
	font-size: 80%;
	margin: 8px 0 0 0;
}
#column-right #login_box #login_box_top #login_data span {
	font-size: 140%;
	font-weight: bold;
	background: #FFF;
	margin: 0 2px;
	padding: 3px 4px 2px 4px;
}
#column-right #login_box #login_box_top #login_my-page {
	margin: 5px 0 2px 0;
}
#column-right #amount_box {
	margin: 4px 0;
	background: url(/common/img/bg/navi_bg01.gif) no-repeat bottom #D5E7A9;
}
#column-right #amount_box p{
	font-size: 80%;
	padding: 20px 9px;	
	background: url(/common/img/bg/navi_title_bg.gif) no-repeat top;
}
#column-right #amount_box p .amount1 {
	font-size: 180%;
	font-weight: bold;
	margin: 0 2px;
	padding: 3px 6px 2px 6px;
	background: #FFF;
}
#column-right #amount_box p .amount2 {
	color: #FF4E00;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 0 5px;
}
#column-right #login_box #login_box_middle {
	text-align: center;
	padding: 7px 0 6px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #C7D796;
}
#column-right #login_box #login_box_bottom {
	font-size: 80%;
	line-height: 1.5;
	padding: 12px 9px 13px 9px;
	border-top: 1px solid #FFF;
}
#column-right #login_box #login_box_logout {
	text-align: center;
	padding: 8px 9px 12px 9px;
	border-top: 1px solid #FFF;
}
#column-right #login_box #login_box_bottom span {
	font-size: 120%;
	font-weight: bold;
}
#column-right #login_box #login_box_bottom .registry_btn {
	text-align: center;
}
#column-right #ranking_box {
	width: 180px;
	padding: 0 0 18px 0;
	overflow: hidden;
	text-align: left;
	background: url(/common/img/bg/navi_bg01.gif) no-repeat bottom #D5E7A9;
}
#column-right #ranking_box #ranking_box_title {
	padding:0;
	width:180px;
	height:66px;
	background: url(/common/img/ranking_box_title.gif) no-repeat top;
	text-indent:-9999px;
}
#column-right #ranking_box_list {
	width: 180px;
	overflow: hidden;
	padding: 10px 0 0 0;
	background: url(/common/img/bg/navi_bg03.gif) repeat-y;
}
#column-right #ranking_box_list li{
	font-size: 80%;
	line-height: 1.5;
	width: 166px;
	margin: 0 0 15px 0;
	padding: 0 8px;
	overflow: hidden;
}
#column-right #ranking_box_list p {
	float: right;
	width: 110px;
}
#column-right #ranking_box_list .ranking_img {
	float: left;
	text-align:center;
	width: 50px;
}
#column-right .banner_area {
	width: 180px;
	overflow: hidden;
}
#column-right #blog-showcased_box {
	margin: 27px 0 0 0;
	width: 180px;
	overflow: hidden;
}
#column-right #staff-push_box {
	width: 180px;
	margin: 27px 0 0 0;
	padding: 0 0 18px 0;
	overflow: hidden;
	background: url(/common/img/bg/bg_style02.gif) no-repeat left bottom;
}
#column-right .navi_box_list {
	width: 180px;
	overflow: hidden;
}
#column-right .navi_box_list li {
	font-size: 90%;
	line-height: 1.5;
	width: 180px;
	overflow: hidden;
	padding: 11px 0 0 0;
}
#column-right .navi_box_list p {
	float: right;
	width: 120px;
}
#column-right .navi_box_list .list_img {
	float: left;
	text-align:center;
	width: 50px;
}
#column-right #patron_info_box {
	width: 180px;
	padding: 0 0 6px 0;
	overflow: hidden;
	text-align: left;
	background: url(/common/img/bg/navi_bg01.gif) no-repeat bottom #D5E7A9;
}
#column-right #patron_info_box ul {
	width: 170px;
	overflow: hidden;
	padding: 0 5px;
	background: url(/common/img/bg/navi_bg03.gif) repeat-y;
}
#column-right #patron_info_box ul li {
	padding: 4px 0 5px 6px;
	background: url(/common/img/bg/bg_dotted02.gif) repeat-x bottom;
	font-size:12px;
}
#column-right #patron_info_box ul li.first {
	padding: 10px 0 5px 6px;
}
#column-right #patron_info_box ul li.last {
	padding: 4px 0 8px 6px;
	background: none;
}
#column-right #favorite_list_box {
	width: 180px;
	padding: 0 0 6px 0;
	overflow: hidden;
	text-align: left;
	background: url(/common/img/bg/navi_bg01.gif) no-repeat bottom #D5E7A9;
}
#column-right #favorite_list_box ul {
	width: 170px;
	overflow: hidden;
	padding: 9px 5px 4px 5px;
	background: url(/common/img/bg/navi_bg03.gif) repeat-y;
}
#column-right #favorite_list_box ul li {
	font-size: 80%;
	line-height: 1.5;
	width: 160px;
	margin: 0 0 7px 0;
	padding: 0 3px 7px 7px;
	overflow: hidden;
	background: url(/common/img/bg/bg_dotted02.gif) repeat-x bottom;
}
#column-right #favorite_list_box ul li.last {
	margin: 0;
	background: none;
}
#column-right #favorite_list_box ul p {
	float: right;
	width: 105px;
}
#column-right #favorite_list_box ul .ranking_img {
	float: left;
	width: 50px;
}
 */
/*
 #footer #copyright
--------------------------------------------------- */
/*#footer {
	width: 950px;
	overflow: hidden;
	text-align: left;
	clear:both;
}
#footer_navi {
	text-align: right;
	width: 950px;
	height: 31px;
	overflow: hidden;
	background: url(/common/img/bg/bg_gray01.gif) repeat-x left 29px;
}
#footer_navi li {
	display: inline;
	height: 31px;
}
#footer_information {
	font-size: 80%;
	width: 950px;
	margin: 20px 0 0 0;
	overflow: hidden;
}
#footer_information .col1{
	float: left;
	width: 250px;
	padding: 10px 30px 2px 0;
	overflow: hidden;
	background: url(/common/img/bg/bg_dotted01.gif) repeat-y right top;
}
#footer_information .col2{
	float: left;
	width: 208px;
	padding: 10px 26px 2px 23px;
	overflow: hidden;
	background: url(/common/img/bg/bg_dotted01.gif) repeat-y right top;
}
#footer_information .col3{
	float: left;
	width: 240px;
	padding: 10px 0 2px 24px;
	overflow: hidden;
	background: url(/common/img/bg/bg_dotted01.gif) repeat-y right top;
}
#footer_information .col4{
	float: left;
	width: 131px;
	padding: 0 0 2px 18px;
	overflow: hidden;
}
#footer_remote_navi {
	font-size: 10px;
	width: 950px;
	margin: 22px 0 0 0;
	padding: 13px 0 0 0;
	overflow: hidden;
	background: url(/common/img/bg/bg_style01.gif) no-repeat right top;
}
#footer_remote_navi p.saraya_logo{
	float: left;
	width: 120px;
	margin: 10px 0 0 0;
	overflow: hidden;
}
#footer_remote_navi p.shop_logo{
	float: left;
	width: 143px;
	overflow: hidden;
}
#footer_remote_navi .remote_navi {
	float: left;
	width: 805px;
	margin: 2px 0 0 0;
	overflow: hidden;
}
#footer_remote_navi .remote_navi li {
	display: inline;
	border-right: 1px solid #000;
	padding: 0 8px 0 8px;
}
#footer_remote_navi .remote_navi li.last {
	border: none;
	padding: 0 0 0 10px;
}
#footer_remote_navi .remote_navi li a {
	color: #000;
}
#copyright {
	text-align: center;
	font-size: 80%;
	line-height: 1.6;
	width: 950px;
	margin: 11px 0 0 0;
	padding: 13px 0 33px 0;
	overflow: hidden;
	background: url(/common/img/bg/bg_style01.gif) no-repeat right top;
}*/
/*
 #topicPath
--------------------------------------------------- */
#supporter li	{
	float:left;
	margin-right:10px;
}

/* SARAYA-141 【EC】トークン決済対応  2017.10.03 ADD START ODA */
.err_msg_visible
{
    color:#ff0000;
    text-align: left;
}
/* SARAYA-141 【EC】トークン決済対応  2017.10.03 ADD END ODA */