@charset "utf-8";

*{margin:0px;padding:0px;}

html{margin:0;padding:0;}
table{empty-cells:hide;}
fieldset{border:none;}

body{
margin: 0;
padding: 0;
font: "ＭＳ　Ｐゴシック", Osaka, Verdana, Arial, sans-serif;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:x-small;
letter-spacing:0.1em;
color:#333;
background:url(http://www.whatsinc.jp/img/back.gif) top left repeat-x;
}

#wrapper{
padding:140px 0 0 0;
width:13000px;
}
.contentst{
float:left;
padding:0 0 0 30px;
}
.contentsc{
float:left;	
}
.man{
float:left;	
}

/*A
-------------------------------------------------*/
a:link{color:#000; text-decoration:none;}
a:visited{color:#000; text-decoration:none;}
a:hover{color:#fff;background-color:#000000;text-decoration:none;}

a img{border:none;text-decoration:none;background:none;}



/*logo
-------------------------------------------------*/
h1{
position:fixed;
top:560px;
left:27px;
font-size:0px;	
text-indent:-9999px;
line-height:0;
overflow:hidden;
width:120px;
height:35px;
}
h1 a{
display:block;
background:url(http://www.whatsinc.jp/img/logo.gif) no-repeat top left;
width:120px;
height:35px;
}
h1 a:hover{
background:url(http://www.whatsinc.jp/img/logo.gif) no-repeat top left;
}

h2{
margin:0;
padding:0;
}
#copyright{
position:fixed;
top:584px;
left:390px;
}



/*navi
-------------------------------------------------*/
#globalnavi{
padding:0;
margin:0;
position:fixed;
top:515px;
left:15px;
text-align:left;
width:391px;
height:25px;
background:url(http://www.whatsinc.jp/img/globalnavi.gif) no-repeat;
}
#globalnavi ul{
padding:0;
margin:0;
list-style-type:none;
}
#globalnavi li,#globalnavi a{
display:block;
height:25px;
line-height:6px;
}
#globalnavi li{
text-indent:-9999px;
display:inline;
float:left;
}
#globalnavi a{
overflow:hidden;
text-decoration:none;
background:url(http://www.whatsinc.jp/img/globalnavi.gif) no-repeat;
}
#globalnavi #gnavi1 a{background-position:   0px 0; width:83px;}
#globalnavi #gnavi2 a{background-position: -83px 0; width:91px;}
#globalnavi #gnavi3 a{background-position:-174px 0; width:83px;}
#globalnavi #gnavi4 a{background-position:-257px 0; width:73px;}
#globalnavi #gnavi5 a{background-position:-330px 0; width:61px;}
#globalnavi #gnavi1 a:hover{background-position:   0px -25px;}
#globalnavi #gnavi2 a:hover{background-position: -83px -25px;}
#globalnavi #gnavi3 a:hover{background-position:-174px -25px;}
#globalnavi #gnavi4 a:hover{background-position:-257px -25px;}
#globalnavi #gnavi5 a:hover{background-position:-330px -25px;}



#subnavi{
padding:0;
margin:0;
position:fixed;
top:580px;
left:172px;
text-align:left;
width:200px;
height:11px;
background:url(http://www.whatsinc.jp/img/subnavi.gif) no-repeat;
}
#subnavi ul{
padding:0;
margin:0;
list-style-type:none;
}
#subnavi li,#subnavi a{
display:block;
height:11px;
line-height:4px;
}
#subnavi li{
text-indent:-9999px;
display:inline;
float:left;
}
#subnavi a{
overflow:hidden;
text-decoration:none;
background:url(http://www.whatsinc.jp/img/subnavi.gif) no-repeat;
}
#subnavi #snavi1 a{background-position:   0px 0; width:47px;}
#subnavi #snavi2 a{background-position: -47px 0; width:70px;}
#subnavi #snavi3 a{background-position:-117px 0; width:83px;}
#subnavi #snavi1 a:hover{background-position:   0px -11px;}
#subnavi #snavi2 a:hover{background-position: -47px -11px;}
#subnavi #snavi3 a:hover{background-position:-117px -11px;}




/*concept
---------------------------------------------------------------------*/
#conceptcnt1{
margin-top:100px;
margin-left:50px;
vertical-align:middle;
font-size:medium;
line-height:2.8em;
letter-spacing:0.4em;
color:#000000;
}
#conceptcnt2 p{
line-height:5.5em;
margin:-20px 0 0 125px;
}

