@charset "utf-8";
/* CSS Document */
clearfix:after {
	display: block;
	content: '';
	clear: both;
}
clearfix {zoom: 1;}
#footer {clear:both;}
#contents-area .topicpath ul li a:link{color:#0a50a1;text-decoration:none;}
#contents-area .topicpath ul li a:visited{color:#0a50a1;text-decoration:none;}
#contents-area .topicpath ul li a:hover{color:#FF8000;}

#main-contents .head-txt p a:link{color:#0a50a1;text-decoration:underline;}
#main-contents .head-txt p a:visited{color:#0a50a1;text-decoration:underline;}
#main-contents .head-txt p a:hover{color:#FF8000;text-decoration:underline;}

#main-contents .body-txt p a:link{color:#0a50a1;text-decoration:underline;}
#main-contents .body-txt p a:visited{color:#0a50a1;text-decoration:underline;}
#main-contents .body-txt p a:hover{color:#FF8000;text-decoration:underline;}

#main-contents .table-list a:link{color:#0a50a1;text-decoration:underline;}
#main-contents .table-list a:visited{color:#0a50a1;text-decoration:underline;}
#main-contents .table-list a:hover{color:#FF8000;text-decoration:underline;}

#main-contents .about-section dd a:link{color:#0a50a1;text-decoration:underline;}
#main-contents .about-section dd a:visited{color:#0a50a1;text-decoration:underline;}
#main-contents .about-section dd a:hover{color:#FF8000;text-decoration:underline;}

#main-contents  div.product-page-top .page-top a{display:block;}
#main-contents  div.product-page-top .page-top a:link{color:#333333;text-decoration:none;}
#main-contents div.product-page-top .page-top a:hover{color:#333333;text-decoration:underline;}
#main-contents  div.product-page-top .page-top a:visited{color:#333333;text-decoration:none;}

#main-contents .foot-txt li a:link{color:#0a50a1;text-decoration:none;}
#main-contents .foot-txt li a:hover{color:#FF8000;text-decoration:underline;}
#main-contents .foot-txt li a:visited{color:#0a50a1;text-decoration:none;}

.btn-mat a:link{color: #333;text-decoration:none;}
.btn-mat a:visited{color: #333;text-decoration:none;}
.btn-mat a:hover{color: #333;text-decoration:underline;}

/* ## PC Style ###################################################################################################### */

/*******************************
メインコンテンツ
********************************/
#main-contents{
	width:700px;
	padding: 0 0 15px 0;
	margin:0 0 0 10px;
	float: left;
}
/*******************************
大見出し
********************************/
#main-contents .body-txt .section h2{
	width: 99.5%;
	padding: 0 0 0 1.5%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #333333;
	margin: 0 0 1% 0;
	line-height: 1.1;
	font-size: 131%;
	font-weight: bold;
}
/*******************************
アップデート（ニュースリリース）
********************************/
#main-contents .num-update-txt{
	clear: both;
	padding: 0;
	margin:0;
	box-sizing: border-box;
	text-align: right;
	width: 100%;
	line-height:1.3;
	font-size:100%;
}
/*******************************
上部コンテンツ
********************************/
#main-contents .head-txt{
	width:690px;
	clear: both;
	padding:0.5em 5px 0;
}
#main-contents .head-txt h2{
	width: 100%;
	clear: both;
	font-size: 146.5%;
	font-weight: bold;
	text-align: center;
	line-height: 1.9;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 12px;
	letter-spacing: 1px;
	color: #FF6600;
}
#main-contents .head-txt h2 span{
	display:block;
}
#main-contents .head-txt p{
	width: 100%;
	clear: both;
	padding: 8px 0;
	margin:0;
	line-height: 1.8;
	font-size: 93%;
}

/*******************************
中部コンテンツ .body-txt
********************************/

#main-contents .section{
	margin:2.5em 0 4em 0;
	clear: both;
}
/*見出し*/
#main-contents .section h3{
	border-bottom:solid 1px #cccccc;
	padding:0 0 0.5em 0;
	margin:0 0 0.5em 0;
	display:block;
}
#main-contents .section h3 span{
	width: 98.75%;
	padding: 0 0 0 1.25%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #003484;
	margin: 0 0 0.25em 0;
	line-height: 1;
	font-size: 116%;
	font-weight: bold;
	display:inline-block;
	color:#003484;
}
#main-contents .section p{
	width: 98%;
	clear: both;
	padding: 0.5em 0 0.25em;
	margin:0 1%;
	line-height: 1.8;
	font-size: 93%;
}
#main-contents .section ul.list{
	text-align:left;
}
#main-contents .section ul.list li{
	width: 97.25%;
	clear: both;
	padding: 0 0 0 1.75%;
	margin: 1em 1%;
	line-height: 1.8;
	font-size: 93%;
	background-image: url(../image/bg_icn_list.gif);
	background-repeat: no-repeat;
	background-position: 0 0.65em;
}

