/* ------全体------------------------------------------------------ */

*{
	MARGIN-TOP: 2px;
	LINE-HEIGHT: 160%;
	FONT-FAMILY: "MS UI Gothic", "Osaka";
}
HTML {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #333333;
	PADDING-TOP: 0px;
}
BODY {
	PADDING-RIGHT: 0px;
	BACKGROUND-POSITION: center top;
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND-REPEAT: repeat-y;
	FONT: 16px arial,sans-serif;
	COLOR: #333;
	TEXT-ALIGN: center;
}


HR {
	BORDER-RIGHT: 0px dashed;
	BORDER-TOP: 1px dashed;
	BORDER-LEFT: 0px dashed;
	BORDER-BOTTOM: 0px dashed;
}
EM {
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	BACKGROUND-COLOR: yellow;
}
PRE {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	MARGIN: 15px 4px;
	MARGIN-TOP: 0px;
	PADDING: 5px;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #ffffe0;

    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}


label{
	width:20px;
}

/*
img#thum{
	padding-right:15px;
	margin-bottom:25px;
	float:left;
	border-style:none;
}
*/

div.img_margin img{
	padding-top:3px;
	padding-right:13px;
	padding-left:10px;
	margin-bottom:15px;
	border-style:none;
}





/* ------ a ------------------------------------------------------ */

A {
	COLOR: #0044CC;
}

A:hover {
	COLOR: #cc0000;
	TEXT-DECORATION: underline;
}

A.anchor_super {
	visibility: hidden;
}



/* ------ layout ------------------------------------------------------ */

DIV#navbar {
	border-width: 2px;
	MARGIN-top: 5px;
	font-size:13px;
	float:right;
	TEXT-DECORATION: none;
}


DIV#container {
	MARGIN: 0px auto;
	WIDTH: 950px;
	TEXT-ALIGN: left;
}
DIV#navigation {
	FONT-SIZE: 13px;
	FLOAT: right;
	MARGIN-LEFT: 5px;
	WIDTH: 300px;
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;

}
DIV#content {
	FLOAT: left;
	WIDTH: 625px;
	BACKGROUND-COLOR: #ffffff;
}

DIV#wrapper {
	BACKGROUND-COLOR: #ffffff;
}



/* ------ header ------------------------------------------------------ */


DIV#header {
/*	BORDER-BOTTOM: #afafaf 1px solid;*/
	POSITION: relative;
	HEIGHT: 6px;
}

/*
DIV#header H1 {
	MARGIN: 0px;
	padding;0px;
	width:170px;
	height:90px;
	TEXT-DECORATION: none;
	text-indent: -1000em;
	background: url("http://www.tsuhan-z.jp/ec-union/image/titlelogo.gif") no-repeat;
	FONT-WEIGHT: normal;
}

/*
DIV#header H1 SPAN {
	LEFT: -9999px;
	COLOR: #666666;
	POSITION: absolute;
}
*/

DIV#header_side {
	RIGHT: 0px;
	MARGIN-RIGHT: 12px;
	POSITION: absolute;
	TOP: 7px;
}


/* ------ gnavi ------------------------------------------------------ */

#gnavi {
/*	BORDER-TOP: #00bfff 2px solid;*/
	DISPLAY: block;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	BACKGROUND: url(http://www.commerce-design.net/image/bgOFF.gif) repeat-x left top;
	POSITION: relative;
	HEIGHT: 25px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
}

#gnavi UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	WIDTH: auto;
	LIST-STYLE-TYPE: none;
}
#gnavi UL LI {
	DISPLAY: block;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	FLOAT: left;
	MARGIN: 0px;
}

#gnavi UL LI A {
	DISPLAY: block;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 4px;
	BACKGROUND: url(http://www.commerce-design.net/image/bgDIVIDER.gif) no-repeat right top;
	FLOAT: left;
	COLOR: #666;
	HEIGHT: 23px;
	TEXT-DECORATION: none;

}

/*
#gnavi UL LI A:hover {
	BACKGROUND: url(http://www.commerce-design.net/image/bgON.gif) #fff no-repeat right top;
	COLOR: #ffffff;
}
#gnavi UL LI A.current {
	BACKGROUND: url(http://www.commerce-design.net/image/bgON.gif) #fff no-repeat right top;
	COLOR: #191970;
}
*/

