@charset "UTF-8";

/* サービス以下のフォルダに適用するCSS */
ul.typeD {
	min-height: 1px;
	_height: 1px;
	margin: 0 0 0 -20px;
}

ul.typeD:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

ul.typeD li {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

div.typecard {
	border: 1px solid #dcdcdc;
	background-color: #FFFFFF;
	padding: 1px;
	width: 242px;
}

div.typecard p {
	text-align: center;
	margin: 0;
}

table.keepth th {
	width: 33%;
}

/*-----------------------------
　商品名
 -----------------------------*/
div.typecard p.top-line {
	background: url(/svcsol/mobile-support/common/images/contents/title_base.gif) #fafafa 0 100% no-repeat;
	border-top: 2px solid #c81c37;
	padding: 9px 0 10px;
	min-height: 64px;
}

div.typecard p.top-line span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0;
}

div.typecard p.top-line span.top-line--long-name {
	font-size: 13px;
}

div.typecard p.top-line a {
	color: #333333;
}

div.typecard p.top-line img {
	margin: 0 2px;
}

/*-----------------------------
　newマークを追加するときのCSS
	p.terminal-new
 -----------------------------*/

 /* new */
div.typecard p.terminal-new {
	background: url(/svcsol/mobile-support/common/images/icon/icon_new.gif) 98% 4% no-repeat;
}

/* サプライ用 販売終了 */
div.typecard p.terminal-end {
	background: url(/svcsol/mobile-support/supply/product/images/icon_end.gif) 98% 4% no-repeat;
}

/* 端末レンタル用 受付終了 */
p.acceptance-end {
	background: url(/svcsol/mobile-support/supply/product/images/acceptance_end.gif) 98% 4% no-repeat;
}

/* 端末レンタル用 受付終了保守終了 */
p.maintenance-end {
	background: url(/svcsol/mobile-support/supply/product/images/maintenance_end.gif) 98% 4% no-repeat;
}



/*-----------------------------
　リンク先がある場合のCSS
	p.terminal-img a
 -----------------------------*/
ul.LTEModel div.typecard p.terminal-img a {
	padding: 39px 0 38px;
}

div.typecard p.terminal-img a {
	display: block;
	padding: 10px 0;
	background: url(/svcsol/mobile-support/common/images/icon/icon_link.gif) no-repeat 98% 98%;
	transition: all .5s;
}

div.typecard p.terminal-img a:hover {
	opacity: .5;
}

/*ul.typeD li#typeD_ETL_USB div.typecard p.terminal-img a,
ul.typeD li#typeD_USB div.typecard p.terminal-img a{
	padding:9px 0 8px;
}*/
/* タイプEの要素の画像を上下左右中央揃え */
ul.typeE li div.typecard p.terminal-img {
	display: table-cell;
	width: 200px;
	vertical-align: middle;
	height: 165px;
}

*+html ul.typeE li div.typecard p.terminal-img {
	line-height: 165px;
}

/*--------------------------------
　説明用のアイコンがつく場合
--------------------------------*/
ul#terminal-list li {
	border: 1px solid #dcdcdc;
	background-color: #f6f6f6;
	padding: 9px 15px 9px 9px;
	margin-right: 12px;
	min-height: 1px;
	_height: 1px;
}

ul#terminal-list li:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

ul#terminal-list li div {
	float: left;
}

ul#terminal-list li.terminal-card div {
	margin-right: 5px;
}

ul#terminal-list li.flast {
	margin-right: 11px;
}

ul#terminal-list li div.mr5 {
	margin-right: 5px;
}

ul#terminal-list li div.mr-5 {
	margin-right: -5px;
}

ul#terminal-list li div.icon-img {
	margin-left: 16px;
}

ul#terminal-list li.terminal-card {
	margin-right: 0;
}

ul#terminal-list li div.typecard {
	width: 154px;
}

*+html ul#terminal-list li div.typecard p.terminal-img {
	width: 154px;
	margin-bottom: 0;
}

/* ul#terminal-list li#typeD_USB div.typecard p.terminal-img {
		height:153px;
} */


/*--------------------------------
　LTEへのリンク
--------------------------------*/
div.d_frame {
	margin-bottom: 30px;
	padding: 10px;
	background: #fef2f4;
	border: 1px solid #e9d6d9;
	text-align: center;
}

a.link_redb {
	padding-left: 12px;
	color: #960026;
	font-weight: bold;
	background: url(/svcsol/mobile-support/common/images/icon/link_normal.gif) 3px center no-repeat;
}

