#main #mainColumn {
  float: left;
  width: 730px;
  padding: 0 20px 0 0;
}

#main #subColumn {
  float: left;
  width: 200px;
}

#photography {
  padding: 20px 10px;
  font-size: 12px;
  text-align: center;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  background-color: #fbfcf7;
}

#photography div.scrollableArea { /* TODO できれば画像の横幅の合計を算出して設定したい */
  width: 3000px;
}

#photography div.scrollableArea div.img {
  position: relative;
  float: left;
  padding: 0px 10px;
  text-align: center;
}

#photography div.scrollableArea div.img p.photo {
  padding: 0 0 5px 0;
}

#photography div.scrollableArea div.img p.photo img {
  width: auto;
  height: 128px;
}

#photography div.scrollableArea div.img p.comment {
  font-size: 12px;
}

#photography div.scrollWrapper {
  position: relative;
  overflow: hidden;
}

/*
左右スクロール用。数値調整済み。
#photography div.scrollingHotSpotLeft {
  border: solid 1px red;
	position: absolute;
	left: 7%;
	min-width: 75px;
	width: 15%;
	height: 28%;
	background-image: url(../../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	z-index: 200;
	cursor: url(../../images/cursors/cursor_arrow_left.cur), e-resize;
}

#photography div.scrollingHotSpotLeftVisible {
	background-image: url(../../images/arrow_left.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; 
	-moz-opacity: 0.35; 
	filter: alpha(opacity = 35);
	zoom: 1;
}

#photography div.scrollingHotSpotRight {
  border: solid 1px red;
	position: absolute;
	left: 58%;
	min-width: 75px;
	width: 15%;
	height: 28%;
	background-image: url(../../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	z-index: 200;
	cursor: url(../../images/cursors/cursor_arrow_right.cur), e-resize;
}

#photography div.scrollingHotSpotRightVisible {
	background-image: url(../../images/arrow_right.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; 
	-moz-opacity: 0.35; 
	filter: alpha(opacity = 35);
	zoom: 1; 
}
*/
#kurukuru_photo_flame_bottom {
  margin: 0 0 30px 0;
}

#companyProfile {
  margin: 0 0 30px 0;
}

#companyProfile p.title {
  margin: 0 0 15px 0;
  padding: 2px 0 2px 20px;
  background-image: url(/images/common/company_profile_title.jpg);
  background-repeat: no-repeat;
  background-position: 1px 1px;
  border: solid 1px #cccccc;
  line-height: 23px;
  text-indent: -9999px;
  font-size: 16px;
  font-weight: bold;
}

#companyProfile table {
  width: 100%;
  border: solid 1px #999999;
  border-collapse: collapse;
}

#companyProfile table th {
  width: 200px;
  padding: 6px 10px;
  background-color: #f9f3d9;
  border-top: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

#companyProfile table td {
  padding: 4px 8px 4px 24px;
  background-color: #fafafa;
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  text-align: left;
}

#companyProfile table td p {
  font-size: 14px;
}

#companyProfile table td p.relatedPosts {
  background-image: url(/images/common/related_posts_icon.jpg);
  background-repeat: no-repeat;
  background-position: 0 10px;
  padding: 8px 0 0 65px;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
}

h2#allMemberListTitle {
  margin: 0 0 15px 0;
  padding: 2px 0 2px 20px;
  background-image: url(/images/common/company_all_member_list_title.jpg);
  background-repeat: no-repeat;
  background-position: 1px 1px;
  border: solid 1px #cccccc;
  line-height: 23px;
  text-indent: -9999px;
  font-size: 16px;
  font-weight: bold;
}

#allMemberList {
  margin: 0 0 20px 0;
  padding: 5px;
  border: solid 1px #999999;
}

#allMemberList h2 {
  padding: 5px 0 10px 5px;
  font-size: 16px;
  font-weight: bold;
}

#allMemberList>p.desc {
  padding: 10px 5px 10px 5px;
  font-size: 14px;
}

#allMemberList div.boss {
  width: 708px;
  margin: 0 0 15px 0;
  padding: 5px;
}

#allMemberList div.boss div.img {
  float: left;
  width: 100px;
  height: 100px;
  text-align: center;
}

#allMemberList div.boss p.name {
  float: left;
  width: 598px;
  padding: 0 0 5px 10px;
  font-weight: bold;
  font-size: 15px;
}

#allMemberList div.boss p.desc {
  float: left;
  width: 598px;
  padding: 0 0 5px 10px;
  font-size: 14px;
  line-height: 18px;
}

#allMemberList div.boss p.recentEntries {
  float: right;
  width: 598px;
  padding: 0 0 0 10px;
  font-size: 12px;
  font-weight: bold;
}

#allMemberList div.member {
  float: left;
  width: 349px;
  margin: 0 0 15px 0;
  padding: 5px;
}

#allMemberList div.member div.img {
  float: left;
  width: 70px;
  height: 70px;
  text-align: center;
}

#allMemberList div.member p.name {
  float: left;
  width: 259px;
  padding: 0 10px 5px 10px;
  font-weight: bold;
  font-size: 15px;
}

#allMemberList div.member p.desc {
  float: right;
  width: 259px;
  padding: 0 10px 5px 10px;
  font-size: 14px;
  line-height: 18px;
}

#allMemberList div.member p.recentEntries {
  float: right;
  width: 259px;
  padding: 0 10px 0 10px;
  font-size: 12px;
  font-weight: bold;
}