@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

html, body{
height:100%;
}
img, div { behavior: url(iepngfix.htc)
}

h1, h2, h3, p {
padding:0;
margin:0;
}

h1{
	font-size:34px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
}
h1 a{
color:#000;
text-decoration:none;
}
h1 a:visited{
color:#000;
text-decoration:none;
}
h1 a:hover{
color:#FFF;
text-decoration:none;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#CC0066;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:1.6em;
}
p a{
	color:#C06;
	text-decoration:underline;
}
p a:visited{
	color:#C06;
	text-decoration:underline;
}
p a:hover{
	color:#FFF;
	text-decoration:underline;
}



h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#C06;
	font-size:14px;
	line-height: 3em;
}
h3 a{
	color:#C06;
text-decoration:none;
}
h3 a:visited{
	color:#C06;
text-decoration:none;
}
h3 a:hover{
color:#FFFFFF;
text-decoration:none;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#C06;
	font-size:18px;
	font-weight: normal;
}

h5{ /*buy*/
	font-family:Arial, Helvetica, sans-serif;
	color:#C06;
	font-size:12px;
	margin:20px 0px 0px 0px;
}
h5 a{
	color:#FFF;
	background-color:#C06;
	padding:8px;
	text-decoration:none;
}
h5 a:visited{
	color:#FFF;
	text-decoration:none;
}
h5 a:hover{
	color:#C06;
	text-decoration:none;
	background-color:#FFF;
}


h6{
	font-size:11px;
	color:#C06;
	border-bottom:1px dotted #C06;
	padding-bottom:10px;
	margin-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	line-height: 18px;
}
h6 a{
	font-size:11px;
	color:#FFF;
	padding:2px 4px;
	background-color:#F99;
	text-decoration:none;
}
h6 a:visited{
	color:#FFF;
	background-color:#F99;
	text-decoration:none;
}
h6 a:hover{
	color:#FFF;
	background-color:#C06;
	text-decoration:none;
}



.sr10 #container {
	width: 960px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin-bottom: -55px;
	position: relative;
	z-index: 10;
}
.sr10 #header {
	background-image: url(../img/index_header_new.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 900px;
	float: left;
	margin: 0px 30px;

}
.sr10 #logo{
	float:left;
	padding: 30px 0px 10px 0px;
}

.sr10 #mainContent {
	width: 960px;
	float: left;
	padding:5px 0px 0px 0px;
	position: relative;
}

.sr10 #intro{
	float:right;
	width:420px;
	padding: 0px 210px 0px 0px;
}

#intro h1{
	font-size:40px;
	color:#FFF;
	text-align: left;
	font-weight: normal;
}

/****************ARTICLE**************/
.article{
	float:right;
	width:420px;
	padding: 30px 200px 30px 30px;
	background-image: url(../img/bg/bg_color.png);
}
.article#bg2{
	background-image:url(../img/bg/bg_color_2.png);
}


.article h2{
	border-bottom:1px solid #FFF;
	padding:10px 0px 5px 0px;
}


.index_selection{
	float:right;
}

.index_box{
	float:right;
	margin: 0px 0px 0px 5px;
	border:1px solid #FC0;	
}
.index_box:hover{
	border:1px solid #FFF;
}

#mainContent .indeximg img{
margin:0px 4px 0px 0px;
}
#mainContent .indeximg img:hover{
	background-color:#000000;
}

#mainContent .item {
float:left;
width:445px;
border-top:2px solid #000000;
margin:0px 5px 4px 0px;
text-align:center;
height:600px;
}
.item .info{
	text-align:left;
	float:right;
	width:405px;
	padding:20px 20px 0px 20px;
	border-top: 0px solid #000000;
}
.info h2{
	padding:0px 0px 10px 0px;
	color:#FFFFFF;
}
.info p{
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	line-height: 18px;
}

.buy {
float:right;
padding:10px;
background-color:#333333;
}

/*------------------------- NAVI */
.nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

.nav-menu li
{
	width:260px;
}

.nav-menu li a
{
	display: block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 3px 0px;
	color: #000;
	width:260px;
	text-decoration: none;
	text-align: left;
	font-size:34px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.nav-menu li a:hover{
	color:#FFF;
}

/* Hide from IE5-Mac \*/
.nav-menu li a
{
float: none
}
/* End hide */

.nav-menu
{
	padding: 0px 0px 0px 30px;
	margin: 0px 7px 0px 0px;
	float: left;
}

.nav-menu .highlight{
	width:155px;
	color:#FFFFFF;
	border-bottom:1px solid #FFF;
}
.nav-menu li#active a{
	color:#FFF;
	border-bottom:1px solid #FFF;
}

.breadcrumb{
}

/********************SUBNAVI*/
.sub-menu ul
{
list-style: none;
padding:0;
margin: 0;
float:left;
}

.sub-menu li
{
	width:260px;
}

.sub-menu li a
{
	display: block;
	padding:0px 0px 4px 0px;
	margin:0px 0px 3px 20px;
	color: #000;
	width:240px;
	text-decoration: none;
	text-align: left;
	font-size:12px;
	letter-spacing:4px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-bottom:1px dotted #000;
}
.sub-menu li a:hover{
	color:#FFF;
}

/************* FOOTER **************/
.sr10 #footer {
	height:55px;
	z-index: 10;
	position: relative;
}
.sr10 #footer_box{
	width:900px;
	text-align:left;
	margin: 0 auto;
	padding: 10px;
	z-index: 10;
}

#share{
	float:right;
	width: 180px;
	text-align: right;
}

.sr10 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	color: #FFFFFF;
	font-size: 10px;
}
#footer p a{
	color: #FFFFFF;
	text-decoration:none;
	padding:0px 5px 0px 5px;
}
#footer p a:visited{
	color: #FFFFFF;
	text-decoration:none;
}
#footer p a:hover{
	color: #000;
	text-decoration:none;
	background-color:#FFF;
}
.clearfooter {
	height: 55px;
	clear: both;
}

/************* TABLE **************/
.table{
	border-collapse: collapse;
	border:0px solid #FFF;
	background-color:#F99;
}
.table tr.header td {
	background-color:#F66;
	color:#FFF;
}

.table td {
	border-bottom: 1px solid #FCC ;
	padding:5px;	
}
.table td+td {
	border-left: 1px solid #FCC;
	text-align: center;
	}


.form{
}

/* ========================= INPUT ========================== */

.input_generic { /* FIELD */
	background-color:#FFF;
	font-size: 11px;
	color: #000000;
	padding: 8px;
	border:2px solid #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input:focus { /*FIELD FOCUS*/
	background-color:#FCC;
	border:2px solid #F99;	
}
textarea:focus { /*FIELD FOCUS*/
	background-color:#FCC;
	border:2px solid #F99;	
}

.input_select { /* FIELD */
	background-color:#CCC;
	font-size: 11px;
	color: #000000;
	padding: 3px;
	border:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.input_btn_submit { /*BUTTON*/
	background-color:#C69;
	font-size: 11px;
	color: #FFFFFF;
	padding: 7px 30px 7px 30px;
	border: 1px solid #900;
	cursor: pointer;
}
.input_btn_submit:hover { /*BUTTON*/
	background-color:#C06;
}

.input_btn_clear { /*BUTTON*/
	background-color:#D2BFAC;
	font-size: 11px;
	color: #000000;
	padding: 3px;
	border: 0px solid;
	cursor: pointer;
}

.hang_logo{
	position:absolute;
	z-index:100;
	right:30px;
	top:0px;
	width: 130px;
}