@charset "utf-8";

/*-----------------------------
oocss
-----------------------------*/
@import "oocss.css";

/*-------------------------------------------------------------------ヘッダー*/
/*---------------------------------------------------------------------------*/
/* init.cssを上書き*/
#Wrap #headerWrap {
	height: auto;
}
#Wrap #headerWrap #headerInner {
	width: 100%;
	padding: 0;
}
#Wrap #headerWrap #headerInner #header {
	width: 1000px;
	margin: 0 auto;
}
#Wrap #headerWrap #headerInner #header #guaranteed-btn-open {
	position: absolute;
	top: 22px;
	right: 0;
	cursor: pointer;
}
#Wrap #headerWrap #headerInner #header #shoppingBox {
	right: 81px;
}
#Wrap #headerWrap #headerInner #header #relationBox {
	right: 70px;
}
#Wrap #headerWrap #headerInner #header h1 {
	position: absolute;
	left: 0;
	top: 0;
}
#Wrap #headerWrap #headerInner #header p.logo {
	position: absolute;
	left: 0;
	top: 0;
}
#Wrap #headerWrap #headerInner #header h1 img {
	padding: 45px 0 30px 30px;
}
#Wrap #headerWrap #headerInner #header p.logo img {
	padding: 45px 0 30px 0;
}
#headerMenuArea {
	float: right;
	width: 950px;
	padding: 10px 0px 0 0;
	zoom: 1;
	margin-left: -2px;
}
#headerMenuArea:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.headerMenu {
	padding: 0 0 10px 0;
	text-align: right;
	zoom: 1;
	width: 960px;
}
.headerMenu:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.uNav {
	width: 340px;
	position: absolute;
	top: 90px;
	right: 80px;
}
.uNav li {
	display: inline;
	padding: 0 0 0 10px;
}
#contentWrap #topicpath {
	color: #000;
	background: #fff;
}
#contentWrap #mainfeatWrap {
	background: #fff;
}
#contentWrap #topicpath.backBlack li a {
	color: #000;
}
/*カート系・登録系*/
.btmuNav {
	float: right;
	width: 165px;
}
.btmuNav li {
	display: inline;
	padding: 0 0 0 10px;
}
.loginArea {
	float: right;
	padding-right: 5px;
	margin: 0 0 0 5px;
	background: none;
}
.loginArea li {
	display: inline;
	padding: 0 0 0 5px;
}
.header_point {
	float: right;
	text-align: right;
	padding: 0 0 0 10px;
}
p.gest {
	float: right;
	text-align: right;
}
#cart {
	clear: both;
}
#cart table {
	float: right;
	width: 208px;
	margin-right: 84px;
}
#cart table th {
	padding: 0 0 0 12px;
	width: 40px;
	font-weight: bold;
}
#cart table td {
	text-align: left;
}
#cart table .cartimg {
	padding: 0 10px 0 0;
	text-align: left;
	vertical-align: bottom;
}
#cart table .number {
	width: 65px;
}
#cart table .total {
	width: 105px;
}
#cart table .cartbtn {
	padding: 6px 0 1px;
}
/*------グローバルナビゲーション------*/
/* init.cssを上書き*/
#Wrap #headerWrap #headerInner #gNavArea {
	width: 100%;
	background: #fff;
	margin: 0 auto;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}
