@charset "shift-jis";
/* Ecocute Common CSS */

/* GLOBAL */
img { border-width: 0; }
img, abbr, acronym { border: none; }
html { min-width: 740px; height: 100%; text-align: center;}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	background: #FFF;
	}

/* WRAP */
#tablewrap {
	display: table;
	position: relative;
	margin: 0 auto;
	border: none;
	width: 740px;
	text-align: left;
	}

#wrap {
	display: table;
	position: relative;
	margin: 0 auto;
	border: none;
	width: 740px;
	text-align: left;
	}

div#wrap {
	display: block;
	z-index:20;
	}

.childWrap {
	margin:0 auto 25px auto;
}
.childWrap-l {
	margin:0 auto 40px auto;
}
.childWrap-s {
	margin:0 0 10px 0;
}

.clear{
	clear:both;
}

/* float box
--------------------------------------------------*/
.fBox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.fBox {
	display:inline-block;
}
.fBox {
	display:block;
}
/* Not applied to MAC IE5 */
* html .fBox {
	height:1%;
	zoom: 1;
}
.fBox {
	display:block;
}
/* End MAC IE5 */
	.fBox .fBL {
		float:left;
	}
	.fBox .fBR {
		float:right;
	}

.clear {
	clear:both;
	font-size:0;
	line-height:0;
}


.fb25per {
	width:25%;
}
.fb32per {
	width:32%;
	margin:3px;
}
.fb35per {
	width:35%;
}
.fb40per{
	width:40%;
}
.fb47per {
	width:47%;
}
.fb49per {
	width:49%;
}
.fb53per {
	width:53%;
}
.fb55per {
	width:55%;
}
.fb60per {
	width:60%;
}
.fb65per {
	width:65%;
}
.fb70per {
	width:70%;
}
.fb75per {
	width:75%;
}
.fb85per {
	width:85%;
}
.fb90per {
	width:90%;
}


.ulDef {
	margin:0 0 5px 20px;
	padding:0;
	color:#666;
	list-style:disc;
}
	.ulDef li {
		margin:0 0 0.2em 0;
		padding:0;
		line-height:1.25em;
		color:#333;
	}
.ulNum {
	margin:0 0 10px 22px;
	padding:0;
	list-style:decimal;
	text-align:left;
}
	.ulNum li {
		margin:0 0 5px 0;
		padding:0;
		line-height:1.3em;
	}
.ulNoPoint {
	margin:0 0 0 0;
	padding:0;
	list-style:none;
}
	.ulNoPoint li {
		margin:0 0 0.2em 0;
		padding:0;
		line-height:1.25em;
	}

/* TitleBar(h1) */
.titleBar {
	display: block;
	margin: 0 0 15px 0;
	padding: 0;
	width: 548px;
	height: 31px;
	}
.titleText {
	display: block;
	margin: 10px 8px;
	padding: 0;
	width: 533px;
	font-size: 12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 18px;
	}
	
/* TopFlash */
#topflash{
	display: block;
	margin: 0 auto 5px 14px;
	padding:10px 0;

	width: 520px;
	/*background: transparent no-repeat url(../images/swf_bg.gif) 0px 0px;*/
	border:1px solid #DFDFDF;
}
#topflash2{
	display: block;
	margin: 0 auto 5px 14px;
	padding:10px 0;

	width: 520px;
	/*background: transparent no-repeat url(../images/swf_bg.gif) 0px 0px;*/
	border:1px solid #DFDFDF;
}

#topflash object, #topflash img, #topflash table{
	display:block;
	margin-left: 10px;
}
/*
#topflash embed{
	display:block;
	margin-left: 10px;
}
*/

/* sidenavi */
#naviarea{
	background: transparent repeat-y url(../images/sidenavi/navi_repeatbg.gif) 0px 0px;
	border-bottom: 1px solid #CFCFCF;
	}

/* HEADER2 */
h2, .header2{
	margin: 10px 0 8px 0;
	padding: 0;
	}
.header2_comment {
	margin: 5px 5px 20px 15px;
	padding: 0;
	font-size:12px;
	line-height:140%;
	}
.header2_comment_s {
	margin: 5px 5px 20px 15px;
	padding: 0;
	font-size:10px;
	line-height:130%;
	}

/* HEADER3 */
h3, .header3{
	margin: 20px 0 5px 0;
	padding: 0;
	}
