@charset "utf-8";



/*************************************************************************
 *	from reset.css
*************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,address,menu {
	margin:0;
	padding:0;
	line-height: 1.1em;
	font-size: 100%;
	letter-spacing: 0.025em;
}

body {
	font-size: 95%; /* default 14.97px相当 */
}
p, li, dd, th, td {
	line-height:1.4;
}


#dreamio_contents {
	width:716px;
	margin:0 auto;
}

#dreamio_contents .top{
	padding:16px 0;
	clear:both;
}


/*------------------------------------------------------------
*	タイトル要素を定義
*/
.hdTypePage {
	margin-bottom:8px;
	padding:0 0 13px 6px;
	border-bottom:3px solid #00178a;
}
.hdType01 {
	width:716px;
	padding-bottom:9px;
	margin-bottom:10px;
	background:url("/products/back/hyou/image/elp/bg_hdtype01_w716_02.gif") no-repeat left bottom;
}
.hdType01 h1,
.hdType01 h2,
.hdType01 h3 {
	padding:14px 13px 0;
	background:url("/products/back/hyou/image/elp/bg_hdtype01_w716_01.gif") no-repeat left top;
}
.hdType01 .hd {
	font-size:105%;
	line-height:1.2;
}

.hdType02 {
	padding:5px;
	*padding:0;
	line-height:1.1;
	border-bottom:1px solid #969696;
	zoom:1;
	margin:0 0 10px;
}
.hdType02 h3{
	*line-height:1.3;
}
.hdType02 h3 sup{
	*line-height:1.1;
	*vertical-align:text-top;
}
.hdType02 span{
	padding-left:7px;
	border-left:3px solid #002887;
	display:block;
	zoom:1;
}

.hdType04{
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	zoom:1;
	margin:0 4px 10px;
}

.hdType04 span{
	padding-left:15px;
	display:block;
	background:url("/products/back/hyou/image/elp/bg_hdtype04_01.gif") no-repeat 0 0.2em;
	font-size:93%;
	zoom:1;
}


/*------------------------------------------------------------
*	リンク要素を定義
*/
.lnkType01,
.lnkType01R a,
.lnkListType01 li {
	padding-left:7px;
	background:url("/products/back/hyou/image/elp/icon_arrow_01.gif") no-repeat left 0.45em;
}
.lnkType01R {
	text-align:right;
}
.lnkType01R a {
	display:inline-block;
}
.lnkListType01 li {
	margin-bottom:5px;
}
.lnkTypePop .icon {
	padding:1px 10px 1px 0;
	background:url("/products/back/hyou/image/elp/icon_popup.gif") no-repeat right 0.5em;
}

/*************************************************************************
 *	from common_utf8.css
*************************************************************************/

body:first-of-type #spec_content .txtS,
body:first-of-type #option_content .txtS{font-size:7.5pt;}
body:first-of-type #spec_content .txtM,
body:first-of-type #option_content .txtM{font-size:8.5pt;}
body:first-of-type #spec_content .txtB,
body:first-of-type #option_content .txtB{font-size:10pt;}

/** [マージン] **************************************************************************/

/* 上 */
.mT1{margin-top:1px;}
.mT5{margin-top:5px;}
.mT7{margin-top:7px;}
.mT10{margin-top:10px;}
.mT21{margin-top:21px;}
.mT24{margin-top:24px;}
.mT15{margin-top:15px;}
.mT30{margin-top:30px;}

/* 下 */
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB30{margin-bottom:30px;}
.mb10 {margin-bottom:10px !important;}

/* 左 */
.mL8{margin-left:8px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.ml10 {margin-left:10px !important;}

/* 右 */
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mr20 {margin-right:20px !important;}

/** [パディング] ************************************************************************/

/* 上 */
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT21{padding-top:21px;}
.pT30{padding-top:30px;}
.pt5 {padding-top:5px !important;}

/* 下 */
.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB30{padding-bottom:30px;}

/* 左 */
.pL1em{padding-left:1em;}
.pL1Hem{padding-left:1.5em;}
.pL2em{padding-left:2em;}
.pL2Hem{padding-left:2.5em;}
.pL3em{padding-left:3em;}
.pL3Hem{padding-left:3.5em;}
.pL4em{padding-left:4em;}
.pL4Hem{padding-left:4.5em;}
.pL5em{padding-left:5em;}
.pL5Hem{padding-left:5.5em;}
.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}

/* 右 */
.pR1{padding-right:1px;}
.pR5{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}


/** [テキストインデント] ********************************************************************/

.tI-1em{text-indent:-1em;}
.tI-1Hem{text-indent:-1.5em;}
.tI-2em{text-indent:-2em;}
.tI-2Hem{text-indent:-2.5em;}
.tI-3em{text-indent:-3em;}
.tI-3Hem{text-indent:-3.5em;}
.tI-4em{text-indent:-4em;}
.tI-4Hem{text-indent:-4.5em;}
.tI-5em{text-indent:-5em;}
.tI-5Hem{text-indent:-5.5em;}

