@charset "utf-8";

@import url("/common/css/share2.css");

/*------------------------------------
 2013.08.30 追加
---------------------------------------*/

.detail-navi {
	width:900px;
	margin:0 auto;
}

.sp_main {
	text-align: center;
	margin:0 auto;
}


/*------------------------------------
 ユニーク部品
---------------------------------------*/
/*家電系*/
body#special{
	background: #FFFFFF url(/common/img_v2/head_2ndline_sp2013.gif) repeat-x left top;
}
body#special2{
	background: #FFFFFF url(/common/img_v2/head_2ndline_sp2013_2.gif) repeat-x left top;
}

body#special_second{
	background: #FFFFFF url(/common/img_v2/head_2ndline.gif) repeat-x left top;
}

/*----- H1 -----*/

div#sp h1 {
	text-align: left;
	margin:0 auto 10px auto;
	padding-left: 0px;
	font-size: 200%;
	font-weight: normal;
	line-height: 1em;
	background: url(/common/img_v2/bg_h1_prod_top_2.gif) no-repeat left top;
	background-position:-10px 0 0 0;
	color: #fff;
	clear: both;
	overflow: visible;
	display: block;
	padding: 5px 0 3px 12px;
}

/*
div#sp h1 {
	text-align: left;
	margin:0 auto 10px auto;
	padding-left: 0px;
	font-size: 200%;
	font-weight: normal;
	line-height: 1em;
	background: url(/common/img_v2/bg_h1_prod_top.gif) no-repeat left top;
	color: #fff;
	clear: both;
	overflow: visible;
}
div#sp h1 span {
	display: block;
	padding: 5px 0 3px 12px;
	background: url(/common/img_v2/bg_h1_prod_btm.gif) no-repeat left bottom;
}
*/

/*----- パンくずリスト -----*/

p#location {
	text-align: left !important;
	color: #fff !important;
}

p#location {
	margin-bottom: 10px !important;
	padding: 4px 5px !important;
	border-bottom: 1px solid #fff !important;
}

p#location a {
	color: #aaa !important;
	text-decoration: none !important;
}

/*
div#sp h1 {
	clear:both;
	color:#cccccc;
	font-size:200%;
	line-height:1.3;
	padding-bottom:8px;
	background:#000000;
	font-family: "ＭＳ 明朝",serif;
	width:100%;
	font-weight:normal;
}
*/

div#sp {
	width: 970px;
	margin: 0 auto;
	text-align: left;
}
strong{
	font-weight:normal;
}
/*------------------------------------
 common上書き(ベース)
---------------------------------------*/
/* ぱんくず */
p#location {
	border:0px;
	color:#cccccc;
	margin-bottom:0px;
	padding:3px 5px;
}
p#location a{
	color:#cccccc;
}
div#sp p#location {
	padding:0 5px;
}
/* h2,h3 */
div#contents h2 {
	clear:both;
	color:#333333;
	font-size:250%;
	line-height:1.3;
	margin:30px 0px 10px 0px;
	padding-bottom:5px;
	background:transparent url(/common/img/promo/bg_sp_h2.gif) repeat-x scroll  left bottom;
	font-family: "ＭＳ 明朝",serif; 
	width:100%;
}
div#contents h3 {
	clear:both;
	color:#333333;
	font-size:180%;
	line-height:1.3;
	margin:30px 0px 15px 0px;
	background:none;
	font-family: "ＭＳ 明朝",serif; 
	border-left:0px;
	padding:0px;
}

/*------------------------------------
 本文
---------------------------------------*/
/* メインビジュアル配下のテキスト */
p.desc {
	margin-top:30px;
	font-size:120%;
	line-height:1.5;
}


/* Hタグ配下のテキスト */
p.descH{
	margin-bottom:20px;
	line-height:1.5;
	font-size:120%;
}
/* 空白調整用 */
p.paragraph {
	margin-bottom:20px;
	line-height:1.5;
}

/* 注釈 */
.caption{
	padding:3px 0px 8px;
	font-size:95%;
}

/*------------------------------------
 カラム
---------------------------------------*/
/* 2分割用 */
.boxL{
	float:left;
	width:420px;
}
.boxR{
	float:right;
	width:420px;
	/*padding-left:40px;*/
}

/* 3分割用 */
.boxL3f{
	float:left;
	width:260px;
	padding-left:10px;
}
.boxL3{
	float:left;
	width:270px;
	padding-left:20px;
}

/* 4分割用 */
.boxL4f{
	float:left;
	width:190px;
	padding-left:10px;
}
.boxL4{
	float:left;
	width:200px;
	padding-left:20px;
}


/* 4分割用(3/4) */
.boxL4-3{
	float:left;
	width:570px;
	padding-left:10px;
}



/*------------------------------------
 製品紹介＆ioPLAZA誘導用
---------------------------------------*/
.boxPlaza{
	clear:both;
	padding:10px 10px;
	border:6px solid #aaaaaa;
	background-color:#eeeeee;
}

.line_top{
	border-top: #aaaaaa 1px dashed;
	padding: 10px 0px;
	margin: 10px 0px;
}


/*.boxPlaza{
	clear:both;
	padding:10px 20px;
	border-bottom:3px solid #4F9BD8;
	background-color:#EDF4F9;
	border-top:3px solid #4F9BD8;
}*/

.boxPlaza p{
	padding-bottom:5px;
}

h3.plaza{
	background-color:#EEEEEE;
	border-top:3px solid #4F9BD8;
}

.boxPlazaS{
	width:200px;
	float:right;
	background-color:#FFFFFF;
	text-align:center;
}
.btnPlaza{
	padding-bottom:10px;
}

/*------------------------------------
 製品紹介＆ioPLAZA誘導用＞分割用
---------------------------------------*/
/* 2分割用 */
.boxPlazaL{
	float:left;
	width:410px;
}
.boxPlazaR{
	float:right;
	width:410px;
	padding-left:40px;
}

.bnr{
	margin:10px 0px;
}

/*------------------------------------
 説明用
---------------------------------------*/
xmp.codeSpace{
	background: #EDF4F9;
}


/* 製品一覧 -------------------- */

div.products-list {
	padding: 20px 20px;
	background: #0175c2;
	line-height: 1.1em;
	text-align: center;
	color: #FFF;
}
div.products-list a {
	color: #FFF;
}

div.products-list-in {
	width: 900px;
	margin: 0 auto;
	padding-top: 4px;
	text-align: left;
}

div.products-list h2 {
	padding-left: 12px;
	border-left: 3px solid #80bae1;
	line-height: 1.2;
}

div.products-list h2 a {
 text-decoration: none;
}

div.products-list dl {
	width: 144px;
	float: left;
}

div.products-list dl dt,
div.products-list dl dd {
	margin-right: 10px;
}

div.products-list dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}

div.products-list dl dt a {
	text-decoration: none;
}

div.products-list dl dd a {
	text-decoration: none;
	color: #b2ddf9;
	font-size: 86%;
}

div.products-list dl li {
	margin-bottom: 2px;
}

div.products-list div.listbox {
	padding: 10px 15px 0;
}
div.products-list div.listbox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.products-list div.listbox { display:inline-block; }
/*\*/
* html div.products-list div.listbox { height:1%; }
div.products-list div.listbox { display:block; }
/**/


/*------------------------------------
 仕様テーブル
------------------------------------*/

div.inner{
	width: 650px;
}


div.inner table.specTbl {
	margin: 0 10px;
}

div.inner table.specTbl th {
	background: #E0E0E0;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	font-weight: normal;
	padding: 3px;
}

div.inner table.specTbl td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 3px;
}