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

/*-------------------------------------------

name: layout.css（製品）

-------------------------------------------*/


.section{
	margin-bottom:50px;
}


/*ピックアップ製品*/
.pickupArea{
	width:640px;
	margin-bottom:20px;
}
.h_pickup{
	text-align:center;
	margin-bottom:10px;
}
.pickupWrap{
}

/*carousel*/
#carousel {
	margin: 0 auto;
	width: 570px;
	height: 190px;
	text-align: left;
	position: relative;
	background:#fff;
	padding:0 0 0 10px;
}

#carousel_prev,
#carousel_next {
	top: 60px;
	width: 24px;
	height: 35px;
	background: #fff;
	cursor: pointer;
	position: absolute;
}
#carousel_prev {
	left: -35px;
	background:transparent url(file:///G|/HomePage/aztech-4/cmn/img/prev.gif) no-repeat top left;
}
#carousel_next {
	right: -35px;
	background:transparent url(file:///G|/HomePage/aztech-4/cmn/img/next.gif) no-repeat top left;
}

#carousel ul li {
	width: 180px;
	float: left;
	display: inline;
}
#carousel ul li a{ text-decoration:none;}
#carousel ul li .name{
	width:180px;
	padding:5px 0;
	text-align:left;
	color:#099e86;
	font-size:10px !important;
	font-weight:bold;
	letter-spacing:-0.01em;
	line-height:1.1 !important;
}

/* =======================================
	ClearFixElements
======================================= */
#carousel ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#carousel ul {
	display: inline-block;
	overflow: hidden;
}


/*絞り込み*/
.squeezeArea{
	background:#eee;
	padding:15px 20px;
	margin-bottom:30px;
	border:1px dotted #ccc;
}
.md_squeeze{
	padding-bottom:8px;
	border-bottom:1px solid #999;
	overflow:hidden;
	margin-bottom:10px;
}
.squeezeArea .word{
	width: 300px;  
    height: 24px
}

.md_squeeze .h{ float:left;}
.md_squeeze .btn{ float:right;}

.checkBox{
	font-size:12px !important;
	letter-spacing:0.1em !important;
	overflow:hidden;
}
.categoryTag{
	margin-right:5px;
	float:left;
}

/*製品一覧*/
table.tb_products {
	line-height:170%;
	width:100%;
	letter-spacing:-0.01em;
}
table.tb_products th {
	width:15%;
	padding:10px 5px;
	/*border:1px #ccc dotted;*/
	border-width:0 0 1px 0px;
	vertical-align:top;
	font-weight:bold;
}
table.tb_products td.sub{ 
    padding:60px 0 0px 0px;
	width:5%;
    text-align:center;
	font-size:11px
}
table.tb_products th.bdNone{ border:none;}
table.tb_products td {
	padding:10px 0 10px 15px;
	/*border:1px #ccc dotted;*/
	border-width:0 0 1px 0px;
	text-align:left;
	width:24%;
}

table.tb_products td.text {
	padding:0px 0 5px 0px;
	/*border:1px #ccc dotted;*/
	border-width:0 0 1px 0px;
	text-align:left;
}

table.tb_products td.space {
	padding:10px 0 10px 15px;
	border:1px;
	border-width:0 0 1px 0px;
	text-align:left;
	width:6%;
}

/*絞り込み結果*/
.productListArea{
}
.productListArea .md_list{
	margin-bottom:20px
}

