html, body {height: 100%;}
body {
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 800px;
  min-height: 250px;
	font-size: 11px;
	line-height: 1.3;
	color: #AAA;
	font-family: "ヒラギノ角ゴ ProN W3""ＭＳ Ｐゴシック", Osaka;
  background: #F4F4F4 url(../images/base/bgMain.jpg) repeat-x left top;
}
html>/**/body {
	font-size: 11px;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}


h1 {
	padding: 0;
	margin: 0;
	border: 0;
}
h2 {
 margin: 20px 10px;
 padding: 0 auto;
	border: 0;
	font-size: 100%;
	line-height: 100%;
	font-weight: bold;
	color: #DDD;
}
h3 {
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 120%;
	line-height: 100%;
	font-weight: bold;
	color: #333;
}
h4 {
	padding: 0;
	margin: 0 0 5px 10px;
	color: #333;
	border: 0;
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
}
h1 em, h2 em, h3 em, h4 em {
	text-indent: -9999px;
	overflow: hidden;
	display: none;
	
	/*テキストボックスのテキストのケツ揃え*/
	text-align:justify;
	text-justify:inter-ideograph;
}


a:link {
	color: #000;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #C00;
	text-decoration: none;
	outline:none;
}
a:active {
	color: #000;
	text-decoration: none;
	outline:none;
}
a:visited {
	color: #999;
	text-decoration: none;
	outline:none;
}
img.btn{
	border: 0;
}
img.left{
	float: left;
	margin: 0 10px 10px 0;
	border: 0;
}
img.right{
	float: right;
	margin: 0 0 10px 10px;
	border: 0;
}
a img{
	border: 0;
}
img{
	outline: none;
}

.lineSet {
  margin: -250px 0 0 -400px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 500px;
  background: #FFF;
}



#GrovalNavi {
  clear: both;
  margin: 10px;
  padding: 0;
  border: 0;
  width: 780px;
  height: 30px;
  text-align: left;
}
#GrovalNavi a {
  float: left;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
  width: 111px;
  height: 30px;
  background:url(../images/base/gn-Studio1.jpg) no-repeat left top;
}
#GrovalNavi a#gn01{
		background:url(../images/base/gn-Studio1.jpg);
}
#GrovalNavi a#gn01:hover{
		background:url(../images/base/gn-Studio1_on.jpg);
}
#GrovalNavi a#gn02{
		background:url(../images/base/gn-Studio2.jpg);
}
#GrovalNavi a#gn02:hover{
		background:url(../images/base/gn-Studio2_on.jpg);
}
#GrovalNavi a#gn03{
		background:url(../images/base/gn-Service.jpg);
}
#GrovalNavi a#gn03:hover{
		background:url(../images/base/gn-Service_on.jpg);
}
#GrovalNavi a#gn04{
		background:url(../images/base/gn-Info.jpg);
}
#GrovalNavi a#gn04:hover{
		background:url(../images/base/gn-Info_on.jpg);
}
#GrovalNavi a#gn05{
		background:url(../images/base/gn-Retouch.jpg);
}
#GrovalNavi a#gn05:hover{
		background:url(../images/base/gn-Retouch_on.jpg);
}
#GrovalNavi a#gn06{
		background:url(../images/base/gn-Gallery.jpg);
}
#GrovalNavi a#gn06:hover{
		background:url(../images/base/gn-Gallery_on.jpg);
}
#GrovalNavi a#gn07{
  width: 114px;
		background:url(../images/base/gn-Contact.jpg);
}
#GrovalNavi a#gn07:hover{
  width: 114px;
		background:url(../images/base/gn-Contact_on.jpg);
}



#SubNavi {
  clear: both;
  margin: 10px;
  padding: 10px 0 0 0;
  border: 0;
  width: 780px;
  height: 25px;
  text-align: center;
  background: url(../images/base/mb-Back.gif) repeat-x left bottom;
}
#SubNavi a ,
#SubNavi span{
  margin: 0 6px;
  padding: 0;
  border: 0;
  outline: none;
}
#SubNavi a img{
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}


.contents {
  margin: 0 10px;
  padding: 0;
  border: 0;
  width: 780px;
  height: 350px;
  overflow: auto;
	display: block;
}


.contents p{
  margin: 10px;
  padding: 0;
	display: block;
}
.contents p.headline{
  margin: -10px 0 15px 0;
  padding: 0;
	display: block;
}
.contents p.add{
  margin-bottom: 25px;
  color: #ADADAD;
	line-height: 1.8em;
}
.contents h3{
  clear: both;
  margin: 20px 0 0 0;
  padding: 0 auto;
  border: 0;
	display: block;
}


