@CHARSET "UTF-8";

/**
 * Grid container
 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/**
 * Grid items
 */
#tiles > li {
width: 200px;
background-color: #ffffff;
border: 1px solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
padding: 4px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

#tiles > li.inactive {
opacity: 0;
display: none !important;
}

#tiles > li img {
display: block;
border-radius: 6px;
}

.filters {
list-style-type: none;
text-align: center;
}

.filters li {
font-size: 12px;
float: left;
padding: 4px 4px 4px 4px;
cursor: pointer;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 1% 0 1%;
}

.filters li:hover {
background: #dedede;
}

.filters li.active {
background: #888888;
color: #ffffff;
}

.filters li img {
	vertical-align : top ;
}

/**
 * Grid item text
 */
#tiles li p {
color: #666;
font-size: 12px;
margin: 7px 0 0 7px;
}

/**
 * Some extra styles to randomize heights of grid items.
 */
#tiles ali:nth-child(3n) {
height: 175px;
}

#tiles ali:nth-child(4n-3) {
padding-bottom: 30px;
}

#tiles ali:nth-child(5n) {
height: 250px;
}

/** General page styling **/

html {

}

#main {
	margin-top: 65px;
}

header h1 {
	font-size: 24px;
}

header p {
	text-align: center;
	font-size: 13px;
	color: #777;
	margin: 0;
}

#loader {
    background: url("../img/assets/loader.gif") no-repeat scroll 7px center white;
    border-radius: 3px 3px 3px 3px;
    bottom: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #777777;
    display: none;
    font-size: 11px;
    font-style: italic;
    height: 30px;
    left: 10px;
    line-height: 30px;
    min-width: 20px;
    padding-right: 10px;
    position: fixed;
    text-indent: 30px;
}

/* ------------------------------
	orijinal
------------------------------ */

a:hover img {
opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ filter: alpha(opacity=75); /* IE lt 8 */ -khtml-opacity: .75; /* Safari 1.x */ -moz-opacity: .75; /* FF lt 1.5, Netscape */
}

body {
	background : url(../img/common/body_back01.jpg) repeat ;
}

/*トップメニュー部分*/

div.topmenu01 {

}

table.table_topmenu {
	background : #F5F2E9 ;
}

table.table_topmenu td {
	padding : 5px ;
	border-bottom : 1px dotted #DEDEDE ;
	vertical-align : middle ;
}

table.table_topmenu td.end {
	border-bottom : none ;
}

table.table_topmenu td.td01 {
	width : 90px ;
	vertical-align : middle ;
	padding-left : 20px ;
	font-weight: bold;
	font-size: 14px;
}

table.table_topmenu td.td01 img {
	padding-right : 5px ;
}

ul.filters {
	margin : 0 ;
	padding: 0 0 0 10px;
}

ul.filters02 {
	width: 99%;
	margin : 0 ;
}

td.td_carriers {
	text-align : center ;
	width : 800px ;
}

ul.filters02 li {
	border : 1px solid #DDD ;
	background : #FFF ;
	padding : 3px ;
	box-shadow : 0 1px 3px rgba(34, 25, 25, 0.4) ;
	border-radius : 6px 6px 6px 6px ;
}

ul.filters02 li img {
	padding : 5px ;
	background : #FFF ;
	border-radius : 6px 6px 6px 6px ;
}

ul.filters02 li:hover img {
	padding : 5px ;
	background : #dedede ;
}

ul.filters02 li.active img {
	padding : 5px ;
	background : #dedede ;
}

ul#tiles > li {
	padding : 15px ;
	overflow:hidden ;
	line-height : 1.5 ;
	box-shadow : 0 1px 3px rgba(34, 25, 25, 0.4) ;
}
ul#tiles > li:last-child {
	margin-bottom: 50px;
}

ul#tiles > li a.iframe img {
}

ul#tiles > li.stay a {
}

ul#tiles > li.stay a:hover {
	text-decoration : underline ;
}

header#header01 {
    left: 0;
    position: fixed;
    right: 0;
    top: -1px;
    z-index: 9999;
	background-color : #FFF ;
	height : 60px ;
	border-top : 5px solid #3A4F7E ;
	border-bottom : 1px solid #C5C1C2 ;
}

