﻿
#user-tools{
width:100%;
position:relative!important;
z-index:1000;
clear:both;
padding: 0px 0px 10px 0px;
}

#user-tools .user-tools-wrap{
/*border-top:1px solid #0097cb;*/
padding:9px 0 0 0;
}

/* search-area */

#user-tools .search-area{
/*padding:0 0 6px 0;*/
position:relative;
}

#user-tools .search-area #search-wrap{
margin:0 auto 0 auto;
width:980px;
}

#user-tools .search-area div.selectbox{
display:block;
zoom:1;
position:relative;
width:650px;
height:30px;
background:#FFF;
padding:0 10px 0 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(/css/home/PIE.htc);
float:left;
font-size:16px;
}

/* コンテンツタイプの選択エリア */
#user-tools .search-area .content-type-select{
font-size:100%;
position:absolute;
right:52px;
top:0px;
display:none;
border-left:1px solid #cccccc;
}


#user-tools .search-area .content-type-select ul:after{
content: "";
clear: both;
display: block;
}

#user-tools .search-area .content-type-select li{
float:left;
margin-left:10px;
}

#user-tools .search-area .content-type-select li input[type=checkbox]{
display:none;
}

#user-tools .search-area .content-type-select li input[type=checkbox] + label{
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
position: relative;
display: inline-block;
padding: 0 0 0 23px;
vertical-align: middle;
cursor: pointer;
font-size:88%;
}

#user-tools .search-area .content-type-select li input[type=checkbox] + label:before{
-webkit-transition: border-color 0.2s linear;
transition:border-color 0.2s linear;
position:absolute;
top:50%;
left:4px;
display:block;
margin-top:-8px;
width:12px;
height:12px;
border:1px solid #bbb;

content:'';
}

#user-tools .search-area .content-type-select li input[type=checkbox] + label:after{
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
position: absolute;
top: 50%;
left: 8px;
display: block;
margin-top: -8px;
width: 4px;
height: 8px;
border-right: 3px solid #FFF;
border-bottom: 3px solid #FFF;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#user-tools .search-area .content-type-select li input[type=checkbox]:checked + label:before{
background:#00b1ee;
border:1px solid #00b1ee;
}
#user-tools .search-area .content-type-select li input[type=checkbox]:checked + label:after{
opacity:1;
}

#user-tools .search-area .content-type-select li input[type=checkbox]:disabled + label{
opacity:0.3;
}

/* 商材セレクター */
#user-tools .search-area div.selectbox .select{
display:inline-block;
zoom:1;
color:#262626;
background:#e6e6e6;
text-decoration:none;
cursor:pointer;
-webkit-border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
/*border-top:1px solid #707070;
margin-top:-1px;*/
behavior:url(/css/home/PIE.htc);
overflow:hidden;
font-size: 16px;
}

#user-tools .search-area div.selectbox input.searchtext{
border:none;
border-width:0px;
border-style:none;
outline:none;
margin:0;
vertical-align:middle;
font-size:88%;
position:absolute;
width:460px;
height:28px;
padding-left:10px;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#user-tools .search-area div.selectbox .select{
-webkit-border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
}

#user-tools .search-area div.selectbox .select a{
padding:9px 25px 0 15px;
height:21px;
display: block;
/*background:url(/img/common/btn-arrow03.png) no-repeat right center #f2f2f2;*/
-webkit-border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
behavior:url(/css/home/PIE.htc);
line-height:1;
position:relative;
cursor:default;
font-size:88%;
color:#221815;
font-weight: normal;
}

/* home と font のときはマイナス検索を隠す */
#user-tools .search-area div.selectbox.crosskw div.omitkw{
display:none;
}

/* pull down font menu, sound menu */

#user-tools .search-area div.selectbox .pulldown-creative,
#user-tools .search-area div.selectbox .pulldown-font,
#user-tools .search-area div.selectbox .pulldown-sound{
display:none;
}

/* user tools home */

#user-tools{
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
behavior:url(/css/home/PIE.htc);
}

#user-tools .user-tools-wrap{
padding:8px 8px 8px 20px;
height:30px;
background-color:#595959;
behavior:url(/css/home/PIE.htc);
}

#user-tools .search-area{
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none;
background-color:transparent;
behavior:url(/css/home/PIE.htc);
}

#user-tools .search-area #search-wrap{
width:auto;
}

