@charset "utf-8";

/* -------------------------------------
 __default style clear
--------------------------------------*/
/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list150-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
q:before,q:after{content:'';}

p{
	font-size:100%;
	line-height:20px;
}

html {
  font-size: 70%;
  word-break:break-all;
  word-wrap:break-word;
}

body {
  background: url(/images/bg.jpg) repeat-y 50% 50%;
	text-align:center;
}

ol,ul { list150-style:none;}
a:link { color: #39c;}
a:visited { color: #745410;}
a:hover { color: #D1A121;}
a:active { color: #D1A121;}

/* -------------------------------------
 __container
--------------------------------------*/
#container {
  width: 790px;
  margin: 0 auto;
	text-align: left;
}

#container0 {
  width: 99%;
  margin: 0 auto; 
}
#container0 .w500b{
  width: 700px;
  margin: 0 auto; 
}
#container0 .w500{
  float: left;
  width: 350px;
}

/* -------------------------------------
 __header
--------------------------------------*/
#header {
  width: 100%; 
}
#header .title{
  float: left;
}


/* -------------------------------------
 __footer
--------------------------------------*/
#footer {
  float: left;
  width: 100%;
	text-align:center;
}

/* -------------------------------------
 __main
--------------------------------------*/
#main {
clear:both;
  width: 100%;
}

#main .m1 { width: 100%; }
#main .m1 .left{
  float: left;
  width: 230px;
	margin-bottom: 10px;
}
#main .m1 .middle{
  float: left;
  width: 330px;
}
#main .m1 .middle330{
  float: left;
  width: 330px;
}
#main .m1 .right{
  float: left;
  width: 230px;
} 
#main .m1 .middleright{
  float: left;
  width: 510;
}

#main .m1 .middle0{ 
 margin: auto;
	padding: 10px;
	text-align: left;
  width: 520px;
}
#main .m1 .middle1{  
	margin: auto; 
	width: 660px;  
	text-align: left;
}
#main .m1 .middle2{  
	clear:both;
	margin: auto; 
	width: 500px;  
}
#main .m1 .bug{  float: right;}
#main .m1 .semititle{ 
	background: url(image/semititle500.gif) no-repeat ; 
	height:50px;
	color: #FFFFFF;
	margin: auto;
	width: 500px;
	padding: 4px 0px 0px 0px;
	text-align:center ;
}
#main .list150{  
	margin: auto;
	float:left ; 
	width: 150px;
	text-align:left ;
}
#main .list200{  
	margin: auto;
	float:left ; 
	width: 230px;
	text-align:left ;
}
#main .list300{  
	margin: auto;
	float:left ; 
	width: 330px;
	text-align:left ;
}

/* -------------------------------------
 __main .m2
--------------------------------------*/
#main .m2 { 
	clear:both;
	width: 100%;
}
#main .m2 .left{
  float: left;
  width: 230px; 
	line-height: 14px;
}

#main .m2 .middle{
  float: left;
  width: 330px;
}
#main .m2 .right{
  float: left;
  width: 230px;
}

#main .semititle50{
	width:100%;
	float:left;
	margin-right:-25px;
}
#main .semititle50left{
	background: url(image/semititle50_01.gif) no-repeat ;  
	float: left; 
	width:25px;  
	height:27px;
}
#main .semititle50mid{
	background: url(image/semititle50_02.gif) repeat-x ;
	padding: 3px 0px 0px 0px; 
	width:97%;  
	float: left;  
	height:27px;
  margin-right:-25px;
	color:#FFFFFF ;
}
#main .semititle50right{
	background: url(image/semititle50_03.gif) no-repeat ;   
	float: left;
	width:25px;  
	height:27px;
}


#main .hed220{ background: url(image/BorderDecoration220_01.gif) no-repeat ; height:35px;line-height: 35px; padding: 5px 0px 0px 7px; font-weight:bold;}
#main .top220{ background: url(image/BorderDecoration220_02.gif) no-repeat ; height: 4px; font-size: 0; }
#main .mid220{ background: url(image/BorderDecoration220_03.gif) repeat-y  ; padding: 5px 20px 5px 7px;}
#main .bot220{ background: url(image/BorderDecoration220_04.gif) no-repeat ; height: 5px; margin-bottom:5px;}

#main .hed320{ background: url(image/BorderDecoration320_01.gif) no-repeat ; height:35px;line-height: 35px; padding: 5px 0px 0px 7px; font-weight:bold;}
#main .top320{ background: url(image/BorderDecoration320_02.gif) no-repeat ; height: 4px; font-size: 0; }
#main .mid320{ background: url(image/BorderDecoration320_03.gif) repeat-y  ; padding: 5px 20px 5px 7px;}
#main .bot320{ background: url(image/BorderDecoration320_04.gif) no-repeat ; height: 5px; margin-bottom:5px;}

#main .hed500{ background: url(image/BorderDecoration500_01.gif) no-repeat ; height:35px;line-height: 35px; padding: 5px 0px 0px 7px; font-weight:bold;}
#main .top500{ background: url(image/BorderDecoration500_02.gif) no-repeat ; height: 4px; font-size: 0; }
#main .mid500{ background: url(image/BorderDecoration500_03.gif) repeat-y  ; padding: 5px 20px 5px 7px;}
#main .bot500{ background: url(image/BorderDecoration500_04.gif) no-repeat ; height: 5px; margin-bottom:5px;}



/* --------------
 mainunder
---------------*/
#mainunder {
  float: left;
	margin:5px;
  width: 99%;
  text-align: center;
} 
#mainunder .left{
  float: left;
  width: 200px;
} 
#mainunder .right{
  float: left;
  width: 95%;
} 

#mainunder .ad1{
	margin:5px;
  float: left;
  width: 400px;
}
#mainunder .ad2{
	margin:5px;
  float: left;
  width: 400px;
}