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

/**********************************
index
**********************************/
#main {
	width: 850px;
	height: 411px;
	margin-top: 4px;
	position: relative;
}
#main .inner {
	width: 850px;
	height: 411px;
	border: 1px solid #86c284;
	position: absolute;
	left: 0;
	top: 0;
	z-index:2;
}

#main .main_foot {
	width: 100%;
	height: 53px;
	background: url(../images/bg_main_foot.png) no-repeat left top;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 200;
}
#main .main_foot .txt1 {
	width: 130px;
	height: 12px;
	position: absolute;
	left: 26px;
	bottom: 10px;
}
#main .main_foot .txt2 {
	width: 144px;
	height: 12px;
	position: absolute;
	left: 178px;
	bottom: 10px;
}
#main .main_foot .txt3 {
	width: 22px;
	height: 22px;
	position: absolute;
	right: 6px;
	bottom: 6px;
}
#main h2 {
	width: 850px;
	height: 411px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

#main .btn {
	width: 161px;
	height: 33px;
	position: absolute;
	left: 25px;
	bottom: 50px;
	z-index: 150;
}

.button {
	width: 165px;
	height: 203px;
	position: absolute;
	right: -125px;
	bottom: 0;
	z-index: 0;
	cursor: pointer;
	background: url( '../../images/bkg.gif' ) no-repeat right bottom;
	display: inline-block;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.button img {
	position: absolute;
	top: -8px;
	right: 20px;
	behavior: expression(IEPNGFIX.fix(this));
}
.button:hover { color: #8AB134; }

#container.index .h_title { margin-top: 10px; }
#container.index .boxSpecialIndex {	clear: both; }
#container.index .boxSpecialIndex ul {
	width: 100%;
	background: url(../images/border_dashed_side_green.gif) repeat-x left bottom;
	margin-top: 20px;
	padding-bottom: 20px;
}
#container.index .boxSpecialIndex ul.last {	background: none; }
#container.index .boxSpecialIndex li {
	float: left;
	display: inline;
	width: 262px;
 margin-left: 16px;
}
#container.index .boxSpecialIndex li p.img {
	border: 1px solid #cccccc !important;
	background: #FFFFFF;
	padding: 2px;
}
#container.index .boxSpecialIndex li p.img a.pl {
	width: 256px;
	height: 170px;
	display: block;
}
#container.index .boxSpecialIndex li .title {
	font-weight: bold;
	font-size: 110%;
	margin-top: 5px;
}

#container.index .boxSpecialIndex li .title a {	color: #066103; text-decoration: none; }
#container.index .boxSpecialIndex li .title a:hover { text-decoration: underline; }

#container.index .boxSpecialIndex li p.txt { margin-top: 5px; }
#container.index .boxSpecialIndex li p.update {
	color: #ed7b01;
	font-weight: bold;
	margin-top: 5px;
}
#container.index .bnrGoods {
	clear: both;
	text-align: center;
}



/**********************************
about
**********************************/
#container.about .bgNote {
	clear: both;
	width: 100%;
	background: url(../../about/images/bg_about.gif) repeat-y left top;
	padding-bottom: 30px;
}
#container.about .bgNote .block1,
#container.about .bgNote .block2 {
	width: 526px;
	position: relative;
}
#container.about .bgNote .block1 {
	float: left;
	margin: 30px 0 0 18px;
}
#container.about .bgNote .block2 {
	float: right;
	margin: 35px 30px 0 0;
}
#container.about .bgNote .block1 .txt1,
#container.about .bgNote .block2 .txt1 { margin-top: 10px; }
#container.about .bgNote .block1 .txt2 {
	text-align: right;
	margin-top: 30px;
}
#container.about .bgNote .block2 .txt2 {
	text-align: right;
	margin-top: 30px;
}
#container.about .bgNote .block1 .imgAb1 {
	position: absolute;
	right: -270px;
	top: -20px;
}
#container.about .bgNote .block2 .imgAb1 {
	position: absolute;
	left: -260px;
	top: -70px;
}
#container.about .bgNote .block1 .imgAb1,
#container.about .bgNote .block2 .imgAb1 { behavior: expression(IEPNGFIX.fix(this)); }



