@charset "UTF-8";


/* -----------------------------------------------
Common
----------------------------------------------- */
/* layout
----------------------------------------------- */
#title_company {
	width:400px;
	height:19px;

	background:transparent url(../company/images/title_company.gif) no-repeat 0 0;
	text-indent:-999px;
	/*overflow:hidden;*/

	margin:0 0 8px 0;
	/*border:solid 1px #FF0000;*/
}

#pageLink {
	width:703px;
	float:left;
	padding:6px 0 0 0;
}


#pageLink li.arrowDown{
	width:85px;
	float:right;

	list-style:none;
	overflow:hidden;
}


#pageLink li.arrowDown a{
	display:block;

	background:transparent url(../images/arrow_down.gif) no-repeat 0 5px;
	list-style:none;

	padding:0 0 0 12px;
}

#pageLink li.arrowDown a:hover{
	display:block;

	background:transparent url(../images/arrow_down.gif) no-repeat 0 6px;
	list-style:none;

	padding:0 0 0 12px;
}



/* table
----------------------------------------------- */

.company-profile dt{
	text-align:right;
}


.company-access  dt{
	width:148px;
}

.company-access  dd{
	width:475px;
}

.company-history dt{
	width:105px;
}

.company-history dd{
	width:518px;
}


/* header 下マージン変更
----------------------------------------------- */
.company-intro #header,.company-principles #header,.company-profile #header,.company-contents #header,.company-organiz #header,.company-history #header,.company-access #header,.company-recruit #header,.company-news #header,.company-staff #header {
	margin:0 0 15px 0;
}


/* company navi
----------------------------------------------- */
#companyNavi {
	width:704px;
	height:28px;
	/*float:left;*/

	background:transparent url(../company/images/companynavi.gif) no-repeat 0 0;

	margin:0;
	padding:0;
}

#companyNavi li { 
	float:left;
	display:inline;

	list-style:none;
	overflow:hidden;
}


#companyNavi li a {
	height:28px;
	display:block;

	text-indent:-9999px;
	text-decoration:none;/*for Firefox*/
}

li#comIntro a {
	width:70px;
	background:transparent url(../company/images/companynavi.gif) no-repeat 0 0;
}

li#comIntro a:hover {
	background:transparent url(../company/images/companynavi.gif) no-repeat 0 -30px;
}


li#comPrinciples a {
	width:80px;
	background:transparent url(../company/images/companynavi.gif) no-repeat -70px 0;
}
li#comPrinciples a:hover {
	background:transparent url(../company/images/companynavi.gif) no-repeat -70px -30px;
}


li#comProfile a {
	width:80px;
	background:transparent url(../company/images/companynavi.gif) no-repeat -150px 0;
}
li#comProfile a:hover {
	background:transparent url(../company/images/companynavi.gif) no-repeat -150px -30px;
}


li#comContents a {
	width:80px;
	background:transparent url(../company/images/companynavi.gif) no-repeat -230px 0;
}
li#comContents a:hover {
	background: transparent url(../company/images/companynavi.gif) no-repeat -230px -30px;
}


li#comOrganiz a {
	width:58px;
	background:transparent url(../company/images/companynavi.gif) no-repeat -310px 0;
}
li#comOrganiz a:hover {
	background:transparent url(../company/images/companynavi.gif) no-repeat -310px -30px;
}


li#comHistory a {
	width:58px;
	background:transparent url(../company/images/companynavi.gif) no-repeat -368px 0;
}
li#comHistory a:hover {
	background:transparent url(../company/images/companynavi.gif) no-repeat -368px -30px;
}


li#comAccess a {
	width:76px;
	background:transparent url(../company/images/companynavi.gif) no-repeat -426px 0;
}
li#comAccess a:hover {
	background:transparent url(../company/images/companynavi.gif) no-repeat -426px -30px;
}


li#comRecruit a {
	width:82px;
	background:transparent url(../company/images/companynavi.gif) no-repeat -502px 0;
}
li#comRecruit a:hover {
	background:transparent url(../company/images/companynavi.gif) no-repeat -502px -30px;
}


li#comNews a {
	width:120px;
	background:transparent url(../company/images/companynavi.gif) no-repeat -584px 0;
}
li#comNews a:hover {
	background:transparent url(../company/images/companynavi.gif) no-repeat -584px -30px;
}