/* search button */
#user-tools .search-area  #searchbtn{
overflow:hidden;
cursor:pointer;
outline:none;
background:url(/img/header2/btn-search02.png) no-repeat center center #00b1ee;
width:38px;
height:30px;
text-indent:-9999px;
border:none;
position:absolute;
top:0;
right:0;
padding:0;
-webkit-border-radius:0 5px 5px 0;
-moz-border-radius:0 5px 5px 0;
border-radius:0 5px 5px 0;
behavior:url(/css/home/PIE.htc);
}

#user-tools .search-area  #searchbtn:hover{
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

#user-tools .search-area  #optionbtn{
float:left;
font-size:75%;
display:none;
}

#user-tools .search-area #chkhistoryh{
display:none;
}

#user-tools .search-area #chkhistoryh a{
color:#FFF;
display:inline-block;
padding:4px 0 4px 25px;
background:url(/img/common/icon-checkmark01.gif) no-repeat 5px 5px;
border-left:1px solid #2a99c0;
text-decoration:underline;
}

#user-tools .search-area #chkhistoryh a:hover{
color:#99e0f8;
text-decoration:none;
}

#user-tools .search-area  #chkhistory{
display:none;
}

#user-tools .search-area  #optionbtn, #user-tools .search-area  #chkhistoryh{
margin-top:10px;
}

#user-tools .search-area  #optionbtn a{
display:block;
color:#221815;
text-decoration:none;
outline:none;
width:7.5em;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:url(/img/common/btn-arrow03.png) no-repeat 8.2em 0.6em #FFF;
padding:6px 20px 6px 10px;
position:relative;
behavior:url(/css/home/PIE.htc);
}

#user-tools .search-area  #optionbtn.open a{
background:url(/img/common/btn-arrow07.png) no-repeat 8.2em 0.6em #FFF;
}

#user-tools .search-area  #optionbtn a:hover{
color:#ababab;
}

#user-tools .search-area  #optionbtn a span{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:block;
padding:3px;
behavior:url(/css/home/PIE.htc);
}

#user-tools .search-area  #optionbtn.changed a span{
background:#01b1ed;
border-top:#004e68 solid 1px;
border-left:#004e68 solid 1px;
padding:2px 3px 3px 3px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
behavior:url(/css/home/PIE.htc);
}

.tpl-pankuzu{
width: 100%;
background: #595959;
border-top: 1px solid #595959;
}

.tpl-pankuzu ul{
width: 980px;
margin: 3px auto 0 auto;
overflow: hidden;
zoom:1;
}

.tpl-pankuzu li{
float: left;
color: #FFF;
font-size: 75%;
padding-right: 1em;
background: url(/img/common/btn-arrow-pankuzu.png) no-repeat right center;
}

.tpl-pankuzu li.current{
background:none;
}

.tpl-pankuzu li a{
color: #FFF;
text-decoration: none;
}

.tpl-pankuzu li a:hover{
color:#66d0f5;
}

/* optionbar */


#user-tools #optionbar #optionbox #optioncreative,
#user-tools #optionbar #optionbox #optionmotion,
#user-tools #optionbar #optionbox #optionfontdl,
#user-tools #optionbar #optionbox #optionfontpk,
#user-tools #optionbar #optionbox #optionfontweb,
#user-tools #optionbar #optionbox #optionsoundmu,
#user-tools #optionbar #optionbox #optionsoundse{
margin:20px 25px 20px 25px;
}

#user-tools #optionbar #optionbox input{
margin-right:5px;
vertical-align:middle;
}

#user-tools #optionbar #optionbox label{
font-size:75%;
}

#user-tools #optionbar #optionbox select{
margin-right:10px;
font-size:75%;
}