.contents#studio-P1-A {
background: url(../images/studio_1_A/bgStudio.jpg) no-repeat center center;
}
.contents#studio-P1-B {
background: url(../images/studio_1_B/bgStudio.jpg) no-repeat center center;
}
.contents#studio-P2-1 {
background: url(../images/studio_2_1/bgStudio.jpg) no-repeat center center;
}
.contents#studio-P2-2 {
background: url(../images/studio_2_2/bgStudio.jpg) no-repeat center center;
}
.contents#studio-P2-3 {
background: url(../images/studio_2_3/bgStudio.jpg) no-repeat center center;
}
.contents#contact,
.contents#recruit {
background: url(../images/contact/bgBuild.jpg) no-repeat right bottom;
}
.contents#access .editArea {
background: url(../images/access/bgAccess.jpg) no-repeat right top;
height: 660px;
}


.contents .editArea ,
.contents .leftSide ,
.contents .rightSide{
  margin: 0;
  padding: 0 10px;
  border: 0;
}
.contents .leftSide{
  float: left;
  margin: 0 0 0 10px;
  _margin: 0;
  _padding-left: 10px;
  width: 200px;
}
.contents .rightSide{
  float: right;
  margin: 0 10px 0 0;
  _margin: 0;
  _padding-right: 10px;
  width: 100px;
}
.contents .rightSide a{
  padding: 0;
  margin: 10px 0 0 0;
  border: 0;
	display: block;
}
.contents .rightSide a img{
  padding: 0;
  margin: 0;
  border: 0;
}



.contents table#price{
  margin: 5px auto 10px auto;
  padding: 0;
  width: 700px;
  color: #AAA;
}
.contents table#price th,
.contents table#price td{
  margin: 0;
  padding: 3px 10px;
  width: 20%;
  border-bottom: 1px solid #EBEBEB;
	font-weight:normal;
	white-space:nowrap;
}
.contents table#price th{
  width: 20%;
	text-align:left;
}
.contents table#price2{
  margin: 5px auto 10px auto;
  padding: 0;
  width: 700px;
  color: #AAA;
}
.contents table#price2 th,
.contents table#price2 td{
  margin: 0;
  padding: 3px 10px;
  width: 80px;
	font-weight:normal;
	white-space:nowrap;
	text-align:center;
}
.contents table#price2 th{
  width: auto;
  border-bottom: 1px solid #EBEBEB;
}



.contents .TabbedPanelsContent h3{
  clear: both;
  margin: 10px 0;
  padding: 0 auto;
  border: 0;
}
.contents .TabbedPanelsContent p{
  margin: 0 0 20px 0;
  padding: 0;
}
.contents .TabbedPanelsContent p.voice{
  margin: 0;
}
.contents .TabbedPanelsContent p.add{
  clear: both;
  margin: 5px 0 30px 0;
  padding: 5px 0 0 0;
  border-top: 1px dotted #DDD;
}
.contents .TabbedPanelsContent p img{
  float: right;
  margin: 0 0 5px 10px;
  padding: 0;
	display: block;
}


.contents#simpleTop ,
.contents#galleryTop {
}
.contents#simpleTop .headline ,
.contents#galleryTop .headline{
  margin: 50px 0 0 0;
		text-align:center;
}
.contents#simpleTop .linkbox ,
.contents#galleryTop .linkbox{
  margin: 20px 0 0 0;
		text-align:center;
}
.contents#simpleTop .linkbox a ,
.contents#simpleTop .linkbox a img ,
.contents#galleryTop .linkbox a ,
.contents#galleryTop .linkbox a img{
  margin: 0;
  padding: 0;
  border: 0;
}