/** [文字色] ********************************************************************/
.cl_red{color:#ff0000;}


/* clearfix */

.clearfix:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html .clearfix{ display: inline-block; }

/* no ie mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* */

/* clearfix for IE7*/

*:first-child+html .clearfix{
  zoom:1;
}


/*************************************************************************
 *	from dreamio common
*************************************************************************/

#detail .spec_table {
	width:100%;
}
#detailArea .interface {
	text-align:center;
}
#dreamio_contents sup {
	position: relative;
	top: 0.1em;
	font-weight: normal;
	white-space:nowrap;
	font-size: 10px;          /* _uEU */
	>font-size: 12px;         /* IE6,7 */
	font-size /*\**/: 12px\9; /* IE8  */
}



/*------------------------------------------------------------
*	position
*/
.fl {float: left;}
.fr {float: right;}
.ft {
	overflow: hidden;
	zoom: 1;
}
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align: bottom !important;}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;
}
.center > *{
	margin-left: auto;
	margin-right: auto;
}
.right {text-align: right !important;}
.right > *{
	margin-left: auto;
	margin-right: 0;
}
.left {text-align: left !important;}
.left > *{
	margin-left: 0;
	margin-right: auto;
}




/*************************************************************************
 *	from spec.css
*************************************************************************/

#detailArea {
    font-size:80%;}
#detailArea table {font-size:100%;}

#detailArea .spec {
	width:100%;
	padding-top:10px;
	margin:0 0 10px;}
#detailArea .img_spec_left {
	width:231px;
	float:left;
	margin:0 10px 100px 0;}
#detailArea .spec-image {
	text-align:center;
	padding:20px 0;}
	

/* 投写距離 */
#detail .uts_fig h3 {
	width:100%;
	margin-bottom:4px;
	font-size:100%;
	font-weight:normal;
}
#detail .uts_fig {
	float:left;
	width:217px;
}
#detail .uts_fig img {
	margin-bottom:15px;
}
#detail .uts_tablebox {
	float:left;
	width:400px;
	margin-right:20px;
}
#detail .uts_table {
	width:100%;
	border-collapse:collapse;
}
#detail .uts_table td {
	padding:2px;
	text-align:center;
	border:1px solid #666;
}
#detail .uts_table td.bg {background:#ccc;}
#detail .uts_table td.fs {font-size:80%;}
#detail .uts_table td.ar {
	background:#ccc;
	text-align:right;
}
#detail .uts_table caption {
	text-align:right;
	font-size:80%;
	padding-top:2px;
}


/* 仕様概要テーブル */
#detail .spec_table {
	border-collapse:collapse;}
#detail .spec_table th {
	width:200px;
	padding:5px;
	border:solid 1px #666;
	text-align:left;
	background:#ccc;}
#detail .spec_table th.s1 {
	width:117px;
	padding:5px;
	border:solid 1px #666;
	text-align:left;
	background:#ccc;}
#detail .spec_table th.s2 {
	width:77px;
	padding:5px 3px 5px 3px;
	border:solid 1px #666;
	text-align:left;
	background:#ccc;}
#detail .spec_table td {
	width:492px;
	padding:5px;
	border:solid 1px #666;
	text-align:left;
	background:#fff;}
#detail .spec_table td.col2 {
	width:241px;
	padding:5px;
	border:solid 1px #666;
	text-align:left;
	background:#fff;}


/* 注 */
#detail dl.notice {
	margin:5px 0;
	line-height:1.0;}
#detail .headline dl.notice {
	margin:0 0 5px;}
#detail dl.notice dd {margin:-1.2em 0 5px 2.5em;}
#detail dl.notice dd.over {margin-left:3em;}


a.icoLLinkWR { text-decoration:none; }




/*************************************************************************
 *	from option.css
*************************************************************************/

#option_content ul{
    font-size: 80%;
	margin-left: 20px;}

#option_content ul li{
    padding-left:5px;}

/* 注釈 */

#option_content dl.Optionnotice {
	margin:5px 0px 10px 0px;
/*	font-size:0.9em;*/
	font-size:80%;
	line-height:1.0;
}
#option_content dl.Optionnotice dd {margin:-1.2em 0 5px 3em;}

#option_content table.tableFeature {
    border-collapse: collapse;
    width:100%;
}
#option_content table.tableFeature th{
    background-color: #F8F8F8;
    border: 1px solid #D5D5D5;
    font-size:70%;
    letter-spacing: 0;
    padding: 6px 0;
    text-align: center;
}
#option_content table.tableFeature td {
    background-color: FFFFFF;
    border: 1px solid #D5D5D5;
    font-size: 70%;
    letter-spacing: 0;
    padding: 6px 0;
    text-align: center;
}


/*************************************************************************
 *	バックナンバー用追加分
*************************************************************************/

.attention {
	font-size: 82%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:20px;}