/* 一番外側 */
#outContents {
  background: url(../img/products/census/background.jpg) repeat-y center top;
  width: 100%;
  padding-bottom: 40px;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック",sanserif;
}
#contents {
  text-align : left;
  display: table;
  background-color: #ffffff;
}

/* デモ動画へのリンク */
/* delete 2010.4.6
#topImage {
  position: relative;
}
#topImage a {
  display: block;
  width: 300px;
  height: 70px;
}
#topImage a span {
  display: none;
}
#topImage .movieBtn {
  width: 300px;
  height: 70px;
  position: absolute;
  top: 236px;
  left: 35px;
}
#topImage .movieBtn,
#topImage .movieBtn a:link,
#topImage .movieBtn a:visited,
#topImage .movieBtn a:active {
  background: url(../img/products/census/census_movie_btn.gif) no-repeat 0 50%;
}
#topImage .movieBtn a:hover {
  background: url(../img/products/census/census_movie_btn_o.gif) no-repeat 0 50%;
}
*/

.title,
.contents {
  margin-left: 17px;
  width: 866px;
}
.contents {
  background-color: #eeeeee;
  border: 1px solid #c9c9c9;
}
.title {
  margin-bottom: 10px;
  height: 45px;
}
.title span {
  display: none;
}
#news,
#movie,
#feature {
  margin-top: 25px;
}

/* News */
#news .title {
  background: url(../img/products/census/title_news.gif);
}
#news .contents {
  font-size: 1.7em;
  padding: 10px 30px;
  width: 804px;
}
/* for IE */
*:first-child+html #news .contents {
  padding: 10px 30px 0px 30px;
}
* html #news .contents { 
  padding: 10px 30px 0px 30px;
}
#news ul li {
  list-style: none;
  padding: 7px 0px 7px 25px;
  height: 19px;
}
#news .date {
  color: #f5a608;
  font-weight: bold;
  margin-right: 10px;
}
#news ul li {
  background: url(../img/products/census/ico_pencil.gif) no-repeat 0 30%;
}

/* デモ動画へ */
#movie .title {
  background: url(../img/products/census/title_movie.gif);
}
#movie .contents {
  font-size: 1.7em;
  padding: 10px 30px;
  width: 804px;
  line-height: 1.4em;
}
/* for IE */
*:first-child+html #movie .contents {
  padding: 10px 30px 0px 30px;
}
* html #movie .contents { 
  padding: 10px 30px 0px 30px;
}
#movie .comment {
  float: left;
  width: 480px;
}
#movie .movieBtn {
  float: right;
  width: 300px;
  height: 70px;
}
#movie .movieBtn span {
  display: none;
}
#movie .movieBtn a {
  display: block;
  width: 300px;
  height: 70px;
}
#movie .movieBtn,
#movie .movieBtn a:link, 
#movie .movieBtn a:visited, 
#movie .movieBtn a:active {
  background: url(../img/products/census/census_movie_btn.gif) no-repeat 0 50%;
}
#movie .movieBtn a:hover {
  background: url(../img/products/census/census_movie_btn_o.gif) no-repeat 0 50%;
}
.clear {
  clear: both;
}

/* 特徴 */
#feature .title {
  background: url(../img/products/census/title_feature.gif);
}
#feature .contents {
  width: 864px;
}

#feature .contents #selectMenu a {
  display: block;
  width: 258px;
  height: 171px;
}
#feature .contents #selectMenu a span {
  display: none;
}
#feature .contents #selectMenu .menuIconTopLeft {
  width: 258px;
  height: 171px;
  float: left;
}
#feature .contents #selectMenu .menuIconTopLeft,
#feature .contents #selectMenu .menuIconTopLeft a:link,
#feature .contents #selectMenu .menuIconTopLeft a:visited,
#feature .contents #selectMenu .menuIconTopLeft a:active {
  background: url(../img/products/census/button_topleft_s.gif) no-repeat 0 50%;
}
#feature .contents #selectMenu .menuIconTopLeft a:hover {
  background: url(../img/products/census/button_topleft_s_o.gif) no-repeat 0 50%;
}

#feature .contents #selectMenu .menuIconTopCenter {
  width: 258px;
  height: 171px;
  float: right;
}
#feature .contents #selectMenu .menuIconTopCenter,
#feature .contents #selectMenu .menuIconTopCenter a:link,
#feature .contents #selectMenu .menuIconTopCenter a:visited,
#feature .contents #selectMenu .menuIconTopCenter a:active {
  background: url(../img/products/census/button_topcenter_s.gif) no-repeat 0 50%;
}
#feature .contents #selectMenu .menuIconTopCenter a:hover {
  background: url(../img/products/census/button_topcenter_s_o.gif) no-repeat 0 50%;
}