#user-tools #optionbar #optionbox #sort-submit{
margin:0;
padding:5px 15px 5px 15px;
font-size:75%;
position:absolute;
right:20px;
top:0;
outline:none;
color:#FFF;
border:none;
overflow:hidden;
cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:-webkit-gradient( linear, left top, left bottom, from(#646464), to(#343434));
background:-moz-linear-gradient( top, #646464, #343434);
background:-ms-linear-gradient( top, #646464, #343434);
-pie-background:linear-gradient(#646464, #343434);
behavior:url(/css/home/PIE.htc);
}

#user-tools #optionbar #optionbox #sort-submit:hover{
background:-webkit-gradient( linear, left top, left bottom, from(#343434), to(#646464));
background:-moz-linear-gradient( top, #343434, #646464);
background:-ms-linear-gradient( top, #343434, #646464);
-pie-background:linear-gradient(#343434, #646464);
behavior:url(/css/home/PIE.htc);
}

#user-tools #optionbar #optionbox #sort-submit-motion:hover{
background:-webkit-gradient( linear, left top, left bottom, from(#343434), to(#646464));
background:-moz-linear-gradient( top, #343434, #646464);
background:-ms-linear-gradient( top, #343434, #646464);
-pie-background:linear-gradient(#343434, #646464);
behavior:url(/css/home/PIE.htc);
}

#user-tools #optionbar #optionbox h2{
font-size:94%;
font-weight:bold;
margin:0 0 10px 0;
}

#user-tools #optionbar #optionbox .sort-rm-price h2, #user-tools #optionbar #optionbox .sort-rf-price h2{
font-size:75%;
color:#FFF;
}

#user-tools #optionbar #optionbox h3{
font-size:75%;
color:#505055;
margin:0;
padding:0;
}

#user-tools #optionbar #optionbox #sort-selector{
overflow:hidden;
zoom:1;
/*padding-bottom:10px;*/
}

#sort-selector span{
font-size:75%;
}

.sort-photo-right #idSearchForm_ddl_MyPattern{
display:none;
}

/* sort check area */

#optionbar #optionbox #sort-check{
padding-top:10px;
border-top:1px solid #66b6d1;
}

#user-tools #optionbar #optionbox #sort-brand,
#user-tools #optionbar #optionbox #sort-brand-motion{
float:left;
overflow:hidden;
zoom:1;
/*width:52.63%;*/
margin-right:2%;
}

#user-tools #optionbar #optionbox #sort-brand .listcheck,
#user-tools #optionbar #optionbox #sort-brand-motion .listcheck, #optionbar #optionbox #camerawork .listcheck,
#optionbar #optionbox #option3d #option3d-ctrl .listcheck,
#optionbar #optionbox #optionsoundmu .listcheck,
#optionbar #optionbox #optionsoundse .listcheck{
background:#EEE;
}


#optionbar #optionbox #sort-brand #sort-brand-rm{
float:left;
width:47%;
margin-right:4%;
}

#optionbar #optionbox #sort-brand #sort-brand-rf{
float:left;
width:47%;
}

#optionbar #optionbox #sort-brand #sort-brand-rm div, #optionbar #optionbox #sort-brand #sort-brand-rf div{
background:#FFF;
color:#505055;
padding:10px;
margin-top:10px;
}

#optionbar #optionbox #sort-brand #sort-brand-rm div ul, #optionbar #optionbox #sort-brand #sort-brand-rf div ul{
height:100px;
overflow:auto;
}

/* photo */
#optionbar #optionbox .sort-photo-left{
width:52.5%;
/*border-right:1px solid #005e7d;*/
/*padding-top:10px;*/
padding-right:10px;
float:left;
overflow:hidden;
zoom:1;
}

#optionbar #optionbox .sort-photo-left #sort-brand{
width:100%;
}

#optionbar #optionbox .sort-photo-left #sort-brand:after {
content: "";
clear: both;
display: block;
}

#optionbar #optionbox .sort-photo-left #sort-brand #sort-brand-rm div ul, #optionbar #optionbox .sort-photo-left #sort-brand #sort-brand-rf div ul{
height:110px;
}

#optionbar #optionbox .sort-photo-left #catsearchradio{
width:100%;
padding-top:10px;
overflow:hidden;
zoom:1;
}

#optionbar #optionbox .sort-photo-left #catsearchradio li{
float:left;
padding-right:10px;
}

#optionbar #optionbox .sort-photo-left #catsearchradio li input{
vertical-align:middle;
margin-right:5px;
}

#optionbar #optionbox .sort-price-size{
position:relative;
overflow:hidden;
padding-top:12px;
}

/*#optionbar #optionbox .sort-rm-price{
float:left;
width:47%;
margin-right:4%;
}

#optionbar #optionbox .sort-rf-price{
float:left;
width:47%;
}*/

#optionbar #optionbox #sort-brand #sort-brand-rm .sort-rm-price, #optionbar #optionbox #sort-brand #sort-brand-rf .sort-rf-price, #optionbar #optionbox #sort-brand #sort-brand-rf .sort-rf-price div{
padding:0;
background:none;
}