#jobNavi{
	width:704px;
	height:11px;
}

#jobNavi ul{
	width:90px;
	height:11px;
	float:right;
	list-style:none;
}


#jobNavi li { 
	width:90px;
	height:11px;
	float:left;

	list-style:none;
	overflow:hidden;
}


#jobNavi li a {
	display:block;

	background:transparent url(../company/images/jobnavi.gif) no-repeat 0 0;

	text-indent:-9999px;
	text-decoration:none;/*for Firefox*/
}


#jobNavi li a:hover {
	background:transparent url(../company/images/jobnavi.gif) no-repeat 0 -18px;
}


/* -----------------------------------------------
intro
----------------------------------------------- */
body.company-intro li#comIntro a{
	background:transparent url(../company/images/companynavi.gif) no-repeat 0 -30px;
}

body.company-intro .columnWrapper {
	width:644px;
	float:left;

	padding:0 0 60px 30px;
}

.rightColumn{
	width:433px;
	float:right;
	}

.leftColumn{
	width:177px;
	float:left;

	padding:0 24px 0 0;
}

.sign {
	width:270px;
	height:64px;
	float:right;

	margin:12px 0 0 0;
}


body.company-soshikizu li#comSoshiki a{
	background:transparent url(../company/images/companynavi.gif) no-repeat -70px -30px;
}


/* -----------------------------------------------
principles
----------------------------------------------- */
body.company-principles li#comPrinciples a{
	background:transparent url(../company/images/companynavi.gif) no-repeat -70px -30px;
}

body.company-principles .columnWrapper {
	width:704px;
}

.principles{
	width:704px;
	height:124px;
	float:left;

	background:transparent url(../company/images/principles.gif) no-repeat 0 0;
	
	text-indent:-9999px;
	overflow:hidden;
	
	margin:30px 0 0 0;
}


/* -----------------------------------------------
profile
----------------------------------------------- */
body.company-profile li#comProfile a{
	background:transparent url(../company/images/companynavi.gif) no-repeat -150px -30px;
}

body.company-profile .columnWrapper {
	width:703px;
	float:left;

	margin:12px 0 40px 0;
}



/*table*/
dl.tablePro2{
	width:527px;
	float:left;
}

dl.tablePro2:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.tablePro2 dt{
	width:300px;
	height:12px;
	float:left;
	clear:both;
	
	text-align:left;
	font-weight:bold;
	border:none;
}

.tablePro2 dd{
	width:450px;
	display:block;
	float:left;
	border:none;
	
	background:none;
	
	margin:0 0 12px 0;
}

/* -----------------------------------------------
History
----------------------------------------------- */
body.company-history li#comHistory a {
	background:transparent url(../company/images/companynavi.gif) no-repeat -368px -30px;
}


body.company-history .columnWrapper {
	width:703px;
	float:left;

	margin:12px 0 40px 0;
}


/* -----------------------------------------------
Contents
----------------------------------------------- */
body.company-contents li#comContents a {
	background:transparent url(../company/images/companynavi.gif) no-repeat -230px -30px;
}

body.company-contents .columnWrapper {
	width:670px;
	float:left;
	
	margin:50px 0 0 30px;
	padding:0 0 80px 0;
	/*border:solid 1px #FF0000;*/
}

.company-contents .rightColumn{
	width:430px;
	float:right;

	background:transparent url(../company/images/contents_line.gif) no-repeat 0 0;

	padding:0 0 0 71px;
	}

.company-contents .leftColumn{
	width:157px;
	float:left;

	margin:0;
	padding:0;
}


.company-contents h2.contents {
	width:430px;
	height:26px;
	float:left;
	
	background:transparent url(../images/bg_h2_430.gif) no-repeat 0 0;
	margin:10px 0;
	padding:3px 0 0 12px;
}

.contentsDetail {
	width:430px;
	height:126px;
	float:left;
}

.contentsDetail2 {
	width:430px;
	height:142px;
	float:left;
}

.company-contents ul.contents {
	padding:0 0 0 18px;
}

.company-contents .contents li {
	padding:0 0 4px 0;
}

