/*！！！！！！！IE6！！   IE7！！IE8！！FF2！！FF3！     Opera9.5 
>property！！   Y！！     Y！！  Y！！  N！！  N！！     N 
.property！！   Y！！     Y！！  Y！！  N！！  N！！     N 
*property！！   Y！！     Y！！  Y！！  N！！  N！！     N 
_property！！   Y！！     N！！  N！！  N！！  N！！     N */

body { margin:0; padding:0 }
td{	 font-size:12px;}
img{ border:0; }
ul,li{ list-style:none; margin:0; padding:0; font-size:12px }
a:link {  color: #000000; text-decoration: none }
a:visited {	 color:#000000 ; text-decoration: none }
a:hover {  color: #FF0000; text-decoration: underline }

.body01{ width:980px; margin:auto; clear:both}
.body01 .l{ width:234px; float:left; background:#a9a99a}
.body01 .l div{ border:2px solid #757569; width:220px; margin:5px auto }
.body01 .c{ width:460px; float:left; padding:0 8px}
.body01 .r{ width:262px; float:left; background:url(/yc/images/bg.jpg); border:1px solid #919191; padding:2px; height:344px}
.body01 .r .menu{ float:left; background:#656563 }
.body01 .r .menu .til{ width:150px; height:35px; padding-left:36px; float:left; background:url(/yc/images/title_icon5.jpg) 4px 2px no-repeat; font-size:14px; line-height:35px; font-weight:700 }
.body01 .r .menu .til a:link{ color:#FFFFFF }
.body01 .r .menu .til a:visited{ color:#FFFFFF }
.body01 .r .menu .til a:hover{ color:#FFFFFF }

.more{ width:60px; float:right; font-size:12px; padding-top:10px; text-align:right; background:url(/images/iconMore01.gif) right 12px no-repeat; padding-right:10px; margin-right:4px}
.more a:link{ color:#FFFFFF; text-decoration:none }
.more a:visited{ color:#FFFFFF; text-decoration:none }
.more a:hover{ color:#FFFFFF; text-decoration:underline }

.body02{ width:980px; margin:auto; clear:both; padding-top:8px; }
.body02 .l{ width:228px; float:left; background:#fff; border:1px solid #919191; padding:2px; height:539px }
.body02 .l .menu{ float:left; background:#656563; width:228px }
.body02 .l .menu .til{ width:110px; height:35px; padding-left:36px; float:left; background:url(/yc/images/title_icon4.jpg) 4px 2px no-repeat; font-size:14px; line-height:35px; font-weight:700 }
.body02 .l .menu .til a:link{ color:#FFFFFF }
.body02 .l .menu .til a:visited{ color:#FFFFFF }
.body02 .l .menu .til a:hover{ color:#FFFFFF }
.body02 .l .menu02 { height:24px; float:left; background:url(/yc/images/community_bg.gif); border-bottom:1px dashed #454545; width:228px }
.body02 .l .menu02 .til { width:110px; height:24px; padding-left:22px; float:left; background:url(/yc/images/alluse_icon2.gif) 8px 5px no-repeat; font-size:12px; line-height:24px; font-weight:700 }
.body02 .l .photo{ width:210px; margin:auto; padding:4px 0 }

.body02 .r{ width:262px; float:left; background:#fff; border:1px solid #919191; padding:2px; height:539px }
.body02 .r .menu{ float:left; background:#656563; width:262px }
.body02 .r .menu .til{ width:110px; height:35px; padding-left:36px; float:left; background:url(/yc/images/title_icon4.jpg) 4px 2px no-repeat; font-size:14px; line-height:35px; font-weight:700 }
.body02 .r .menu .til a:link{ color:#FFFFFF }
.body02 .r .menu .til a:visited{ color:#FFFFFF }
.body02 .r .menu .til a:hover{ color:#FFFFFF }
.body02 .r .menu02 { height:24px; float:left; background:url(/yc/images/community_bg.gif); border-bottom:1px dashed #454545; width:262px }
.body02 .r .menu02 .til { width:110px; height:24px; padding-left:22px; float:left; background:url(/yc/images/alluse_icon2.gif) 8px 5px no-repeat; font-size:12px; line-height:24px; font-weight:700 }
.body02 .r .photo{ width:236px; margin:auto; padding:4px 0 4px 12px }
.body02 .r .photo div{ width:110px; padding-right:8px; float:left }

.body02 .c { width:454px; padding:2px; float:left; margin:0 8px; border:1px solid #919191; height:539px}
.body02 .c .menu{ float:left; background:#757569; width:454px; margin-bottom:8px; _margin-bottom:0px }
.body02 .c .menu .til{ width:110px; height:35px; padding-left:36px; float:left; background:url(/yc/images/title_icon3.jpg) 4px 2px no-repeat; font-size:14px; line-height:35px; font-weight:700 }
.body02 .c .menu .til a:link{ color:#FFFFFF }
.body02 .c .menu .til a:visited{ color:#FFFFFF }
.body02 .c .menu .til a:hover{ color:#FFFFFF }

.body02 .c{ width:454px; padding:2px; float:left; margin:0 8px; border:1px solid #919191}
.body02 .c .list{ width:450px; padding:8px 2px 0px 2px }
.body02 .c .list ul{  }
.body02 .c .list ul li{ float:left; width:218px; padding-left:4px; height:122px }
.body02 .c .list ul li .pic{ float:left; width:97px; height:106px; border:1px solid #333333 }

.body02 .c .list ul li a:link{ color:#333333 }
.body02 .c .list ul li a:link{ color:#333333 }
.body02 .c .list ul li a:link{ color:#333333 }
.body02 .c .list ul li .info{ float:right; width:115px; height:87px; line-height:21px; font-size:12px }
.body02 .c .list ul li .play{ float:right; width:111px; height:18px; padding-top:3px;  background:#D8D8D4; text-align:right; font-size:12px; padding-right:4px }

.body03{ width:980px; margin:auto; clear:both}
.body03 .l{ width:260px; float:left; background:#ECEADB; border:1px solid #919191; padding:2px; height:690px; margin-right:8px}
.body03 .l .menu{ float:left; background:#656563; width:260px }
.body03 .l .menu .til{ width:100px; height:35px; padding-left:36px; float:left; background:url(/yc/images/title_icon5.jpg) 4px 2px no-repeat; font-size:14px; line-height:35px; font-weight:700; color:#ffffff }
.body03 .l .menu .til a:link{ color:#FFFFFF }
.body03 .l .menu .til a:visited{ color:#FFFFFF }
.body03 .l .menu .til a:hover{ color:#FFFFFF }

.body03 .r{ width:700px; float:left; background:#ffffff; border:1px solid #919191; padding:2px; height:690px; font-size:14px}
.body03 .r .menu{ height:35px; padding-left:16px; width:684px; float:left; font-size:14px; line-height:35px; font-weight:700; color:#ffffff; background:#158AFF; line-height:35px; text-align:left}
.body03 .r .page{ width:680px; margin:auto; text-align:center }

.imgBorder01 { border:2px solid #757569; width:220px; margin:5px auto; }

/* 屈雫生朕訳 */
.menuYC { width:980px; margin:auto; padding:8px 0px; clear:both }
.menuSLogo	{ float:left; width:125px }
.menuS01	{ float:right; margin-top:22px; width:820px }
.menuSL 	{ float:left; width:17px; height:20px; background: url(/images/menu01left.gif); font-size:12px; margin-left:12px }
.menuSR 	{ float:left; width:15px; height:20px; background: url(/images/menu01right.gif); font-size:12px }

.menuSM { float:left; width:115px; height:20px; background:url(/images/menu01middle.gif); text-align:center; line-height:20px;font-size: 14px; font-weight: bold;color:#666666}
.menuSM a:link{	 	text-decoration:none; color:#555555 }
.menuSM a:visited{	text-decoration:none; color:#555555 }
.menuSM a:hover{	font-size: 14px; color:#ff0000; text-decoration:underline }
/*屈雫生朕訳end*/

.list01{ width:240px; padding-left:10px }
.list01 ul li{ line-height:28px; background:url(/yc/images/icon.gif) 0px 8px no-repeat; text-align:left; padding-left:10px; border-bottom:1px solid #757569}
.list01 ul li a:link {  	color: #000000; text-decoration: none }
.list01 ul li a:visited {	color: #000000; text-decoration: none }
.list01 ul li a:hover { 	color: #FF0000; text-decoration: underline } 

.list02{ padding:4px 0 0 10px; float:left }
.list02 ul li{ line-height:22px; background:url(/yc/images/arrow.gif) 0px 4px no-repeat; text-align:left; padding-left:16px	}
.list02 ul li a:link {  	color: #000000; text-decoration: none }
.list02 ul li a:visited {	color: #000000; text-decoration: none }
.list02 ul li a:hover { 	color: #FF0000; text-decoration: underline } 

.list03{ padding:15px 0 15px 15px; float:left }
.list03 ul li{ line-height:27px; height:27px; background:url(/images/dot03.gif) 6px 12px no-repeat; padding-left:15px; text-align:left; width:620px; font-size:14px; border-bottom:1px dashed #ddd }
.list03 ul li a:link {  	color: #000000; text-decoration: none }
.list03 ul li a:visited {	color: #000000; text-decoration: none }
.list03 ul li a:hover { 	color: #FF0000; text-decoration: underline } 

.list04{ width:240px; padding:8px 0 10px 10px}
.list04 ul li{ line-height:28px; background:url(/yc/images/icon.gif) 0px 8px no-repeat; text-align:left; padding-left:10px; border-bottom:1px solid #757569}
.list04 ul li a:link {  	color: #000000; text-decoration: none }
.list04 ul li a:visited {	color: #000000; text-decoration: none }
.list04 ul li a:hover { 	color: #FF0000; text-decoration: underline } 

.thepgv{ margin-top:5px; margin-bottom:10px; text-align:center; width:auto}
.thepgv a{display:block;float:left;padding:4px 8px 3px 8px;font-size:12px; margin:3px}
.thepgv a:link,.thepgv a:visited{text-decoration:none; color:#333333; background:#fff; border:#7F7F7F 1px solid;}
.thepgv a:active,.thepgv a:hover{text-decoration:none;color:#fff;background:#333333;border:#ffffff 1px solid;}
.thepgv a.show:link,.thepgv a.show:visited,.thepgv a.show:active,.thepgv a.show:hover{text-decoration:none;color:#fff;background:#333333;border:#ffffff 1px solid;font-weight:bold;}