.contents#gallery {
}
.contents#gallery .headline{
  margin: 50px 0 0 0;
		text-align:center;
}
.contents#gallery .linkbox{
  margin: 20px 0 0 0;
		text-align:center;
}
.contents#gallery .linkbox a ,
.contents#gallery .linkbox a img{
  margin: 0;
  padding: 0;
  border: 0;
}
.contents#gallery .TabbedPanelsTabGroup{
  height: 290px;
  margin: 0;
  padding: 0;
  width: 235px;
  overflow: auto;
}
.contents#gallery .TabbedPanelsContent h3{
  clear: both;
  margin: 0;
  padding: 0 auto;
	font-size: 14px;
	font-weight: normal;
  border: 0;
}
.contents#gallery  .TabbedPanelsContent h3 span{
  margin: 0 0.5em;
  padding: 0 0.5em;
  border-left: 1px solid #EBEBEB;
	font-weight: normal;
	color: #D6D6D6;
	font-family: "Century Gothic", Arial, Helvetica;
}
.contents#gallery  .TabbedPanelsContent p{
  clear: both;
  margin: 0 0 10px 0;
  padding: 0;
}
.contents#gallery  .TabbedPanelsContent p.add{
  clear: both;
  margin: 5px 0 30px 0;
  padding: 5px 0 0 0;
  border-top: 1px dotted #DDD;
	color: #666;
}
.contents#gallery  .TabbedPanelsContent p.add a.btnWeb{
  clear: both;
  float: right;
  margin: 5px 0;
  padding: 0;
  border: 0;
  width: 67px;
  height: 13px;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
	display: block;
	background:url(../images/gallery/btnWeb.jpg);
}
.contents#gallery  .TabbedPanelsContent p.add a.btnWeb:hover{
		background:url(../images/gallery/btnWeb_on.jpg);
}
.contents#gallery  .TabbedPanelsContent p.photoThumb{
  margin: 0;
  padding: 15px 0;
}
.contents#gallery  .TabbedPanelsContent p.photoThumb a{
  float: left;
  margin: 0 13px 10px 0;
  _margin: 0 7px 10px 0;
  padding: 0;
  width: 150px;
  text-align: left;
  overflow: hidden;
		background: url(../images/gallery/bgPhotoThumb.jpg) no-repeat left top;
		display: block;
}
.contents#gallery  .TabbedPanelsContent p.photoThumb a img {
  float: none;
  margin: 4px auto;
  padding: 0;
  border: 1px solid #FFF;
  text-align: left;
		background: url(../images/gallery/bgPhotoThumb.jpg) no-repeat left top;
		display: block;
}

.contents#service ,
.contents#access ,
.contents#company ,
.contents#simpleTop ,
.contents#contact ,
.contents#recruit ,
.contents#privacy ,
.contents#galleryTop ,
.contents#sitemap{
  height: 395px;
	overflow:auto;
}

.contents#info,
.contents#simpleTop {
  height: 395px;
	background:url(../images/base/underconstruction.gif) no-repeat center center;
}
.contents#simpleTop .editArea {display:none;}

.contents#service h3 ,
.contents#access h3 ,
.contents#company h3 ,
.contents#contact h3 ,
.contents#recruit h3 ,
.contents#privacy h3 ,
.contents#sitemap h3{
  clear: both;
  margin: 10px 0 5px 0;
  padding: 0;
  border: 0;
}
.contents#service p ,
.contents#access p ,
.contents#company p ,
.contents#contact p ,
.contents#recruit p ,
.contents#privacy p ,
.contents#sitemap p{
}
.contents#service p img ,
.contents#access p img ,
.contents#company p img ,
.contents#contact p img ,
.contents#recruit p img ,
.contents#privacy p img ,
.contents#sitemap p img{
  margin: 0 0 10px 0;
  padding: 0;
}

.contents#access .editArea{
}
.contents#access .editArea .leftSide{
  margin-left: 0;
  width: 200px;
}
.contents#access .leftSide h2{
  margin-left: 0;
}
.contents#access .leftSide p{
}

.contents#sitemap ul{
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  list-style: none;
  width: 180px;
}
.contents#sitemap ul#others{
  float: right;
  _position: absolute;
  width: 180px;
	background: #FFF;
}
.contents#sitemap ul#others li{
  padding: 0 0 0.5em 0;
  margin: 0 10px 0.5em 0;
  border-bottom: 1px dotted #EBEBEB;
  list-style: none;
}
.contents#sitemap ul li{
  padding: 0;
  margin: 0;
  border: 0;
}
.contents#sitemap ul li ul{
  float: none;
  margin: -1.5em 10px 0 190px;
  padding: 0;
  border: 0;
  list-style: none;
	background: #FFF;
}
.contents#sitemap ul li ul li{
  margin: 0 0 1.5em 0;
  float: none;
	background: #FFF url(../images/base/line.gif) repeat-x left 0.8em;
}
.contents#sitemap ul li ul li ul{
  margin: -1.5em 0 0 200px;
	background: #FFF;
}
.contents#sitemap ul li ul li ul li{
  padding: 0;
  margin: 0;
  border: 0;
	background: #FFF;
}
.contents#sitemap ul li.top{
	background: #FFF;
}
.contents#sitemap ul li ul li.links{
	background: #FFF;
}
.contents#sitemap a ,
.contents#sitemap span{
  color: #333;
  margin: 0;
  padding: 0 10px ;
	background: #FFF url(../images/base/markTitle.jpg) no-repeat left center;
}
.contents#sitemap a:hover{
  color: #FC0;
  padding: 0 0 0 10px ;
	background: #FFF url(../images/base/markTitle_on.jpg) no-repeat left center;
}


