@import "slider.css";
body {
  background: #f0f0f0;
  height: 100%;
  width: 100%;
  padding-top: 42px;
}
/* ====================================
 Header
==================================== */
header {
  background: #f0f0f0 url(../../images/header_bg.jpg) center top no-repeat;
  height: 493px;
  width: 984px;
  margin: 0 auto;
  /* H1 */

  /* ボタン */

  /* スライダー部分 */

}
header h1 {
  visibility: none;
  height: 1px;
  width: 1px;
  opacity: 0;
}
header #appBtns {
  margin: 358px 0 0 69px;
}
header #appBtns li {
  float: left;
  width: 277px;
  height: 94px;
  text-align: left;
}
header #appBtns li .appBtn {
  background: url(../../images/btn_app_on.png) left top no-repeat;
  height: 94px;
  width: 277px;
  display: block;
}
header #appBtns li .appBtn img {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
}
header #appBtns li .appBtn img:hover {
  opacity: 0;
}
header #appBtns li .appBtn_free {
  background: url(../../images/btn_app_free_on.png) left top no-repeat;
  height: 94px;
  width: 277px;
  display: block;
}
header #appBtns li .appBtn_free img {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
}
header #appBtns li .appBtn_free img:hover {
  opacity: 0;
}
header #header_slider {
  width: 187px;
  height: 277px;
  overflow: hidden;
  position: relative;
  top: -335px;
  left: 686px;
}
/* ====================================
Content
==================================== */
#content {
  background: url(../../images/bg.jpg) center top repeat-y;
  width: 960px;
  margin: 0 auto;
}
#content #content_inner {
  width: 840px;
  margin: 0 auto;
  padding: 10px 0;
  /* Headline */

  /* Features */

  /* Connections */

}
#content #content_inner h3 {
  background: url(../../images/content_h3.jpg) 0 0 no-repeat;
  text-indent: -9999px;
  height: 70px;
}
#content #content_inner #features {
  width: 840px;
  margin: 32px auto;
  /* iPhone Display */

  /* Straplines */

}
#content #content_inner #features aside {
  background: url(../../images/content_iPhone.jpg) 0 0 no-repeat;
  height: 391px;
  width: 187px;
  float: left;
}
#content #content_inner #features aside #features_iPhone {
  position: relative;
  left: 18px;
  top: 292px;
}
#content #content_inner #features aside #features_iPhone li {
  margin-top: -227px;
}
#content #content_inner #features aside #features_iPhone li img {
  display: none;
}
#content #content_inner #features #straplines {
  width: 622px;
  float: right;
}
#content #content_inner #features #straplines section {
  margin-top: 8px;
}
#content #content_inner #features #straplines section a {
  text-decoration: none;
}
#content #content_inner #features #straplines section a h4 {
  text-indent: -9999px;
  height: 17px;
}
#content #content_inner #features #straplines section a p {
  font-size: 80%;
  line-height: 1.6;
  margin: 5px 0 26px;
  color: #555;
}
#content #content_inner #features #straplines section a #strap_1 {
  background: url(../../images/content_h4_1.jpg) 0 0 no-repeat;
}
#content #content_inner #features #straplines section a #strap_2 {
  background: url(../../images/content_h4_2.jpg) 0 0 no-repeat;
}
#content #content_inner #features #straplines section a #strap_3 {
  background: url(../../images/content_h4_3.jpg) 0 0 no-repeat;
}
#content #content_inner #features #straplines section a #strap_4 {
  background: url(../../images/content_h4_4.jpg) 0 0 no-repeat;
}
#content #content_inner #connections {
  margin: -32px 0 0;
}
#content #content_inner #connections #connections_left {
  width: 530px;
  float: left;
  /* Bug Report */

}
#content #content_inner #connections #connections_left #bug_reports {
  font-size: 80%;
}
#content #content_inner #connections #connections_left #bug_reports h4 {
  background: url(../../images/label_bug.jpg) 0 0 no-repeat;
}
#content #content_inner #connections #connections_left #bug_reports #bug_msg {
  margin: 16px 0;
  text-indent: 1em;
}
#content #content_inner #connections #connections_left #bug_reports #message {
  font-size: 90%;
  color: #333;
  display: none;
}
#content #content_inner #connections #connections_left #bug_reports #message .error_message {
  background: #ffeeee;
  width: 440px;
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 6px 10px;
}
#content #content_inner #connections #connections_left #bug_reports #message #success_page {
  line-height: 2;
}
#content #content_inner #connections #connections_left #bug_reports #form {
  background: #f3f3f3;
  margin: 10px;
  padding: 16px 20px;
}
#content #content_inner #connections #connections_left #bug_reports #form .row {
  padding: 5px 6px;
  vertical-align: top;
  line-height: 1.5;
  font-weight: normal;
}
#content #content_inner #connections #connections_left #bug_reports #form th {
  padding: 5px 6px;
  vertical-align: top;
  line-height: 1.5;
  font-weight: normal;
  text-align: right;
  color: #666;
  font-size: 90%;
}
#content #content_inner #connections #connections_left #bug_reports #form th .required {
  color: #cc0000;
}
#content #content_inner #connections #connections_left #bug_reports #form td {
  padding: 5px 6px;
  vertical-align: top;
  line-height: 1.5;
  font-weight: normal;
}
#content #content_inner #connections #connections_left #bug_reports #form td .inputs {
  border: 1px solid #ccc;
}
#content #content_inner #connections #connections_left #bug_reports #form td #name {
  border: 1px solid #ccc;
  width: 150px;
}
#content #content_inner #connections #connections_left #bug_reports #form td #email {
  border: 1px solid #ccc;
  width: 200px;
}
#content #content_inner #connections #connections_left #bug_reports #form td #comments {
  border: 1px solid #ccc;
  height: 60px;
  width: 370px;
}
#content #content_inner #connections #connections_right {
  width: 292px;
  float: right;
  /* Share */

  /* Thanks Links */

}
#content #content_inner #connections #connections_right #share h4 {
  background: url(../../images/label_share.jpg) 0 0 no-repeat;
  margin-bottom: 10px;
}
#content #content_inner #connections #connections_right #share ul {
  width: 292px;
  margin: 0 auto;
}
#content #content_inner #connections #connections_right #share ul li {
  float: left;
}
#content #content_inner #connections #connections_right #thanksLink {
  margin: 20px 0 0;
}
#content #content_inner #connections #connections_right #thanksLink h4 {
  background: url(../../images/label_thanks.jpg) 0 0 no-repeat;
}
#content #content_inner #connections #connections_right #thanksLink ul {
  margin: 20px 0;
}
#content #content_inner #connections #connections_right #thanksLink li {
  float: left;
  margin: 0 4px;
}
#content #content_inner #connections h4 {
  text-indent: -9999px;
  height: 34px;
}
/* ====================================
 Footer
==================================== */
footer {
  width: 952px;
  margin: 0 auto;
  background: url(../../images/footer_bg.jpg) 0 0 no-repeat;
  height: 35px;
}
footer p {
  font-size: 70%;
  text-align: right;
  color: #999;
  line-height: 35px;
  margin-right: 20px;
}