@charset "UTF-8";
/* CSS Document */

html	{height:100%; margin:0px; padding:0px; }

body	{
	height:100%;
	margin:0px; 
	padding:0px;
	background-position:center; 
	background-color:#CFF; background-image:url(../img_echotech/base/bg_ptn-1a.png);
	background-repeat:repeat; 
}

div#container	{
	width:978px; 
	height:auto; 　
	min-height:100%;  
	background-color:#FFF; 
	margin:0; margin-top:0px; margin-left:auto; margin-right:auto; 
    padding: 0px;
    -webkit-box-shadow: 0px 0px 20px #333;
	box-shadow: 0px 0px 20px #333; 
}

div#main	{
	width:768px; background-color:#FFF; margin:0px; padding: 0px; float:right;
}

nav	{
	width:210px;  
	background-color:#ccc; margin:0px; 
	background-image:url(../img_echotech/base/bg_navi.png); 
	background-repeat:no-repeat; float:left;
	overflow:visible; display:block;
}
nav li	{
	list-style-type:none; padding:0; margin-left:-2.5em;
}

div#navi-bnr	{
	width: 210px;
	height: 100%;
	margin: 0; margin-bottom:40px;
	padding: 0;
	position: relative;
	display: block; overflow:visible
}

.drp-shdw		{ box-shadow: 4px 4px 2px #999; }

div#nav_mkb	{
	width:210px; position:relative; margin: 0;
}

.nav_height_0	{ height:98px; margin-bottom:10px; }	
.nav_height_1	{ height:134px; margin-bottom:10px; }	
.nav_height_2	{ height:172px; margin-bottom:10px; }	
.nav_height_3	{ height:210px; margin-bottom:10px; }	
.nav_height_4	{ height:248px; margin-bottom:10px; }	
.nav_height_5	{ height:286px; margin-bottom:10px; }	


.nav_bnr_normal	{
	width: 245px; height: 85px; 
	position: absolute; right: 0px; top: 0px;
}

.nav_bnr_mini_1	{
	width:200px; height:35px;
	position:absolute; left:5px; top:85px;
}
.nav_bnr_mini_2	{
	width:200px; height:35px;
	position:absolute; left:5px; top:123px;
}
.nav_bnr_mini_3	{
	width:200px; height:35px;
	position:absolute; left:5px; top:161px;
}
.nav_bnr_mini_4	{
	width:200px; height:35px;
	position:absolute; left:5px; top:199px;
}
.nav_bnr_mini_5	{
	width:200px; height:35px;
	position:absolute; left:5px; top:237px;
}



div#kirica-bnr	{
	width:210px; height:400px; margin:0; padding:0; 
	margin-top:40px;
	position:relative; display:block;
	overflow:visible;
}

.bnr-kirica-goods-mini	{ margin-left:10px; margin-bottom:6px; }

footer	{
	width:978px; background-color:#FFF; margin-top:0px;
}

footer hr	{
	width:938px; size:1px; margin-left:auto; margin-right:auto;
}

div#nav_bnr_box	{width:180px; height:auto; margin:0 auto; }
div#nav_bnr_box2	{width:190px; height:60px; margin:0 auto; margin-bottom:10px; }
div#nav_rogo_box	{width:200px; height:auto; margin:10px auto; }

.rogo-ecotech-mini	{ margin: 10px auto; }

div#top-bnr	{ 
	width:728px; margin:0px; margin-left:auto; margin-right:auto; margin-bottom:10px;
}

div#sub-bnr	{
	width:520px; height:auto; margin-left:auto; margin-right:auto; margin-bottom:20px;
}

div#sub-bnr	h5	{ font-size:11px; font-weight:normal; line-height:12px; color:#00F; text-align:left;
	margin:0; }

div#sub-bnr-left	{
	width:234px; height:85px; float:left; position:relative; margin-bottom:8px;
}
div#sub-bnr-left		img	{
	margin:0; top:25px; position:absolute;
}

div#sub-bnr-right	{
	width:234px; height:85px; float:right; position:relative; margin-bottom:8px;
}
div#sub-bnr-right		p	{
	text-align:left; font-weight:bold; color:#F00;
	top:0px; position:absolute;
}

div#sub-bnr-right		img	{
	margin:0; top:25px; position:absolute;
}

/* トップへ戻る */

#pagetop{
            position:fixed;
            right: 10px;
            bottom:10px;
            cursor:pointer;
        }

div#goto_home	{
	position:fixed; right:10px; top:0px; cursor:pointer;
}

/*　画像左右反転　*/
.flip-vertical {
    transform: scale(-1, 1);
}

div#bgasst	{
	height:100%;
    min-height:100%;
    background:#FFF;
}

body > #bgasst {
    height:auto;
}

body > #container {
    height:auto;
}

.tdc_10		{ width:10px; vertical-align:top; }
.tdc_16		{ width:16px; vertical-align:top; }
.tdc_20		{ width:20px; vertical-align:top; }
.tdc_24		{ width:24px; vertical-align:top; }
.tdc_28		{ width:28px; vertical-align:top; }
.tdc_38		{ width:38px; vertical-align:top; }
.tdc_140		{ width:140px; vertical-align:top; }
.tdc_144		{ width:140px; vertical-align:top; }
.tdc_160		{ width:160px; vertical-align:top; }
.tdc_200		{ width:200px; vertical-align:top; }
.tdc_225		{ width:225px; vertical-align:top; }
.tdc_240		{ width:240px; vertical-align:top; }
.tdc_255		{ width:255px; vertical-align:top; }
.tdc_280		{ width:280px; vertical-align:top; }
.tdc_300		{ width:300px; vertical-align:top; }
.tdc_320		{ width:320px; vertical-align:top; }
.tdc_330		{ width:330px; vertical-align:top; }
.tdc_340		{ width:340px; vertical-align:top; }
.tdc_350		{ width:350px; vertical-align:top; }
.tdc_360		{ width:360px; vertical-align:top; }
.tdc_380		{ width:380px; vertical-align:top; }
.tdc_384		{ width:384px; vertical-align:top; }
.tdc_400		{ width:400px; vertical-align:top; }
.tdc_420		{ width:420px; vertical-align:top; }
.tdc_460		{ width:460px; vertical-align:top; }
.tdc_500		{ width:520px; vertical-align:top; }