#optionbar #optionbox #sort-brand #sort-brand-rm .sort-rm-price div ul, #optionbar #optionbox #sort-brand #sort-brand-rf .sort-rf-price div ul{
height:auto;
}

#user-tools #optionbar #optionbox .sort-price-size h2{
font-size:71%;
margin:0 0 10px;
}

#optionbar #optionbox .sort-rm-price div{
background:#FFF;
color:#505055;
padding:10px;
margin-top:10px;
}

.option-page{
overflow:hidden;
position:relative;
}
.fix-size-ie{
height: 28px !important;
}
.fix-size-ie .position-ie{
right: 0px; 
position: absolute;
}
.option-page li{
display:block;
float:left;
}

.option-page li:last-child{
float:right;
}

header .home-header-wrap #header .option-page li a, header .option-page li a{
color:#fff;
font-size:75%;
}

header .home-header-wrap #header .option-page li a:hover, header .option-page li a:hover{
color:#99e0f8;
}

#user-tools #optionbar #optionbox .sort-photo-left select{
margin:0 10px 10px 0;
width:100%;
}

#optionbar #optionbox .sort-photo-right{
width:44.1%;
/*border-left:1px solid #4dabca;*/
/*padding-top:10px;*/
padding-left:19px;
float:right;
overflow:hidden;
zoom:1;
}

#optionbar #optionbox .sort-photo-right #sort-ratio
{
float:left;
width:27.9%;
}

#optionbar #optionbox .sort-photo-right #sort-color{
float:left;
width:23%;
}

#optionbar #optionbox .sort-photo-right #sort-other{
float:left;
width:49.1%;
}

#optionbar #optionbox #sort-photo-category{
overflow:hidden;
zoom:1;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px solid #fafafa;
}

#optionbar #optionbox #sort-photo-category li{
float:left;
padding-right:20px;
}

#optionbar #optionbox #sort-photo-category li#clist05{
padding-left:20px;
border-left:1px solid #fafafa;
}

/* ========== motion ========== */

#optionbar #optionbox #sort-suggest-motion{
border-bottom:1px solid #fafafa;
padding:0;
margin-bottom:15px;
float:left;
width:52.2%;
}

#optionbar #optionbox #sort-suggest-motion h2, #optionbar #optionbox #sort-suggest-motion li{
float:left;
padding-right:30px;
}

#optionbar #optionbox #sort-suggest-motion:after{
content: "";
clear: both;
display: block;
}

#user-tools #optionbar #optionbox #sort-ratio-motion{
float:left;
width:11.9%;
padding-left:1%;
}

#user-tools #optionbar #optionbox #sort-ratio li img,
#user-tools #optionbar #optionbox #sort-ratio-motion li img{
vertical-align:middle;
margin-right:5px;
}

#user-tools #optionbar #optionbox #sort-color-motion{
float:left;
width:10.64%;
padding-left:1%;
}

#user-tools #optionbar #optionbox #sort-other-motion{
float:left;
width:21.8%;
padding-left:1%;
}

#user-tools #optionbar #optionbox #sort-other ul,
#user-tools #optionbar #optionbox #sort-other-motion ul{
margin-bottom:10px;
}

#user-tools #optionbar #optionbox #sort-other ul.option-tone,
#user-tools #optionbar #optionbox #sort-other-motion ul.option-tone{
overflow:hidden;
zoom:1;
}

#user-tools #optionbar #optionbox #sort-other ul.option-tone li,
#user-tools #optionbar #optionbox #sort-other-motion ul.option-tone li{
float:left;
width:50%;
}