UNKNOWN {
	LEFT: 0px;
	FLOAT: left;
}
#gnavi A {
	PADDING-RIGHT: 20px;
	DISPLAY: block;
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 4px;
	COLOR: black;
	PADDING-TOP: 4px;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;
}
#gnavi A:link {
	BACKGROUND-COLOR: transparent;
	DISPLAY: block;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 1px;
	COLOR: black;
	TEXT-DECORATION: none;
}

#gnavi A:visited {
	BACKGROUND-COLOR: transparent;
	DISPLAY: block;
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 1px;
	COLOR: black;
	TEXT-DECORATION: none;
}

#gnavi A:hover {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #00bfff;
}


/* ------ subnavi ------------------------------------------------------ */

#subnavi{
	BACKGROUND-color: #fafafa;
	color:#cc0000;
	FONT-SIZE: 13px;
	PADDING-left: 5px;
	PADDING-right: 5px;
	PADDING-top: 2px;
}

#subnavi img{
	margin: 7px;
}

#subnavi a{
	text-align:center;
	font-weight:normal;
	PADDING-left: 3px;
	PADDING-right: 3px;
}


#subnavi a.mark{
	BACKGROUND-color: #00bfff;
	TEXT-DECORATION: none;
	color:white;
	padding:2px;
}

#topline {
	BORDER-TOP: #00bccc 2px solid;
}


#subnavi A:hover {
	COLOR: #cc0000;
	TEXT-DECORATION: underline;
}



/* ------ content ------------------------------------------------------ */

DIV#content P {
	MARGIN: 12px 12px 18px;

}

DIV#content P.contact {
	TEXT-ALIGN: center;
}
DIV#content DIV.counter {
	PADDING-LEFT: 8px;
}

DIV#content UL {
	MARGIN: 0px 0px 12px;
}

DIV#content UL.li {
	font-weight:bold;
	color:#666666;
}

DIV#content img.thum {
	float:right;
	border:none;
}


DIV#content H1 {
	FONT-SIZE: 25px;
	color:#990000;
	margin-top: 0.5em;
	margin-right: 0em;
	padding-right: 0em;
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
//	clear: both;
}


DIV#content H2 {
	padding:5px 0 5px 15px;
	background: #fffacd;
	border-bottom:#cfcfcf 1px solid;
	border-top:#ff8c00 2px solid;
	FONT-SIZE: 19px;
	font-weight: bold;
	color:#333;
	margin-top: 0.5em;
	PADDING-TOP: 0.3em;
	clear: both;
}

DIV#content H3 {
	margin-top: 15px;
	color: #0090ff;
	FONT-SIZE: 15px;
	border-left-color: #00bfff;
	border-bottom-color: #00bfff;
	padding: 3px 0px 0px 6px;
	border-style: solid;
	border-width: 0px 0px 2px 9px;
	PADDING-TOP: 0.3em;
	clear: both;
}


DIV#content H1 A {
	TEXT-DECORATION: none;
}
DIV#content H2 A {
	TEXT-DECORATION: none;
}
DIV#content H3 A {
	TEXT-DECORATION: none;
}

/* ------ table ------------------------------------------------------ */

table{
    font-size:14px;
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffe0;
    empty-cells:show;
}

td{
    border-right:1px solid #aaaaaa;
    border-bottom:1px solid #aaaaaa;
    padding:0.3em 1em;
    background-color:white;
}

th{
    border-right:1px solid #aaaaaa;
    border-bottom:1px solid #aaaaaa;
    padding:0.3em 1em;
    background-color:#00bfff;
    color:#fff;
}

#layout table{
    border:0px;
    margin: 1px;  
    padding: 1px;
    background-color:white;
}

#layout td{
    border:0px;
    padding:0px;
}



/* ------ salespage ------------------------------------------------------ */

DIV#salespage {
	MARGIN: 0px auto;
	WIDTH: 800px;
	TEXT-ALIGN: left;
}
DIV#salespage H1 {
	FONT-SIZE: 28px;
	COLOR: #cc0000;
	LINE-HEIGHT: 100%;
	PADDING-TOP: 10px;
	font-weight: normal;
}
DIV#salespage H2 {
	MARGIN-TOP: 0.25em;
	FONT-WEIGHT: bold;
	FONT-SIZE: 22px;
	width:580px;
	BACKGROUND: url(http://www.commerce-design.net/image/h3midashi.gif);
	PADDING-BOTTOM: 0.25em;
	COLOR: #333333;
	TEXT-INDENT: 0.8em;
	PADDING-TOP: 0.3em;
}

DIV#salespage UL {
	MARGIN-TOP: 12px;
	LIST-STYLE-IMAGE: url(http://www.commerce-design.net/image/exlist.gif);
	MARGIN-BOTTOM: 15px;
	FONT-size: 25px;
}