.header3_comment {
	margin: 5px 5px 20px 15px;
	padding: 0;
	font-size: 12px;
	line-height: 140%;
	}

/* HEADER4 */
h4 {
	display: block;
	margin: 0;
	}

/* HEADER5 */
h5 {
	margin: 0 0 5px 0;
	padding: 0;
	}
.header5_comment {
	margin: 5px 5px 20px 22px;
	padding: 0;
	font-size: 12px;
	line-height: 140%;
	width: 510px;
	}

/* cBox */
.cBox, .cBox_l{
	display: block;
	width: 539px;
	margin-left: 4px;
	}
.box-top {
	background: #FFF url(../images/cbox/cbox_tr.gif) no-repeat top right;
	font-size: 1px;
	}
.box-top span {
	display: block;
	height: 11px;
	background: transparent url(../images/cbox/cbox_tl.gif) no-repeat top left;
	font-size:1px;
	}
.box-body {
	background: #FFF url(../images/cbox/cbox_mr.gif) repeat-y top right;
	}
.box-body div {
	background: transparent url(../images/cbox/cbox_ml.gif) repeat-y top left;
	padding: 5px 15px;
	}
.box-body div p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}
.box-bottom {
	background: #FFF url(../images/cbox/cbox_br.gif) no-repeat bottom right;
	font-size:1px;
	}
.box-bottom span {
	display: block;
	height: 11px;
	background: transparent url(../images/cbox/cbox_bl.gif) no-repeat bottom left;
	font-size:1px;
	}

/**************************顔倍デザイン**************************/

.p9px { font-size:0.6em; line-height:1.4em;}
.p9px { font-size:0.75em; line-height:1.4em;}
.p10px { font-size:0.83em; line-height:1.4em;}
.p11px { font-size:0.9em; line-height:1.4em;}
.p12px { font-size:1.0em; line-height:1.3em;}
.p13px { font-size:1.1em; line-height:1.3em;}
.p14px { font-size:1.2em; line-height:1.3em;}
.p15px { font-size:1.25em; line-height:1.3em;}
.p16px { font-size:1.4em; line-height:1.3em;}


.pNotes {
	font-size:0.9em;
	line-height:1.4em;
	color:#666666 !important;
}
	.pNotes a {
		font-size:1em;
	}




/****************************************************************
*	NEXTリンク澄2・*/
#nextLink{
	margin:10px 0 10px 0;
	text-align:center;
	background-color:#f9f9f9;
}
#nextLink table{
	width:100%;
}
#nextLink td{
	width:50%;
	text-align:right;
}
#nextLink .nbtd01{
	text-align:right;
	padding-right:70px;
}
#nextLink img{
	padding:15px 5px;
}
.nlType01{
	width:548px;
}
.nlType02{
	width:740px;
}

/****************************************************************
*	鞘2i・扉"・・・*/
.ecocuteTop,
.ecocuteTop2{
	margin:30px  20px ;
	position:relative;
	font-size:0;
}

.ecocuteTop a,
.ecocuteTop2 a,
.ecocuteTop .toEQTop,
.ecocuteTop2 .toEQTop{
	display:block;
	position:absolute;
	top:-16px;	
	*top:-6px;
	margin-bottom:3px;
}

.ecocuteTop {
	width:548px;
}
.ecocuteTop2 {
	width:740px;
}

.ecocuteTop a{margin-left:481px;}
.ecocuteTop .toEQTop{margin-left:376px;}
.ecocuteTop2 a{margin-left:671px;}
.ecocuteTop2 .toEQTop{margin-left:566px;}


/****************************************************************
*	フルサイズ（740px）ｖ“ップメニューバー（headnavi）澄2・*/
#headnavi {
	display: block;
	position: static;
	margin: 5px auto 0 auto;
	padding: 0;
	width: 740px;
	}
	
#headeroutline, #footeroutline {
	display: block;
	margin: 0 auto;
	width:740px;
	}
	
.listp {
	width: 500px;
	margin: 0 0 0 15px;
	padding: 15px;
	font-size:10px;
	}
.listp li {
	margin-bottom: 5px;
}


/****************************************************************
*	ハーフサイズ（548px）ｖ“ップメニューバー（headnavi）澄2・*/
#headnavi548 {
	display: block;
	position: static;
	margin: 0 0 20px 0;
	padding: 0;
	width: 548px;
	height: 54px;
	}
	