/* start of scroll webkit */
.macwebkit #sort-brand ul::-webkit-scrollbar, .macwebkit .sort-brand ul::-webkit-scrollbar, .macwebkit .option3d-box2 div::-webkit-scrollbar, .macwebkit .filetype-3d div::-webkit-scrollbar, .macwebkit #sound-brand-mu ul::-webkit-scrollbar, .macwebkit #sound-category-mu ul::-webkit-scrollbar, .macwebkit #sound-brand-se ul::-webkit-scrollbar, .macwebkit #sort-brand-motion ul::-webkit-scrollbar, .macwebkit .sort-brand-motion ul::-webkit-scrollbar{
width:10px;
background:#FFF;
}
.macwebkit #sort-brand ul::-webkit-scrollbar-button, .macwebkit .sort-brand ul::-webkit-scrollbar-button, .macwebkit .option3d-box2 div::-webkit-scrollbar-button, .macwebkit .filetype-3d div::-webkit-scrollbar-button, .macwebkit #sound-brand-mu ul::-webkit-scrollbar-button, .macwebkit #sound-category-mu ul::-webkit-scrollbar-button, .macwebkit #sound-brand-se ul::-webkit-scrollbar-button, .macwebkit #sort-brand-motion ul::-webkit-scrollbar-button, .macwebkit .sort-brand-motion ul::-webkit-scrollbar-button{
width:10px;
height:2px;
background:#EEE;
}
.macwebkit #sort-brand ul::-webkit-scrollbar-piece, .macwebkit .sort-brand ul::-webkit-scrollbar-piece, .macwebkit .option3d-box2 div::-webkit-scrollbar-piece, .macwebkit .filetype-3d div::-webkit-scrollbar-piece, .macwebkit #sound-brand-mu ul::-webkit-scrollbar-piece, .macwebkit #sound-category-mu ul::-webkit-scrollbar-piece, .macwebkit #sound-brand-se ul::-webkit-scrollbar-piece, .macwebkit #sort-brand-motion ul::-webkit-scrollbar-piece, .macwebkit .sort-brand-motion ul::-webkit-scrollbar-piece{
background:#FFF;
}
.macwebkit #sort-brand ul::-webkit-scrollbar-piece:start, .macwebkit .sort-brand ul::-webkit-scrollbar-piece:start, .macwebkit .option3d-box2 div::-webkit-scrollbar-piece:start, .macwebkit .filetype-3d div::-webkit-scrollbar-piece:start, .macwebkit #sound-brand-mu ul::-webkit-scrollbar-piece:start, .macwebkit #sound-category-mu ul::-webkit-scrollbar-piece:start, .macwebkit #sound-brand-se ul::-webkit-scrollbar-piece:start, .macwebkit #sort-brand-motion ul::-webkit-scrollbar-piece:start, .macwebkit .sort-brand-motion ul::-webkit-scrollbar-piece:start{
background:#FFF;
}
.macwebkit #sort-brand ul::-webkit-scrollbar-thumb, .macwebkit .sort-brand ul::-webkit-scrollbar-thumb, .macwebkit .option3d-box2 div::-webkit-scrollbar-thumb, .macwebkit .filetype-3d div::-webkit-scrollbar-thumb, .macwebkit #sound-brand-mu ul::-webkit-scrollbar-thumb, .macwebkit #sound-category-mu ul::-webkit-scrollbar-thumb, .macwebkit #sound-brand-se ul::-webkit-scrollbar-thumb, .macwebkit #sort-brand-motion ul::-webkit-scrollbar-thumb, .macwebkit .sort-brand-motion ul::-webkit-scrollbar-thumb{
background:#505055;
-webkit-border-radius:5px;
}
/* end of scroll webkit */

/* btn-submit-area */

.btn-submit-area{
padding-top:10px;
text-align:center;
position: relative;
}

#optionbox .btn-submit-area{
padding-top:20px;
clear:both;
font-size:100%;
}

#btn-sort-submit{
margin:0;
padding:5px 60px 5px 60px;
font-size:88%;
outline:none;
color:#FFF;
border:none;
overflow:hidden;
cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
/*background:-webkit-gradient( linear, left top, left bottom, from(#646464), to(#343434));
background:-moz-linear-gradient( top, #646464, #343434);
background:-ms-linear-gradient( top, #646464, #343434);
-pie-background:linear-gradient(#646464, #343434);*/
background:#00b1ee;
position:relative;
behavior:url(/css/home/PIE.htc);
}