#Wrap #headerWrap #headerInner #gNavArea:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
/* 幅1000px対応追加 */
#gNavInner {
	width: 1000px;
	margin: 0 auto;
}
#gNavInner:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
/* 幅1000pxに変更 */
#menu {
	clear: both;
	float: left;
	width: 800px;
	padding: 0;
	zoom: 1;
	z-index: 2;
	position: relative;
}
#menu:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#blandMenuNav {
	z-index: 5;
}
#menu ul {
	zoom: 1;
}
#menu img, #blandMenuNav img {
	display: block;
}
#nav ul.navSub li img, #blandMenuNav ul.navSub li img {
	vertical-align: baseline;
}
#nav li {
	display: inline;
	float: left;
}
#nav, #blandMenuNav {
	float: left;
	display: block;
	margin: 0;
	position: relative;
}
#nav {
	padding: 0;
}
#blandMenuNav {
	padding-left: 16px;
}
#nav li, #blandMenuNav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#nav a, #blandMenuNav a {
	display: block;
}
#nav .navSub,
#bland_nav ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
}
* html #nav ul, * html #blandMenuNav ul {
	line-height: 0;
} /* IE6 "fix" */
#nav ul a, #blandMenuNav ul a {
	zoom: 1;
} /* IE6/7 fix */
#nav a.nav {
	width: 95px;
	height: 38px;
	padding: 0 15px 0 14px;
}
#blandMenuNav a.nav {
	width: 218px;
	height: 30px;
}
#nav .navSub {
	padding: 0 25px;
	margin-top: 1px;
}
#nav a#nav01 {
	background: url(../images/cms_parts/common/topnavi02_a_on.gif) no-repeat 0 0;
	width: 54px;
	padding: 0 15px 0 0;
	background-size: 54px 38px;
}
#nav a#nav02 {
	background: url(../images/cms_parts/common/topnavi02_b_on.gif) no-repeat 14px 0;
	width: 62px;
	background-size: 62px 38px;
}
#nav a#nav03 {
	background: url(../images/cms_parts/common/topnavi02_c_on.gif) no-repeat 14px 0;
	width: 74px;
	background-size: 74px 38px;
}
#nav a#nav04 {
	background: url(../images/cms_parts/common/topnavi02_d_on.gif) no-repeat 14px 0;
	width: 74px;
	background-size: 74px 38px;
}
#nav a#nav05 {
	background: url(../images/cms_parts/common/topnavi02_e_on.gif) no-repeat 14px 0;
	width: 82px;
	background-size: 82px 38px;
}
/*#nav a#nav06 { background: transparent url(../images/cms_parts/common/cms_parts/common/topnavi01_f_on.gif) no-repeat left top; }*/
#nav a#nav07 {
	background: url(../images/cms_parts/common/topnavi02_f_on.gif) no-repeat 14px 0;
	width: 111px;
	background-size: 111px 38px;
}
#nav a#nav08 {
	width: 135px;
	height: 38px;
	background-size: 135px 38px;
	background: url(../images/btn_gNav_blandsite_3_on.gif) no-repeat 14px 0;
}
#nav a.nav:hover img, #blandMenuNav a.nav:hover img {
	/*visibility: hidden;*/
}
#nav li a img.off{
	position: relative;
	z-index: 1;
}
#nav li a img.on{
	position:absolute;
	top:0;
	left:14px;
	z-index:0;
}
#nav li a#nav01 img.on{
	left:0px;
}

#nav li.hover a#nav01 img.off {
	visibility: hidden;
}
#nav li.hover a#nav02 img.off {
	visibility: hidden;
}

#nav li.hover a#nav03 img.off {
	visibility: hidden;
}
#nav li.hover a#nav04 img.off {
	visibility: hidden;
}
#nav li.hover a#nav05 img.off {
	visibility: hidden;
}
#nav li.hover a#nav06 img.off {
	visibility: hidden;
}
#nav li.hover a#nav07 img.off {
	visibility: hidden;
}
#blandMenuNav li.hover a#nav08 img.off {
	visibility: hidden;
}
/*プルダウン背景*/
#nav .navSub {
	padding-bottom: 23px;
}
#nav li .navSub .frame .nav_bottom {
	margin-bottom: -6px;
}
#nav li .topnavi01_b {
	width: 477px;
	background: url(../images/cms_parts/common/cms_parts/common/nav_bg3.png) repeat-y;
	margin-left: -3px;
}
#nav li .topnavi01_g {
	width: 323px;
	background: url(../images/cms_parts/common/cms_parts/common/nav_bg2.png) repeat-y;
	margin-left: -4px;
}
#nav ul li {
	padding: 2px 0;
}
#nav ul li a {
	width: 100%;
	display: block;
	color: #333;
	font-weight: normal;
}
#nav ul li.category-ttl {
	border-bottom: solid 1px #cdcdcd;
	margin: 23px 0 6px 0;
	padding: 0 0 10px;
}
#nav ul .category-sttl {
	padding-bottom: 5px;
	font-weight: bold;
}
#nav ul .category-sttl_center {
	padding-right: 13px;
}
#nav ul li.category-sttl a.list, #nav ul p.category-sttl a.list {
	padding-left: 8px;
	font-weight: bold;
	background: url(../images/cms_parts/common/icon_list_category-sttl.gif) left center no-repeat;
}
#nav li .topnavi02_b {
	width: 905px;
	height: 340px;
	background: url(../images/cms_parts/common/topnavi02_b_bg.png) left top no-repeat;
	position: absolute;
	left: -200px;
}
#nav li .topnavi02_c {
	width: 800px;
	height: 296px;
	background: url(../images/cms_parts/common//topnavi02_c_bg.png) left top no-repeat;
	background-size: contain;
}
#nav li .topnavi02_d {
	width: 690px;
	height: 450px;
	background: url(../images/cms_parts/common/topnavi02_d_bg.png) left top no-repeat;
	background-size: contain;
}
#nav li .topnavi02_e {
	width: 657px;
	height: 318px;
	background: url(../images/cms_parts/common/topnavi02_e_bg.png) left top no-repeat;
	background-size: contain;
}


