@charset "UTF-8";
@import url("./innercase_common.css");
/* �^�C�g��
---------------------------*/
h1 {
  margin: 0px 0px 12px 0px;
  border-bottom: 1px solid #CCCCCC;
}

/* ���C��
---------------------------*/
#main-contents {
  float: right;
  width: 814px;
}

/*---------------------------
�^�C�g��
---------------------------*/
h1 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.7em;
  margin: 0 0 12px;
  padding-bottom: 5px;
}

.type_search {
  margin: 15px 0 0 0;
}

.top_banner {
  margin: 10px 0 20px 0;
}

.top_banner p {
  float: right;
  margin: 0 0 0 10px;
}

.cateTitle {
  margin: 10px 0 0 0;
  padding: 9px 0 0 38px;
  font-weight: bold;
  font-size: 1.05em;
  line-height: 1.3;
  width: 776px;
  height: 30px;
}

.cateNo1 {
  background: url(/static/images/product/acc/innercase/title01.png) left center no-repeat;
}

.cateNo2 {
  background: url(/static/images/product/acc/innercase/title02.png) left center no-repeat;
}

.cateNo3 {
  background: url(/static/images/product/acc/innercase/title03.png) left center no-repeat;
}

.cateNo4 {
  background: url(/static/images/product/acc/innercase/title04.png) left center no-repeat;
}

.cateNo5 {
  background: url(/static/images/product/acc/innercase/title05.png) left center no-repeat;
}

.cateNo6 {
  background: url(/static/images/product/acc/innercase/title06.png) left center no-repeat;
}

.cateNo7 {
  background: url(/static/images/product/acc/innercase/title07.png) left center no-repeat;
}

.cateNo8 {
  background: url(/static/images/product/acc/innercase/title08.png) left center no-repeat;
}

.bannerArea {
  margin: 30px 0 30px 0;
  text-align: center;
}

.lineup-title {
  border-left: 4px solid #565656;
  font-size: 1em;
  font-weight: bold;
  margin: 15px 0 0;
  padding: 3px 0 1px 7px;
}

/* �^�C�v�ʂőI��
---------------------------*/
.type-menu-area {
  margin: 0 0 10px 0;
  padding: 10px 0 3px 10px;
  background-color: #EEEEEE;
}

.type-menu-area ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.type-menu-area ul li {
  position: relative;
  float: left;
  margin: 0 6px 7px 0;
}

img.num {
  position: absolute;
  top: 8px;
  left: 8px;
}

/* ���C���i�b�v�ꗗ
---------------------------*/
.group-area {
  margin: 10px 0 40px 0;
  border-left: 2px solid #8D9AA2;
}

.group-area .group-banner {
  position: relative;
}

.group-area .group-banner p {
  margin: 0;
}

.group-area .group-banner .txt {
  background-color: #BEDBED;
  padding: 5px 35px;
}

.group-area .group-banner .large {
  margin: 0;
  font-weight: bold;
  font-size: 1.05em;
  line-height: 1.5em;
  color: #3457A8;
}

.group-area .group-banner .middle {
  margin: 0;
  font-size: 0.8em;
  line-height: 1.4em;
  margin: 0 0 0 17px;
  vertical-align: middle;
}

.item-area {
  margin: 10px 0 0 15px;
}

.item-box {
  float: left;
  padding: 10px 5px 10px 8px;
  width: 187px;
  border-right: 1px dashed #CCCCCC;
  border-bottom: 1px dashed #CCCCCC;
}

.item-box.over {
  padding: 10px 5px 30px 8px;
}

/*.item-box {
	float:left;
	padding:10px 10px 10px 10px;
	width:180px;
	height:230px;
	border-right:1px dashed #CCCCCC;
	border-bottom:1px dashed #CCCCCC;
}*/
.item-box.lt {
  border-top: 1px dashed #CCCCCC;
}

.item-box.lb {
  border-bottom: 1px dashed #CCCCCC;
}

.item-box.ll {
  border-left: 1px dashed #CCCCCC;
}

.item-box.lr {
  border-right: 1px dashed #CCCCCC;
}

.item-box.nlt {
  border-top: none;
}

.item-box.nlb {
  border-bottom: none;
}

.item-box.nll {
  border-left: none;
}

.item-box.nlr {
  border-right: none;
}

.item-box.pr0 {
  padding-right: 0;
}

.item-box.pl0 {
  padding-left: 0;
}

.item-box .item-topArea {
  margin: 0 0 0 10px;
  position: relative;
}

.item-box .item-size {
  position: absolute;
  top: 0px;
  right: 15px;
}

.item-box .item-bottomArea .totte-icon {
  float: left;
  margin: 0 5px 0px 0;
}

.item-box .item-middleArea {
  margin: 0 0 5px 2px;
  zoom: 1;
}

