﻿@charset "utf-8";
/* CSS Document */

div#navi_container {
	width:180px;
	}


p.content_title {
	font-size:11px;
	letter-spacing:5px;
	padding:0px 0 5px 0;
	font-weight:bold;
	color:#303030;
	border-bottom:1px solid #cccccc;
	text-align:center;
	margin:40px 0 5px 0;
	}


 div.special_container:before {
	content:"SPECIAL";
	text-align:left;
    display: block;
    font-size: 140%;
    margin: 0 0 15px 0;
    padding: 20px 0 5px 0;
    letter-spacing: 3px;
    border-bottom: 1px dotted #cccccc;
	}
div.special_container{
	margin:0 0 30px 0;
	}
div.special_container ul li{
	width:180px;
	}
div.special_container ul li img{
	width:100%;
	}

.feature_link {
	text-align:center;
	}

.feature_link a {
	padding:5px;
	display:block;
	border:1px solid #000000;
	color:#000000;
	}

.feature_link a:hover {
	opacity:0.5;
	color:#000000;
	}

.feature_link a i {
	margin:0 0.5em 0 0;
	}


div.yoyaku_banner {
	width:180px;
	height:240px;
	margin:10px 0 20px 0;
	}

div.yoyaku_banner div {
	overflow:hidden;
	}
div.yoyaku_banner span.txt{
	display:block;
	width:180px;
	}


div.pickupitem_container:before {
	content:"PICK UP ITEM";
	text-align:left;
    display: block;
    font-size: 140%;
    margin: 0 0 5px 0;
    padding: 20px 0 5px 0;
    letter-spacing: 3px;
    border-bottom: 1px dotted #cccccc;
	}


div.pickupbrand_container:before {
	content:"PICK UP BRAND";
	text-align:left;
    display: block;
    font-size: 140%;
    margin: 0 0 15px 0;
    padding: 20px 0 5px 0;
    letter-spacing: 3px;
    border-bottom: 1px dotted #cccccc;
	}

div.navi_banner_container {
	margin:10px 0 20px 0;
	}

div.navi_banner_container div {
	margin-top:10px;
	}

div.navi_banner_container div img {
	width:100%;
	}

div.navi_banner_container span.txt {
	display:block;
	}


div.facebook_likebutton_container {
	margin:20px 0;
	border:1px solid #c3ccdf;
	background:#e7ebf2;
	text-align:center;
	border-radius:2px;
	}

div.facebook_likebutton_logo {
	margin:40px 0 20px 0;
	}

div#facebook_wall {
	margin:20px 0;
	background:url("../img/icon/facebook_fukidashi.gif") no-repeat top center;
	padding-top:15px;
	}

div#facebook_wall iframe {
	background:#ffffff;
	}

div.facebook_likebutton_container p {
	padding-top:20px;
	margin:20px;
	color:#405d9b;
	text-align:center;
	border-top:1px dotted #8da6d9;
	line-height:1.5em;
	}

a.facebook_likebutton_entry {
	font-size:10px;
	padding:5px;
	display:block;
	border-radius:5px;
	color:#223f7a;
	border:1px solid #c3ccdf;
	}

a.facebook_likebutton_entry:hover {
	background:#3b5998;
	color:#ffffff;
	}


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

.review_title {
	margin:20px 0 0 0;
	}

div#review_container a {
	display:block;
	padding:20px;
	border-radius:2px;
	border:1px solid #cccccc;
	}

div#review_container a:hover {
	opacity:0.5;
	}

p#review_point {
	font-size:21px;
	color:#bf0000;
	margin:0 0 15px 0;
	}

p#review_point span {
	display:block;
	}

p#review_point span img {
	width:8px;
	height:8px;
	margin:0 2px;
	}

p#review_total {
	font-size:10px;
	}

p#line {
   border-bottom:1px dotted #836C52;
}


div.form_container:before {
	content:"SEARCH";
	text-align:left;
    display: block;
    font-size: 140%;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    letter-spacing: 3px;
    border-bottom: 1px dotted #cccccc;
	}

div.form {
	margin:20px 0;
	padding:10px;
	overflow:hidden;
	background:#FFFFFF;
	}
div.form p {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	letter-spacing:5px;
	margin-bottom:10px;
	}

div.form ul {
	font-size:10px;
	margin-top:10px;
	padding-top:10px;
	overflow:hidden;
	border-top:1px dotted #ebe3d9;
	}

div.form li {
	float:left;
	overflow:hidden;
	margin:2px;
	}

div.form li a {
	display:block;
	padding:2px 5px;
	background:#ffffff;
	}

div.form li a:hover {
	background:#000000;
	color:#ffffff;
	}

input.search_area {
	font-size:10px;
	border:1px solid #cccccc;
	height:20px;
	width:126px;
	letter-spacing:1px;
	color:#000000;
	border-radius:2px;
	position:relative;
	padding:5px 5px 5px 27px;
	}

.search_form {
	position:relative;
	}

.search_form:before {
	font-family:FontAwesome;
	content:"\f002";
	color:#000000;
	position:absolute;
	top:10px;
	left:10px;
	z-index:9999;
	font-size:11px;
	}

input.search_button {
	}


div.brand_list_container {
	margin:10px 0;
	}
div.brand_list_container:before {
	content:"";
	text-align:left;
    display: block;
    font-size: 140%;
    margin: 0 0 3px 0;
    padding: 3px 0 5px 0;
    letter-spacing: 3px;
    border-bottom: 0px dotted #cccccc;
	}