.listBox{
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
}
.listBox .pBlock{
	width:202px;
	float:left;
	margin-right:17px;
}
.listBox .nameWrap{
	border-bottom:2px solid #3fb6a2;
	background:#EEF1F4;
	padding:0 0 0 6px;
	width:196px;
	height:40px;
	display:table-cell;
	vertical-align:middle;
	line-height:40;
}
.listBox .nameWrap .name{
	font-weight:bold;
	font-size:12px;
	line-height:1.2;
}
.listBox .nameWrap .name a{ color:#333;}
.listWrap{
	border:1px solid #ccc;
	border-width:0 1px 1px 1px;
	padding:5px;
	overflow:hidden;
	background:#dedede;
	margin-top:1px;
}
.listWrap .ph{
	width:190px;
	height:160px;
	float:left;
	overflow:hidden;
	background:#fff;
}
.listWrap .ph a{
	display: block; /* IE7以下対応 */
	display: table-cell;
	width: 190px;
	height: 160px;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;
}
.listWrap .ph a img{
	display: inline;
	text-align:center;
}


/*
.listBox{
	clear:both;
	margin-bottom:15px;
}
.listBox .nameWrap{
	border:3px solid #3fb6a2;
	background:#099f87;
	padding:10px 10px;
}
.listBox .nameWrap .name{
	border-left:5px solid #eee;
	padding:0 0 0 10px;
	font-weight:bold;
	font-size:16px;
	line-height:1.2;
}
.listBox .nameWrap .name a{ color:#fff;}
.listWrap{
	border:1px solid #ccc;
	border-width:0 1px 1px 1px;
	padding:10px;
	overflow:hidden;
}
.listWrap .ph{
	width:180px;
	height:150px;
	float:left;
	overflow:hidden;
}
.listWrap .ph a{
	display: block; /* IE7以下対応 
	display: table-cell;
	width: 180px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;
}
.listWrap .ph a img{
	display: inline;
}
.listWrap .txtBlock{
	width:420px;
	float:right;
}
.listWrap .txtBlock .iconBox{ margin-bottom:10px; height:28px;}
.listWrap .txtBlock .iconBox ul li{
	float:left;
	margin-right:5px;
}
*/






/*製品紹介*/
.nameArea{
	border:3px solid #3fb6a2;
	background:#099f87;
	padding:10px 10px;
	margin-bottom:20px;
}
.nameArea .name{
	border-left:5px solid #eee;
	padding:0 0 0 10px;
	font-weight:bold;
	font-size:18px;
	line-height:1.2;
	color:#fff;
}

.produetArea{
	overflow:hidden;
	margin-bottom:20px;
}
.produetArea .ph{
	width:300px;
	height:250px;
	float:left;
	overflow:hidden;
}
.produetArea .ph div{
	display: block; /* IE7以下対応 */
	display: table-cell;
	width: 300px;
	height: 250px;
	text-align: center;
	vertical-align: middle;
	line-height: 250px;
}
.produetArea .ph div img{
	display : inline;
}
.produetArea .characterBlock{
	width:320px;
	float:right;
}
.produetArea .characterBlock .h_chara{
	margin-bottom:10px;
}
.produetArea .characterBlock .characterBox{}

/*詳細*/
.ckArea{
	overflow:hidden;
	margin-bottom:30px;
}

/*お客様の声*/
.voiceArea{
	margin-bottom:30px;
}
.voiceArea .md_voice{ margin-bottom:15px;}
.voice{
}

/*faq*/
.faqArea{
	margin-bottom:30px;
	background:#efece2;
	padding:20px 20px 0 20px;
}
.faqArea .md_faq{ margin-bottom:15px; text-align:center;}
.faq{ padding-bottom:20px;}
.faq dl{
	margin-bottom:15px;
	background:#fff;
	padding:9px;
	border:1px dotted #999;
}
.faq dl dt{
	background:url(../../img/icon_q.gif) 0 top no-repeat;
	padding:0 0 0 27px;
	margin-bottom:7px;
	font-weight:bold;
	color:#099e86;
	border-bottom:1px solid #ccc;
	padding-bottom:4px;
}
.faq dl dd{
	background:url(../../img/icon_a.gif) 0 top no-repeat;
	padding:0 0 0 27px;
}


/*製品コード*/
.codeArea{
	margin-bottom:30px;
}
.codeArea .md_code{ margin-bottom:15px;}
.codeWrap table.code {
	border:1px #ccc solid;
	border-width:1px 0 0 1px;
	line-height:170%;
	width:100%;
	letter-spacing:-0.01em;
}
.codeWrap table.code th {
	padding:8px 5px;
	border:1px #ccc solid;
	border-width:0 1px 1px 0px;
	font-weight: bold;
	background:#eee;
	text-align:center;
}
.codeWrap table.code td {
	padding: 10px 15px 10px 15px;
	border: 1px #ccc solid;
	border-width: 0 1px 1px 0px;
	text-align: center;
}

.codeWrap table.code td.iconPdf{ text-align:center;
}


/*カタログボタン*/

.inqBtn{
	text-align:center;
	position:relative;
	color:#20a993;

	/*position:relative;
	top:10px;
	left:10px;*/
}


/*添付文書ボタン*/

.inqBtn_doc{
	text-align:right;
	position:relative;
	color:#999;
	padding: 0 10px 0 0;
	font-size:11px;

}

/*医療関係者向けの情報*/

.inqBtn_caution{
	text-align:center;
	position:relative;
	color:#666;
	padding: 0 0 10px 0;
	font-size:11px;

}


.inqBtn .kb{
	position:absolute;
	top:33px;
	left:120px;
}


/*製品一覧*/
/*サイドナビゲーション*/
.sideListArea{
	width:200px;
	margin-bottom:25px;
	letter-spacing:0.01em;
}
.sideListWrap{
	padding:5px 0 0 0;
	background-color:#eee;
}
ul.pList{
	font-family:"Hiragino Kaku Gothic Pro";
}
ul.pList li a{
	display:block;
	padding:2px 0 2px 15px;
	background:url(file:///G|/HomePage/aztech-4/cmn/img/arrow_side.png) 5px 47% no-repeat;
	text-decoration:none;
	color:#444;
	background-color:#eee;
	font-size:95%;
	border-bottom:1px solid #fff;
}
ul.pList li a:hover,
ul.pList li.on a{
	background-color:#fafafa;
	/*color:#20a993;*/
}