.item-box .item-middleArea p.name {
  margin: 5px 0 0 0;
  font-size: 0.85em;
  font-weight: bold;
  line-height: 1.6;
  zoom: 1;
}

.item-box .item-middleArea p.name a {
  padding: 0 0 0 15px;
  background: url(/static/images/product/acc/innercase/ya.gif) left center no-repeat;
}

.item-box .item-middleArea p.name img {
  vertical-align: middle;
}

.item-box .item-middleArea p.price {
  margin: 0 0 0 0;
  font-size: 0.8em;
  line-height: 1.2;
}

.item-box .item-middleArea p.detail {
  margin: 2px 0 0 0;
  font-size: 0.8em;
  line-height: 1.2;
}

.item-box .item-bottomArea {
  margin: 3px 0 0 0;
  min-height: 17px;
}

.item-box .item-bottomArea .mac_icon1 {
  float: left;
  margin: 0 5px 5px 0;
}

.item-box .item-bottomArea .mac_icon2 {
  float: left;
  margin: 0 0 5px 0;
}

.item-box .item-bottomArea .mac_icon3 {
  float: left;
  margin: 0 5px 0 0;
}

.newIcon {
  position: absolute;
  top: 158px;
  right: 4px;
}

.items .caption {
  margin: 0 0 15px 0;
  padding: 7px 0 7px 10px;
  background-color: #E9EEF4;
}

.items h3 {
  margin: 0;
  padding: 4px 0 4px 7px;
  border-left: 4px solid #004DC3;
  font-size: 0.9em;
  line-height: 1.2;
}

.items .top_area {
  float: left;
}

.items .left_area {
  float: left;
  position: relative;
}

.items .left_area .icon {
  position: absolute;
  top: 10px;
  left: 10px;
}

.items .left_area .icon img {
  width: 52px;
  height: 52px;
  border: none;
}

.items .left_area img {
  width: 190px;
  height: 190px;
  border: 1px solid #CCCCCC;
}

.items .middle_area {
  margin: 0 0 0 10px;
  float: left;
  width: 230px;
}

.items .middle_area .type {
  margin: 0 0 5px 0;
  font-size: 0.8em;
  line-height: 1.2;
}

.items .middle_area a {
  padding: 0 0 0 15px;
  background: url(/static/images/product/acc/innercase/ya.gif) left center no-repeat;
  font-weight: bold;
}

.items .middle_area .price {
  margin: 8px 0 0 0;
  font-size: 0.8em;
  line-height: 1.2;
}

.items .right_area {
  margin: 0 0 0 10px;
  float: left;
  width: 370px;
}

.items .right_area ul.icon_area {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.items .right_area ul.icon_area_OS {
  list-style-type: none;
  padding: 0;
  margin: 6px 0 0 0;
}

.items .right_area ul.icon_area li,
.items .right_area ul.icon_area_OS li {
  float: left;
  margin: 0 6px 0 0;
  text-align: center;
}

.items .right_area ul.icon_area li.noright,
.items .right_area ul.icon_area_OS li.noright {
  margin: 0;
}

.items .right_area .media_area {
  margin: 15px 0 0 0;
  padding: 10px 10px;
  background-color: #F2F2F2;
}

.items .right_area .media_area .media {
  margin: 0 0 5px 0;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 1.2;
}

.items .right_area .media_area .media_item {
  float: left;
  width: 50px;
  text-align: center;
}

.items .right_area .media_area .media_item p {
  margin: 5px 0 0 0;
  font-weight: bold;
  font-size: 0.55em;
  line-height: 1.2;
  text-align: center;
}

.items .right_area .media_area .ichiran {
  margin: 15px 0 0 0;
  font-size: 0.7em;
  line-height: 1.2;
  text-align: right;
}

.items {
  margin: 0 0 50px 0;
}

.items .left {
  float: left;
}

.items .left img {
  border: 1px solid #CCCCCC;
  width: 300px;
  height: 300px;
}

.items .right {
  margin: 0 0 0 10px;
  float: left;
  width: 502px;
}

.items .right .image {
  float: left;
  width: 160px;
  margin: 0 10px 0 0;
}

.items .right .image img {
  border: 1px solid #CCCCCC;
  width: 160px;
  height: 160px;
}

.items .right .movie {
  margin: 0;
  float: left;
  width: 331px;
}

.items .right .movie .movie_inner {
  background-color: #000000;
  width: 331px;
  height: 136px;
}

table.spec {
  margin: 10px 0 0 0;
  border-top: 1px solid #BBBBBB;
  border-left: 1px solid #BBBBBB;
  width: 500px;
}

table.spec th {
  padding: 5px 0 5px 10px;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  background-color: #E6E6E6;
  font-weight: normal;
  font-size: 0.8em;
  line-height: 1.4;
  width: 150px;
  text-align: left;
  background-color: #FFFFFF;
}

table.spec td {
  padding: 5px 0 5px 10px;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  font-size: 0.8em;
  line-height: 1.4;
  width: 350px;
}

table.spec td a {
  padding: 0 0 0 15px;
  background: url(/static/images/product/acc/innercase/ya.gif) left center no-repeat;
  font-weight: bold;
}

ul.icons {
  list-style-type: none;
  padding: 0;
  margin: 5px 0 0 0;
}

ul.icons li {
  float: left;
  margin: 0 5px 6px 0;
}

div.title {
  margin: 40px 0 0 0;
  background: url(/static/images/product/acc/innercase/title.png) left top no-repeat;
  width: 814px;
  height: 80px;
}

div.title .number {
  margin: 20px 0 0 15px;
  float: left;
}

#lineup-area div.title h2.txt {
  margin: 25px 0 0 10px;
  float: left;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.3;
}