#conceptman{
position:relative;
left:500px;
top:305px;
}
/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-*/
/*company
---------------------------------------------------------------------*/
#company{
margin-left:300px;
}
#companycnt1{
margin-top:98px;
margin-left:150px;
}
#companycnt1 p{
margin-top:21px;
font-size:small;
}

#companycnt2{
margin-left:125px;
}
#companycnt2 th{
padding:0 50px 41px 0;
text-align:left;
font-weight:normal;
}
#companycnt2 td{
padding:0 0 40px 0;
}
#companycnt3{
margin-left:125px;
}

#companyman{
position:relative;
left:30px;
top:250px;
}


/*process
---------------------------------------------------------------------*/
#process{
margin-left:300px;
}
#processcnt{
margin-left:75px;
}
.accordion_toggle{
	display: block;
	width:525px;
	background-color:#000;
	border:1px solid #000;
	padding: 3px 10px 4px 10px;
	color: #fff;
	text-decoration: none;
	outline: none;
	font-size:small;
	font-weight:normal;
	color: #fff;
	border: 1px solid #000;
	cursor: pointer;
	margin: 0 0 17px 0;
}
.accordion_toggle_active{
	background-color:#fff;
	color: #000;
	font-weight:bold;
	border: 1px solid #000000;
}
.accordion_content{
	overflow: hidden;
	width:550px;
	padding:17px 10px 5px 10px;
	color: #000;
	font-size:x-small;
	line-height:3.5em;
}

#processman{
position:relative;
left:760px;
top:305px;
}



/*works
---------------------------------------------------------------------*/
#works{
margin-left:400px;
}


#worksnavitop{
padding:0;
margin-top:25px;
margin-left:175px;
text-align:left;
width:100px;
height:275px;
}
#worksnavitop ul{
padding:0;
margin:0;
list-style-type:none;
}
#worksnavitop li,#worksnavitop a{
display:block;
height:25px;
line-height:6px;
}
#worksnavitop li{
text-indent:-9999px;
display:inline;
}
#worksnavitop a{
overflow:hidden;
text-decoration:none;
background:url(http://www.whatsinc.jp/img/worksnavi.gif) no-repeat;
}
#worksnavitop #wnavibeauty a    {background-position:0px   0px; width:100px;}
#worksnavitop #wnavirestaurant a{background-position:0px -25px; width:100px;}
#worksnavitop #wnaviother a     {background-position:0px -50px; width:100px;}
#worksnavitop #wnavibeauty a:hover    {background-position:-100px   0px;}
#worksnavitop #wnavirestaurant a:hover{background-position:-100px -25px;}
#worksnavitop #wnaviother a:hover     {background-position:-100px -50px;}

#worksnavitop #wnavibeauty a{margin:0 0 100px 0;}
#worksnavitop #wnavirestaurant a{margin:0 0 100px 0;}



#worksnavi{
position:absolute;
top:165px;
left:25px;
padding:0;
margin:0;
text-align:left;
width:100px;
height:275px;
}
#worksnavi ul{
padding:0;
margin:0;
list-style-type:none;
}
#worksnavi li,#worksnavi a{
display:block;
height:25px;
line-height:6px;
}
#worksnavi li{
text-indent:-9999px;
display:inline;
}
#worksnavi a{
overflow:hidden;
text-decoration:none;
background:url(http://www.whatsinc.jp/img/worksnavi.gif) no-repeat;
}
#worksnavi #wnavibeauty a    {background-position:0px   0px; width:100px;}
#worksnavi #wnavirestaurant a{background-position:0px -25px; width:100px;}
#worksnavi #wnaviother a     {background-position:0px -50px; width:100px;}
#worksnavi #wnavibeauty a:hover    {background-position:-100px   0px;}
#worksnavi #wnavirestaurant a:hover{background-position:-100px -25px;}
#worksnavi #wnaviother a:hover     {background-position:-100px -50px;}

#worksnavi #wnavibeauty a{margin:0 0 100px 0;}
#worksnavi #wnavirestaurant a{margin:0 0 100px 0;}






#click{
margin:290px 0 0 201px;
}
#workscnt{
margin:0 0 0 50px;
}
#worksrestaurant{
position:absolute;
top:240px;
}
#worksother{
position:absolute;
top:365px;
}
#workscnt table{
margin:0 50px 0 0;
height:125px;
}
#workscnt table td{
vertical-align:top;
width:75px;
letter-spacing:normal;
line-height:1em;
}
#workscnt table td span{
display:block;
}
#workscnt table td a img{
border:1px solid #fff;
text-decoration:none;
overflow:hidden;
margin:0;
padding:0;
background-color:#FFFFFF;
line-height:0.1em;
width:73px;
height:73px;
}
#workscnt table td a:hover img{
border:1px solid #000;
text-decoration:none;
overflow:hidden;
margin:0;
padding:0;
background-color:#FFFFFF;
line-height:0.1em;
}
#workscnt #worksbeauty{
margin:-25px 0px 0 0;
}




