* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{
background:#ededed url(../_images/bg0.jpg) no-repeat center 42px;
margin:0px;
padding:0px;
}

/* ---- isotope ---- */

.isotope {
width:1000px;
margin-top:30px;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
position: relative;
float: left;
width: 250px;
height: 350px;
color: #000000;
text-align: center;
font-size:12px;
line-height: 18px;
background-color: #ededed;
}


.element-item a{  
height:100%;
display:block;
position:absolute;
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
} 
.element-item a:hover{
    opacity: 0.4;  
    filter: alpha(opacity=60);  
height:100%;
background:#FFF;
} 


.element-item > * {
  margin: 0;
  padding: 0;
}

.linkText span{
display:block;
font-size:12px;
color:#999999
}
.element-item a:link{
		text-decoration:none;
		color:#000;
}
.element-item a:hover{
		text-decoration:none;
		color:#000;
}
.element-item a:visited {
		text-decoration:none;
				color:#000;
}
.element-item a:active {
		text-decoration:none;
		color:#000;
}
#sortArea {
	width: 1000px;
	margin: 0 auto;
	position:relative;
}
#sort {
	width: 500px;
	margin-bottom: 20px;
	overflow: hidden;
	position:absolute;
	top:-25px;
}
#sort:after {
  display : table;
  clear : both;
  content : '';
}
#sort ul {
	width: 500px;
}
#sort li {
	display: inline-block;
	float: left;
}
#sort img{  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
} 
#sort img:hover{
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}


.element-item.reccomend     {background: hsl( 100%, 50%);width:500px; }
.element-item.news { background: hsl(100%, 50%); }
.element-item.review     { background: hsl(100%, 50%); }

#header{
width:1000px;
height:422px;
margin:0px auto;
}
#footer{
width:100%;
background-color:#000;
color:#bfbfbf;
padding:30px 0px;
text-align:center;
font-size:18px;
margin-top:30px;
}

#footer ul{
width:800px;
margin:0px auto;
background-color:#000;
}
#footer li{
float:left;
}
#footer ul:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

#footer a{  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
} 
#footer a:hover{
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}

#footer .copyright{
font-size:10px;
margin-top:10px;
}

div.nav-global ul {
}
* html div.nav-global ul, div.nav-global * html ul {
    height: 1px;
}
div.nav-global ul::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
div.nav-global {
    background: none repeat scroll 0 0 #fff;
    border-color: #b7b7b7;
    border-style: solid;
    box-shadow: 0 1px 1px rgba(10, 10, 10, 0.1);
}
div.nav-global ul {
    font-size: 10px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
div.nav-global ul li {
    border-right: 1px solid #999;
    float: left;
    margin: 0;
    padding: 0;
}
div.nav-global ul li:first-child {
    border-left: 1px solid #999;
}
div.nav-global hr {
    display: none;
}
div.nav-global img {
    border-width: 0;
}
div.nav-global {
    border-width: 0;
    margin: 0 auto;
    width: 1000px;
}
div.nav-global ul li {
    position: relative;
}
div.nav-global ul li > a > div {
    height: 40px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 51px;
}
div.nav-global ul li > a > div:hover {
    background-color: #00bfff;
    opacity: 0.1;
}
div.nav-global ul li.aquosphone > a > div {
    background-color: #3137d4;
    opacity: 0.2;
}
div.nav-global ul li {
    font-size: 0;
    line-height: 100%;
}
div.nav-global ul li.other {
    position: relative;
}
.lyt-top div.nav-global ul li.other ul.pulldown li:first-child {
    border: 0 none;
}
div.nav-global ul li.other ul.pulldown {
    border: 1px solid #999;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
    display: none;
    min-height: 40px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: 51px;
    z-index: 999;
}
div.nav-global ul li.other:hover ul.pulldown {
    display: block;
    opacity: 1;
}