/*--------------------------------
　カラム・レイアウト要素
--------------------------------*/
/* -------------------------------------
▽汎用カラム・レイアウト
　⇒ 2カラム（1.5幅＋1.5幅）
　   div.units div.unit.(min|midium|wide)

　幅指定
　⇒ div.unit.min    : 1カラム（200px）
　⇒ div.unit.midium : 1.5カラム（309px）
　⇒ div.unit.wide   : 2カラム（418px）
------------------------------------- */
/* コンテナ */
div.units,
.units {
	margin: 0px;
	zoom: 1;
}

div.units:after,
.units:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

/* カラム */
div.units div.unit-l,
p.unit-l {
	float: left;
}

div.units div.unit-r,
p.unit-r {
	float: right;
}

div.units div.unit .section {
	margin-top: 0px;
}

.w30 {
	width: 30%;
}

.w70 {
	width: 70%;
}

/*-----------------------------
　サプライ商品詳細特徴の装飾CSS
 -----------------------------*/


.feature {
	padding: 0 0 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
}

.feature_comment,
.feature_img {
	display: inline-block;
	vertical-align: top;
	width: 370px;
}

.feature_img {
	margin-top: 4px;
}

.feature_comment {
	margin-right: 35px;
}

.feature_comment h3 {
	background: url(/svcsol/mobile-support/supply/product/images/h3_icon.gif) no-repeat left top;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 1px;
	vertical-align: top;
	padding: 0 0 0 16px;
	background-position: 0px 3px;
}

.feature_comment p {
	margin: 0;
}

/*-----------------------------------------------
　サプライ商品詳細特徴の装飾CSS 1カラムを分割
 -----------------------------------------------*/

.feature_sub_comment {
	display: inline-block;
	vertical-align: top;
	width: 290px;
	margin-right: 10px;
}

.feature_sub_img {
	display: inline-block;
	vertical-align: top;
	width: 60;
	margin-top: -10px;
}

.feature h3 {
	background: url(/svcsol/mobile-support/supply/product/images/h3_icon.gif) no-repeat left top;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 1px;
	vertical-align: top;
	padding: 0 0 0 16px;
	background-position: 0px 3px;
}

.feature p {
	margin: 0;
}

/*-----------------------------
　2016.1.26 ボタン追加の装飾CSS
 -----------------------------*/

ul.btnarea {
	margin: 5px 0 0 0;
}

ul.btnarea li {
	display: inline-block;
	margin: 0;
}

/* 端末レンタルの一覧ページ（/svcsol/mobile-support/product/）で使用 */
.section.rental ul li.btn_detail {
	background: url("/svcsol/mobile-support/product/images/btn_detail_on.png") no-repeat;
	margin-right: 1px;
}

.section.rental ul li.btn_manual {
	background: url("/svcsol/mobile-support/product/images/btn_manual_on.png") no-repeat;
}

/* .section.rental .btn_manual_long{
	text-align:center;
	margin:40px 0;
	background: url("/svcsol/mobile-support/product/images/btn_manual_long_on.png") no-repeat top center;
} */

/* 端末情報サプライの一覧ページ（/svcsol/mobile-support/supply/product/）で使用 */
ul li.btn_detail {
	background: url("/svcsol/mobile-support/supply/product/images/btn_detail_on.png") no-repeat;
	margin-right: 1px;
}

ul li.btn_manual {
	background: url("/svcsol/mobile-support/supply/product/images/btn_manual_on.png") no-repeat;
}

.btn_manual_long {
	text-align: center;
	margin: 40px 0;
	background: url("/svcsol/mobile-support/supply/product/images/btn_manual_long_on.png") no-repeat top center;
}

ul li.btn_detail a,
ul li.btn_manual a {
	display: inline-block;
}

.btn_manual_long a {
	text-align: center;
	display: inline-block;
}

.btn_detail a:hover,
.btn_manual a:hover,
.btn_manual_long a:hover {
	background-color: transparent;
	/* IE6対応 */
}

.btn_detail a:hover img,
.btn_manual a:hover img,
.btn_manual_long a:hover img {
	visibility: hidden;
}


/*========================================
  囲い付き注釈（販売終了等）
=========================================*/

div.infobox {
	margin: 24px auto;
	padding: 16px 24px;
	display: flex;
	flex-direction: column;
	line-height: 1.6;
	width: fit-content;
	min-width: 48%;
	max-width: 96%;
	border-radius: 3px;
	border: 2px solid #c71231;

	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

div.infobox span {
	font-size: 150%;
	color: #c71231;
	font-weight: bold;
	text-align: center;
}