/* others
--------------------------------------------------*/
.strongBlock {
	display:block;
	padding:10px 0 3px 0;
}
.childWrap {
	margin:0 0 25px 0;
	padding:0;
}
.childWrap-s {
	margin:0 0 10px 0;
	padding:0;
}

.smallTxt {
	font-size:0.8em;
}


.righting{
	text-align:right;!important
}




/* table
--------------------------------------------------*/

.defTable {
	margin-bottom:20px;
	padding:0;
	border-top:1px solid #999;
	border-left:1px solid #999;
}
	.defTable th {
		padding:2px 2px;
		font-weight:normal;
		border-bottom:1px solid #999;
		border-right:1px solid #AAA;
		font-size:12px;
		line-height:1.3em;
		vertical-align:middle;
		text-align:center;
	}
	.defTable td {
		padding:2px 2px;
		border-bottom:1px solid #999;
		border-right:1px solid #999;
		font-size:12px;
		line-height:1.3em;
		vertical-align:middle;
		text-align:center;
		color:#333;
	}
	.defTable .tr1 th,
	.defTable .tr2 th {
		background-color:#D3EDC5
	}
	.defTable .tr1 td {
		background-color:#FFF;
	}
	.defTable .tr2 td {
		background-color:#EFEFEF;
	}
	.defTable .widePadding {
		padding-left:15px;
		padding-right:15px;
	}


.cntTable{
	background-color:#fff;
	margin-left:8px;
}
.cntTable td{
	padding:5px;
}

.cntTable02{
	margin-left:8px;
	border-collapse:collapse; 
}
.cntTable02 td{
	padding:5px;
	border: 1px solid #333;
}


.tHead{
	background-color:#D0E1AC;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}

.tHead2{
	background-color:#ECF2DD;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
}

.tHead3{
	width:50px;
	background-color:#ECF2DD;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
}


.tDoc{
	background-color:#FFFFFF;
	font-size:10px;
	text-align:left;
	vertical-align:top;
	color:#666666;
}

.tDoc2{
	background-color:#FFFFFF;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
	.tDoc2 .nowrap2{
		font-size:10px;
	}

.tDoc3{
	width: 225px;
	background-color:#FFFFFF;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
}
.tDoc4{
	margin: 3px 0 0 30px;
	font-size:10px;
	text-align:left;
}

.nowrap{
	white-space:nowrap;
	line-height:120%;
	}
	
.nowrap2{
	white-space:nowrap;
	line-height:120%;
	text-align:left;
	}




/*サイドナビ*/


#navi_def_btn_better:link,
#navi_def_btn_better:active,
#navi_def_btn_better:visited{
	display:block;
	width:185px;
	height:24px;
	background:0 0 no-repeat url(../images/sidenavi/navi_def_btn_better.gif);
}

#navi_def_btn_better:hover{
	width:185px;
	height:24px;
	background:0 0 no-repeat url(../images/sidenavi/navi_over_btn_better.gif);
}


#navi_def_btn_better span{display:none;}


/* 09.01.23 */
.pSeriesLink {
	text-align:left;
	margin:0;
	padding:10px 0 0 0;
	font-size:12px;
}

.productNotice {
	margin:auto;
	padding:10px 0 0 0;
	width:740px;
}
	.productNotice p {
		margin:0;
		padding:5px 10px;
		border:1px solid #CCC;
		background-color:#F0F0F0;
		font-size:12px;
		text-align:center;
		color:#666;
	}
	.productNotice p a,
	.productNotice p a:active,
	.productNotice p a:visited,
	.productNotice p a:hover{
		font-size:12px;
	}
/*


.h1header, .h2header {
	display: block;
	position: static;
	margin: 0;
	padding: 0;
	width: 548px;
	}

.h1header {
	height: 40px;
	}

.h2header {
	margin: 30px 0 0 0;
	height: 34px;
	}
	
.h3header {
	margin: 20px 0 0 0;
	height: 38px;
	}	

.imagep {
	margin: 0;
	padding: 0;
	}
	
.p2 {
	width: 500px;
	margin: 5px 0 5px 20px;
	padding: 0;
	font-size:12px;
	}
.tablep {
	width: 500px;
	margin: 5px 0 5px 20px;
	padding: 0;
	border-left: 1px solid #FF9900;
	border-top: 1px solid #FF9900;
	font-size:12px;
	}
.tablep td{
	padding: 3px;
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	color: #333333;
}

p.mainPrag {
	margin-top: 5px;
	margin-left: 24px;
	
}


*/