header#header01 h1 {
	color : #000 ;
	font-weight : bold ;
	position : absolute ;
	left : 20px ;
	top : 5px ;
	margin : 0 ;
}

header#header01 h2 {
	color : #000 ;
	position : absolute ;
	left : 350px ;
	top : 25px ;
	font-weight : normal ;
	font-size : 12px ;
	margin : 0 ;
}

header#header01 a {
	text-decoration : none ;
}

header#header01 a:hover {
	text-decoration : underline ;
}

header#header01 a.menu_form {
	position : absolute ;
	right : 150px ;
	top : 23px ;
	margin : 0 ;
}

header#header01 a.menu_company {
	position : absolute ;
	right : 245px ;
	top : 23px ;
	margin : 0 ;
	padding-left : 10px ;
}

header#header01 a.menu_shiharai {
	position : absolute ;
	right : 315px ;
	top : 23px ;
	margin : 0 ;
	padding-left : 10px ;
}

div.div_cart {
	position : absolute ;
	right : 22px ;
	top : 0px ;
	height : 60px ;
	background : #FFF ;
	z-index : 9 ;
	border-left : 2px solid #3A4F7E ;
	border-right : 2px solid #3A4F7E ;
	border-bottom : 8px solid #3A4F7E ;
	border-radius : 0px 0px 6px 6px ;
	box-shadow : 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4) ;
}

header#header01 a.menu_cart {
	display : block ;
	margin-top : 12px ;
	padding : 8px 8px 0 10px ;
	height : 30px ;
	text-decoration : none ;
}

/*トッッページ機種選択*/

li.softbank a {
	color : #4D4D4D ;
	text-align : center ;
	text-decoration : none ;
}

li.softbank a:hover {
	color : #B4A791 ;
}

li.softbank a img {
	margin-bottom : 5px ;
}

li.au a {
	color : #4D4D4D ;
	text-align : center ;
	text-decoration : none ;
}

li.au a:hover {
	color : #B4A791 ;
}

li.au a img {
	margin-bottom : 5px ;
}

li.docomo a {
	color : #4D4D4D ;
	text-align : center ;
	text-decoration : none ;
}

li.docomo a:hover {
	color : #B4A791 ;
}

li.docomo a img {
	margin-bottom : 5px ;
}

/*トッッページ機種選択ここまで*/

header#header03 {
	display: none ;
	background : #F5F2E9 ;
	position : relative ;
	border-bottom : 1px solid #DDD7C7 ;
	margin-bottom : 25px ;
	box-shadow : 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4) ;
	padding : 15px 0 ;
}

footer {
	height: 10px ;
	text-align : right ;
	padding-bottom: 10px ;
	left: 0;
    position: fixed;
    right: 0;
    bottom: -1px;
    z-index : -1 ;
}

/*左上機種枠内*/

a img.backbtn01 {
	margin-left : 11px ;
}

/*商品枠内*/

.PriceContainer {
    height: 130px;
    left: -15px;
    overflow: hidden;
    position: absolute;
    top: -5px;
    width: 130px;
    z-index: 2;
}

.price {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    background-color: #F9F09E;
    color: #524D4D;
    font-size: 16px;
    height: 22px;
    left: -28px;
    overflow: hidden;
    padding: 8px 0 5px 0;
    position: absolute;
    text-align: center;
    top: 19px;
    width: 155px;
    z-index: 2;
    box-shadow : 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4) ;
    opacity: 0.85;

	/* IE7, IE8
	top: -39px\9;
	font-size: 14px\9;
	padding: 4px 0 2px 0\9;
    filter:progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0.785,M21=-0.785,M22=1,SizingMethod='auto expand')\9;
 */
}



p.name {
	font-weight: bold;
}
p.details {
	text-align : right ;
}

p.details a {
	background : url(../img/arrow01.png) no-repeat ;
	background-position : right top ;
	height : 16px ;
	padding-right : 20px ;
	display : block ;
	color : #4D4D4D ;
	text-decoration : none ;
}

p.details a:hover {
	color : #B4A791 ;
}

/*ページトップへ戻るボタン*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index : 10 ;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ filter: alpha(opacity=75); /* IE lt 8 */ -khtml-opacity: .75; /* Safari 1.x */ -moz-opacity: .75; /* FF lt 1.5, Netscape */
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/*colorbox内*/