.contents#retouch .thumb img{
  margin: 5px;
	text-align:center;
}



#top .openning {
  margin: 10px;
  width: 780px;
  height: 270px;
}
#top .contents {
  margin: 10px;
  padding: 0;
  width: 780px;
  height: 205px;
}
#top .contents h1{
  margin-top: 10px;
  margin-bottom: 20px;
}
#top .contents h2{
  padding-bottom: 0;
  margin-bottom: 5px;
  margin-left: 0;
}
#top .contents .contentsBox{
  padding: 0 auto;
  margin: 0;
  width: 780px;
  height: 120px;
  overflow: auto;
}
#top .contents .contentsBox h3{
		font-size: 11px;
  margin: 5px 0;
  font-weight: normal;
}
#top .contents .contentsBox p{
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #EBEBEB;
	display: block;
}
#top .contents .getFlash{
  width: 130px;
  height: 34px;
  text-align: left;
		position:absolute;
		top:161px;
		left:645px;
		z-index:3;
}
#top #GrovalNavi {
top:241px;
left:0px;
z-index:3;
display:none;
}

#top #flashContent {  margin: 10px;  width: 780px;  height: 270px;}
#top #flashContent #GrovalNavi {  top:241px;  left:0px;  z-index:3;  margin: 1px 0 10px 0;  display:block;}

.header {
  margin: 10px 10px;
  padding: 10px 0 0 0;
  border-top: 1px solid #DDD;
  width: 780px;
  height: 30px;
}
.header a#logo img{
  float: left;
  margin: 0;
	border:0;
}
.header #contact{
  float: right;
  margin: 0;
}


#recruit .contents{
  height: 395px;
}
#recruit .contents .leftSide{
  float: left;
  width: 500px;
  margin-right: 50px;
}
#recruit .contents .leftSide h3{
  padding: 0 0 15px 0;
}
#recruit .contents .leftSide p{
  margin: 0;
  padding: 0 0 10px 0;
	color: #888;
}
#recruit .contents .leftSide p.writer{
  padding: 0;
	text-align:right;
}
#recruit .contents .leftSide span{
  padding: 0;
	text-align:right;
	color: #AAA;
}
#recruit .contents .leftSide strong{
	color: #333;
	font-weight: normal;
}
#recruit .contents .rightSide{
  float: left;
  margin: 0 10px 0 0;
  _margin: 0;
  _padding-right: 10px;
  width: 140px;
}
#recruit .contents .rightSide p{
  padding-left: 0;
  padding-right: 0;
}

.footer{
  margin: 0;
  padding: 0 10px;
  _padding: 5px 10px 0 10px;
	font-size: 9px;
	color: #999;
  width: 780px;
  _background: #F4F4F4;
}
.footer .footLink{
  float: right;
  margin: 0;
  padding: 0;
}
.footer .footLink a ,
.footer .footLink a:hover{
  margin: 0 0 0 5px;
  padding: 0 0 0 5px;
  border-left: 1px solid #DDD;
  color: #AAA;
  text-decoration: none;
}
.footer .footLink a:hover{
  color: #EEE;
  color: #F90;
}
.footer .footText{
  float: left;
  margin: 0;
  padding: 0;
		letter-spacing: 0.2em;
		font-family: "Century Gothic", Arial, Helvetica;
}

dl {
	clear: both;
	padding: 0.3em 0;
	margin: 0;
	border-top: 1px dotted #DDD;
	/*border-bottom: 1px dotted #999999;*/
	/*for mac-ie5.x*/
	/*\*//*/
	overflow: hidden;
	/**/
}
dl:after	{	height:	0;	visibility: hidden;	content: ".";	display: block;	clear: both;}
dl dt {
	padding: 0 0 0 0;
	margin: 0 1em 0 0;
	width: 6em;
	float: left;
	font-weight: bold;
	white-space:nowrap;
	color: #666;
}
dl dd {
	display: block;
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0 7em;
}
dl dt p{
	clear: none;
	float: none;
	margin: 0.4em 1em 0 0;
	padding: 0;
}

a.links:link,a.links:visited,a.links:hover,a.links:active{
	color: #FF9900;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }



* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../common/css/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}