div.title .icon {
  margin: 25px 0 0 15px;
  float: left;
}

div.title .fig {
  margin: 12px 30px 0 0;
  float: right;
}

.link-list {
  margin: 15px 0 15px 0;
}

a.link_area {
  margin: 0 5px 5px 0;
  padding: 5px 0;
  float: left;
  width: 190px;
  height: 30px;
  display: block;
  font-size: 0.9em;
  line-height: 1.2;
  text-align: center;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border: 1px solid #CCCCCC;
}

table.hyo {
  border-top: 1px solid #BBBBBB;
  border-left: 1px solid #BBBBBB;
  width: 814px;
}

table.hyo th {
  padding: 10px 0 10px 0;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  background-color: #E6E6E6;
  font-size: 0.8em;
  text-align: center;
}

table.hyo th.type {
  width: 199px;
}

table.hyo th.image {
  width: 180px;
}

table.hyo th.func {
  width: 99px;
}

table.hyo th.length {
  width: 74px;
}

table.hyo th.hinban {
  padding: 10px 0 10px 15px;
  width: 241px;
}

table.hyo td {
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
}

table.hyo td.type {
  padding: 20px 15px 0 15px;
  width: 170px;
  font-size: 0.75em;
  line-height: 1.4;
  vertical-align: top;
  background-color: #EEF3F7;
}

table.hyo td.type span {
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
}

table.hyo td.type p {
  margin: 15px 0 15px 0;
  text-align: center;
}

table.hyo td.image {
  padding: 15px 15px 20px 15px;
  width: 150px;
  font-weight: bold;
  font-size: 0.75em;
  line-height: 1.3;
  vertical-align: top;
}

table.hyo td.image img {
  margin: 0;
  width: 150px;
  height: 150px;
  vertical-align: top;
}

table.hyo td.func {
  padding: 15px 0 15px 0;
  width: 100px;
  text-align: center;
  font-size: 0.8em;
  vertical-align: top;
}

table.hyo td.func img {
  vertical-align: top;
  margin: 0 0 3px 0;
}

table.hyo td.length {
  width: 75px;
  text-align: center;
  font-size: 0.8em;
}

table.hyo td.length.dot,
table.hyo td.hinban.dot {
  border-bottom: 1px dotted #BBBBBB;
}

table.hyo td.length.noline,
table.hyo td.hinban.noline {
  border-bottom: none;
}

table.hyo td.hinban {
  padding: 0 0 0 15px;
  width: 245px;
  font-weight: bold;
  font-size: 0.75em;
  line-height: 1.3;
}

table.hyo td.hinban a {
  padding: 0 0 0 15px;
  background: url(/static/images/product/acc/innercase/ya.gif) left center no-repeat;
}

.floatyHead {
  display: block;
}

.floatyHead td {
  display: none;
}

/* �T�C�h���j���[ */
ul.naviR.pick.service {
  border: none;
  padding: 0;
}

ul.naviR.pick.service li {
  font-size: 0.8em;
  height: 36px;
  margin: 0 0 7px;
  padding: 0 0 10px 9px;
  text-indent: 0;
}

ul.naviR.pick.service li img {
  float: left;
  margin: 11px 7px 0 -2px;
  padding: 0;
}

ul.naviR.pick.service li {
  border: 1px solid #ADADAD;
}

ul.naviR.pick.service li.picklisttwo a {
  padding-top: 6px;
}

ul.naviR.pick.service li a {
  margin-left: 35px;
}

ul.naviL li.osusume-bottom {
  border-bottom: 1px solid #ADADAD;
  font-size: 0.75em;
  margin: 0;
  padding: 5px 0 5px 8px;
  text-indent: 0;
}

/* �߂�{�^��
---------------------------*/
.return {
  text-align: right;
  font-size: 0.8em;
  line-height: 1.3;
}