/*-------------------------------

 バナー

-------------------------------*/

#nav li .topnavi02_f {
	width: 278px;
	background: url(../images/cms_parts/common/topnavi02_f_bg.png) left bottom no-repeat;
}
#nav li .topnavi02_g {
	width: 508px;
	height: 276px;
	background: url(../images/cms_parts/common/topnavi02_g_bg.png) left bottom no-repeat;
	margin: 0;
}
#nav .topnavi02_b li.category-ttl {
	width: 625px;
}
#nav .topnavi02_c li.category-ttl {
	width: 340px;
}
#nav .topnavi02_d li.category-ttl {
	width: 660px;
}
#nav .topnavi02_e li.category-ttl {
	width: 340px;
}
#nav .topnavi02_f li.category-ttl {
	width: 180px;
}
#nav .topnavi02_g li.category-ttl {
	width: 220px;
}


/*------ 旧プルダウンスタイル ------*/

#nav .topnavi01_b li.category-ttl {
	width: 430px;
	border-bottom: solid 1px #cdcdcd;
	display: block;
}
#nav .topnavi01_g li.category-ttl {
	width: 270px;
	border-bottom: solid 1px #cdcdcd;
	display: block;
}
#nav ul.topnavi01_b .left {
	width: 113px;
	float: left;
	padding-right: 13px;
	padding-left: 24px;
}
#nav ul.topnavi01_b .center {
	width: 127px;
	float: left;
	padding-right: 13px;
	padding-left: 0;
}
#nav ul.topnavi01_c .left {
	width: 180px;
	float: left;
	padding-left: 24px;
}
#nav ul.topnavi01_d .left {
	width: 180px;
	float: left;
	padding-left: 24px;
	padding-right: 24px;
}
#nav ul.topnavi01_e .left {
	width: 182px;
	float: left;
	padding: 4px 24px 0;
}
#nav .topnavi01_g .frame li {
	margin-left: 24px;
	padding-bottom: 5px;
}
#nav .topnavi01_g .frame .nav_bottom {
	margin: 10px 0 -6px -1px;
}
#nav .category-list02-1 {
	position: absolute;
	top: 54px;
	left: 315px;
}
#nav .category-list02-1 .fwb {
	padding-bottom: 5px;
	font-weight: bold;
}
/*------検索テキストボックス------*/
#search {
	width: 170px;
	position: relative;
}
#search.headerSearch {
	float: right;
	padding: 6px 0 0 0;
	width: 200px;
}
#search.sideSearch {
	/*padding: 0 0 20px 0;
	margin: 0 0 15px 0;
	background: url(../images/cms_parts/common/dot_w.gif) repeat-x left bottom;*/
	display: none; /*いったん非表示。あとで削除 160705*/
}
* html .sideSearch {
	padding: 0 0 20px 0;
	margin: 0 0 15px 0;
	background: url(../images/cms_parts/common/dot_w.gif) repeat-x left bottom;
}
/*検索テキストボックス*/
#headermenukeyword {
	width: 133px;
	padding: 4px 30px 3px 5px;
	height: 17px;
	border: 1px solid #cccccc;
}
#search.headerSearch #headermenukeyword {
	width: 163px;
}
#search input {
	font-size: 12px;
	color: #666;
}
* html #search input {
	font-size: 75%;
}
*:first-child+html #search input {
	font-size: 75%;
}
#search #headermenukeyword + input {
	position: absolute;
	right: 1px;
	top: 1px;
}
#search.headerSearch #headermenukeyword + input {
	position: absolute;
	right: 1px;
	top: 7px;
}
/*================================
SNSアイコン
=================================*/
#snsSideArea {
	clear: both;
	zoom: 1;
}
#snsSideArea:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
#snsSideArea {
	width: 186px;
	margin: 0 0 17px;
}
#snsSideArea li {
	float: left;
	margin-right: 16px;
}
#snsSideArea li.last {
	margin-right: 0;
}
/*------シュウ ウエムラ ブランドサイトへ------*/
#blandMenu {
	float: right;
	width: 175px;
	background: url(../images/bg_gNav_blandsite_2.gif) no-repeat left top;
	padding: 0 0 0 1px;
}
/*------------------------------------------------------------- 正規品保証モーダル*/
/*---------------------------------------------------------------------------*/
#guaranteedoverlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 5000;
	background-color: #000000;
	opacity: 0.75;
	-moz-opacity: 0.75;
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75);
}
#guaranteed {
	display: none;
	position: absolute;
	width: 875px;
	top: 168px;
	left: 0px;
	z-index: 5001;
}
#guaranteed .inner {
	position: relative;
	margin: 0 auto;
	width: 875px;
}
#guaranteed-btn {
	position: absolute;
	top: 15px;
	right: 10px;
}
#guaranteed-btn-close {
	cursor: pointer;
}
#guaranteed-btn-close:hover{
	opacity: 0.7;
	-moz-opacity:0.7;
	filter: alpha("opacity=70");
}
#guaranteed-body {
	position: relative;
	padding: 0 30px 50px;
	background-repeat: no-repeat;
	background-position: left top;
	background: #fff;
}
#guaranteed-title {
	padding: 25px 0 25px 0;
	text-align: left;
	overflow: hidden;
}
#guaranteed-headline1 {
	margin: 0 0 25px;
	text-align: center;
}
#guaranteed-lead {
	margin: 0;
	text-align: center;
}
.guaranteed-detail {
	width: 629px;
	height: 149px;
	margin:0 auto;
	padding: 35px 0 30px;
}
#guaranteed-headline2 {
	padding: 30px 0;
	text-align: center;
}
#guaranteed-logo {
	position: absolute;
	top: 315px;
	left: 53px;
}
#guaranteed-text {
	position: relative;
	margin: 0px;
	text-align: left;
}
#guaranteed-text #shop a {
	position: absolute;
	top: 36px;
	left: 331px;
	width: 70px;
	height: 20px;
}
#guaranteed-text #shop a:hover {
	background:rgba(255,255,255,0.7);
}
/*-------------------------------------------------------------サイドメニュー*/
/*---------------------------------------------------------------------------*/
ul#sideloginArea {
	clear: both;
	padding: 0 0 7px 0;
}
ul#sideloginArea li {
	margin: 0 0 10px 0;
}
#newsletter {
}
#newsletter a {
	display: block;
	width: 170px;
	height: 134px;
}
#newsletter a:hover {
	opacity: 0.70;
	-ms-filter: "alpha( opacity=70)";
	filter: alpha(opacity=70);
}
#point {
}
#point a {
	display: block;
	width: 170px;
}
#point a:hover {
	opacity: 0.70;
	-ms-filter: "alpha( opacity=70)";
	filter: alpha(opacity=70);
}
#snsSideParts li {
	margin-bottom: 20px;
}
#snsSideParts li img {
	vertical-align: bottom;
}
/*-------------------------------------------------------------------フッター*/
/*---------------------------------------------------------------------------*/
#footer ul {
	float: left;
	width: 700px;
	margin: 0 0 0 -7px;
}
#footer ul li {
	border-left: 1px solid #999999;
	display: inline;
	height: 12px;
	line-height: 12px;
	padding: 0 5px 0 6px;
}
#footer ul li a {
	color: #999999;
	font-size: 84%;
	font-weight: normal;
	display: inline-block;
}
/*20160930 SNS banner */
#footer ul#snsFooterArea{
	margin: 0;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #footer ul#snsFooterArea{ margin: 15px 0 0 0; } /* IE11 */
}
#footer ul#snsFooterArea{
	margin: 15px 0 0 0\9;/* IE10以下 */
	*margin: 15px 0 0 0;/* IE7以下 */
	_margin: 15px 0 0 0;/* IE6 */
}
#footer ul#snsFooterArea li{
	border-left: none;
	display: inline;
	height: 22px;
	padding: 0 12px 0 0;
}
#footer ul#snsFooterArea li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
.copyright {
	float: right;
}
/*-----------------------------------------//ここまでヘッダー・ナビ・フッター*/
/*---------------------------------------------------------------------------*/



