/* common */
/* --------------------------------------------------- */
.fs8{font-size:8px  !important;}
.fs9{font-size:9px  !important;}
.fs10{font-size:10px  !important;}
.fs11{font-size:11px  !important;}
.fs12{font-size:12px  !important;}
.fs14{font-size:14px  !important;}
.fs16{font-size:16px  !important;}
.fs18{font-size:18px  !important;}

.area-header{
font-size:12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*border:#d7d7d7 1px solid;*/
}
.area-header_free{
position: relative;
margin:0 0 10px 0;
}
.pic__area-header{
}
.area-header_common img {
border:0;
vertical-align:bottom;
}
.area-header_common h1 {
margin: 0;
padding: 0;
}
.area-header_common h2.ttl {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 10px 20px 0 20px;
}
.area-header_common .linkarea {
width:988px;
margin:0px;
padding:0;
}
h1{font-size:16px;}
h2,h3{font-size:14px;}
/* SNS */
/* --------------------------------------------------- */
.area-header_free .feature-snslist{
margin:0 0 10px;
position: absolute;
top: -37px;
}
.feature-snslist ul{
position:relative;
height:22px;
}
.feature-snslist li{
position:absolute;
top:0;
left: 875px;
}
.feature-snslist .snslist--twitter{
left: 800px;
}
/* .snslist--twitter iframe{
width: 70px !important;
} */