#btn-sort-submit:hover{
/*background:-webkit-gradient( linear, left top, left bottom, from(#343434), to(#646464));
background:-moz-linear-gradient( top, #343434, #646464);
background:-ms-linear-gradient( top, #343434, #646464);
-pie-background:linear-gradient(#343434, #646464);
behavior:url(/css/home/PIE.htc);*/
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/* motion, 3dmodel, fontdl, fontpk, fontweb, soundmu, soundse start */
#btn-sort-submit-motion,
#btn-sort-submit-3dmodel,
#btn-sort-submit-fontdl,
#btn-sort-submit-fontpk,
#btn-sort-submit-fontweb,
#btn-sort-submit-soundmu,
#btn-sort-submit-soundse{
margin:0;
padding:5px 0 5px 0;
width:224px;
text-align:center;
font-size:88%;
outline:none;
color:#FFF;
border:none;
overflow:hidden;
cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#00b1ee;
/*background:-webkit-gradient( linear, left top, left bottom, from(#646464), to(#343434));
background:-moz-linear-gradient( top, #646464, #343434);
background:-ms-linear-gradient( top, #646464, #343434);
-pie-background:linear-gradient(#646464, #343434);*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

#btn-sort-submit-motion:hover,
#btn-sort-submit-3dmodel:hover,
#btn-sort-submit-fontdl:hover,
#btn-sort-submit-fontpk:hover,
#btn-sort-submit-fontweb:hover,
#btn-sort-submit-soundmu:hover,
#btn-sort-submit-soundse:hover{
/*background:-webkit-gradient( linear, left top, left bottom, from(#343434), to(#646464));
background:-moz-linear-gradient( top, #343434, #646464);
background:-ms-linear-gradient( top, #343434, #646464);
-pie-background:linear-gradient(#343434, #646464);
behavior:url(/css/home/PIE.htc);*/
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/* motion, 3dmodel, fontdl, fontpk, fontweb, soundmu, soundse end */

/* ========== 3dmodel start ========== */


#optionbar #optionbox #option3d #option3d-tab{
width:160px;
top:15px;
left:0px;
position:absolute;
}

#optionbar #optionbox #option3d #option3d-tab li{
/*background:#3c3c40;*/
/*margin-bottom:10px;*/
margin-right:5px;
padding:0;
cursor:pointer;
color:#505055;
}

#optionbar #optionbox #option3d #option3d-tab li.current{
background:#404040;
margin-right:0;
color:#fff;
}

#optionbar #optionbox #option3d #option3d-tab li span{
padding:10px 0 10px 10px;
display:block;
/*font-size:75%;*/
}

#optionbar #optionbox #option3d #option3d-tab li span input{
margin-right:0;
}

#optionbar #optionbox #option3d #option3d-ctrl{
width:780px;
height:100%;
float:right;
background:#404040;
padding:20px;
/*-webkit-box-shadow: -2px 0 3px #404044;
-moz-box-shadow: -2px 0 3px #404044;
box-shadow: -2px 0 3px #404044;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

#user-tools #optionbar #optionbox #option3d select{
margin:0;
}

#optionbar #optionbox #option3d #option3d-ctrl .option3d-a{
border-bottom:1px solid #fafafa;
padding-bottom:10px;
}

#optionbar #optionbox #option3d #option3d-ctrl .option3d-b{
border-top:1px solid #ccc;
padding-top:10px;
position:relative;
}

#optionbar #optionbox #option3d #option3d-ctrl .option3d-b #option3dt{
position:absolute;
left:0;
top:10px;
}

#optionbar #optionbox #option3d #option3d-ctrl .option3d-box1{
float:left;
width:230px;
}

#optionbox #option3d #option3d-ctrl .option3d-box1 dl{
margin:0;
overflow:hidden;
zoom:1;
}

#optionbox #option3d #option3d-ctrl .option3d-box1 dt{
margin:0 0 10px 0;
height:22px;
float:left;
}

#optionbox #option3d #option3d-ctrl .option3d-box1 dd{
margin:0 0 10px 0;
height:22px;
float:right;
}

#optionbar #optionbox #option3d #option3d-ctrl .option3d-box2{
float:left;
width:240px;
margin-left:20px;
/*padding:10px;
background:#21708e;*/
}

#optionbar #optionbox #option3d #option3dm .option3d-box1 .filetype-3d{
margin-top:15px;
}

#optionbox #option3d #option3d-ctrl .option3d-box2 div, #optionbox #option3d #option3d-ctrl .option3d-box1 .filetype-3d div{
height:5em;
overflow-x:hidden;
overflow-y:scroll;
background:#FFF;
color:#505055;
padding-left:5px;
}

#optionbar #optionbox #option3d #option3d-ctrl .option3d-b #option3dt{
visibility:hidden;
}

#optionbar #optionbox #option3d #option3d-ctrl .option3d-b #option3dt .option3d-box2 div{
height:9em;
}

#optionbox #option3d #option3d-ctrl .option3d-box3{
float:right;
width:502px;
/*padding:10px;
background:#21708e;*/
}

