@CHARSET "UTF-8";

BODY {
	scrollbar-track-color: #241301;
	scrollbar-3dlight-color: #D0A729;
	scrollbar-darkshadow-color: #241301;
	scrollbar-face-color: #241301;
	scrollbar-highlight-color: #241301;
	scrollbar-shadow-color: : #D0A729;
	scrollbar-arrow-color: #D0A729;
	SCROLLBAR-BASE-COLOR: #D0A729;
}

#root{
	width: 1024px;
	margin: 0px auto;
	background: url(images/main_bg.gif) top repeat-y;
	position: relative;
}

*{
	COLOR: #C5BA61;
}

#head{
	height: 109px;
	overflow: hidden;
	z-index: -100;
}

#menu li{
	float: left;
}

#menu{
	height: 72px;
	overflow: hidden;
	top: 37px;
	z-index: 100;
	position: absolute;
	padding: 0 0 0 33px;
}

#foot{
	background: url(images/foot.gif) top repeat-y;
	height: 65px;
	text-align: center;
	padding: 15px 0 0 0;
}

#main{
	background: url(images/main_bg.gif) top repeat-y;
	width: 1024px;
	wi
}

#main1{
	min-height: 550px;
	padding: 0 0 0 262px;
}

#title h2, #title h1{
	padding: 0px;
	margin: 0px;
	color:#EF9C49;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	display: block;
}

#title{
	background: url(images/title_back.gif) top no-repeat;
	height: 38px;
	padding: 28px 10px 0 100px;
	overflow: hidden;
}

#site{
	width: 726px;
	padding: 10px 0 20px 10px;
	overflow: hidden;
}

#index #site{
	width: 958px;
	margin: auto;
	padding: 5px 0;
}

#photo{
	height: 189px;
	overflow: hidden;
}

#pro #photo, #proshow #photo{
	background: url(images/pro_photo.jpg) top no-repeat;
}

#pro #main, #proshow #main{
	background: url(images/pro_left.jpg) left top no-repeat;
}

#pro #pro_list .item{
	float: left;
	width: 205px;
	overflow: hidden;
}

#pro #pro_list .photo{ background: url(images/staff_bj.jpg) top no-repeat; width: 178px; height: 210px; overflow: hidden; text-align: center; padding: 5px 0 0 1px; }

#pro #pro_list .item .title{
	text-align: center;
	width: 179px;
	padding: 5px 0 25px 0;
}

#pro #pro_list .last{
	width: 179px;
}

#pro #pro_list .photo img{
	width: 170px;
	height: 206px;
}

#pro #pro_list{
	width: 590px;
	margin: 0px auto;
}


#work #photo{ background: url(images/work.jpg) left top no-repeat; }
#work #main1{ background: url(images/work_bg.jpg) top left no-repeat; }
#work .no_data{ text-align: center; padding: 50px; }
#work_list .item{ margin: 15px 40px 15px 0; float: left; width: 190px; overflow: hidden; }
#work_list .last{ margin-right: 0; }
#work_list{ width: 650px; margin: auto; overflow: hidden; }


.pagebar {
	margin: 0px auto;
	padding: 10px 1em 3px 1em;
	text-align: right;
	clear: both;
	height: 20px;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #EF9C50;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #EF9C50;
	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 #EF9C50;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #EF9C50;
	color: #fff;
}

.pagebar a,.pagebar a:visited {
	color: #EF9C50;
}

.pagebar a:hover {
	border-color: #EF9C50;
}

.pagebar .inactive {
	border: 1px solid #EF9C50;
	color: #ccc;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

#index #flash{
	height: 318px;
	overflow: hidden;
}

#index #mmm #open, #index #mmm #ccc, #index #mmm #cuppon{
	float: left;
	height: 324px;
	overflow: hidden;
}

#index #mmm{
	background: url(images/main_bg.gif) top repeat-y;
}

#index #mmm .recent_news_title span{
	display: none;
}

#index #mmm .recent_news_title{
	height: 48px;
}

#index #mmm #recent_news{
	background: url(images/recent.jpg) top left no-repeat;
	height: 192px;
	overflow: hidden;
	width: 374px;
}

#index #mmm #recent_news .recent_list{
	height: 135px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 355px;
}

#index #mmm #recent_news .item{
	background: url(images/line.gif) bottom repeat-x;
	padding: 5px 5px 8px 5px;
}

#index #mmm #recent_news .color{
	display: none;
}

#index #mmm #recent_news .title_1{
	background: url(images/index_c1a.gif) left no-repeat;
	padding: 0 8px 0 5px;
}

#index #mmm #recent_news .title *{
	color: #FFFFFF;
}

#index #mmm #recent_news .text{
	padding: 5px 0 0px 5px;
	line-height: 140%;
}

#order_form .ttt{
	width: 68px;
	display: inline-block;
}

#order_form{
	padding: 0 0 120px 0;
}

input, select, select *, textarea{
	color: #000000;
}

#order_form #mail_form{
	width: 500px;
	margin: 0px auto;
}

#order_form #comment{
	width: 500px;
}

#order_form .error_text{
	color: #FF0000;
}

#order_form .error{
	background-color: #990000;
	border: 1px solid #FFFFCC;
	color: #FFFFCC;
}

#count{
	position: absolute;
	overflow: hidden;
	z-index:105;
	top: 8px;
	left: 30px;
}


/* images 7*/
.mask7{
	position: relative;
	width: 633px;
	height: 469px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
.mask7{
	position: relative;
	width: 633px;
	height: 469px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	clear:both;
	height:58px;
	overflow:hidden;
	margin-top: 6px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	height:58px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:79px;
	height:58px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:75px;
	float:left;
}
#thumbs_handles7 span{
	background:url(images/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(images/thumbs_mask.gif) no-repeat center top;
}

span img{
	display:block;
	border:none;
}
/* images 7*/

#images{
	width: 633px;
	margin: 0px auto;
	overflow: hidden;
	padding: 10px 0;
}

#index #cuppon{
	width: 388px;
	overflow: hidden;
}

#index #open{
	width: 262px;
	overflow: hidden;
}

#sougolink{ padding-top: 300px; }

.m {
color:#EF9C49;
font-size:16px;
font-weight:bold;
line-height:24px;
}
.news {
color:#C5BA61;
font-size:14px;
line-height:24px;
}
.asobi, .asobi2 {
border-bottom:1px dotted #DB9126;
color:#FEF3BF;
font-size:12px;
line-height:22px;
}
.sys {
color:#FFFF00;
font-size:14px;
font-weight:bold;
line-height:24px;
}