/*link
---------------------------------------------------------------------*/
#link{
margin-left:250px;
}
#linkcnt{
margin:-30px 0 0 100px;
}
#linkcnt .linklist{
margin:38px 0;
}
#linkcnt h3{
padding:6px 50px 6px 10px;
font-size:x-small;
font-weight:normal;
display:inline;
border:1px solid #000;
}
#linkcnt a h3{
background:#000;
color:#fff;
}
#linkcnt a:hover h3{
background:#fff;
color:#000;
}
#linkcnt p{
display:inline;
margin:0 0 0 15px;
}

#linkman{
position:relative;
left:550px;
top:305px;
}


/*contact
---------------------------------------------------------------------*/
#contact{
margin-left:400px;
}
#contactcnt1{
float:left;
margin:160px 0 0 -200px;
}
#contactcnt21{
float:left;
margin:160px 0 0 125px;
}
#contactcnt22{
float:left;
margin:0 0 0 50px;
}
#contactcnt22 table{
margin:-12px 0 0 0;
}
#contactcnt22 table th{
text-align:left;
font-weight:normal;
}
#contactcnt22 table th span{
color:#aaa;
font-weight:normal;
}
#contactcnt23{
float:left;
margin:252px 0 0 25px;
width:100px;
}
#contactcnt23 a{
margin:0;
padding:0;
background:#fff;
border:none;
}
#contactcnt23 img{
margin:24px 0 0 0;
}

#contactman{
position:relative;
left:300px;
top:305px;
}


/*sitepolicy
---------------------------------------------------------------------*/
#sitepolicy{
margin-left:300px;
}
#sitepolicycnt1{	
text-align:justify;
margin-left:50px;
}
#sitepolicycnt2{
width:740px;
text-align:justify;
padding:0 0 0 75px;
float:left;
}
#sitepolicycnt1 h3,#sitepolicycnt2 h3{
margin:0 0 25px 0;
font-size:small;
}
#sitepolicycnt1 h4,#sitepolicycnt2 h4{
margin:0 0 5px 0;
font-size:x-small;
font-weight:normal;
}
#sitepolicycnt1 p,#sitepolicycnt2 p{
margin:0 0 17px 0;
font-size:x-small;
line-height:1.7em;
}
#sitepolicycnt1 p#sptopp{
margin:0 0 5px 0;
font-size:x-small;
}
#sitepolicycnt1 ul{
margin:0px 0 13px 17px;
font-size:x-small;
}
#sitepolicycnt1 ul li{
padding:0px 0 3px 0;
font-size:x-small;
line-height:1.7em;
list-style-type:square;
color:#666;
}

#sitepolicyman{
position:relative;
left:1650px;
top:305px;
}




/*works entry
-------------------------------------------------*/
#workscontbox{
position:absolute;
top:140px;
left:200px;
}
#workscontbox table{
width:3000px;
}
#workscontbox table td{
}
#workscontbox table td a:hover{
border:none;
background:#FFF;
text-decoration:none;
margin:0;
padding:0;
}
#workscontbox table td a img{
border:1px solid #fff;
overflow:hidden;
font-size:1px;
line-height:0.1em;
background-color:#FFFFFF;
text-decoration:none;
margin:0 25px 0 0;
}
#workscontbox table td a:hover img{
border:1px solid #000;
background-color:#FFFFFF;
text-decoration:none;
margin:0 25px 0 0;
padding:0;
}
#workscontbox table td a:hover{
border:none;
background:#FFF;
text-decoration:none;
margin:0;
padding:0;
}
#workscontbox table th{
text-align:left;
font-weight:normal;
padding:5px 0 0 0;
letter-spacing:normal;
}



/*works category
-------------------------------------------------*/
#workssamecat a img{
border:1px solid #fff;
width:50px;
height:50px;
}
#workssamecat a:hover img{
border:1px solid #000;
}

#workssamecat{
position:absolute;
top:390px;
left:175px;
}
#workssamecat table td{
width:50px;
vertical-align:top;
letter-spacing:normal;
line-height:1em;
}





/*highslide
-------------------------------------------------*/
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

a.highslide-credits, a.highslide-credits i {
display:none;
}
a.highslide-credits:hover, a.highslide-credits:hover i {
display:none;
}