BODY {
	SCROLLBAR-FACE-COLOR: #ABABAB; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ABABAB; 
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	SCROLLBAR-TRACK-COLOR:#ABABAB; 
	SCROLLBAR-DARKSHADOW-COLOR: #ABABAB;
	background: url(images/bg.jpg) top center no-repeat;
}

*{
	font-size: 14px;
}

A {
	COLOR: #3A3A3A; TEXT-DECORATION: none;
}

A:visited {
	COLOR: #3A3A3A; TEXT-DECORATION: none;
}

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

.pagebar {
	padding: 0.2em 0.6em;
	text-align: right;
	clear:both;
}

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

.pagebar a:visited {
	border: 1px solid #3A3A3A;
	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 #3A3A3A;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #3A3A3A;
	color: #fff;
}

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

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


#root{
	width: 950px;
	margin: 0px auto;
	overflow: hidden;
	background: url(images/root-bg.jpg) top center repeat-y;
}

#foot{
	background-color:#FFFFFF;
}

#head1{
	background: url(images/tel-bg.jpg) top center no-repeat;
	height: 29px;
	overflow: hidden;
	padding: 20px 25px 0px 320px;
	margin: 0px;
}

#menu{
	background: url(images/menu-bg.jpg) top center no-repeat;
	height: 37px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

#menu ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	float: right;
	padding-right: 18px;
}

#menu ul li{
	padding: 0px;
	margin: 0px;
	float: left;
}

#bottom{
	background: url(images/under-bg.jpg) top center no-repeat;
	height: 38px;
}

#main, #pro #site, #proshow #site, #work #site{
	background: url(images/body-bg.jpg) top no-repeat;
	padding: 10px 40px 0px 40px;
	overflow: hidden;
}

#top{
	background: url(images/line-1.jpg) top center no-repeat;
	height: 20px;
	clear: both;
}

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

#main #site{
	width: 550px;
	overflow: hidden;
	float: left;
}

#index #site{
	float: right;
}

#right{
	width: 294px;
	float: right;
	overflow: hidden;
}

#pro_list .photo img, #work_list .photo img{
	width: 170px;
	height: 242px;
}

#pro_list .photo, #work_list .photo{
	width: 170px;
	height: 242px;
	padding: 15px 15px;
	background: url(images/girl-bg.jpg) top center no-repeat;
}

#work .work_title{
	background: url(images/title-4.jpg) top center no-repeat;
	height: 45px;
}

#pro .pro_title, #proshow .proshow_title{
	background: url(images/title-3.jpg) top left no-repeat;
	height: 45px;
}

#pro #pro_list, #work #work_list, #proshow .proshow_content{
	border: #9A9A9A 1px solid;
	border-top: none;
	padding: 20px 15px;
}

#pro #pro_list .item, #work_list .item{
	width: 200px;
	overflow: hidden;
	margin-right: 8px;
	height: 305px;
	float: left;
}

#pro #pro_list .last, #work_list .last{
	margin-right: 0px;
}

#pro .p_list, #work .w_list{
	width: 824px;
	margin: 0px auto;
}

#pro #pro_list .item .title, #work_list .item .title{
	text-align: center;
	padding-top: 3px;
}

.recent_pro_title{
	background: url(images/title-1.jpg) top left no-repeat;
	height: 45px;
}

#index #recent_pro .recent_list{
	border: #9A9A9A 1px solid;
	border-top: none;
	width: 530px;
	padding: 9px;
	padding-bottom: 0px;
}

#index #recent_pro .recent_list .item{
	width: 170px;
	float: left;
	overflow: hidden;
	background-color: #D6D7D9;
	padding: 1px;
	margin-right: 7px;
	margin-bottom: 9px;
}

#index #recent_pro .recent_list .last{
	margin-right: 0px;
}

#index #recent_pro .recent_list .item .photo img{
	width: 170px;
	height: 242px;
}

#index #recent_pro .recent_list .item .title{
	text-align: center;
	padding: 3px 0px;
}


.recent_news_title{
	background: url(images/title-2.jpg) top left no-repeat;
	height: 45px;
	margin-top: 20px;
}

#recent_news .recent_list{
	border: #9A9A9A 1px solid;
	border-top: none;
	width: 530px;
	padding: 9px;
	height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}


#recent_news .title_2{
	font-weight: bold;
}

#recent_news .title{
	margin-bottom: 5px;
}

#recent_news .item{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: #9A9A9A 1px dashed;
}

.pick_up{
	background: url(images/ninki-bg.jpg) top center;
	width: 266px;
	height: 378px;
	overflow: hidden;
	padding: 39px 14px 13px 14px;
	margin-bottom: 20px;
}

#box2{
	position:absolute;
}

#box2 span{
	display:block;
	float:left;
}

.mask2{
	position:relative;
	overflow:hidden;
	width:266px;
	height:378px;
}


span img{
	display:block;
	border:none;
}

.index_content{
	margin-top: 20px;
	clear: both;
}

#mail_input{
	height: 28px; 
	background: url(images/mail_02.jpg) top left no-repeat; padding-top: 3px; padding-right: 7px;
}

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

#email{
	border: #616161 1px solid; width: 190px; height: 19px;
	font-size: 14px;
	padding-top: 4px;
	padding-left: 2px;
}

#mail_title{
	height: 27px; 
	background: url(images/mail_01.jpg) top left no-repeat;
	text-align: right;
	padding-right: 10px;
	vertical-align: top;
	padding-top: 4px;
}

.loading{
	background: url(images/ajax-loader.gif) center right no-repeat;
}

#mail_form{
	margin-bottom: 20px;
}

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

.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: 2px;
}

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

.index_mail{
	margin-top: 20px;
}