/* ------ sidebar ------------------------------------------------------ */

DIV#navigation {
	FONT-SIZE: 14px;
}

DIV#navigation P {
	PADDING-LEFT: 12px;
	PADDING-RIGHT: 12px;
	MARGIN-BOTTOM: 12px;
}

DIV#navigation H2 {
	FONT-SIZE: 15px;
	color:white;
	BACKGROUND: url(http://ec-union.jp/image/navimidashi.png);
	background-repeat:no-repeat;
	TEXT-INDENT: 0.5em;
	margin-top: 10px;
	MARGIN-BOTTOM: 5px;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 3px;
	TEXT-DECORATION: none;
}

DIV#navigation H3 {
	FONT-SIZE: 15px;
	color:white;
	BACKGROUND: url(http://ec-union.jp/image/navimidashi.png);
	background-repeat:no-repeat;
	TEXT-INDENT: 0.5em;
	margin-top: 10px;
	MARGIN-BOTTOM: 5px;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 3px;
	TEXT-DECORATION: none;
}

DIV#navigation A {
/*	COLOR: #333333;*/
	TEXT-DECORATION: none;
}

DIV#navigation A:hover {
	COLOR: #cc0000;
	TEXT-DECORATION: underline;
}


DIV#navigation UL.list1 {
	FONT-SIZE: 15px;
	LIST-STYLE-IMAGE: url(http://www.commerce-design.net/image/head2.gif);
}

DIV#navigation UL.list2 {
	FONT-SIZE: 15px;
	LIST-STYLE-IMAGE: url(http://www.commerce-design.net/image/head2.gif);
}

DIV#navigation EM {
	BACKGROUND: url(http://www.13styles.com/code/style4/images/bgOFF.gif);
}

/* ------ footer ------------------------------------------------------ */

DIV#footer {
	CLEAR: both;
	BORDER-TOP: #cccccc 1px solid;
	WIDTH: 100%;
}
DIV#footer P {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 0.8em;
	PADDING-BOTTOM: 5px;
	MARGIN: 8px 0px 0px;
	PADDING-TOP: 5px;
	TEXT-ALIGN: center;
}
DIV#footer A {
	PADDING-RIGHT: 0px;
	DISPLAY: inline;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	COLOR: #aaaaaa;
	PADDING-TOP: 0px;
}

DIV#footermenu{
	margin-top:1em;
	text-align: center;
}

DIV#footermenu a{
	COLOR: #19AEFC;
}

#foot{
    position:absolute;
    bottom:0px;
    height:30px;
    width:100%;
}


.drop {
position: absolute;
visibility: hidden;
left: 30px;
top: 0px;
margin: 0px;
padding: 2px 2px 2px 2px;
background-color :#FFFFFF;
border-style: solid;
border-color: #666666;
z-index:500;
font-size: 12px;
text-align: center;
}


/* ------ drop ------------------------------------------------------ */

/* dropdown */

#menu_container {
	position:absolute;
/*	margin: 0;
	z-index:2;*/
}

#menu_container dl{
	float:left;
	width: 92px;
/*	background:#00bfff;*/
	background:#ffffff;
/*	color:#fff;*/
	margin:0;
	padding:0;
}

#menu_container dt{
	text-align:center;
/*	border:1px solid black;*/
	padding:3px;
	font-size:90%;
}

#menu_container dt:hover{
	background:#69c;
}

#menu_container dd{
	display:none;
	margin:0;
	border-left:1px solid #00bfff;
	border-right:1px solid #00bfff;
}

#menu_container dl:hover dd{
	display:block;
}

#menu_container a {
	display:block;
	border-bottom:1px solid black;
	line-height:180%;
	background:#fff;
	padding:3px;
	font-size:80%;
}

#menu_container a:hover{
	background-color:#ccc;
}


/* ------ other ------------------------------------------------------ */

DIV#blog ul {
	margin: 5px 0 0 -10px;
	left:30px;
	LIST-STYLE-IMAGE: url(http://www.commerce-design.net/image/head2.gif);
}


DIV#extra {
	color:white;
	BACKGROUND: #2c2c2c;
	WIDTH: 580px;
	font-size:13px;
	TEXT-ALIGN: center;
}
DIV#extra P {
	MARGIN: 10px;
}


.code{
	background:#9c0;
	font-size:80%;
	font-family:Monospace;
	padding:20px;
	margin:0 10px;
}

.code code{
	overflow:auto;
}