/**********************************
privacy
**********************************/
#container.privacy .block1 {
	width: 740px;
	margin: 0 auto;
}
#container.privacy h3 { margin-top: 30px; }
#container.privacy .txt1 { margin-top: 10px; }
#container.privacy .txt2 { margin-top: 30px; }



/**********************************
cooperate
**********************************/
#container.cooperate .block1 {
	width: 740px;
	margin: 0 auto;
}
#container.cooperate .block1 h3 {	margin-top: 20px; }
#container.cooperate .block1 .txt1 {	margin-top: 5px; }
#container.cooperate .block1 .txt2 {
	font-weight: bold;
	color: #068503;
	margin-top: 30px;
}


/**********************************
outline
**********************************/
#container.outline .block1 {
	width: 745px;
	margin: 0 auto;
}
#container.outline .block1 table { width: 100%; }
#container.outline .block1 table .c1 { width: 131px; }
#container.outline .block1 table .c2 { width: 241px; }
#container.outline .block1 table .c3 { width: 130px; }
#container.outline .block1 table .c4 { width: 243px; }
#container.outline .block1 table .c5 a { font-weight: bold; }
#container.outline .block1 table .c5 .txt1 { padding-bottom: 0px; margin-top: 0px; }
#container.outline .block1 table .c5 .txt2 { padding-top: 5px; }

#container.outline .block1 table .c6 { text-align: center; }
#container.outline .block1 table .c6 h3 {
	margin-top: 25px;
	margin-left: 25px;
}

#container.outline .block1 table {
	width: 100%;
	line-height: 1.8;
	border-top: 2px solid #fcf5e3;
	border-right: 2px solid #fcf5e3;
	border-bottom: 2px solid #fcf5e3;
	border-left: 2px solid #fcf5e3;
	margin-top: 20px;
}
#container.outline .block1 table th,
#container.outline .block1 table td {
	border-bottom: 1px dotted #ddc077;
}
#container.outline .block1 table th {
	width: 131px;
	background: #fcf5e3;
}
#container.outline .block1 table th p,
#container.outline .block1 table td p {	padding: 25px 20px; }
#container.outline .boxDetail {
	clear: both;
	width: 705px;
	font-size: 90%;
	background: #fcf5e3;
	margin: 40px auto 20px;
}
#container.outline .boxDetail ul {
	width: 680px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom:  20px;
}
#container.outline .boxDetail li {
	width: 225px;
	letter-spacing: 0.5px;
}
#container.outline .txt1 {
	text-align: left;
	margin-top: 10px;
}
#container.outline .txt1 a { font-weight: bold; }



/**********************************
backnum
**********************************/
#container.backnum .block1 {
	clear: both;
	width: 100%;
	margin-top: 16px;
}
#container.backnum .boxZine {
	width: 284px;
	float: left;
	display: inline;
	margin-top: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#container.backnum .boxZine.new { background: #fcf5e3; }
#container.backnum .boxZine .colL {
	width: 115px;
	margin-left: 8px;
}
#container.backnum .boxZine .colL .pl {
	width: 113px;
	height: 148px;
	display: block;
}
#container.backnum .boxZine .colL img { border: 1px solid #CCCCCC; }
#container.backnum .boxZine .colR {
	width: 143px;
	margin-right: 8px;
}
#container.backnum .boxZine .colR .txt1 {
	font-weight: bold;
	font-size: 110%;
	line-height: 1.3;
}
#container.backnum .boxZine .colR .txt1 span {
	font-size: 120%;
	display: block;
	padding-bottom: 2px;
}
#container.backnum .boxZine .colR .txt1 span img {
	vertical-align: baseline;
	margin-left: 5px;
}
#container.backnum .boxZine .colR .txt2 {
	font-size: 90%;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 4px;	
}

#container.backnum .boxZine .colR a img { behavior: expression(IEPNGFIX.fix(this)); }