/* clearfix */
/* --------------------------------------------------- */
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix {
zoom: 1;
}
/* Hide Mac IE \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* textlink */
/* --------------------------------------------------- */
.textlink{
clear:both;
width:978px;
margin:0px;
padding:0px;
line-height:1.5;
}
.textlink ul{
margin:0;
padding: 20px 20px 10px 20px;
list-style:none;
float:left;
}
.textlink li{
float:left;
white-space:nowrap;
font-size:12px;
padding:0 0 6px 0;
}
.textlink li a:link {font-size:12px; color: #000; text-decoration: none;}
.textlink li a:visited {font-size:12px; color: #000; text-decoration: none;}
.textlink li a:hover {font-size:12px; color: #000; text-decoration: underline;}
.textlink li a:active {font-size:12px; color: #000; text-decoration: underline;}

/* free */
/* --------------------------------------------------- */
.free{
clear:both;
width:988px;
margin:0px;
padding:0px;
line-height:1.5;
}
.pic__caution{
margin:0;
padding:15px;
}
.pic__caution strong {
font-weight:bold;
}
.pic__caution .em{
color:#FF3366;
font-weight:normal;
}

.pic__caution {font-size:12px; color: #000; text-decoration: none;}
.pic__caution a:link {font-size:12px; color: #000; text-decoration: underline;}
.pic__caution a:visited {font-size:12px; color: #000; text-decoration: underline;}
.pic__caution a:active {font-size:12px; color: #000; text-decoration: none;}

/* --------------------------------------------------- */
/* pic_btn */
/* --------------------------------------------------- */
.pic_btn {
clear:both;
width: 988px;
padding: 15px 0 5px 0;
}
.pic_btn ul {
list-style: none;
overflow:hidden;
margin: 0;
padding:0;
}
.pic_btn ul li {
float:left;
padding:0;
}
.pic_btn ul li.clear {
clear:both;
}

.pic_btn ul.ver01  {text-align:center;}
.pic_btn .ver01 li {width:610px; margin:0 auto; float:none;}
.pic_btn .ver02 li {width:487px;}
.pic_btn .ver03 li {width:325px;}
.pic_btn .ver04 li {width:243px;}
.pic_btn .ver05 li {width:195px;}
.pic_btn .ver06 li {width:162px;}
.pic_btn .ver07 li {width:139px;}

.pic__btn-list+.pic__btn-list .pic_btn{
padding-top:0;
}
.pic_btn a {
height: 50px;
line-height: 50px;
display: block;
padding: 0 10px;
margin:0 0 10px 15px;
text-decoration: none;
font-weight: bold;
font-size: 12px !important;/*�{�^���̃e�L�X�g�T�C�Y�͂����̐����𒲐�*/
color: #000 !important;/*�{�^���̃e�L�X�g�J���[�͂����𒲐�*/
text-decoration: none !important;
border:1px solid #CCCCCC ;
background-color: #f4f4f4;
/*background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0%,#f4f4f4),
color-stop(100%,#f0f0f0)
) ;
background-image: -webkit-linear-gradient(
top,
#f4f4f4 0%,
#f0f0f0 100%
);
background-image: -moz-linear-gradient(
top,
#f4f4f4 0%,
#f0f0f0 100%
) ;
background-image: linear-gradient(
top,
#f4f4f4 0%,
#f0f0f0 100%
);*/
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
/*box-shadow: 0px 1px 3px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.4);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.4);
-moz-box-shadow: 0px 1px 3px rgb(0,0,0,0.2),inset 0px 1px 0px rgba(255,255,255,0.4);*/
text-align: center;
font-family:"���C���I", Meiryo, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
  /*behavior: url("../../../fw/css/PIE.htc");*/
}
.pic_btn a:hover {
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
text-decoration: none;
font-size: 12px !important;
}
/* --------------------------------------------------- */
/* item �m�x���e�B */ 
/* --------------------------------------------------- */
.item {
clear:both;
width:988px;
margin: 0;
padding: 0;
}
.item ul {
list-style: none;
margin: 0;
padding: 0;
overflow:hidden;
}
.item .info {
margin:0;
padding:15px 0;
width:100%;
min-height:72px;
}
.item.size70 .item-column02 .info {
width:50%;
float:left;
}
.item .info img{
margin:0 15px 5px 15px;
float:left;
width:70px;
}
.item.size70 .info img{
border:1px #CCCCCC solid;
width:70px;
}
.item.size70 .info dl{
margin:0;
line-height:1.5;
font-size:12px;
padding-right:13px;
}
.item.size70 .info dt {
font-weight:bold;
}
.item .info .pic-cation {
display:block;
font-size:10px;
line-height:1.3;
}
.item.size300 {
box-sizing:border-box;
width: 990px;
border: 1px solid #ddd;
}
.item.size300 .info{
overflow:hidden;
}
.item.size300 .info{
border-top: dotted 1px #7d7d7d;
}
.item.size300 .info:first-child{
border-top: none;
}
.item.size300 .info img {
width: 300px;
height:auto;
border-right: dotted 1px #7d7d7d;
margin-bottom: 0;
padding: 0 20px 0 5px;
}
.item.size300 .info dl {
text-align:left;
font-size:12px;
}
.item.size300 .info dl dt {
font-size: 18px;
font-weight: bold;
line-height: 1.8;
}
.item .info .txt02 a:link {font-size:12px; color: #000; text-decoration: none;}
.item .info .txt02 a:visited {font-size:12px; color: #000; text-decoration: none;}
.item .info .txt02 a:hover {font-size:12px; color: #000; text-decoration: underline;}
.item .info .txt02 a:active {font-size:12px; color: #000; text-decoration: underline;}


/* --------------------------------------------------- */
/* text */
/* --------------------------------------------------- */
.text{
clear:both;
width:988px;
margin:0px;
padding:0px;
line-height:1.5;
}
.text .ttl {
padding:10px 0 6px 20px;
margin:0;
}
.text ul{
margin:0;
padding:6px 20px 10px 20px;
list-style:none;
float:left;
}
.text li{
float:left;
white-space:nowrap;
font-size:12px;
padding:0 0 6px 0;
color:#333;
}
.text li a:link {font-size:12px; color: #000; text-decoration: none;}
.text li a:visited {font-size:12px; color: #000; text-decoration: none;}
.text li a:hover {font-size:12px; color: #000; text-decoration: underline;}
.text li a:active {font-size:12px; color: #000; text-decoration: underline;}

.text li:last-child .pic-slash{
display:none;
}

/* --------------------------------------------------- */
/* border */
/* --------------------------------------------------- */
.border{
clear: both;
margin: 0 15px 5px 15px;
line-height:0;
height: 5px;
border-bottom: #d7d7d7 1px dotted;
}
.border hr {
display: none;
}
/* --------------------------------------------------- */
/* banner �{�^���E���� */
/* --------------------------------------------------- */
.banner {
clear:both;
margin: 0;
padding: 15px;
}
.banner ul {
list-style: none;
margin: 0 5px 0 0;
padding: 0;
text-align:center;
}
.banner ul li {
display:inline;
padding:0 15px 0 0;/*2���т̊Ԋu�͂����̐����𒲐�*/
}
/* --------------------------------------------------- */
/* �s���N�F btn */ 
/* --------------------------------------------------- */
.pic_btn .pink a{
background-color: #f57e91;
/*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f57e91),color-stop(100%,#f15663));
background-image: -webkit-linear-gradient(top,#f57e91 0%,#f15663 100%);
background-image: -moz-linear-gradient(top,#f57e91 0%,#f15663 100%);
background-image: linear-gradient(top,#f57e91 0%,#f15663 100%);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 #f9b2be inset;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 #f9b2be inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 0 #f9b2be inset;*/
border: 1px solid #b33d47;
color:#fff !important;
}
/* --------------------------------------------------- */
/* Light btn PC=�� */ 
/* --------------------------------------------------- */
.pic_btn .light a{
background-color:#fff ;
/*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#fff)) ;
background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%) ;
background-image: -moz-linear-gradient(top,#fff 0%,#fff 100%) ;
background-image: linear-gradient(top,#fff 0%,#fff 100%) ;*/
color:#000;
}
/* --------------------------------------------------- */
/* �摜�t���{�^�� img-list */
/* --------------------------------------------------- */
.pic__btn-list li a{
height: 56px;
line-height: 56px;
}
.pic_btn .img-list01 a,
.pic_btn .img-list02 a,
.pic_btn .img-list03 a,
.pic_btn .img-list04 a,
.pic_btn .img-list05 a,
.pic_btn .img-list06 a,
.pic_btn .img-list07 a,
.pic_btn .img-list08 a,
.pic_btn .img-list09 a,
.pic_btn .img-list10 a{
background: url("/s/pic/img/img-list01.png") 8px center no-repeat #f0f0f0;
-webkit-background-size: 80px;
-moz-background-size: 80px;
background-size: 80px;
padding-left: 85px;
font-size: 11px;
height: 56px;
line-height: 56px;
}
.pic_btn .img-list01.light a,
.pic_btn .img-list02.light a,
.pic_btn .img-list03.light a,
.pic_btn .img-list04.light a,
.pic_btn .img-list05.light a,
.pic_btn .img-list06.light a,
.pic_btn .img-list07.light a,
.pic_btn .img-list08.light a,
.pic_btn .img-list09.light a,
.pic_btn .img-list10.light a{
background: url("/s/pic/img/img-list01.png") 8px center no-repeat #fff;
}

/* --------------------------------------------------- */
/* ���W�֖߂�{�^�� */
/* --------------------------------------------------- */
.pic__feature-back {
position:relative;
padding:10px 0;
height: 45px;
}
.pic__feature-back .pic_btn{
position:absolute;
left:0;
top:0;
width:195px;
}
.pic__feature-back .pic_btn a{
padding:0;
height:35px;
line-height:35px;
font-size:11px;
color:#919191;
text-decoration:none;
/*background:url("/res/p/shared/img/button.png") 10px 14px ,linear-gradient(to bottom, #f4f4f4, #f0f0f0);*/
background:url("/res/p/shared/img/button.png") 10px 14px #f4f4f4; /* IE8�ȉ� */
background-repeat:no-repeat;
}
/* --------------------------------------------------- */
/* �u�����h index */
/* --------------------------------------------------- */
#brand_index_list--brand-name ul{
width:100%;
overflow:hidden;
}
#brand_index_list--brand-name .index-wrap{
margin:10px 20px;
font-weight:bold;
}
.auto-brand-list-index ul{
padding: 0;
font-weight:normal;
}
.index-wrap-tit{
overflow: hidden;
}
/* --------------------------------------------------- */
/* 3�J���� */
/* --------------------------------------------------- */
.search-result.search-result-column03{
width:830px;
}
.search-result-column03 .search-result__list{
width:240px;
margin:0 35px 35px 0;
}
.search-result-column03 .search-result__list:nth-child(4n){
margin:0 35px 35px 0;
}
.search-result-column03 .search-result__item__icon-area{
width:240px;
}
.search-result-column03 .search-result__item--photo img{
width:240px;
height:320px;
}
/* clearfix */
/* --------------------------------------------------- */
.pic__img-info.pic__img-info--USG .item .item-column01 .info img{
width: 320px;
height: 160px;
padding-right: 15px;
}
.pic__img-info.pic__img-info--USG .item .info{
min-height: 160px;
}
/* �J�e�S���e�L�X�g�폜 */
/* --------------------------------------------------- */
.search-category-top{
display:none;
}
/* �ʔN���v�y�[�W */
/* --------------------------------------------------- */
.demand-page .title{
margin-bottom:10px;
}
.demand-page h2{
font-weight: normal;
font-size:12px;
}
/* ���C�ɓ���u�����h */
/* --------------------------------------------------- */
.pic-fav-brand .facet__item-brand-fav,
.pic-fav-brand facet__item-brand-fav-nologin{
padding:10px 20px;
}
.pic-fav-brand .facet__item-brand-fav .h2-heading{
margin-bottom:6px;
}
.pic-fav-brand .facet__item-brand-fav .h2-heading span{
font-size:11px;
font-weight:normal;
}
.pic-fav-brand .search-page-brand-fav-list .facet__common-link{
float:left;
margin-right: 20px;
}
.pic-fav-brand .facet__common-value{
border:none;
margin:0;
padding:0;
}
.pic-fav-brand .facet__item-brand-fav-nologin{
text-align:left;
border: 1px solid #d7d7d7;
padding:10px;
margin:10px 0;
font-size:13px;
}
.pic-fav-brand .facet__item-brand-fav-nologin h3{
margin-bottom: 4px;
}
.pic-fav-brand .facet__item-brand-fav-nologin .facet__fav-nologin-btn{
margin-top: 2px;
}
/* recommend */
/* --------------------------------------------------- */
#pic__recommend{
margin-top:20px;
}
#pic__recommend h2{
padding:0 0 5px 2px;
color:#333;
font-size:23px;
font-weight:bold;
}
#pic__recommend h2 span{
color:#333;
font-size:14px;
display: inline-block;
margin-left:5px;
}
#pic__recommend .recommend-txt{
color:#333;
font-size:11px;
margin-bottom:10px;
}
#pic__recommend .dv_recommend{
overflow:hidden;
width: 1020px;
}
#pic__recommend .dv_recommend .dv_rc_items{
display: inline-block;
width: 180px;
margin: 0 23px 23px 0;
vertical-align:top;
}
#pic__recommend .dv_recommend .dv_rc_items a{
display:block;
}
#pic__recommend .dv_recommend .dv_rc_items img{
width:100%;
}
/* --------------------------------------------------- */
/* �^�C�g���e�L�X�g */
/* --------------------------------------------------- */
.pic__title-box{
color:#464646;
margin:40px 0 30px;
line-height: 1.2;
}
.pic__title{
font-size:28px;
font-weight:bold;
letter-spacing: 2px;
}
.pic__description{
margin-top:15px;
line-height: 1.4;
font-size:12px;
}