#feature .contents #selectMenu .menuIconTopRight {
  width: 258px;
  height: 171px;
}
#feature .contents #selectMenu .menuIconTopRight,
#feature .contents #selectMenu .menuIconTopRight a:link,
#feature .contents #selectMenu .menuIconTopRight a:visited,
#feature .contents #selectMenu .menuIconTopRight a:active {
  background: url(../img/products/census/button_topright_s.gif) no-repeat 0 50%;
}
#feature .contents #selectMenu .menuIconTopRight a:hover {
  background: url(../img/products/census/button_topright_s_o.gif) no-repeat 0 50%;
}

#feature .contents #selectMenu .menuIconBottomLeft {
  width: 258px;
  height: 171px;
  float: left;
}
#feature .contents #selectMenu .menuIconBottomLeft,
#feature .contents #selectMenu .menuIconBottomLeft a:link,
#feature .contents #selectMenu .menuIconBottomLeft a:visited,
#feature .contents #selectMenu .menuIconBottomLeft a:active {
  background: url(../img/products/census/button_bottomleft_s.gif) no-repeat 0 50%;
}
#feature .contents #selectMenu .menuIconBottomLeft a:hover {
  background: url(../img/products/census/button_bottomleft_s_o.gif) no-repeat 0 50%;
}

#feature .contents #selectMenu .menuIconBottomCenter {
  width: 258px;
  height: 171px;
  float: right;
}
#feature .contents #selectMenu .menuIconBottomCenter,
#feature .contents #selectMenu .menuIconBottomCenter a:link,
#feature .contents #selectMenu .menuIconBottomCenter a:visited,
#feature .contents #selectMenu .menuIconBottomCenter a:active {
  background: url(../img/products/census/button_bottomcenter_s.gif) no-repeat 0 50%;
}
#feature .contents #selectMenu .menuIconBottomCenter a:hover {
  background: url(../img/products/census/button_bottomcenter_s_o.gif) no-repeat 0 50%;
}

#feature .contents #selectMenu .menuIconBottomRight {
  width: 258px;
  height: 171px ;
}
#feature .contents #selectMenu .menuIconBottomRight,
#feature .contents #selectMenu .menuIconBottomRight a:link,
#feature .contents #selectMenu .menuIconBottomRight a:visited,
#feature .contents #selectMenu .menuIconBottomRight a:active {
  background: url(../img/products/census/button_bottomright_s.gif) no-repeat 0 50%;
}
#feature .contents #selectMenu .menuIconBottomRight a:hover {
  background: url(../img/products/census/button_bottomright_s_o.gif) no-repeat 0 50%;
}
#feature .contents #selectMenu  {
  padding: 20px 22px;
  height: 362px;
}
#feature .contents #menuTop .menuLeft {
  float: left;
  width: 540px;
}
#feature .contents #menuTop .menuRight {
  float: right;
}
#feature .contents #menuBottom .menuLeft {
  float: left;
  width: 540px;
}
#feature .contents #menuBottom .menuRight {
  float: right;
}
#feature .contents #menuTop {
  height: 195px;
}

#bigpic {
  height: 0px;
  width : 850px;
  text-align : center;
  position : absolute;
}
#bigpic .image {
  position : absolute;
  top : -300px;
  left : 194px;
}
#bigpic img {
  position : absolute;
}
*:first-child+html #bigpic .image {
  left: -390px;
}
* html #bigpic .image { 
  left: -390px;
}


#bottomInfo {
  margin: 30px 0 20px 0;
  padding: 0 17px;
}
#bottomInfo .leftInfo {
  float: left;
  width: 415px;
}
#bottomInfo .rightInfo {
  float: right;
  width: 415px;
}
#bottomInfo .bottomTitleLeft,
#bottomInfo .bottomTitleRight {
  height: 39px;
  width: 415px;
}
#bottomInfo .bottomTitleLeft {
  background: url(../img/products/census/env_header.gif) no-repeat 0 0;
}
#bottomInfo .bottomTitleRight {
  background: url(../img/products/census/inquiry_header.gif) no-repeat 0 0;
}
#bottomInfo .bottomTitleLeft span,
#bottomInfo .bottomTitleRight span {
  display: none;
}

#bottomInfo .bottomCont {
  font-size: 1.5em;
  line-height: 1.7em;
  color: #262626;
  border: solid 2px #235ca1;
  padding: 10px 0 20px 20px;
  background-color: #ffffff;
}
#bottomInfo .bottomCont .name {
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  margin-right: 20px;
  font-size: 1.1em;
}
#bottomInfo .bottomCont .cont {
  padding: 0 0 10px 15px;
}
#bottomInfo .rightInfo {
  font-size: 1.2em;
}