/*--------------------------------カテゴリー*/
/*---カラーメイク　color make---*/
#colormake {
	clear: both;
	width: 170px;
	padding: 0 0 20px 0;  /*margin:0 0 20px 0;*/
}
#colormake h2 {
	padding: 0 0 15px 0;
	background: url(../images/cms_parts/common/dot_w.gif) repeat-x left bottom;
}
#colormake ul {
	padding: 8px 0;
	background: url(../images/cms_parts/common/dot_w.gif) repeat-x left bottom;
}
#colormake ul li {
}
#colormake ul li a {
	display: block;
	width: 170px;
}
#colormake ul li a:hover {
	opacity: 0.70;
	-ms-filter: "alpha( opacity=70)";
	filter: alpha(opacity=70);
}
/*---スキンケア　skin care---*/
#skincareline {
	margin-bottom: 18px;
}
#skincareline a {
	display: block;
	width: 170px;
	height: 160px;
}
#skincareline a:hover {
	opacity: 0.70;
	-ms-filter: "alpha( opacity=70)";
	filter: alpha(opacity=70);
}
/*--------------------------------商品詳細*/
/*---ベストセラー---*/
#sideBestseller {
}
#sideBestseller a {
	display: block;
	width: 170px;
	height: 235px;
}
#sideBestseller a:hover {
	opacity: 0.70;
	-ms-filter: "alpha( opacity=70)";
	filter: alpha(opacity=70);
}
/*---ランキングー---*/
#sideRanking {
}
#sideRanking {
	margin: 0 0 7px 0;
}
#sideRanking li {
	margin: 0 0 10px 0;
}
#sideRanking li a {
	display: block;
	width: 170px;
	height: 70px;
}
#sideRanking li a:hover {
	opacity: 0.70;
	-ms-filter: "alpha( opacity=70)";
	filter: alpha(opacity=70);
}
/*-------------------------------------------------------------------共通設定*/
/*---------------------------------------------------------------------------*/
/*------.layoutBox------*/
.layoutBox {
	clear: both;
	position: relative;
	zoom: 1;
}
.layoutBox:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.layoutBox h2, .layoutBox h3 {
	margin: 0 0 5px 0;
}
/*------.sidelayoutbox------*/
.sidelayoutbox {
	clear: both;
	margin: 0 0 17px;
	text-align: center;
}
/*------pegeTitle ページ内メインタイトル------*/
/* .pegeTitle { margin:0 0 30px 0; } */
.pegeTitle {
	margin: 0 0 30px 0;
}
.btnbasemakeup {
	margin: -90px 0 50px 529px;
}
/*-----------------------------------------------フォーム設定・共通のテーブル*/
/*---------------------------------------------------------------------------*/