.company-contents .comment {
	width:480px;
	border:solid 1px;
	
	margin:0 auto;
	padding:12px 30px;

	clear:both;
}

/* -----------------------------------------------
組織図　Organization-chart
----------------------------------------------- */
body.company-organiz li#comOrganiz a {
	background:transparent url(../company/images/companynavi.gif) no-repeat -310px -30px;
}

body.company-organiz .columnWrapper {
	width:704px;
	float:left;

	margin:12px 0 40px 0;
	padding:0;
	/*border:solid 1px #FF0000;*/
}

ul.chartList {
	display:block;
	width:400px;
	list-style:none;
	
	margin:20px 0 0 30px;
	padding:0 0 40px 0;
}

.chartList li{
	list-style:none;
	padding:0 0 10px 0;
}

.chartList li a{
	display:block;
}

.company-organiz .columnWide{
	width:1000px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
	padding:30px;
	border:solid 1px #CCCCCC;
}


.company-organiz .soshikizuL{
	width:1000px;
	text-align:left;
}


/* -----------------------------------------------
access
----------------------------------------------- */
body.company-access li#comAccess a {
	background:transparent url(../company/images/companynavi.gif) no-repeat -426px -30px;
}

body.company-access .columnWrapper {
	width:703px;
	/*float:left;*/

	margin:12px 0 40px 0;
	
}

.company-access .columnHalfl {
	width:327px;
	float:left;
}

.company-access .columnHalfr {
	width:327px;
	float:right;
}

.company-access .columnWide{
	width:565px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}


/*タイトル用背景画像付き*/
.company-access h2.bg704 {
	width:704px;
	height:26px;
	
	background:transparent url(../images/bg_h2_704.gif) no-repeat 0 0;
	margin:0 0 12px 0;
	padding:3px 0 0 12px;
}


/*dl 本社案内*/
dl.tableOffice{
	width:327px;
	float:left;
	
	margin:5px 0 0 0;
}

.tableOffice dt{
	width:130px;
	float:left;
	clear:both;
	
	text-align:left;
	background:transparent url(../images/dot_point.gif) no-repeat 0 8px;

	padding:0 0 0 14px;
}

.tableOffice dd{
	width:170px;
	float:left;
	
	margin:0 0 12px 0;
}

/*dl 撮影所学院案内*/
dl.tableStudio{
	width:327px;
	float:left;
	
	margin:5px 0 0 0;
}

.tableStudio dt{
	width:70px;
	float:left;
	clear:both;
	
	text-align:left;
	background:transparent url(../images/dot_point.gif) no-repeat 0 8px;

	padding:0 0 0 14px;
}

.tableStudio dd{
	width:230px;
	float:left;
	
	margin:0 0 12px 0;
}


.mapDetail {
	width:375px;
	float:left;

	margin:12px 0 0 0;
	padding:0;
	/*border: solid 1px;*/
}

.btnMap a{
	width:104px;
	height:27px;
	float:right;
	overflow:hidden;

	background:transparent url(../company/images/btn_map.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	text-decoration:none;
	/*Firefoxなどで線が表示されないようにする*/
}

.btnMap a:hover{
	background:transparent url(../company/images/btn_map.gif) no-repeat 1px 1px;
}

.company-access .imgMap{
 margin:0 0 3px 0
}

.company-access h4{
width:180px;
float:left;
}

/* -----------------------------------------------
recruit
----------------------------------------------- */
body.company-recruit li#comRecruit a {
	background:transparent url(../company/images/companynavi.gif) no-repeat -502px -30px;
}

body.company-recruit .columnWrapper {
	width:704px;
	/*float:left;*/

	margin:0;
	padding:0;
}


.headerDetail {
	width:704px;
	/*float:left;*/

	margin:0;
	padding:0;
}

.btnEntrysheet{
	width:133px;
	height:27px;
	float:right;
}