div.brand_list_wrap {
	margin:20px 0;
	}

ul.item_open,ul.item_hide {
	list-style-type:none;
	width:100%;
	margin:10px 0;
	}

ul.item_open li,ul.item_hide li {
	/*border-bottom:1px dotted #cccccc;*/
	}

ul.item_open li:last-child {
	border-bottom:1px dotted transparent;
	}

li.item_button {
	padding:5px;
	cursor:pointer;
	font-size:15px;
	color:#303030;
	}

li.item_button:hover {
	opacity:0.5;
	}

li.item_button p {
	color:#999999;
	float:right;
	}

li.item_button p:hover {
	color:#303030;
	}

li.item_button_red a {
	color:#BF0000;
	}

li.item_button_red a:hover {
	color:#990000;
	}

ul.item_open a,ul.item_hide a {
	display:block;
	padding:5px;
	overflow:hidden;
	white-space:nowrap;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	}

ul.item_open span,ul.item_hide span {
	display:block;
	color:#cccccc;
	font-size:10px;
	overflow:hidden;
	white-space:nowrap;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	}

ul.item_hide {
	font-size:10px;
	overflow:hidden;
	white-space:nowrap;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	}

div.price_container {
	margin:20px 0;
	width:180px;
	}
div.price_container:before {
	content:"PRICE SEARCH";
	text-align:left;
    display: block;
    font-size: 140%;
    margin: 0 0 15px 0;
    padding: 10px 0 5px 0;
    letter-spacing: 3px;
    border-bottom: 1px dotted #cccccc;
	}


div.style_item_container {
	margin:20px 0;
	width:180px;
	}
div.style_item_container:before {
	content:"STYLE SEARCH";
	text-align:left;
    display: block;
    font-size: 140%;
    margin: 0 0 15px 0;
    padding: 10px 0 5px 0;
    letter-spacing: 3px;
    border-bottom: 1px dotted #cccccc;
	}
ul.style_open,ul.style_hide,ul.style_open_solo{
	list-style-type:none;
	}

ul.style_open li:hover,ul.style_hide li:hover,ul.style_open_solo li:hover {
	color:#772141;
	text-decoration:underline;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	}

ul.style_open li,ul.style_open_solo li {
	/*border-bottom:1px dotted #eeeeee;*/
	background-color: #EEE;
	padding:0 0 0 0;
	color:#c7ba8d;
	cursor:pointer;
	font-size:11px;
	margin:5px;
	}

ul.style_open a,ul.style_hide a,ul.style_open_outlet a{
	display:block;
	padding:5px;
	}
ul.style_open_solo a {
	display:block;
	padding:0;
}
ul.style_hide,ul.style_open_solo{
	margin-bottom:20px;
	}

ul.style_hide li{
	font-size:10px;
	margin:0 20px 0 25px;
	}

ul.style_open li a,ul.style_hide li a ,ul..style_open_solo li a{
	text-shadow:1px 0 0 #ffffff;
	}
ul.style_open_outlet a{
	color:#BF0000;
	}
ul.style_open_outlet a:hover{
	color:#990000;
	text-decoration:underline;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	}


div#vertical_banner_container {
	margin:20px 0;
	}

div#vertical_banner {
	}

div#vertical_banner ul {
	width:180px;
	}

div#vertical_banner li {
	padding:0;
	text-align:center;
	}

div#vertical_banner li img {
	width:180px;
	height:180px;
	}

div.prev a,div.next a {
	width:180px;
	display:block;
	padding:10px 0;
	text-align:center;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-ms-opacity:0.5;
	opacity:0.5;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}

div.prev a:hover,div.next a:hover {
	opacity:1.0;
	}


div#vertical_banner_container_puti{
	margin:50px 0 20px 0;
	width:180px;
	padding-bottom:3px;
	}
div#vertical_banner_container_puti:before {
	content:"PETIT PRICE";
	text-align:left;
    display: block;
    font-size: 140%;
    margin: 0 0 15px 0;
    padding: 10px 0 5px 0;
    letter-spacing: 5px;
    border-bottom: 1px dotted #cccccc;
	}
div#vertical_banner {
	}
div#vertical_banner_container_puti p{
	text-align:center;
	font-size:8px;
	padding:5px 0;
	}
p.puti_title{
	font-weight:bold;
	text-align:center;
	padding:12px 0;

	}
div#vertical_banner_puti ul {
	width:180px;
	}

div#vertical_banner_puti li {
	padding:0;
	text-align:center;
	}
div#vertical_banner_container_puti div.style_item_container a{
	color:#FFFFFF;
	}
div#vertical_banner_container_puti div.style_item_container{
	margin:10px 0 0 0;
	}
div.prev a,div.next a {
	width:180px;
	display:block;
	padding:10px 0;
	text-align:center;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	-ms-opacity:0.5;
	opacity:0.5;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}

div.prev a:hover,div.next a:hover {
	opacity:1.0;
	}



.on_border img {
	width:180px !important;
	border:1px solid ransparent;
	}

.on_border img:hover {
	opacity:0.5;
	}


.on_the_border a {
	border-bottom:1px dotted #cccccc;
	margin:0 0 0 0;
	display:block;
	}

.on_the_border img:hover {
	opacity:0.5;
	}




.info_banner_container ul li a{
	padding:10px;
	background-color:#777777;
	color:#FFFFFF;
	display:block;
	text-align:right;
	margin:5px 0;
	}
.info_banner_container ul li a:hover{
	opacity:0.6;
	}