/*---共通テーブル設定 reviewLayoutbox---*/
.formLayoutbox { /*width:760px;*/
	border-top: 2px solid #000;
}
/*---共通テーブル設定 formContents---*/
table.formContents {
	width: 100%;
	border-bottom: 2px solid #000;
}
.formContents tr {
}
.formContents th {
	padding: 10px 10px 10px 40px;
	border-right: 1px solid #b2b2b2;
	background: url(../images/cms_parts/common/dot_w_black.gif) repeat-x left bottom;
}
.formContents td {
	vertical-align: middle;
	background: url(../images/cms_parts/common/dot_w_black.gif) repeat-x left bottom;
}
/*---ライン無　1007・1008・1009・1010---*/
table.formContentsNL {
	width: 100%;
}
.formContentsNL tr {
}
.formContentsNL th {
	padding: 10px 10px 10px 20px;
}
.formContentsNL td {
	vertical-align: middle;
}
/*---テキスト上揃え formContents---*/
table.formContentsVT {
	width: 100%;
	border-bottom: 2px solid #000;
}
.formContentsVT tr {
}
.formContentsVT th {
	vertical-align: top;
	padding: 10px 10px 10px 40px;
	border-right: 1px solid #b2b2b2;
	background: url(../images/cms_parts/common/dot_w_black.gif) repeat-x left bottom;
}
.formContentsVT td {
	vertical-align: top;
	background: url(../images/cms_parts/common/dot_w_black.gif) repeat-x left bottom;
}
/*下ライン*/
.linebtm {
	background: url(../images/cms_parts/common/dot_w_black.gif) repeat-x left bottom;
}
/*ラインを消す*/
.formContents th.linenon, .formContents td.linenon, .formContentsVT th.linenon, .formContentsVT td.linenon {
	background: none;
}
/*タイトル　右のライン  2141 2131 1001*/
.lineR {
	background: url(../images/cms_parts/common/border_R.gif) no-repeat right 5px;
}
/*------フォーム用アラート文字 (*の付いている項目は必ず入力してください。)------*/
.formalertText {
	margin: 0 0 30px 15px;
}
.formalertText p {
	font-size: 117%;
}
.formalertText p.FSnormal {
	font-size: 100%;
}
.formalertText p.FSsmall {
	font-size: 84%;
}
.formalertText p.redText {
	font-weight: bold;
	color: #FF0000;
}
.formalertText p.redText img {
	vertical-align: middle;
}
.formalert {
	padding: 5px 5px 5px 0;
	font-weight: bold;
	color: #FF0000;
}
/*---------------------------------フォーム関連 チェックボックス・ラジオボタン*/
/*---------------------------------------------------------------------------*/
.checkbox_btn, .radbox_btn {
	border: none;
	margin: 0 5px 0 0;
	height: 20px;
}
/*-----------------------------フォーム関連 テキストボックス セレクトボックス*/
/*---------------------------------------------------------------------------*/
/*テキストボックス*/
.inner_tbox01 {
	border: 1px solid #CCCCCC;
	width: 40px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox02 {
	border: 1px solid #CCCCCC;
	width: 90px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox03 {
	border: 1px solid #CCCCCC;
	width: 118px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox04 {
	border: 1px solid #CCCCCC;
	width: 240px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox05 {
	border: 1px solid #CCCCCC;
	width: 160px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox06 {
	border: 1px solid #CCCCCC;
	width: 240px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox07 {
	border: 1px solid #CCCCCC;
	width: 315px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox08 {
	border: 1px solid #CCCCCC;
	width: 320px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox09 {
	border: 1px solid #CCCCCC;
	width: 390px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox10 {
	border: 1px solid #CCCCCC;
	margin: 0 0 5px 1px;
	width: 320px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox11 {
	border: 1px solid #CCCCCC;
	width: 265px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.inner_tbox12 {
	border: 1px solid #CCCCCC;
	width: 245px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
/*セレクトボックス*/
.inner_sbox02 {
	border: 1px solid #CCCCCC;
	margin: 0 0 1px;
	width: 90px;
	padding: 1px 0 0 2px;
	background-image: url(../images/bg_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.inner_sbox03 {
	border: 1px solid #CCCCCC;
	margin: 0 0 1px;
	width: 140px;
	padding: 1px 0 0 2px;
	background-image: url(../images/bg_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.inner_sbox04 {
	border: 1px solid #CCCCCC;
	margin: 0 0 1px;
	width: 70px;
	padding: 1px 0 0 2px;
	background-image: url(../images/bg_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.inner_sbox05 {
	border: 1px solid #CCCCCC;
	margin: 0 0 1px;
	width: 50px;
	padding: 1px 0 0 2px;
	background-image: url(../images/bg_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.inner_sbox06 {
	border: 1px solid #CCCCCC;
	margin: 0 0 1px;
	width: 100px;
	padding: 1px 0 0 2px;
	background-image: url(../images/bg_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.birth {
	border: 1px solid #CCCCCC;
	margin: 0 0 1px;
	padding: 1px 0 0 2px;
	background-image: url(../images/bg_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.sboxsearch {
	border: 1px solid #CCCCCC;
	margin: 0 0 1px;
	width: 116px;
	padding: 1px 0 0 2px;
	background-image: url(../images/bg_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*サイズ指定なし*/
.inner_sbox {
	border: 1px solid #CCCCCC;
	margin: 0 0 1px;
	padding: 1px 0 0 2px;
	background-image: url(../images/bg_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*テキストエリア*/
.form_text01 {
	width: 600px;
	padding: 3px 2px 2px;
	height: 30px;
	border: 1px solid #CCCCCC;
	background: transparent url(../images/bg_form.gif) no-repeat scroll left top;
}
.form_text02 {
	border: 1px solid #CCCCCC;
	height: 250px;
	width: 390px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
.form_text03 {
	border: 1px solid #CCCCCC;
	height: 150px;
	width: 555px;
	padding: 3px 2px 2px;
	background: url(../images/bg_form.gif) no-repeat left top;
}
/*-------------------------------------------------------------共通設定ボタン*/
/*---------------------------------------------------------------------------*/

/*------下のボタン------*/
.btn_area {
	clear: both;
	zoom: 1;
	margin: 30px -3px 0;
}
.btn_area:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.btn_area input {
	vertical-align: top;
}
.btn_area a {
	margin: 0 3px;
	vertical-align: top;
}
/*------コンテンツ内のボタン(center)------*/
.btn_area_center {
	clear: both;
	text-align: center;
	margin-top: 30px;
}
.btn_area_center input {
	vertical-align: top;
	margin: 0 5px;
}
.btn_area_center a {
	vertical-align: top;
	margin: 0 5px;
}
/*------コンテンツ内のテキスト(center)------*/
.text_area_center {
	clear: both;
	text-align: center;
	margin: 30px 0 0 0;
}
/*--------------------------------------------------------------アップグレード*/
/*----------------------------------------------------2121・1004・1004_upgrade*/
.upgradebox {
	border: 1px solid #FF0000;
	margin: 0 auto 30px;
	padding: 10px 20px;
	width: 860px;
}
.upgradebox .upgradetext {
	margin: 5px 0 0 0;
	font-size: 84%;
}
/*---------------------------------------------------全00件中　00-00件表示 共通設定*/
/*-----------------------------------------------------------------2041・0211・0110*/
/*---全00件中　00-00件表示  0110.0211---*/
.topicbox { /*width:760px;*/
	margin: 0;
	zoom: 1;
}
.topicbox:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
/*---全00件中 00-00件表示---*/
.topic_result li {
	float: left;
	margin: 4px 0;
}
/*---ページ選択---*/
.topic_number li {
	float: right;
	margin: 4px 0;
}
/*-----------------------------静的ページパンくず調整*/
/*---------------------------------------------------------------------------*/
#topicpath.white {
	margin-bottom: 0px !important;
}
/*-----------------------------動的ページパンくず調整*/
/*---------------------------------------------------------------------------*/
#topicpath ol {
	margin: 0 auto;
	padding: 0 10px;
	width: 960px;
}
/*-----------------------------年末年始メッセージ調整 2012/12/16*/
/*---------------------------------------------------------------------------*/
.topmessage {
	font-weight: bold;
	color: #FFFFFF;
}
/*-----------------------------年末年始メッセージ調整 2013/12/17*/
/*---------------------------------------------------------------------------*/

#topmessage {
	font-weight: normal;
	position: absolute;
	top: 92px;
	left: 0px;
}
#topmessage a:link {
	text-decoration: underline;
}
#topmessage a:hover {
	text-decoration: none;
}
#topmessage a:link, #topmessage a:visited, #topmessage a:hover {
	color: #FFFFFF;
}
/*-----------------------------SNS*/
/*---------------------------------------------------------------------------*/
#sns_btn {
	clear: both;
	height: 20px;
	margin: 17px 0 0 40px;
}
#sns_btn li {
	float: left;
	height: 20px;
}
#sns_btn li.facebook {
	width: 110px;
}
#sns_btn li.twitter iframe.twitter-share-button {
	width: 100px!important;
}
/*--- rollover ---*/
a:hover img.alpha, input:hover.alpha {
	opacity: 0.70;
	-ms-filter: "alpha( opacity=70)";
	filter: alpha(opacity=70);
}
/*----- clearfix -----*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
/zoom: 1;
} /* IE6,IE7 */
/*----- a:hover -----*/
.btn_on:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#subfeats li, #mainfeatArea .mainfeatSub li {
	background-color: #fff;
}
#mainfeatArea .mainfeatSub li.last {
	background: none;
}
/*----- map area line -----*/
area {
	border: none;
	outline: none
}
/*----- mac chrome カラム落ち対応 -----*/
#contentsArtistSelection {
	width: 961px !important;
}
/*----- ショッピングライトナビ　バナー重複対応 -----*/
.btmpage .side_bnr_none {
	display: none;
}
/*----- 201606628 nNav -----*/
/*.headerMenu .uNav a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	/*-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	/*-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	/*-khtml-opacity: 0.7;              /* Safari 1.x */
/*}
/*----- グロナビ下の配送料無料バナー 20160715 -----*/
/*.free_shopping_bnrArea{
	background:#fff;
}
.free_shopping_bnrArea p{
	width: 1000px;
    margin: 0 auto;
}
#topSlideArea.toppageSlide{
	margin-top:10px;
}*/

/*================================================================================
 グローバルトップ改修 phase2対応
=================================================================================*/

/* 2016.06 ページトップ */
#page-top {
	background: #404040 none repeat scroll 0 0;
	border: 1px solid #333333;
	bottom: 100px;
	color: #fff;
	position: fixed;
	right: 50px;
	z-index: 9999;
}
#page-top a {
	color: #ffffff;
	display: block;
	height: 38px;
	padding-top: 12px;
	text-align: center;
	text-decoration: none;
	line-height: 1.8;
	width: 50px;
	font-weight: normal;
}
/*================================================================================
 グローバルナビ改善 2016/10/01 add
=================================================================================*/
#menu .mt20 {
	margin-top: 20px;
}
#menu .category_item {
	width: 100%;
	float: none;
	overflow: hidden;
}
#menu .category_item_inner {
	margin-right: 35px;
	float: left;
}
#menu .category_item_inner li {
	padding-left: 10px;
	float: none;
}
#gNavArea #menu .category_item_inner.last {
	margin-right: 0;
}
#menu .category_item_inner li.sttl-link {
	padding-left: 0;
}
/*ベスト・人気・レビュー*/
#menu .category_item_bold.f_none {
	float: none;
	clear: both;
}
#gNavArea #menu .category_item_bold.last {
	margin-right: 0;
}
#menu .category_item_bold li {
	padding: 2px 0 7px 10px;
}
#menu .category_item_bold a.list {
	padding-left: 8px;
	font-weight: bold;
	background: url(../images/cms_parts/common/cms_parts/common/icon_list_category-sttl.gif) left center no-repeat;
}




/*-------------------------------

 ツール・ヘアケア

-------------------------------*/

#tool_hair {
	position: relative;
}
#tool_nav {
	left: -370px;
}
#tool_nav .category-ttl {
	position: absolute;
	top: -5px;
	left: 30px;
	margin: 0;
	padding: 0;
}
#tool_nav #haircare_ttl {
	left: 410px;
}
#tool_nav .category_item {
	width: 350px;
	height: 300px;
	position: absolute;
	top: 45px;
	left: 50px;
}
#tool_nav .last {
	position: absolute;
	left: 190px;
}
#tool_nav #haircare {
	left: 430px;
}