#bottomInfo .detailInfo {
  margin-top: 15px;
}
#bottomInfo .detailInfo, 
#bottomInfo .detailInfo a:link, 
#bottomInfo .detailInfo a:visited, 
#bottomInfo .detailInfo a:active
{
  float: right;
  background: url(../img/products/census/census_detail.gif) no-repeat 0 50%;
  width: 415px;
  height: 79px;
}
#bottomInfo .detailInfo a:hover {
  background: url(../img/products/census/census_detail_o.gif) no-repeat 0 50%;
} 

#bottomInfo .detailInfo a span {
  display: none;
}
/* フッターのmarginをリセット */
#footer_all {
  margin: 0;
}

/* 動画ページ */
.movieSubTitle {
  clear: both;
  color: #555555;
  font-size: 1.3em;
  font-weight: bold;
  padding: 10px 0;
}
#movie .separateMovie .movieSubTitle {
  padding-top: 30px;
}
#movie .toMovie {
  width: 402px;
}
#movie .leftTop, 
#movie .rightTop {
  padding-bottom: 35px;
}
#movie .movieImageAll, 
#movie .movieImageTakein, 
#movie .movieImageMap, 
#movie .movieImageModify, 
#movie .movieImagePost {
  height: 115px;
  width: 208px;
  float: left;
  border: 2px solid #777777;
}
#movie .movieImageAll span, 
#movie .movieImageTakein span, 
#movie .movieImageMap span, 
#movie .movieImageModify span, 
#movie .movieImagePost span {
  display: none;
}
#movie .movieImageAll a, 
#movie .movieImageTakein a, 
#movie .movieImageMap a, 
#movie .movieImageModify a, 
#movie .movieImagePost a {
  display: block;
  height: 115px;
  width: 208px;
}
#movie .movieImageAll, 
#movie .movieImageAll a:link, 
#movie .movieImageAll a:visited, 
#movie .movieImageAll a:active {
  background: url(../img/products/census/all.jpg) no-repeat 0 50%;
  height: 115px;
  width: 208px;
}
#movie .movieImageAll a:hover {
  background: url(../img/products/census/all_o.jpg) no-repeat 0 50%;
} 

#movie .movieImageTakein, 
#movie .movieImageTakein a:link, 
#movie .movieImageTakein a:visited, 
#movie .movieImageTakein a:active {
  background: url(../img/products/census/take_in.jpg) no-repeat 0 50%;
  height: 115px;
  width: 208px;
}
#movie .movieImageTakein a:hover {
  background: url(../img/products/census/take_in_o.jpg) no-repeat 0 50%;
} 
#movie .movieImageMap, 
#movie .movieImageMap a:link, 
#movie .movieImageMap a:visited, 
#movie .movieImageMap a:active {
  background: url(../img/products/census/map_create.jpg) no-repeat 0 50%;
  height: 115px;
  width: 208px;
}
#movie .movieImageMap a:hover {
  background: url(../img/products/census/map_create_o.jpg) no-repeat 0 50%;
} 
#movie .movieImageModify, 
#movie .movieImageModify a:link, 
#movie .movieImageModify a:visited, 
#movie .movieImageModify a:active {
  background: url(../img/products/census/modify.jpg) no-repeat 0 50%;
  height: 115px;
  width: 208px;
}
#movie .movieImageModify a:hover {
  background: url(../img/products/census/modify_o.jpg) no-repeat 0 50%;
} 
#movie .movieImagePost, 
#movie .movieImagePost a:link, 
#movie .movieImagePost a:visited, 
#movie .movieImagePost a:active {
  background: url(../img/products/census/post.jpg) no-repeat 0 50%;
  height: 115px;
  width: 208px;
}
#movie .movieImagePost a:hover {
  background: url(../img/products/census/post_o.jpg) no-repeat 0 50%;
} 

#movie .movieComment {
  float: right;
  width: 165px;
  font-size: 0.8em;
  margin: 0 15px 0 10px;
}
#movie .movieComment a {
  text-decoration: none;
}
#movie .leftTop, 
#movie .leftBottom {
  float: left;
}
#movie .rightTop, 
#movie .rightBottom {
  float: right;
}

/* need Flash */
#movie .attention  {
  padding-top: 20px;
  clear: both;
}
#movie .attention .cont {
  border: 1px solid #666666;
  background-color: #ffffff;
  margin: 20px 0;
  padding: 20px;
  font-size: 0.7em;
}

/* return */
#return {
  padding: 20px 0 0 20px;
  font-size: 1.8em;
}