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

*{
	LINE-HEIGHT: 150%;
	FONT-FAMILY: "MS UI Gothic", "Osaka";
}
BODY {
	BACKGROUND-POSITION: center top;
	BACKGROUND-COLOR: #ffffff;
	BACKGROUND-REPEAT: repeat-y;
	FONT: 13px;
	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: #aaaaaa 1px solid;
	MARGIN: 15px 4px;
	MARGIN-TOP: 0px;
	PADDING: 5px;
	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+ */
}

a img {
    border-style:none;
}

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: 200px;
	BORDER-RIGHT: #eeeeee 1px solid;
	BORDER-LEFT: #eeeeee 1px solid;
	BORDER-BOTTOM: #eeeeee 1px solid;

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

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



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


DIV#header {
	POSITION: relative;
	HEIGHT: 6px;
}

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



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

#gnavi {
	PADDING: 0px;
	MARGIN : 0px;

	BORDER-TOP   : #ffdf00 2px solid;
	HEIGHT: 26px;
	BORDER-bottom: #aaaaaa 1px solid;

	DISPLAY: block;

	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;

	POSITION: relative;

	BACKGROUND: url(http://www.commerce-design.net/image/bgOFF.gif) repeat-x left top;


}

#gnavi UL {
	PADDING: 0px;
	MARGIN: 0px;
	WIDTH: auto;
	LIST-STYLE-TYPE: none;
}

#gnavi UL LI{
	DISPLAY: block;
	BACKGROUND: url(http://www.commerce-design.net/image/bgDIVIDER.gif) no-repeat right top;
	FLOAT: left;
	HEIGHT: 25px;
	TEXT-DECORATION: none;
}

#gnavi UL LI img{
	COLOR: black;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;

	PADDING-RIGHT: 13px;
	PADDING-LEFT: 13px;
	PADDING-TOP: 0px;
	DISPLAY: block;
}


#gnavi A {
	COLOR: black;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;

	PADDING-RIGHT: 13px;
	PADDING-LEFT: 13px;
	PADDING-TOP: 6px!important;
	DISPLAY: block;
}

#gnavi A:link {
	BACKGROUND-COLOR: transparent;
	DISPLAY         : block;
	PADDING-RIGHT: 13px;
	PADDING-LEFT: 13px;
	TEXT-DECORATION : none;
}

#gnavi A:hover {
	BACKGROUND-COLOR: #ffdf00;
	HEIGHT: 20px;

	PADDING-TOP: 5px;
	PADDING-RIGHT: 13px;
	PADDING-LEFT: 13px;
	DISPLAY: block;
}




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

div.head{
	clear;
	float:left;
	BACKGROUND-color: #00bfff;

	padding:4px;
	margin:5px;
	width:52px;
	height:32px;

	font-size:11px;
	color:white;
	line-height:115%;
}

#subnavi{
	color:#cc0000;
	FONT-SIZE: 13px;
	PADDING: 5px;
}

#subnavi #l{
	FONT-SIZE: 15px;
}

#subnavi #s{
	FONT-SIZE: 10px;
}


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

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

#subnavi span.mark{
	BACKGROUND-color: #ffdf00;
	color:black;
	padding:2px;
}


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





/* ------ 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;
}



ul.list1 > li > a{font-weight:bold;}

ul.list2{font-size:90%;}
ul.list2{margin-top:3px;margin-bottom:15px;}




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 {
	margin-top: 1em;
	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;
	PADDING-TOP: 0.3em;
	clear: both;
}

DIV#content H3 {
	margin-top: 2em;
	color: #0090ff;
	FONT-SIZE: 16px;
	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;
	FONT-SIZE: 17px !important;
	WIDTH: 750px;
	TEXT-ALIGN: left;
}

DIV#salespage img{
	margin:5px;
}

DIV#salespage p{
	margin-top:25px;
	margin-bottom:30px;
}

DIV#salespage 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#salespage H2 {
/*
	MARGIN-TOP: 1em;
	FONT-SIZE: 23px;
	BACKGROUND: url(http://www.commerce-design.net/image/h3midashi.gif);
	width:705px;
	PADDING-BOTTOM: 0.25em;
	COLOR: #333333;
	TEXT-INDENT: 0.8em;
	PADDING-TOP: 0.3em;
*/
	padding:5px 0 5px 15px;
	background: #fffacd;
	border-bottom:#cfcfcf 1px solid;
	border-top:#ff8c00 2px solid;
	FONT-SIZE: 19px;
	width:750px;
	font-weight: bold;
	color:#333;
	margin-top: 0.5em;
	PADDING-TOP: 0.3em;
	clear: both;

}
DIV#salespage H3 {
/*
	margin-top: 20px;
	color: #aa9000;
	FONT-SIZE: 17px;
	border-left-color: #ffe000; /* 左枠の色 */
	border-bottom-color: #ffe000; /* 下枠の色 */
	padding: 3px 0px 0px 6px; /* 余白の幅 */
	border-style: solid; /* 枠の種類 */
	border-width: 0px 0px 2px 9px; /* 枠の幅 */
*/
	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#salespage UL {
	MARGIN-TOP: 12px;
	MARGIN-BOTTOM: 12px;
	size: 25px;
	position : relative ;
	left:2em;
	LIST-STYLE-IMAGE: url(http://www.commerce-design.net/image/exlist.gif);
}

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

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

DIV#navigation H2 {
	FONT-SIZE: 13px;
	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 {
	margin-top:2em;
	BORDER-bottom: #ffdf00 2px solid;
	font-size:12px;
	padding:3px;

}

DIV#navigation A {
	TEXT-DECORATION: none;
}

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


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

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

DIV#navigation li {
	margin-bottom:7px;
}


/* ------ 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;
}
DIV#extra a:link {color:white;}
DIV#extra a:visited {color:white;}


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

.code code{
	overflow:auto;
}