html {min-width:1000px;}
body {text-align:center; margin:0;background:#fff;}
body > div {text-align:center; margin-right:auto; margin-left:auto;} 

#top{
width:1000px;
height:370px;
}
#mainbody{
	width:1000px;
	height:1200px;
}
#bottom{
width:1000px;
height:80px;
padding-top:15px;
}
#bottom_01{
width:970px;
height:30px;
float:left;
background-color:#23AAF2;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:15px;
text-align:left;
font-family:"MS Gothic";
font-size:12px;
}
#copyright{
width:1000px;
height:50px;
float:left;
padding-top:15px;
font-family:"MS Gothic";
font-size:13px;
line-height:18px;
}
#logo{
	width:320px;
	height:118px;
	float:left;
	background-image:url(/image/tjop_logo.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #1997EE;
}
#top_bg{
	width:525px;
	height:29px;
	float:left;
	background-image:url(/image/top_bg.jpg);
	background-repeat:repeat-x;
	padding-top:89px;
	padding-left:155px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #1997EE;
}
#banner{
width:1000px;
height:240px;
float:left;
padding-top:10px;
}
#top_bg ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.buttom_01{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}
.buttom_01_01{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_blue.gif);
	background-repeat:no-repeat;
}
.buttom_01 a:hover{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}
.buttom_01_01 a:hover{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}
.buttom_02{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_blue.gif);
	background-repeat:no-repeat;
}
.buttom_02_02{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}
.buttom_02 a:hover{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}
.buttom_02_02 a:hover{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}
.buttom_03{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_blue.gif);
	background-repeat:no-repeat;
}
.buttom_03 a:hover{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}

.buttom_04{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_blue.gif);
	background-repeat:no-repeat;
}
.buttom_04 a:hover{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}
.buttom_05{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_blue.gif);
	background-repeat:no-repeat;
}
.buttom_05 a:hover{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}
.buttom_06{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_blue.gif);
	background-repeat:no-repeat;
}
.buttom_06 a:hover{
	display: block;
	float: left;
	height: 29px;
	width: 87px;
	background-image:url(/image/buttom_green.gif);
	background-repeat:no-repeat;
}

