@charset "utf-8";
/* CSS Document */

/* リスト */
#itemslist {
	overflow:hidden;
}
#itemslist nav {
	float:left;
	width:24%;
}


#itemslist nav ul{
	width:100%;
}
#itemslist nav ul a{
	display:block;
	width:100%;
	margin:0 0 10px 0;
	border:1px #CCC solid;
	border-radius:5px;
	padding:5px 15px;
	text-decoration:none;
	background-color:#999999;
	color:#FFF;
}
#itemslist nav ul a.selected{
	background-color:#666666;
}
#itemslist nav ul a:hover{
	/*opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";*/
	background-color:#666666;
}
#itemslist .box{
	width:100%;
	margin-top:20px;
	border:2px #438C5A solid;
	padding:1px;
}
#itemslist .box p{
	border:2px #438C5A solid;
	margin:0;
	padding:10px;
	height:100%;
}

#itemsdata {
	float:right;
	width:73%;
	margin-bottom:20px;
}
#itemsdata h2{
	background: -prefix-linear-gradient(bottom, rgba(20,82,26,1),rgba(26,106,34,0.9));
	background: linear-gradient(to bottom, rgba(20,82,26,1),rgba(26,106,34,0.9));
	padding:10px 15px;
	border-radius:5px;
	margin:0 0 20px 0;
	color:#FFF;
	font-size:24px;
	font-size:2.4rem;
}
#itemsdata p.noitem{
	text-align:center;
	width:80%;
	margin:80px auto 20px;
}

#itemsdata h2#catnew:before{
	content:"新着";
}
#itemsdata h2#cat01:before{
	content:"内視鏡装置関連";
}
#itemsdata h2#cat02:before{
	content:"超音波画像診断装置関連";
}
#itemsdata h2#cat03:before{
	content:"CT / MRI装置関連";
}
#itemsdata h2#cat04:before{
	content:"X線装置関連";
}
#itemsdata h2#cat05:before{
	content:"その他装置";
}



#itemsdata .item{
	border:1px #CCC solid;
	padding:10px;
	margin-bottom:20px;
	width:100%;
	display:table;
}
#itemsdata .item .photo{
	width:30%;
	display:table-cell;
	text-align:left;
}
#itemsdata .item .photo figure{
	width:100%;
}
#itemsdata .item .photo figure img{
	width:100%;
	max-width:100%;
	border:1px solid #CCC;
}
#itemsdata .item .data{
	width:45%;
	display:table-cell;
	padding:0 10px;
	vertical-align:top;
}
#itemsdata .item .data a{
	text-decoration:none;
	color:#333;
}
#itemsdata .item .data h3{
	font-size:125%;
	font-weight:bold;
	line-height:1.4;
	margin:0 0 5px 0;
}
#itemsdata .item .data h3.new:after{
	content:"NEW";
	color:#CC0000;
	font-size:11px;
	font-size:1.1rem;
	font-weight:bold;
	padding:1px 5px;
	background-color:rgba(220,116,150,0.4);
	border-radius:5px;
	margin-left:5px;
	vertical-align:middle;
}

#itemsdata .item .data p{
	line-height:1.5;
	margin-bottom:5px;
	text-align:left;
}
#itemsdata .item .data p.maker:before{
	background-color:rgba(202,242,206,1);
	content:"メーカー";
	color:#1A6A22;
	font-size:12px;
	font-size:1.2rem;
	border-radius:5px;
	margin-right:5px;
	padding:2px 3px;
	vertical-align:middle;
	letter-spacing:-1px;
}
#itemsdata .item .data p.model:before{
	background-color:rgba(202,242,206,1);
	content:"型 式";
	color:#1A6A22;
	font-size:12px;
	font-size:1.2rem;
	border-radius:5px;
	margin-right:5px;
	padding:2px 5px;
	vertical-align:middle;
	letter-spacing:-1px;
}
#itemsdata .item .data p.no:before{
	background-color:rgba(202,242,206,1);
	content:"商品番号";
	color:#1A6A22;
	font-size:12px;
	font-size:1.2rem;
	border-radius:5px;
	margin-right:5px;
	padding:2px 3px;
	vertical-align:middle;
	letter-spacing:-1px;
}
#itemsdata .item .data p.condition:before{
	background-color:rgba(202,242,206,1);
	content:"状態";
	color:#1A6A22;
	font-size:12px;
	font-size:1.2rem;
	border-radius:5px;
	margin-right:5px;
	padding:2px 3px;
	vertical-align:middle;
	letter-spacing:-1px;
}
#itemsdata .item .data p.so{
	color:#CC0000;
	line-height:1.4;
	font-size:90%;
	margin-bottom:10px;
}
#itemsdata .item .data p.so span{
	border:1px solid #CC0000;
	padding:0 5px 0;
}
#itemsdata .item .data p.un{
	color:#006B86;
	line-height:1.4;
	font-size:90%;
	margin-bottom:10px;
}

