@charset "UTF-8";

/*
Note


Color No.
- Fourteen perple : #6D164D;
- background glay : #eeeeee;
- light text : #666666;
*/


/* ---------------
	Tag format 
--------------- */
body
{
	margin: 0;
	padding: 0;
	background: #000000;
	text-align: center;
}

body,
table,
tr,
td,
th{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
	color: #333333;
	word-wrap: break-word;
	/*word-break: break-all;*/
		word-break:keep-all;

}

form{ margin: 0; padding: 0; }

a{ outline: none; }
a:link,
a:visited{ color: #333333; text-decoration: underline; }
a:focus,
a:hover,
a:active{ color: #6D164D; text-decoration: underline; }


/* ---------------
	Hacks
--------------- */

.fix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix{ display: inline-block; }
/* Hides from IE-mac \*/
*html .fix{ height: 1%; }
.fix{ display: block; }
/* End hide from IE-mac */


/* ---------------
	base Layout 
--------------- */

#container{ background: #fff; padding: 20px 0; }
.wrapper{ width: 935px; margin: 0 auto; text-align: left; }

/* header */
#header{ margin-bottom: 40px; }
#header h1{ float: left; margin: 0; padding: 0; width: 150px; height: 50px; }
#header h1 a{ display: block; text-indent: -5000px; background: url( /img/common/logo.gif ) no-repeat; width: 150px; height: 50px; }

ul#hmenu{ float: right; width: 700px; height: 40px; margin: 18px 0 0 0; padding: 0; list-style: none; }
ul#hmenu li{ float: left;  position: relative; margin: 0; padding: 0; text-indent: -5000px; padding-right: 12px; }
ul#hmenu li#hmInfo{ padding: 0; } /* right margin cancel */
ul#hmenu li a,
ul#hmenu li span{ display: block; height: 40px; }
li#hmHome a{ width: 100px; background: url( /img/common/hmenu.png ) 0 0 no-repeat; }
li#hmProd span{ width: 100px; background: url( /img/common/hmenu.png ) -112px 0 no-repeat; }
li#hmImpr span{ width: 118px; background: url( /img/common/hmenu.png ) -224px 0 no-repeat; }
li#hmStyl span{ width: 118px; background: url( /img/common/hmenu.png ) -354px 0 no-repeat; }
li#hmInfo span{ width: 216px; background: url( /img/common/hmenu.png ) -484px 0 no-repeat; }

li#hmHome a:hover,
li#hmHome a:active{ background-position: 0 -40px;}
li#hmProd a:hover,
li#hmProd a:active{ background-position: -112px -40px; }
li#hmStyl a:hover,
li#hmStyl a:active{ background-position: -224px -40px; }
li#hmImpr a:hover,
li#hmImpr a:active{ background-position: -354px -40px; }
li#hmInfo a:hover,
li#hmInfo a:active{ background-position: -484px -40px; }

ul#hmenu ul.child { width: 160px; border-bottom: 1px dotted #999; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #eee; position: absolute; top: 40px; left: 0; margin: 5px 0 0 0; padding: 0; list-style: none; }
ul#hmenu ul.child li{ width: auto; float: none; border-top: 1px dotted #999; margin: 0; padding: 0;}
ul#hmenu ul.child a{ color: #666; width: auto; display: block; background: #eee url( /img/common/dd_arrow.gif ) 5px 50% no-repeat; text-indent: 0; height: auto; margin: 0; padding: 3px 5px 3px 15px; }
ul#hmenu ul.child a:link,
ul#hmenu ul.child a:visited{ color: #666; text-decoration: none; }
ul#hmenu ul.child a:focus,
ul#hmenu ul.child a:hover,
ul#hmenu ul.child a:active{ background: #ccc url( /img/common/dd_arrow_a.gif ) 5px 50% no-repeat; color: #333; }

/* content */
#content{ }
#main{ width: 700px; float: right; }
#main h3{ color: #6D164D; margin: 0 0 20px 0; padding: 0 0 5px 0; font-size: 16px; line-height: 20px; border-bottom: solid 1px #eeeeee; }

/* side menu */
#smenu{ width: 210px; float: left; padding: 0 0 25px 0; background: url( /img/common/smenu_foot.gif ) left bottom no-repeat; }
/* #smenu h2{ margin: 0 0 20px 0; padding: 0; } */
#smenu h2{ color: #333333; margin: 0 0 20px 0; padding: 0 0 7px 0; font-size: 16px; line-height: 20px; background: url( /img/common/smenu_foot.gif ) left bottom no-repeat; font-family: 'Microsoft Sans Serif'; }
#smenu ul{ margin: 0; padding: 0; list-style: none; }
#smenu ul li{ padding: 2px 0; color: #999; }
#smenu ul.D1{ padding: 0 0 0 15px; }
#smenu ul.D2{ padding: 0 0 0 10px; }
#smenu ul.D3{ padding: 0 0 0 15px; }
#smenu ul a:link,
#smenu ul a:visited{ color: #666666; text-decoration: none; }
#smenu ul a:focus,
#smenu ul a:hover,
#smenu ul a:active{ color: #6D164D; text-decoration: none; }
#smenu ul li a.sel:link,
#smenu ul li a.sel:visited{ color: #6D164D; }
#smenu ul li span{  }


/* footer 
#footer{ padding: 20px 0; }
#footer ul{ list-style: none; padding: 0; margin: 0; }
#footer li{ float: left; padding: 0; margin: 0 20px 0 0; }
#footer li#copy{ float: right; margin-right: 0; text-align: right; color: #999999; font-size: 10px; }
#footer a:link,
#footer a:visited{ color: #666666; text-decoration: none; }
#footer a:focus,
#footer a:hover,
#footer a:active{ color: #6D164D; text-decoration: none; }
*/

/* footer */
#footer{ padding: 20px 0; }
#footer ul{ list-style: none; padding: 0; margin: 0; }
#footer li{ float: left; padding: 0; margin: 0 20px 0 0; }
#footer li#copy{ float: right; margin-right: 0; text-align: right; color: #777777; font-size: 10px; }
#footer a:link,
#footer a:visited{ color: #eeeeee; text-decoration: none; }
#footer a:focus,
#footer a:hover,
#footer a:active{ color: #999999; text-decoration: none; }

/* 


other style 


*/
.note{ padding: 0 0 20px 0; margin: 0; }

h4.smallHL{ border-top: 1px solid #ddd; margin: 0; font-size: 12px; font-weight: bold; color: #666; padding: 0 0 15px 0; clear: both; }
h4.smallHL div{ width: 170px; background: #ddd;  }
h4.smallHL div b{ padding: 3px 5px; display: block; }

.new{ color: #cc0000; }

.pgtop{ text-align: right; margin-bottom: 20px; }