/**********************************
リスト掲載　テーブル
***********************************/
.section table.table-list{
	width: 100%;
	padding: 0 0 0;
	margin:1.5em 0 1.5em;
	clear:both;
	border-collapse: collapse;
}
.section .table-list th.ttl-01{width:25%;}
.section .table-list th.ttl-02{width:55%;}
.section .table-list th.ttl-03{width:20%;}
.section .table-list table tr{
}
.section .table-list th{
	padding:13px 13px 11px;
	margin: 0;
	font-size: 108%;
	line-height:1;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: top;
	background-color:#f6f6f8;
	text-align:center;
	font-weight:bold;
}

.section .table-list td {
	font-size: 93%;
	padding:13px 20px 11px;
	margin: 0;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: top;
	background-color: #fff;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	line-height: 1.4;
	vertical-align: middle;
	text-align:left;
}
.section .table-list td span{
	font-size: 131%;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.section .table-list td.center{
	text-align:center;
}
/************************************
サブメニュー
*************************************/
#sub-contents{
	float: right;
	margin: 0 5px 0 0;
	width:220px;
}
#sub-contents .bnr-box{
	width:220px;
}
/****************************************
ページの先頭に戻る
*****************************************/
#main-contents  div.product-page-top{
	width: 690px;
	clear: both;
	padding: 0 5px;
	text-align:right;
}
#main-contents  div.product-page-top .page-top{
	width: 110px;
	font-size: 85%;
	display: inline-block;
	padding: 5px 15px 5px 10px;
	margin: 10px 0 5px 0;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	background-image: url(/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align:left;

}
/*******************************
下部コンテンツ（共通）
********************************/
#main-contents ul.foot-txt{
	margin:5% 0 0 0;
	border:solid 1px #ccc;
	padding:1em 0.75em 0.75em;
	clear:both;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius: 2px;
	-ms-border-radius:2px;
}
#main-contents .foot-txt li{
	padding:0.25em 0;
	font-size:93%;
}

/*******************************
製品画像
********************************/
#main-contents .product-box{
	width:100%;
	letter-spacing:-0.40em;
	margin:1.5em 0 1em 0;
	text-align:center;
}
#main-contents .product-box .img-box{
	width:32%;
	padding:0 0.5% 0.25em;
	display:inline-block;
	letter-spacing:normal;
	text-align:center;
	vertical-align:top;
}
#main-contents .product-box .img-box img{
	margin:0 0 0.5em;
}
#main-contents .product-box .img-box em{
	display:block;
	text-align:center;
	margin:0 0 0 0;
	line-height:1.5;
	font-size:93%;
}
#main-contents .product-box .img-box span{
	display:block;
	text-align:center;
	margin:0 0 0 0;
	font-weight:bold;
	line-height:1.5;
	font-size:100%;
}

/* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 500px) and (max-width: 799px){
/*******************************
メインコンテンツ
********************************/
#main-contents{
	width: 98%;
	padding:1.5% 0 0 0;
	margin:0 1%;
}
/*******************************
大見出し
********************************/
#main-contents .body-txt .section h2{
	width: 99.5%;
	padding: 0 0 0 1.5%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #333333;
	margin: 0 0 1% 0;
	line-height: 1.1;
	font-size: 131%;
	font-weight: bold;
}
/*******************************
アップデート（ニュースリリース）
********************************/
#main-contents .num-update-txt{
	clear: both;
	padding: 0;
	margin:0;
	box-sizing: border-box;
	text-align: right;
	width: 100%;
	line-height:1.3;
	font-size:100%;
}
/*******************************
上部コンテンツ
********************************/
#main-contents .head-txt{
	width:98%;
	clear: both;
	padding:0.5em 1% 2em;
}
/*見出し*/
#main-contents .section h3{
	border-bottom:solid 1px #cccccc;
	padding:0 0 0.5em 0;
	margin:0 0 0.75em 0;
}
#main-contents .section h3 span{
	width: 98.75%;
	padding: 0 0 0 1.28%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #003484;
	margin: 0 0 0.25em 0;
	line-height: 1.4;
	font-size: 116%;
	font-weight: bold;
	display:inline-block;
	color:#003484;
}
#main-contents .head-txt p{
	width: 100%;
	clear: both;
	padding: 6px 0;
	margin:0;
	line-height: 1.8;
	font-size: 93%;
}
/*******************************
中部コンテンツ .body-txt
********************************/
#main-contents .body-txt{
	width: 98%;
	clear: both;
	padding: 1.5em 1%;
}
#main-contents .section{
	margin:0 0 4em 0;
	clear: both;
}
/**********************************
リスト掲載　テーブル
***********************************/
.section .table-list{
	width: 98%;
	padding: 0 0 0;
	margin: 1em 1% 1em;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
.section .table-list table{
	margin:0 0 1em;
	border-collapse: collapse;
	width:100%;
	color: #333;
}
.section .table-list th.ttl-01{width:25%;}
.section .table-list th.ttl-02{width:55%;}
.section .table-list th.ttl-03{width:20%;}
.section .table-list table tr{
}
.section .table-list th{
	padding:1em 1em;
	margin: 0;
	font-size: 100%;
	line-height:1;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: top;
	background-color:#f6f6f8;
	text-align:center;
	font-weight:bold;
}

.section .table-list td {
	font-size: 85%;
	padding:1.25em 1.25em 1em;
	margin: 0;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: top;
	background-color: #fff;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	line-height: 1.4;
	vertical-align: middle;
	text-align:left;
}
.section .table-list td span{
	font-size: 108%;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.section .table-list td.center{
	text-align:center;
}
/************************************
サブメニュー
*************************************/
#sub-contents{
	display:none;
}
/************************************
ページの先頭に戻る
*************************************/
#main-contents div.product-page-top{
	clear: both;
	/* [disabled]border: 1px solid #CCC; */
	margin: 0 1% 0;
	padding:0;
	width:98%;
	box-sizing:border-box;
}
#main-contents div.product-page-top .page-top{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	padding: 0;
	margin: 1% 0 3.5%;
	clear: both;
	text-align: center;
	font-size: 93%;
	background-image: url(http://www.elecom.co.jp/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: 99% center;
}
#main-contents div.product-page-top .page-top a{
	padding:1.8% 0 1.5%;
	display:block;
}
/*******************************
下部コンテンツ（共通）
********************************/
#main-contents ul.foot-txt{
	width:98%;
	margin:2% 1% 5.5%;
	border:solid 1px #ccc;
	padding:1em 2% 0.75em;
	clear:both;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius: 2px;
	-ms-border-radius:2px;
	box-sizing:border-box;
}
#main-contents .foot-txt li{
	padding:0.25em 0;
	font-size:85%;
}
/*******************************
製品画像
********************************/
#main-contents .product-box{
	width:100%;
	letter-spacing:-0.40em;
	margin:1.75em 0 1em 0;
	text-align:center;
}
#main-contents .product-box .img-box{
	width:32%;
	padding:0 0.5% 0;
	display:inline-block;
	letter-spacing:normal;
	text-align:center;
	vertical-align:top;
}
#main-contents .product-box .img-box img{
	width:100%;
	max-width:400px;
	height:auto;
}
#main-contents .product-box .img-box em{
	display:block;
	text-align:center;
	margin:0 0 0 0;
	line-height:1.5;
	font-size:85%;
}
#main-contents .product-box .img-box span{
	display:block;
	text-align:center;
	margin:0 0 0 0;
	font-weight:bold;
	line-height:1.5;
	font-size:93%;
}

}
/* SmartPhone Style ###################################################################################################### */
@media screen and (max-width:499px){
/*******************************
メインコンテンツ
********************************/
#main-contents{
	width: 96%;
	padding: 1.5% 0 0 0;
	margin: 0 2%;
}
/*******************************
大見出し
********************************/
#main-contents .body-txt .section h2{
	width: 99.5%;
	padding: 0 0 0 1.5%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #333333;
	margin: 0 0 1% 0;
	line-height: 1.1;
	font-size: 131%;
	font-weight: bold;
}
#main-contents .section p{
	line-height:1.6;
	font-size:85%;
}
/*******************************
アップデート（ニュースリリース）
********************************/
#main-contents .num-update-txt{
	clear: both;
	padding: 0;
	margin:0;
	box-sizing: border-box;
	text-align: right;
	width: 100%;
	line-height:1.3;
	font-size:100%;
}
/*******************************
上部コンテンツ
********************************/
#main-contents .head-txt{
	width:98%;
	clear: both;
	padding:0.5em 1% 0;
}
#main-contents .head-txt h2{
	width: 98%;
	clear: both;
	font-size: 123.1%;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	padding: 0.5em 1% 0.5em 1%;
	letter-spacing: 1px;
	color: #FF6600;
}
#main-contents .head-txt h2 span{
	display:inline-block;
}
#main-contents .head-txt p{
	width: 98%;
	clear: both;
	padding: 0.5em 0;
	margin:0 1% 3em;
	line-height: 1.8;
	font-size: 85%;
}
/*******************************
中部コンテンツ .body-txt
********************************/
#main-contents .body-txt{
	width: 98%;
	clear: both;
	padding: 1em 1%;
}
#main-contents .section{
	margin:0 0 3em 0;
	clear: both;
}
#main-contents .section ul.list{
}
#main-contents .section ul.list li{
	line-height:1.6;
	padding: 0 0 0 3%;
	margin: 0.5em 1% 1em;
	font-size:85%;
}
/*見出し*/
#main-contents .section h3{
	border-bottom:solid 1px #cccccc;
	padding:0 0 0.5em 0;
	margin:0 0 0.75em 0;
}
#main-contents .section h3 span{
	width: 98.75%;
	padding: 0 0 0 1.28%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #003484;
	margin: 0 0 0.25em 0;
	line-height: 1.3;
	font-size: 108%;
	font-weight: bold;
	display:inline-block;
	color:#003484;
}
/**********************************
リスト掲載　テーブル
***********************************/
.section .table-list{
	width: 98%;
	padding: 0 0 0;
	margin: 1em 1% 1em;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
.section .table-list table{
	margin:0 0 1em;
	border-collapse: collapse;
	width:100%;
	color: #333;
}
.section .table-list th.ttl-01{width:35%;}
.section .table-list th.ttl-02{width:40%;}
.section .table-list th.ttl-03{width:25%;}
.section .table-list table tr{
}
.section .table-list th{
	padding:1em 0.5em;
	margin: 0;
	font-size: 93%;
	line-height:1;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: top;
	background-color:#f6f6f8;
	text-align:center;
	font-weight:bold;
}

.section .table-list td {
	font-size: 85%;
	padding:1.25em 1em 1em;
	margin: 0;
	color: #333;
	border: 1px solid #CCC;
	vertical-align: top;
	background-color: #fff;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	line-height: 1.4;
	vertical-align: middle;
	text-align:left;
}
.section .table-list td span{
	font-size: 108%;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.section .table-list td.center{
	text-align:center;
}

/************************************
サブメニュー
*************************************/
#sub-contents{
	display:none;
}
/************************************
ページの先頭に戻る
*************************************/
#main-contents div.product-page-top{
	clear: both;
	/* [disabled]border: 1px solid #CCC; */
	/* [disabled]border-radius: 3px; *//* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	margin: 0;
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 0;
}
#main-contents div.product-page-top .page-top{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	padding: 0;
	clear: both;
	text-align: center;
	font-size: 100%;
	background-image: url(http://www.elecom.co.jp/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	margin: 1% 0 8%;
}
#main-contents div.product-page-top .page-top a{
	padding: 2.5% 0 2%;
	display: block;
}
/*******************************
下部コンテンツ（共通）
********************************/
#main-contents ul.foot-txt{
	width:98%;
	margin:2% 1% 5.5%;
	border:solid 1px #ccc;
	padding:1em 2% 0.75em;
	clear:both;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius: 2px;
	-ms-border-radius:2px;
	box-sizing:border-box;
}
#main-contents .foot-txt li{
	padding:0.25em 0;
	font-size:85%;
}
/*******************************
製品画像
********************************/
#main-contents .product-box{
	width:100%;
	letter-spacing:-0.40em;
	margin:1.75em 0 1em 0;
	text-align:center;
}
#main-contents .product-box .img-box{
	width:32%;
	padding:0 0.5% 0;
	display:inline-block;
	letter-spacing:normal;
	text-align:center;
	vertical-align:top;
}
#main-contents .product-box .img-box img{
	width:100%;
	max-width:400px;
	height:auto;
}
#main-contents .product-box .img-box em{
	display:block;
	text-align:center;
	margin:0 0 0 0;
	line-height:1.5;
	font-size:77%;
}
#main-contents .product-box .img-box span{
	display:block;
	text-align:center;
	margin:0 0 0 0;
	font-weight:bold;
	line-height:1.5;
	font-size:85%;
}
}