.includeswf { width: 884px; height: 623px; margin: 0 auto; text-align: center; }
.includeswf object,
.includeswf embed {
	position: absolute;
	left: 13px;
	top: 10px;
}


/**********************************
contact
**********************************/
#container.contact {
	width: 740px;
	margin: 0 auto;
	padding-top: 30px;
}
#container.contact .footer {
	background: url(../../contact/images/bg_foot.gif) no-repeat left bottom;
	padding-bottom: 125px;
}
#container.contact #wrapper {
	width: 680px;
	margin: 0 auto;
}
#container.contact #wrapper .block1 {
	width: 592px;
	margin: 0 auto 25px;
}
#container.contact #wrapper .block1 h4 { margin-top: 30px; }
#container.contact #wrapper .block1 h5 { font-size: 120%; }
#container.contact #wrapper .block1 h5 span { color: #d33808; }
#container.contact #wrapper .block1 .txt1 {	margin-top: 17px; }
#container.contact #wrapper .block1 .txt2 {	margin-top: 10px; }
#container.contact #wrapper .block1 .txt1 span,
#container.contact #wrapper .block1 .txt2 span { color: #d33808; }

#container.contact #wrapper .block1 .boxForm {
	clear: both;
	width: 100%;
	background: #fcf5e3;
	margin-top: 30px;
	padding-top: 35px;
	padding-bottom: 35px;
}
#container.contact #wrapper .block1 .boxForm .inner {
	clear: both;
	width: 525px;
	margin: 0 auto;
}

#container.contact #wrapper .block1 .boxCol2 {
	clear: both;
	width: 100%;
	margin-top: 15px;
}
#container.contact #wrapper .block1 .boxCol2 .colL,
#container.contact #wrapper .block1 .boxCol2 .colR { text-align: left; }
#container.contact #wrapper .block1 .boxCol2 .colL {
	width: 160px;
	font-weight: bold;
}
#container.contact #wrapper .block1 .boxCol2 .colL span { color: #d33808; }
#container.contact #wrapper .block1 .boxCol2 .colR { width: 360px; }

#container.contact #wrapper .block1 .boxCol2 .colR input,
#container.contact #wrapper .block1 .boxCol2 .colR textarea {
	border: 1px solid #a8acad;
	padding: 2px;
}
#container.contact #wrapper .block1 .boxCol2 .colR textarea {
}
#container.contact #wrapper .block1 .boxCol2 .input1 input { width: 190px; }
#container.contact #wrapper .block1 .boxCol2 .input2 input { width: 35px; margin-right: 5px; }
#container.contact #wrapper .block1 .boxCol2 .input3 input { width: 355px; }
#container.contact #wrapper .block1 .boxCol2 .input4 input { border: none; vertical-align: middle !important; margin-right: 5px; }

#container.contact #wrapper .block1 .boxCol2 .input4 .ml,
#container.contact #wrapper .block1 .boxCol2 .input4 .fml { float: left; display: inline; }
#container.contact #wrapper .block1 .boxCol2 .input4 .fml { margin-left: 15px; }

#container.contact #wrapper .block1 .btnSubmit { margin-top: 20px; }

#container.contact #wrapper .block1 .iconVSS { text-align: left; margin-top: 5px; }


.boxSendType { background: #FFFFFF; padding: 10px; margin-top: 5px; }
.boxSendType li { float: left; display: inline; margin-right: 50px; }
.boxSendType li input { vertical-align: middle !important; margin-right: 5px; }




/**********************************
entry_book
**********************************/
#container.entry_book .block1 {
	width: 440px;
	text-align: left;
	background: #FFFFFF;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
#container.entry_book .block1 table {
	width: 400px;
	border: 1px dashed #666666;
	margin: 0 auto;
}
#container.entry_book .block1 .sp1 {
	width: 400px;
	margin: 0 auto;
}
#container.entry_book .block1 table .sp2 {
	padding: 20px;
}
#container.entry_book .block1 .tx10-red { color: #FF0000; }
#container.entry_book .block1 .tx10-green { color: #339966; }