.btnEntrysheet a{
	width:133px;
	height:27px;
	display:block;

	background: transparent url(../company/images/btn_Entrysheet.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	text-decoration:none;/*forFirefox*/
}

.btnEntrysheet a:hover{
	background: transparent url(../company/images/btn_Entrysheet.gif) no-repeat 1px 1px;
}

.company-recruit h4 {
	font-size:12px;
	color:#333333;
	font-weight:bold;

	margin:12px 0 0 0;
	padding:0 0 0 18px;
}

.company-recruit ol {
	padding:0 0 0 24px;
	margin: 6px 0;
	/*border:solid 1px #FF0000;*/
}
.company-recruit li {
	padding:0 0 2px 0;
	/*border:solid 1px #FF0000;*/
}

ul.recruit {
	padding:0 0 0 18px;
}

ul.recruit li {
	padding:0 0 2px 0;
}

body.company-recruit .table dt{
	text-align:right;
}



/* -----------------------------------------------
news-release
----------------------------------------------- */

body.company-news li#comNews a {
	background:transparent url(../company/images/companynavi.gif) no-repeat -584px -30px;
}


body.company-news .columnWrapper {
	width:704px;
	float:left;

	margin:12px 0 80px 0;
	padding:0;
	/*border:solid 1px #FF0000;*/
}

body.company-news .columnWrapper2 {
	width:690px;
	float:left;
	
	margin:12px 0 80px 7px;
}


/*table2*/
body.company-news dl.table{
	clear:both;
	width:703px;
}

body.company-news .table dt{
	width:90px;
	float:left;
	clear:both;
	
	text-align:left;
	background:transparent url(../images/dot_point.gif) no-repeat 8px 13px;
	padding:6px 20px;

}

body.company-news .table dd{
	width:510px;
	float:left;
	padding:6px 20px;
	
}

body.company-news .table dt.end,.table dd.end{
	background:none;/*safai*/
}


.newsDate {
	width:690px;

	text-align:right; 

	margin:6px 0 20px 0;
}

.backIndex{
	width:80px;
	float:right;

	margin:36px 0 0 0;
}


.company-news h2.newsheader {
	width:704px;
	/*float:left;*/

	font-size:15px;
	text-align:center;
	
	margin: 0 auto;
	margin-bottom:36px;
	padding:0 0 0 0px;
}


/* -----------------------------------------------
staff
----------------------------------------------- */
body.company-staff #jobNavi li a {
	display:block;

	background:transparent url(../company/images/jobnavi.gif) no-repeat 0 -18px;

	text-indent:-9999px;
	text-decoration:none;/*for Firefox*/
}

/*タイトル用背景画像付き*/
.company-staff h2.bg704 {
	margin:40px 0 20px 0;
}

body.company-staff .columnWrapper {
	width:704px;

	margin:10px 0 40px 0;
	
}

.company-staff .columnHalfl {
	width:224px;
	float:left;
}

.company-staff .columnHalfr {
	width:442px;
	float:right;
}

.company-staff .columnWide{
}

body.company-staff .itemWrapper {
	width:444px;
	/*float:left;*/
}

body.company-staff .itemLeft {
	width:228px;
	height:201px;	
	float:left;
	background:transparent url(../staff/images/bg_photo.gif) no-repeat 0 0;
	
	text-align:center;
	margin:0 0 20px 0;
}

body.company-staff .itemLeft img {
	width:200px;
	height:150px;	
	float:left;
	
	text-align:center;
	margin:0;
	padding:14px 0 0 14px;
}


body.company-staff .itemRight {
	width:200px;
	float:right;
	text-align:left;
	background:transparent url(../staff/images/bg_text.gif) no-repeat 0 top;

}

body.company-staff .itemRight p{
	height:164px;
	line-height:2.1;
	
	padding:6px 0 0 0;
}

.time{
	font-weight:bold;
	border-bottom:solid 1px #333333;
}


/*プロフィール　左*/
.itemList {
	clear:both;
	width:694px;
	
	font-size:11px;
	line-height:130%;

	margin:0 0 0 12px;
}

.itemList ul{

}

.itemList li{
	width:130px;
	height:163px;
	float:left;
	display:block;
	
	list-style:none;
	text-align:center;

	background:transparent url(../staff/images/bg_photo_top.gif) no-repeat 0 0;

	margin:0 0 10px 0;
	padding:0 5px 0 0;
	
}

.itemList li a{
	width:130px;
	height:163px;
	display:block;
	text-decoration:none;
}


.itemList img{
	padding:5px;
}

.staffname{
	font-weight:bold;

	border-bottom:solid 1px #333333;
	
	margin:20px 0;
	
}