/*-------------------------------

 シュウ ウエムラについて

-------------------------------*/

#brand_nav {
	background: url(../images/bg_gNav_blandsite_2.gif) no-repeat left top;
}
#brand_nav .navSub {
	left: -120px;
	margin: 0;
}


/*-------------------------------

 バナー

-------------------------------*/

#menu .category_item_bnr {
	float: right;
	overflow: visible;
	z-index: 9999px;
}
#menu .category_item_bnr li {
	margin-right: 25px;
	float: left;
}
#menu .category_item_bnr li.last {
	margin-right: 0;
}

/* スキンケア */
#menu .topnavi02_b .category_item_bnr {
	position: absolute;
	top: 46px;
	right: 80px;
}
/* ベースメイク */
#menu .topnavi02_c .category_item_bnr {
	position: absolute;
	top: 46px;
	right: 260px;
}
#menu .topnavi02_c .last {
	right: 30px;
}
/* カラーメイク */
#menu .topnavi02_d .category_item_bnr {
	position: absolute;
	top: 210px;
	left: 35px;
}
#menu .topnavi02_d .category_item_inner {
    margin-right: 77px;
}
#menu .topnavi02_d .center {
	left: 260px;
}
#menu .topnavi02_d .last {
	left: 485px;
}

/* ツール */
#tool_nav .category_item_bnr {
	position: absolute;
	top: 40px;
	left: 450px;
}
/* ブランド */
#brand_nav .category_item_bnr {
	position: absolute;
	top: 45px;
	right: 80px;
}