#optionbox #option3d #option3d-ctrl .option3d-box3 ul{
margin-bottom:10px;
}

#optionbox #option3d #option3d-ctrl .option3d-box3 li{
float:left;
width:33%;
}

#optionbox #option3d #option3d-ctrl .option3d-box3 li span{
padding-bottom: 15px;
display: inline-block;
}

#optionbox #option3d #option3d-ctrl .option3d-box3 li li{
width:auto;
float:none;
}
/* ========== 3dmodel end ========== */

/* ========== option tab setting ========== */
#optionbar #optionbox .option-tab-area{
overflow:hidden;
zoom:1;
background:#f2f2f2;
}

#optionbar #optionbox .option-tab-area:after{
content: "";
clear: both;
display: block;
}

#optionbar #optionbox .option-tab-area .option-tab{
width:160px;
top:15px;
font-size:75%;
position:absolute;
}

#optionbar #optionbox .option-tab-area .option-tab li{
background:#f2f2f2;
/*margin-bottom:10px;*/
margin-right:5px;
padding:0;
cursor:pointer;
color:#505055;
}

#optionbar #optionbox .option-tab-area .option-tab li.current{
background:#404040;
margin-right:0;
color:#FFF;
}

#optionbar #optionbox .option-tab-area .option-tab li span{
padding:10px 0 10px 10px;
display:block;
}

#optionbar #optionbox .option-tab-area .option-ctrl{
width:820px;
height:100%;
float:right;
background:#404040;
/*-webkit-box-shadow: -2px 0 3px #404044;
-moz-box-shadow: -2px 0 3px #404044;
box-shadow: -2px 0 3px #404044;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

/* ========== font start ========== */

#optionbar #sort-selector-fontdl.sort-font-dl, #optionbar #sort-selector-fontpk.sort-font-pk,
#optionbar #sort-selector-fontweb.sort-font-web{
overflow:hidden;
zoom:1;
}

#optionbar #sort-selector-fontdl.sort-font-dl .section, #optionbar #sort-selector-fontpk.sort-font-pk .section,
#optionbar #sort-selector-fontweb.sort-font-web .section{
float:left;
margin-bottom:10px;
}

#optionbar #sort-selector-fontdl.sort-font-dl .section h2, #optionbar #sort-selector-fontpk.sort-font-pk .section h2,
#optionbar #sort-selector-fontweb.sort-font-web .section h2{
display:block;
font-size:94%;
font-weight:bold;
}

#optionbar #optionbox #sort-selector-fontdl.sort-font-dl .section select, #optionbar #optionbox #sort-selector-fontpk.sort-font-pk .section select,
#optionbar #optionbox #sort-selector-fontweb.sort-font-web .section select
{
margin-right:10px;
margin-left:0;
width:220px;
}

#optionbar #sort-selector-fontpk.sort-font-pk{
width:460px;
float:left;
}

#optionbar #sort-check-pk{
width:300px;
float:right;
}

/* ========== font end ========== */

/* ========== sound start ========== */

#optionbar #optionbox #optionsoundmu,
#optionbar #optionbox #optionsounse{
overflow:hidden;
zoom:1;
}

#optionbar #optionbox #optionsoundmu .section,
#optionbar #optionbox #optionsoundse .section{
float:left;
}

#user-tools #optionbar #optionbox #optionsoundmu select{
margin-left:0;
width:200px;
}

.search-box-options .selectbox,
.search-box-options #sort-brand-rm,
.search-box-options #sort-brand-rf,
.search-box-options .sort-photo-right {
	text-align: left;
}


/* pull down menu for custom home */

.search-area div.selectbox .pulldown{
position:absolute;
left:-15px;
top:65px;
background:#f2f2f2;
padding:3px 0 3px 0;
/*-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;*/
-webkit-box-shadow: 1px 1px 3px rgba(1,1,1,0.2);
-moz-box-shadow: 1px 1px 3px rgba(1,1,1,0.2);
box-shadow: 1px 1px 3px rgba(1,1,1,0.2);
behavior:url(/css/home/PIE.htc);
z-index:1000;
display:none;
}

.search-area div.selectbox .pulldown:after{
bottom:100%;
left:0;
border:solid transparent;
content:"";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:rgba(242, 242, 242, 0);
border-bottom-color:#f2f2f2;
border-width:15px;
margin-left:37px;
}

