html,body,div,p,ul,img,h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
	border: none;
}
body{
	text-align: left;
	font-size: 85%;
	line-height: 1.4;
	color: #333;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo","ＭＳ Ｐゴシック","Osaka",arial, helvetica, verdana;
}
html,body,iframe,*{
	scrollbar-3dlight-color: #c8c8c8;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-darkshadow-color: #c8c8c8;
	scrollbar-arrow-color:#c8c8c8;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #fff;
}

#MAINWRAPPER{
	width: 830px;
}
#SIDEWRAPPER{
	width: 110px;
	float: left;
}
h1 img{
	margin-bottom: 30px;
}
#CONTENTWRAPPER{
	width: 720px;
	height: 355px;
	background-image: url(../images/about_bg.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float: right;
}
a#CONTACT{
	display: block;
	width: 250px;
	height: 350px;
	background-image: url(../images/btncontact.jpg);
	background-position: 0px -350px;
	background-repeat: no-repeat;
	margin: 0px;
}
a#CONTACT:hover{
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
a#LINK{
	display: block;
	width: 160px;
	height: 110px;
	margin-top: 145px;
	background-image: url(../images/btnlink.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float: right;
}
a#LINK:hover{
	background-position: 0px -110px;
}
#WORKS{
	width: 720px;
	padding-top: 50px;
	float: right;
}
h3{
	width: 720px;
	height: 60px;
	margin-bottom: 40px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
h3#FLYER{background-image: url(../images/title-flyer.gif);}
h3#LOGO{background-image: url(../images/title-logo.gif);}
h3#TSHIRTS{background-image: url(../images/title-tshirts.gif);}
h3#CD{background-image: url(../images/title-cd.gif);}
h3#CALENDAR{background-image: url(../images/title-calendar.gif);}
h3#PICTURE{background-image: url(../images/title-picture.gif);}
h3#ETC{background-image: url(../images/title-etc.gif);}

.workslist{
	width: 720px;
	text-align: center;
}

.workslist a{
    display: block;
    width: 90px;
    height: 100px;
	background-position: 0px -100px;
	background-repeat: no-repeat;
	float: left;
}
.workslist a:hover{background-position: 0px 0px;}
.workslist a#F01{background-image: url(../images/btn/f01.jpg);}
.workslist a#F02{background-image: url(../images/btn/f02.jpg);}
.workslist a#F03{background-image: url(../images/btn/f03.jpg);}
.workslist a#F04{background-image: url(../images/btn/f04.jpg);}
.workslist a#F05{background-image: url(../images/btn/f05.jpg);}
.workslist a#F06{background-image: url(../images/btn/f06.jpg);}
.workslist a#F07{background-image: url(../images/btn/f07.jpg);}
.workslist a#F08{background-image: url(../images/btn/f08.jpg);}
.workslist a#F09{background-image: url(../images/btn/f09.jpg);}
.workslist a#F10{background-image: url(../images/btn/f10.jpg);}
.workslist a#F11{background-image: url(../images/btn/f11.jpg);}
.workslist a#F12{background-image: url(../images/btn/f12.jpg);}
.workslist a#F13{background-image: url(../images/btn/f13.jpg);}
.workslist a#F14{background-image: url(../images/btn/f14.jpg);}
.workslist a#F15{background-image: url(../images/btn/f15.jpg);}
.workslist a#F16{background-image: url(../images/btn/f16.jpg);}
.workslist a#F17{background-image: url(../images/btn/f17.jpg);}
.workslist a#F18{background-image: url(../images/btn/f18.jpg);}
.workslist a#F19{background-image: url(../images/btn/f19.jpg);}
.workslist a#F20{background-image: url(../images/btn/f20.jpg);}
.workslist a#F21{background-image: url(../images/btn/f21.jpg);}
.workslist a#F22{background-image: url(../images/btn/f22.jpg);}
.workslist a#F23{background-image: url(../images/btn/f23.jpg);}
.workslist a#P01{background-image: url(../images/btn/p01.jpg);}
.workslist a#P02{background-image: url(../images/btn/p02.jpg);}
.workslist a#F24{background-image: url(../images/btn/f24.jpg);}

.workslist a#T01{background-image: url(../images/btn/t01.jpg);}
.workslist a#T02{background-image: url(../images/btn/t02.jpg);}
.workslist a#T03{background-image: url(../images/btn/t03.jpg);}
.workslist a#T04{background-image: url(../images/btn/t04.jpg);}
.workslist a#T05{background-image: url(../images/btn/t05.jpg);}
.workslist a#T06{background-image: url(../images/btn/t06.jpg);}
.workslist a#T07{background-image: url(../images/btn/t07.jpg);}
.workslist a#T08{background-image: url(../images/btn/t08.jpg);}
.workslist a#T09{background-image: url(../images/btn/t09.jpg);}
.workslist a#T10{background-image: url(../images/btn/t10.jpg);}
.workslist a#T11{background-image: url(../images/btn/t11.jpg);}
.workslist a#T12{background-image: url(../images/btn/t12.jpg);}
.workslist a#T13{background-image: url(../images/btn/t13.jpg);}
.workslist a#T14{background-image: url(../images/btn/t14.jpg);}
.workslist a#T15{background-image: url(../images/btn/t15.jpg);}

.workslist a#CD01{background-image: url(../images/btn/cd01.jpg);}
.workslist a#CD02{background-image: url(../images/btn/cd02.jpg);}
.workslist a#CD03{background-image: url(../images/btn/cd03.jpg);}
.workslist a#CD04{background-image: url(../images/btn/cd04.jpg);}
.workslist a#CD05{background-image: url(../images/btn/cd05.jpg);}
.workslist a#CD06{background-image: url(../images/btn/cd06.jpg);}
.workslist a#CD07{background-image: url(../images/btn/cd07.jpg);}
.workslist a#CD08{background-image: url(../images/btn/cd08.jpg);}
.workslist a#CD09{background-image: url(../images/btn/cd09.jpg);}
.workslist a#CD10{background-image: url(../images/btn/cd10.jpg);}

.workslist a#L01{background-image: url(../images/btn/l01.jpg);}
.workslist a#L02{background-image: url(../images/btn/l02.jpg);}
.workslist a#L03{background-image: url(../images/btn/l03.jpg);}
.workslist a#L04{background-image: url(../images/btn/l04.jpg);}
.workslist a#L05{background-image: url(../images/btn/l05.jpg);}
.workslist a#L06{background-image: url(../images/btn/l06.jpg);}

.workslist a#C01{background-image: url(../images/btn/c01.jpg);}
.workslist a#C02{background-image: url(../images/btn/c02.jpg);}

.workslist a#E01{background-image: url(../images/btn/e01.jpg);}
.workslist a#E02{background-image: url(../images/btn/e02.jpg);}
.workslist a#E03{background-image: url(../images/btn/e03.jpg);}
.workslist a#CC01{background-image: url(../images/btn/cc01.jpg);}
.workslist a#H01{background-image: url(../images/btn/h01.jpg);}
.workslist a#B01{background-image: url(../images/btn/b01.jpg);}
.workslist a#B02{background-image: url(../images/btn/b02.jpg);}
.workslist a#B03{background-image: url(../images/btn/b03.jpg);}
.workslist a#B04{background-image: url(../images/btn/b04.jpg);}
.workslist a#B05{background-image: url(../images/btn/b05.jpg);}

.workslist a#PH01{background-image: url(../images/btn/ph01.jpg);}
.workslist a#PH02{background-image: url(../images/btn/ph02.jpg);}
.workslist a#PH03{background-image: url(../images/btn/ph03.jpg);}
.workslist a#PH04{background-image: url(../images/btn/ph04.jpg);}
.workslist a#PH05{background-image: url(../images/btn/ph05.jpg);}
.workslist a#PH06{background-image: url(../images/btn/ph06.jpg);}
.workslist a#PH07{background-image: url(../images/btn/ph07.jpg);}
.workslist a#PH08{background-image: url(../images/btn/ph08.jpg);}
.workslist a#PH09{background-image: url(../images/btn/ph09.jpg);}
.workslist a#PH10{background-image: url(../images/btn/ph10.jpg);}
.workslist a#PH11{background-image: url(../images/btn/ph11.jpg);}

p#COPY{
	font-size: 85%;
	padding: 40px 50px 20px 0px;
}

/*===============================================
class
===============================================*/
.flL	{float: left;}
.flR	{float: right;}
.pdT10	{padding-top: 10px;}
.pdT20	{padding-top: 20px;}
.pdT30	{padding-top: 30px;}
.pdB10	{padding-bottom: 10px;}
.pdB20	{padding-bottom: 20px;}
.pdB30	{padding-bottom: 30px;}

/*===============================================
clearfix
===============================================*/
.workslist a:after,
.workslist:after,
.clearfix:after{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.workslist a,
.workslist,
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .workslist a,
* html .workslist,
* html .clearfix{height: 1%;}

.workslist a,
.workslist,
.clearfix{display: block;}
/* End hide from IE-mac */
/*===============================================
hidden
===============================================*/
/*--------------------for MacIE--------------------*/
span{
	text-indent:-9999px;
}
/*--------------------MacIE HACK--------------------\*/
span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}