@charset "utf-8";
/*--design by Cn.Topt-
http://www.aoxia.com
cn.topt@gmail.com
*/

*{margin:0; padding:0; border: 0; list-style: none;}
body{       
	font:76%/1.22em "ＭＳ Ｐゴシック", Osaka;
	text-align:center;
	color:#4D4D4D; 
}

input{border:1px solid #999;}
h6{font-size: .8em;display : inline;} 
h5{font-size: .9em;display : inline;}
h4{font-size: 1em;display : inline;}
h3{font-size: 1.2em;display : inline;}
h2{font-size: 1.3em;display : inline;}
h1{font-size: 2em;display : inline;}

a:link,a:visited {color:#444;text-decoration:none;}
a:hover {text-decoration:underline;color:#900;}
a:active {color:#aaa;}
.LearMore a:link,.LearMore a:visited{
	color:#900;float: right;font-weight: bold;margin-top: 4px;
}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.hidden{display: none;}
.unLine{text-decoration: none;}
.noBorder{border: none;}

.dis{ padding:0px; margin:0px;}
.dis a,.dis a:visited {
	text-decoration: underline;color: #03C;
}
.dis a:hover {
	text-decoration: underline;color: #900;
}


.box{
	
}
.topbg{
	background:url(../../../css/images/topbg.gif) repeat-x;
}
.top{
	height: 59px;width: 888px;margin: 0 auto 5px;padding: 0 10px;
}
.logo{
	height: 40px;margin-top: 6px;
}
.guoqi{
	margin: 36px 22px 0 340px;font-size: 12px;
}
.guoqi img{margin:0 6px;}
.sitemap{
	margin: 30px 22px 0 330px;font-size: 11px;
}
.sitemap a:link,.sitemap a:visited{color:#333;}
.yuyan,.yuyanxia{margin-top: 28px;}
.yuyan{border: 1px solid #333; line-height: 17px; position:relative;font-size: 11px; z-index:1;}
.yuyan ul li a, .yuyan ul li a:visited {display:block; text-decoration:none; color:#333; overflow:hidden;width:124px;}
.yuyan ul li {float:left; position:relative;}
.yuyan ul li ul {display: none; margin-top: -4px;margin-left: -1px; border: 1px solid #333;border-top: 0; filter:alpha(opacity=97);-moz-opacity:0.97;}
.yuyan ul li:hover a {color:#fff; background:#999;}
.yuyan ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:124px;}
.yuyan ul li:hover ul li a.hide {background:#999; color:#fff;}
.yuyan ul li:hover ul li:hover a.hide {background:#999; color:#fff;}
.yuyan ul li:hover ul li ul {display: none;}
.yuyan ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.yuyan ul li:hover ul li a:hover {background:#999; color:#900;}
.yuyan ul li:hover ul li:hover ul {display:block; position:absolute; left:124px; top:0;}
.yuyan ul li:hover ul li:hover ul.left {left:-124px;}


.menubox{
	background: #333;width: 917px;margin: 0 auto;height: 31px; margin-bottom: 12px;
}
.menuboxl{
	background: url(../../../css/images/menulbg.gif);width: 171px;height:31px;
}
.menuboxl a{display:block;margin:6px 0 0 9px;}

.menu {width: 718px; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:140px; height:31px; text-align:center; color:#f0f0f0; line-height:31px; font-size:13px;font-weight: bold; overflow:hidden;}
.menu ul {list-style-type: none;}
.menu ul li {float:left; margin-right:1px; position:relative;background: url(../../../css/images/menubgline.gif) no-repeat 138px 7px;}
.menu ul li ul {display: none;}
.menu ul li ul li{background: none;}

.menu ul li:hover a {background: url(../../../css/images/menu_bg.gif);}
.menu ul li:hover ul {display:block; position:absolute; top:31px; left:0; z-index:99;}
.menu ul li:hover ul li a.hide {background:#2f2f2f;}
.menu ul li:hover ul li:hover a.hide {background:#980E0C; color:#f0f0f0;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {filter:alpha(opacity=97);-moz-opacity:0.97;border: 1px solid #7a7a7a;border-bottom: 1px solid #474747;display:block;background:#595959;font-size: 11px;height: 22px;line-height: 22px; width:135px;font-weight: normal;}
.menu ul li:hover ul li a:hover {background:#980E0C; color:#f0f0f0;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:138px; top:0;z-index:100;}
.menu ul li:hover ul li:hover ul.goleft {left:-137px;}


.menuboxr{
	background: url(../../../css/images/menurbg.gif);width: 28px;height: 31px;
}



/* < index */
.banner{

	margin: 8px auto;
}
.indexbody{
	margin: 0 auto;width: 918px; margin-bottom: 15px;
}
.bodybox{
	 float: left;margin: 0 3px 10px; background: url(images/xxboxbg.gif) no-repeat left bottom;width: 299px; height: 256px;
}
.boxtop{
	height: 35px; background: url(../../../css/images/indexboxtbg.gif) repeat-x;
}
.boxtopm{
	font-weight: bold;line-height: 35px;float: left; text-indent: 10px;font-size: 1.2em;
}
.boxm{
	background: url(../../../css/images/indexboxbg.gif) repeat-y;width: 100%;padding-top: 8px;
}
.boxmbox{
	margin:0 14px 10px;text-align: left;line-height: 1.5em;font-size: .94em;
}
.boxmlsit,.boxmlsitb{
	text-align: left;margin:0 6px;overflow:auto;
}
.boxmlsit ul{
	margin: 0 auto; width: 270px;line-height: 1.8em;
}
.boxmlsit ul li{
	background: url(../../../css/images/ico4.gif) no-repeat 0 8px; text-indent: 10px;float: left; font-size: .9em;
}
.boxmlsit ul li a,.boxmlsit ul li a:visited,.boxmlsitb ul li a,.boxmlsitb ul li a:visited {
	text-decoration: underline;
}
.boxmlsit ul li a:hover,.boxmlsitb ul li a:hover {
	text-decoration: none;
}
.boxmlsitb ul{
	margin-left:106px; line-height: 1.8em;
}
.boxmlsitb ul li{
	background: url(../../../css/images/ico4.gif) no-repeat 0 8px; text-indent: 10px;float: left; font-size: .94em; width: 100%;
}
.boxmlsitbt{
	margin: 29px 0 0 156px;float: left;
}
.bboxt{
	background: url(../../../css/images/bg4.gif);width: 909px;height: 19px; margin: 0 auto 0 3px; line-height: 19px; clear: both;
}
.bboxm{
	background: url(../../../css/images/bg5.gif) repeat-y;width: 909px;margin: 0 auto 0 3px;
}

.bbpic{
	width: 155px;height: 200px;padding-top: 15px;float: left;
}
.bbpro{
	width: 280px;float: left;
}
.bbprot{
	border-bottom: 1px solid #CCC; font-weight: bold;font-size: 1.2em;text-align: left;margin: 10px auto; text-indent: 10px;padding-bottom: 3px;
}
.bbprom{
	text-align: left;line-height: 1.5em;font-size: .9em; padding-left:9px;
}
.bbprom p{
	float: right; margin-top: 8px;
}
.bbprom p a,.bbprom p a:visited {
	color: #900; text-decoration: underline;
}
.bbprom p a:hover {
	text-decoration: none;
}
.bbprobt{
	float: left; margin-top: 16px; text-indent: 32px;
}
.newsbox{
	width: 420px;margin-left: 29px;*margin-left: 38px;float: left;
}
.newsboxpic{
	width: 100px;height: 130px;float: left; padding: 1px;border: 1px solid #CCC; margin-left: 2px;margin-top: 12px;
}
.newsboxlist{
	margin-left: 14px;float: left; width: 285px;font-size: .9em;
}

.newsboxlist ul li{
	text-align: left;line-height: 1.2em;margin: 8px auto;
}

.bboxb{
	background: url(images/bg6.gif) no-repeat;width: 909px;height: 6px;margin: 0 auto 10px 3px;
}

.copyright{
	width: 926px;margin: 0 auto;font-size: .8em;padding: 15px; border-top: 5px solid #9d9d9d; clear: both;
}
/* index > */


.ny-bodybox{
	width: 900px;margin: 0 auto;background: url(images/ny-bodybg.gif) repeat-y;height:100%;overflow:auto; padding-top: 8px; 
}
.ny-left{
	 background: #F1F1F1 no-repeat; width: 186px;
}
.ny-leftbox{
	 margin: 2px auto 8px;
}

.ny-leftboxlist{
	 margin: 2px auto 8px; width: 80%;
}
.ny-leftboxlist ul li{
	text-align: left; line-height: 160%; font-size: 1.1em; font-weight: bold;
}
.ny-liftbt{
	width: 169px;height: 29px;font-size: 1.1em; font-weight: bold; line-height: 29px; margin: 5px auto;
}
.ny-leftlistt{
	font-weight: bold;width: 88%;font-size: 1.1em;margin: 0 auto;text-align: left;line-height: 2em;
}
.ny-leftlist{
	margin: 0 auto;
}

.ny-leftlist ul li{
	clear: both;width: 84%; margin: 0 auto;text-align: left;line-height: 1.5em;
}
.ny-leftlistm{
	text-align: right;width: 84%;margin-bottom: 14px;margin-top: 4px;
}
.ny-leftlistm a,.ny-leftlistm a:visited {
	color: #900;
}
.ny-liftbt a:link,.ny-liftbt a:visited{
	background: url(images/ny-leftbt.gif);display:block;color: #fff;
}
.ny-liftbt a:hover{
	background: url(images/ny-leftbt.gif) no-repeat 0 -31px;text-decoration:none;
}
.ny-leftadbox{
	margin: 15px auto;
}
.ny-mainbox{
	width: 690px;height:100%;overflow:auto; margin-left: 20px;padding:0 0 20px;
}

.ny-mainbox-buy{
	width: 840px;height:100%;overflow:auto; margin-left: 20px;
}
.ny-pagenav{
	background: url(images/navico.gif) no-repeat 0 1px;text-align: left;margin: 4px 0 18px 4px;text-indent: 20px;
}
.ny-banner{
	border: 3px solid #d1d1d1;height: 115px;width: 684px; margin-bottom: 20px;
}
.ny-title{
	font-size: 2.2em;font-weight: bold;border-bottom: 3px solid #b1b1b1; margin-right: auto; text-align: left; height: 40px;line-height: 38px;text-indent: 10px; 
}
.ny-titles{
	font-size: 1.2em;font-weight: bold;border-bottom: 2px solid #b1b1b1; margin-right: auto; text-align: left; height: 24px;line-height: 23px;text-indent: 10px; background: #f3f3f3;margin-top: 24px;
}
.pur-showbox{
	 margin-top: 18px;
}
.pur-showboxpic{
	width: 160px; float: left;
}
.pur-showboxr{
	font-weight: bold;line-height: 1.6em;text-align: left;
}
.pur-showboxr a,.pur-showboxr a:visited {
	color: #900; text-decoration: underline;
}
.pur-showboxr a:hover {
	color: #000;text-decoration: underline;
}
.pur-pay{
	border: 1px solid #ccc; background: #f8f8f8;padding: 8px 0;width: 99%;margin: 12px auto;
}
.pur-pay ul{
	margin-left: 10px; margin-top: 4px;
}
.pur-pay ul li{
	float: left;margin: 0 8px;padding-top: 2px;
}
.pur-pay ul li a,.pur-pay ul li a:visited {
	border: 1px solid #f8f8f8;padding: 1px;
}
.pur-pay ul li a:hover {
	border: 1px solid red;padding: 1px;
}
.pur-sm{
	text-align: left; margin-bottom: 26px;
}
.pur-downbox{
	border-bottom: 1px solid #e0e0e0;font-weight: bold;height:100%;overflow:auto; font-size: .9em;
}
.pur-downboxa{
	width: 215px;height: 42px;line-height: 42px;
}
.pur-downboxb{
	width: 260px;height: 42px;line-height: 42px;
}
.pur-downboxc{
	width: 210px;*line-height: 42px;padding-top: 10px;
}



.hdm-titlebar{
	margin: 0 auto; background: #e5e5e5;font-weight:bold;font-size: 1.2em; clear: both; height: 28px; line-height: 28px; text-indent: 18px; text-align: left;
}
.hdm-listbox{
	margin: 0 auto;  border-bottom: 1px solid #e2e2e2;padding: 18px 0 8px;text-align: left;
}
.hdm-listboxs{
	margin: 0px; border-bottom: 1px solid #eee;height:100%;overflow:hidden; padding: 12px 0 2px;text-align: left; 
}

.hdm-listboxa{
	float: left; height:100%;overflow:auto;width: 100px;text-align: center;
}
.hdm-listboxb{
	float: left;height: 60px;line-height: 50px;width: 330px; color: #808080;
}
.hdm-listboxb p{
	line-height: 20px;padding-top: 6px;
}
.hdm-listboxq{
	float: left; padding-top:18px; width:30px; margin-left: 20px;
}
.hdm-listboxc{
	float: left;height: 60px;line-height: 50px;
}
.hdm-listboxb a,.hdm-listboxb a:visited {
	font-weight: bold; margin-right: 8px;color: #444;
}
.hdm-listboxb a:hover {
	color: #900;
}
.hdm-listboxd{
	height: 60px;
}
.hdm-listboxd ul{
	padding-top: 18px;
}
.hdm-listboxd ul li{
	float: left; margin: 0 9px;line-height: 50px;
}
.hdm-listboxpic{
	width: 90px;height:100%;overflow:hidden;
}
.hdm-listboxpictop{
	width: 90px;height:100%;overflow:hidden;
}
.hdm-listboxpictopbig{
	width: 150px;height:100%;overflow:hidden;
}

.hdm-listboxjs{
	width: 330px; padding-left:10px;
	/*
	border:solid 1px #FF9900;*/
}
.hdm-listboxjsbig{
	width: 280px; padding-left:20px; font-size:14px;

}


.hdm-listboxjsb{
	width: 540px;height:100%;overflow:auto;
}

.hdm-listboxjsbbt{
	 clear: both;margin-top: 8px;overflow:hidden;
}
.hdm-listboxjsbbt ul{
	float: right;
}
.hdm-listboxjsbbt ul li{
	float: left;margin-right: 18px;
}
.hdm-listboxjsbbt ul li a,.hdm-listboxjsbbt ul li a:visited {
	font-weight: bold; text-decoration: underline;
}
.hdm-listboxjsbbt ul li a:hover {
	text-decoration: none;
}






.hdm-listboxjstitle{
	font-weight: bold; margin-bottom: 3px;
}
.hdm-listboxjstitle a,.hdm-listboxjstitle a:visited {
	font-weight: bold; text-decoration: underline;font-size: 1.1em;color: #444;
}
.hdm-listboxjsmore{
	 text-align: right; padding-top: 6px;
}
.hdm-listboxjsmore a,.hdm-listboxjsmore a:visited {
	color: #900;text-decoration: underline;
}
.hdm-listboxjsmore a:hover,.hdm-listboxjstitle a:hover {
	text-decoration: none;
}
.hdm-listboxr{
	float: left;
	color: #900;
	font-weight: bold;
	width: 180px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	/*
	border:solid 1px #FF9900;*/
}
.hdm-listboxr p{
	height:28px;
}
.hdm-listboxr a, .hdm-listboxr a:visited {
	text-decoration: underline;
}

.pro-showbox{
	height:100%;overflow:auto;
}
.pro-showboxl{
	width: 502px;height:100%;overflow:auto;
}
.pro-showboxtop{
	margin-top: 16px;
}
.pro-showboxtoppic{
	float: left; width: 112px;font-weight: bold;color: #900;
}
.pro-showboxtopra{
	text-align: left;width: 378px;margin-left: 8px;
}
.pro-showboxtoprb{
	text-align: right; width: 366px;margin-top: 18px;
}
.pro-showboxr{
	width: 170px; float: left; margin-left: 18px;
}
.pro-showboxrpic{
	margin: 12px auto;
}
.pro-showboxrbox{
	border: 1px solid #b2b1b1;background: #f4f3f3;height:100%;overflow:auto;
}
.pro-showboxrt{
	background: url(images/showboxrtbg.gif);height: 18px;width: 164px;margin: 4px auto;font-weight: bold; color: #fff;
}
.pro-showboxrw{
	margin: 4px auto;width: 88%;text-align: left;line-height: 200%;padding-bottom: 12px;
}

.pro-tybox{
	padding: 20px;text-align: left;line-height: 1.6em;
}
.pro-tybox1{
    width:640px; font-weight:bolder; background-color:#D7D7D7; line-height: 1.6em
}
.pro-tybox2{
	width:640px; border:1px solid #333333;
}
.pro-tybox2 td{
	padding:3px;
}
.pro-tybox2-title{
	border-bottom:1px solid #333333;font-weight:bold; background-color:#E5E5E5;
}
.ps-lm{
	float:right; clear:both; padding-bottom: 10px;
}
.ps-lm a,.ps-lm a:visited {
	text-decoration: underline;color:#900;
}
.ps-lm a:hover {
	text-decoration: none;
}
.ps-jg{
	font-weight:bold; color:#900; float:left;width:320px; height:20px; line-height:20px;
}

.allpro-listboxpic{
	width: 160px;height:100%;overflow:auto;text-align: center;
}
.allpro-listboxpic img{
	padding: 1px; border: 1px solid #CCC; 
}
.allpro-listboxjsb{
	width: 500px;height:100%;overflow:auto;line-height: 1.5em;
}
.allpro-listboxjsb p{
	margin: 6px 0;
}
.allpro-lm{
	float:right; clear:both; padding: 14px 10px 0 0;
}

.tp-boxtitle{font-weight:bold; font-size:1.2em; background:#e0e0e0; line-height:1.6em;text-align: center; }
.tp-boxwords{text-align:left; padding:10px 12px 2px 12px;}
.tp-boxbt{text-align:right; width:90%; margin:4px auto 10px; }
.tp-boxbtmore{
	text-align:right;margin:4px auto 10px; width:90%;
}
.tp-boxbtmore.a,.tp-boxbtmore a:visited {
	font-weight: 700; text-decoration: none;
}
.tp-picbox{width:89%; border:1px dotted #ddd; background:#f4f4f4;margin:0 auto;overflow:auto; height:100%;padding-bottom:8px; }
.tp-pic{border:1px solid #666; padding:2px; background:#fff; width:120px; float:left; margin:7px;}

/* < sitemap */
.sm-box{
	width: 600px; margin: 0 auto;text-align: left;height:100%;overflow:auto;
}
.sm-boxs{
	float: left;
}
.sm-title{
background:#f6f6f6 url(images/icon2.gif) no-repeat 8px 9px; font-weight:bold; font-size:1.2em; width: 262px;text-indent: 20px; height: 24px; line-height: 24px; margin: 10px 10px 0 10px;
}
.sm-link{
	border: 1px dotted #ccc; width: 260px;margin: 0 10px;
}
.sm-link ul{
	margin: 8px 20px; line-height: 160%;
}
/* sitemap > */





.linkbox{
	background: url(images/bg7.gif) repeat-y;width: 909px;overflow:auto;margin: 0 auto 0 -6px;*margin-left: 3px;
}
.linktitle{
	text-align: left;font-weight: 700;font-size: 1.2em; text-indent: 18px;line-height: 1.2em;
}
.linksbox{
	 width: 840px;height: 100%;overflow:auto;text-align: left;font-weight: 700;margin-bottom: 10px;margin: 0 auto;
}
.linksboxs{
	float: left; width: 278px;padding-bottom: 12px;
}
.linkspic{
	float: left; 
}
.linksw{
	float: left; margin-left: 8px;
}


.linksbox p{
	line-height: 1.5em;font-size: .9em;
}
.linksbox a,.linksbox a:visited {
	font-weight: normal;
}


.jp_bbpic{
	width: 104px;height: 120px;padding-top: 15px;float: left;
}
.jp_bbinfo{
	color:#900; text-align: left; text-indent:10px; padding-bottom: 6px;
}
.jp_bbinfo a,.jp_bbinfo a:visited {
	color:#900;
}
.jp_bbpro{
	width: 192px;float: left;
}

.jp_bbprom{
	text-align: left;line-height: 1.5em;font-size: .9em; text-indent: 20px;
}


.Validator_MessagePanel_Warn{
	display:block; padding:3px; padding-left:20px; margin:0px; font:bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#666;border:1px solid #FF6600; background:#FFF2E9 url(../js/validator/msg_error.gif) no-repeat 2px center;
}
.Validator_MessagePanel_Tips{
	font: bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #666; margin-top: -28px; padding:0px; background:url(../js/validator/tips_icon.gif) no-repeat left bottom;
}
.Tips_Top{
	white-space:nowrap; background:#E8FFE8; border:solid #00B800; border-width:01px 1px 0px 1px; margin:0px; padding:5px;
}
.Tips_Bottom{
	height:6px; margin:0px; padding:0px;
}
.Validator_Summary{
	padding:3px; margin-left:3px; height:20px; font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#666; border:1px solid #0099cc; background:#ddedfb;
}
.Validator_Summary .title{
 font:bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.clearfix{zoom:1;}
.clearfix:after{clear:both;content:"";display:block;}