.buttom_01 a {
	font-family: "MS Gothic";
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.buttom_01_01 a {
	font-family: "MS Gothic";
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.buttom_02 a {
	font-family: "MS Gothic";
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.buttom_02_02 a {
	font-family: "MS Gothic";
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.buttom_03 a {
	font-family: "MS Gothic";
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.buttom_04 a {
	font-family: "MS Gothic";
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.buttom_05 a {
	font-family: "MS Gothic";
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.buttom_06 a {
	font-family: "MS Gothic";
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#mainbody_Left{
	width:650px;
	height:1200px;
	float:left;
	padding-right:10px;
}
#mainbody_Right{
width:340px;
height:1200px;
float:left;
}
.title{
width:650px;
height:24px;
float:left;
margin-top:10px;
text-align:left;
}
.title_L{
width:6px;
height:24px;
float:left;
}
.title_M{
width:623px;
height:24px;
float:left;
background-image:url(/image/title_M.gif);
background-repeat:repeat-x;
font-family:"MS Gothic";
font-size:14px;
text-align:left;
line-height:24px;
padding-left:15px;
color:#FFFFFF;
}
.tittle_R{
width:6px;
height:24px;
float:left;
}
.frame_01{
width:640px;
height:120px;
padding-top:15px;
padding-bottom:15px;
padding-left:5px;
padding-right:5px;
float:left;
text-align:left;
font-family:"MS Gothic";
font-size:13px;
line-height:20px;
}
.frame_01 a {
	color: #0066FF;
	text-decoration: none;
}
.frame_01 a:hover {
	font-weight: bold;
	color: #0066ff;
	text-decoration: none;
}
#pic_frame{
width:645px;
height:788px;
float:left;
padding-top:15px;
padding-left:5px;
padding-bottom:10px;
text-align:left;
}
#pic_frame_b{
	width:601.25px;
	height:1260px;
	float:left;
	padding-top:15px;
	padding-left:48.75px;
	padding-bottom:10px;
	text-align:left;
}
.pic_frame02{
width:210px;
height:192px;
float:left;
padding-right:5px;
padding-bottom:5px;
}
.pic02{
width:150px;
height:150px;
float:left;
}
.text02{
width:150px;
height:30px;
float:left;
font-family:"MS Gothic";
font-size:12px;
color:#333333;
line-height:15px;
}
.pic_frame03{
	width:150px;
	height:180px;
	float:left;
	padding-right:48.75px;
}
.pic{
width:210px;
height:157px;
float:left;
text-align:center;
}
.text{
width:210px;
height:30px;
float:left;
font-family:"MS Gothic";
font-size:13px;
line-height:15px;
text-align:left;
padding-top:5px;
}
.text a {
	color: #333333;
	text-decoration: none;
}
.text a:hover {
	color: #333333;
	text-decoration: underline;
}
.frame_02{
	width:338px;
	height:400px;
	float:left;
	margin-top:10px;
	border: 1px solid #008DDA;
	text-align:left;
}
.frame_03{
	width:338px;
	height:660px;
	float:left;
	margin-top:10px;
	border: 1px solid #67BA23;
	text-align:left;
}
.frame_03_02{
	width:338px;
	height:875px;
	float:left;
	margin-top:10px;
	border: 1px solid #67BA23;
	text-align:left;
}
.title_frame01{
width:321px;
height:30px;
float:left;
margin-top:1px;
margin-left:1px;
display:inline;
background-color:#008DDA;
font-family:"MS Gothic";
font-size:15px;
line-height:30px;
text-align:left;
padding-left:15px;
color:#FFFFFF;
}
.title_frame02{
	width:321px;
	height:30px;
	float:left;
	margin-top:1px;
	margin-left:1px;
	display:inline;
	background-color:#67BA23;
	font-family:"MS Gothic";
	font-size:15px;
	line-height:30px;
	text-align:left;
	padding-left:15px;
	color:#FFFFFF;
}
.frame_02 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.frame_02 li {
	text-align: left;
	display: block;
	float: left;
	height: 20px;
	width: 318px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:"MS Gothic";
	font-size:12px;
	line-height:15px;
}
.frame_02 a {
	color: #333333;
	text-decoration: none;
}
.frame_02 a:hover {
	color: #333333;
	text-decoration: underline;
}
.frame_03 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.frame_03 li {
	float: left;
	height: 80px;
	width: 318px;
	display: block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	font-family:"MS Gothic";
	font-size:13px;
	line-height:18px;
	color:#333333;
}
.frame_03 a {
	color: #003399;
	text-decoration: underline;
}
.frame_03 a:hover {
	color: #003399;
	text-decoration: underline;
}
#bottom_01 a {
	color: #FFFFFF;
	text-decoration: none;
}
#bottom_01 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.text02 a {
	color: #333333;
	text-decoration: none;
}
.text02 a:hover {
	color: #333333;
	text-decoration: underline;
}
.nextpage{
width:650px;
height:30px;
float:left;
line-height:30px;
}
.text03{
	width:318px;
	height:90px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	font-family:"MS Gothic";
	font-size:13px;
	line-height:18px;
	color:#333333;
}.text03 a {
	color: #000066;
	text-decoration: none;
}
.text03 a {
	color: #000066;
	text-decoration: underline;
}
.fram04{
	width:648px;
	height:198px;
	float:left;
	margin-top:15px;
	border: 1px solid #008DDA;
}
.jyoholist li{
	font-size:15px;
	height:19px;
	list-style-image:url(/image/anniu.jpg);
}
#jyohopic{
	text-align:center;
}
.johotext{
	text-align:left;
}
#bdctables{
	font-size:15px;
}
#bdctables td{
	border-left:solid 1px #CCCCCC; 
	border-bottom:solid 1px #CCCCCC; 
	border-right:solid 1px #CCCCCC; 
	border-top:solid 1px #CCCCCC;
}

#X_SIZE_DETAIL{
	font-size:14px;
}
#X_QUALITY_DETAIL{
	font-size:14px;
}
#jyohocomments{
	width:620px;
	height:180px;
	padding-left:5px;
	padding-right5px;
	padding-top:10px;
	font-size:14px;
	border-left:solid 1px #CCCCCC; 
	border-bottom:solid 1px #CCCCCC; 
	border-right:solid 1px #CCCCCC; 
	border-top:solid 1px #CCCCCC;
	text-align:left;
}