#itemsdata .item .data p.un span{
	border:1px solid #006B86;
	padding:0 5px 0;
}

#itemsdata .item .btnarea{
	width:25%;
	display:table-cell;
	padding:0 10px;
	vertical-align:middle;
	border-left:1px dotted #CCC;
	
}
#itemsdata .item .btnarea a{
	display:block;
	width:90%;
	margin:20px auto;
	background-color:#9E2656;
	border-radius:5px;
	text-align:center;
	padding:5px 5px;
	color:#FFF;
	text-decoration:none;
}
#itemsdata .item .btnarea a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#itemsdata .item .btnarea .godetail:before{
	content:"詳細";
}
#itemsdata .item .btnarea .contact:before{
	content:"お問い合わせ";
}
.detail .item {
	margin:20px 0;
}
.detail .item dl{
	width:100%;
	display:table;
}
.detail .item dt{
	display:table-cell;
	width:30%;
	text-align:center;
}
.detail .item dt > figure {
	width:100%;
	border:1px #CCC solid;
}
.detail .item dt ul{
	display:table;
	margin:10px -5px;
	table-layout: fixed;/*列幅固定*/
	border-collapse:separate;/*隣接する線を離す*/
	border-spacing:5px 0;/*左右，上下*/
}
.detail .item dt ul li{
	display:table-cell;
	border:1px #CCC solid;
}
.detail .item figure img{
	max-width:100%;
}
.detail .item dd{
	display:table-cell;
	padding:0 0 35px 20px;
	position:relative;
}
.detail .item dd a .contact{
	position:absolute;
	bottom:0;
	right:0;
	width:200px;
	background-color:#999999;
	text-align:center;
	padding:5px 10px;
}
.detail .item dd a {
	text-decoration:none;
	color:#FFF;
}
.detail .item dd a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#contact2 {
	float:right;
	width:73%;
	margin-bottom:20px;
}
#contact2 a{
	display:block;
	text-decoration:none;
	width:250px;
	margin:0 auto;
	color:#FFFFFF;
	background-color:#9E2656;
	font-size:16px;
	font-size:1.6rem;
	padding:5px;
	text-align:center;
	border-radius:5px;
}
#contact2 a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

#pagination {
	float:right;
	width:73%;
	margin-bottom:20px;
}	

@media (max-width:767px){
/*---------------スマホ-------------------------------*/
#itemslist nav ul a{
	padding:5px 5px;
}
#itemslist .box{
	clear:both;
	width:100%;
	margin-top:0;
	border:1px #438C5A solid;
	padding:1px;
}
#itemslist .box p{
	border:1px #438C5A solid;
	margin:0;
	padding:10px;
	height:100%;
}
#itemsdata .item{
	display:block;
}
#itemsdata .item .photo{
	width:100%;
	display:block;
	text-align:center;
}
#itemsdata .item figure{
	width:100%;
	margin-bottom:10px;
}
#itemsdata .item figure img{
	max-width:100%;
	border:1px solid #CCC;
}
#itemsdata .item .data{
	width:100%;
	display:block;
	padding:0 10px;
}
#itemsdata .item .btnarea{
	width:100%;
	display:table;
	padding:0;
	vertical-align:middle;
	border-left:none;
	margin:20px 0 0;	
	border-spacing: 10px 5px; 
	table-layout: fixed;/*列幅固定*/
}
#itemsdata .item .btnarea a{
	display:table-cell;
	line-height:1.4;
	vertical-align:middle;
}
#itemsdata h2{
	font-size:1.5rem;
	padding:10px 15px;
}
#itemsdata p.noitem{
	text-align:center;
	width:90%;
	margin:60px auto 20px;
}
#contact2 a{
	width:80%;
	font-size:1.4rem;
}
}