.search-area div.selectbox .pulldown li{
/*border-top:solid #cccccc 1px;
border-bottom:solid #fff 1px;*/
display:block;
line-height:1;
position:relative;
}

.search-area div.selectbox .pulldown li .nest-creative li a {
padding-left: 1.5em;
}

.search-area div.selectbox .pulldown a{
display:block;
padding:8px 10px;
color:#505055;
position:relative;
behavior:url(/css/home/PIE.htc);
outline:none;
}

.search-area div.selectbox .pulldown a:hover, .search-area div.selectbox .pulldown .selected ul li a:hover{
color: #666;
background: #f0f0f0;
text-decoration: none;
}

.search-area div.selectbox .pulldown .selected a, .search-area div.selectbox .pulldown .selected .selected a, .search-area div.selectbox .pulldown .selected .selected a:hover{
background: #505055;
color:#FFF;
/*border-left:1px solid #FFF;
border-right:1px solid #FFF;*/
}

.search-area div.selectbox .pulldown li.last-child ul{
/*-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;*/
position:relative;
behavior:url(/css/home/PIE.htc);
overflow:hidden;
}

.search-area div.selectbox .pulldown li.first-child, .search-area div.selectbox .pulldown li.last-child li.first-child{
/*border-top:none;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li.last-child li.first-child{
overflow:hidden;
/*-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li.last-child, .search-area div.selectbox .pulldown li.last-child li.last-child{
/*border-bottom:none;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li.last-child li.fontpkg, .search-area div.selectbox .pulldown li.last-child li.fontpkg a{
/*-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li.first-child a:hover, .search-area div.selectbox .pulldown li.last-child li.first-child a:hover{
/*-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li.last-child a:hover{
/*-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li a span{
font-size:75%;
display:inline-block;
padding:0 0 5px 8px;
}

.search-area div.selectbox .pulldown li.selected.first-child,
.search-area div.selectbox .pulldown li.selected li.first-child a{
/*-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li.selected.first-child a,
.search-area div.selectbox .pulldown li.selected.first-child a:hover{
/*border-top:1px solid #FFF;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li.selected.last-child,
.search-area div.selectbox .pulldown li.selected li.last-child a{
/*-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li.selected.last-child a,
.search-area div.selectbox .pulldown li.selected.last-child a:hover{
/*border-bottom:1px solid #FFF;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li img{
vertical-align:bottom;
}

.search-area div.selectbox .pulldown li div{
position:absolute;
padding:2px;
background-color:#f2f2f2;
margin-left:-75px;
border:1px solid #cdcdcd;
left:100%;
top:-5px;
display:none;
z-index:1010;
-webkit-box-shadow: 1px 1px 3px rgba(1,1,1,0.2);
-moz-box-shadow: 1px 1px 3px rgba(1,1,1,0.2);
box-shadow: 1px 1px 3px rgba(1,1,1,0.2);
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li div:after{
right:100%;
top:0;
border:solid transparent;
content:"";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-color:rgba(242, 242, 242, 0);
border-right-color:#f2f2f2;
border-width:10px;
margin-top:12px;
}

.search-area div.selectbox .pulldown li .nest-arrow{
position:absolute;
left:100%;
top:30%;
margin-left:-1px;
}

.search-area div.selectbox .pulldown li .nest-sound{
width:6em;
}
.search-area div.selectbox .pulldown li .nest-font{
width:12em;
top:-43px;
}

.search-area div.selectbox .pulldown li div.nest-font:after{
margin-top:50px;
}

.search-area div.selectbox .pulldown li ul{
border-top:none;
border-bottom:none;
/*-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: 1px 1px 3px #c5c4c4;
-moz-box-shadow: 1px 1px 3px #c5c4c4;
box-shadow: 1px 1px 3px #c5c4c4;*/
position:relative;
behavior:url(/css/home/PIE.htc);
}

.search-area div.selectbox .pulldown li ul li, .search-area div.selectbox .pulldown li.selected ul li a{
background:#f2f2f2;
color:#505055;
}

#content-type-photo ul
{
    position:relative !important;
    left:0!important;
    margin-top: 4px;
    height: 26px;
}

#content-type-photo ul li
{
    margin-bottom:0!important;
}

.pulldown-creative, #optionbar
{
    display:none !important;
}

.bnr-matome-info{
position:absolute;
top:7px;
left:875px;
z-index:9999;
}