@CHARSET "UTF-8";
body {
	margin: 50px 0px 10px 0px;
    scrollbar-3dlight-color:#CCCCCC;
	scrollbar-track-color:#FBDBEA;
	scrollbar-darkshadow-color:#999900;
	scrollbar-face-color:#EA97C1;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#fcd846;
	scrollbar-arrow-color:#CCFF00;
	SCROLLBAR-BASE-COLOR: #EA97C1;
	color: #FF3399;
	font-size: 12px;
	font-family: "‚l‚r ƒSƒVƒbƒN";
}

.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 30px;
	margin-bottom: 1.0em;
	background: #fff;
	text-decoration: none;
	text-align: right;
	clear:both;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #FFCFCF;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #FFCFCF;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #FFCFCF;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #FFCFCF;
	color: #fff;
}

.pagebar a:hover {
	border-color: #FFCFCF;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
   color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}


A {
	COLOR: #FF3399;
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #990000; 
	TEXT-DECORATION: underline;
}

#root{
	width: 854px;
	margin: 0px auto;
	overflow: hidden;
}

#main{
	width: 854px;
	clear: both;
	background: url(images/main_bg.jpg) top left repeat-y;
}

#left{
	width: 238px;
	overflow: hidden;
	float: left;
}

#right{
	width: 560px;
	overflow: hidden;
	float: right;
	line-height: 150%;
	padding: 0px 28px;
}

#left .menu{
	list-style: none;
	padding: 0px;
	width: 225px;
	margin: 0px 0px 0px 13px;
}

#left .menu li{
	margin-bottom: 2px;
}

#head{
	background: url(images/beaderx.jpg) bottom left no-repeat;
	padding: 0 0 21px 0;
}

#foot{
	background: url(images/footer.jpg) top left no-repeat;
	padding: 35px 0 8px 0;
	text-align: center;
}

#title h1{
	display: none;
}

#title{
	height: 32px;
	overflow: hidden;
}

input, textarea{
	border: #FF80FF dotted 1px;
}

#commentform #comment {
	width:500px;
}

.error{
	background: #b60051;
	border:1px solid #FF80FF;
	color: #FFFFFF;
}

#site{
	padding: 20px 0;
	line-height: 150%;
}

#pro #title, #proshow #title{
	background: url(images/topic4.jpg) left no-repeat;
}

#pro_list, #work_list{
	clear: both;
	margin-left: 15px;
	margin-top: 10px;
}

#pro_list .item, #work_list .item{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 121px;
}

#pro_list .item .photo img, #work_list .item .photo img{
	width: 120px;
}

#pro_list .item .photo, #work_list .item .photo{
	border: #FF80FF solid 1px;
	width: 120px;
	height: 160px;
	overflow: hidden;
}

#pro_list .item .title, #work_list .item .title{
	text-align: center;
	line-height: 110%;
	margin-top: 3px;
	margin-bottom: 3px;
}

#pro_list .item .time, #work_list .item .time{
	text-align: center;
	line-height: 100%;
}

#work #title{
	background: url(images/topic2.jpg) left no-repeat;
}

#pro_syousai .pro-table-02 td{
	border-bottom: #FFC1FF dotted 1px;
}

#pro_syousai{
	margin-top: 10px;
}

#pro_syousai .left{
	width: 118px;
}

#proshow .small_img{
	width: 70px;
	height: 93px;
	margin-right: 6px;
}

#ff1{
	height: 210px;
	overflow: hidden;
}

#ff1 #cuppon{
	width: 240px;
	float: left;
	overflow: hidden;
}

#ff1 #pickup{
	width: 311px;
	height: 210px;
	float: right;
	overflow: hidden;
}

#ff1 #pickup .tt{
	background: url(images/topic.jpg) top left no-repeat;
	height: 32px;
	overflow: hidden;
}

#ff1 #pickup .cc{
	width: 302px;
	height: 178px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px 5px 0 0;
	line-height: 133%;
}

#pickup .pp img{
	width: 190px;
}

#pickup .pp{
	width: 190px;
	overflow: hidden;
	float: left;
	padding: 0 5px 0 0;
}

#pickup .item{
	padding-bottom: 10px;
}

#recent_news .recent_news_title span{
	display: none;
}

#recent_news .recent_news_title{
	background: url(images/topic1.jpg) top left no-repeat;
	height: 32px; 
}

#recent_news .recent_list {
	height:200px;
	overflow-x:hidden;
	overflow-y:auto;
	width:551px;
}

#recent_news {
	margin: 20px 0 0 0;
}


#recent_news .date{ padding-right: 10px; color:#999999;}
#recent_news .title_1{ font-weight: bold; }
#recent_news .title{ padding-bottom: 8px; }
#recent_news img{ vertical-align: middle; }

#recent_news .recent_list{
	padding: 5px 5px 0 0;
}

#recent_news .item {
	border-bottom:1px dotted #FFC1FF;
	margin-bottom:5px;
	padding-bottom: 5px;
}

.mobile_title{
	background: url(images/mobile_01.jpg) top left no-repeat;
	width: 426px;
	height: 30px;
}

.mail_form_1{
	background: url(images/mobile_04.jpg) top left no-repeat;
	height: 23px;
	width: 263px;
	padding: 0px;
}

.mail_form_2{
	background: url(images/mobile_06.jpg) bottom left no-repeat;
	height: 29px;
	width: 263px;
	padding: 0px;
	vertical-align: top;
	padding-top: 3px;
}

#add_mail, #del_mail{
	border: #616161 1px solid; 
	width: 255px; 
	height: 17px;
	font-size: 14px;
	padding-left: 2px;
	color: #000000;
}

.error{
	background-color: #F2CB6E;
	font-weight: bold;
}


body#index .STYLE6 {color: #333333; font-size: 12px; }
body#index {
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
}
body#index .style7 {color: #666666}
body#index .style9 {color: #666666; font-size: 12px; }
#rot{ width: 750px; margin: auto; overflow:hidden; }