body {
margin:0;
padding:0;
font:12px/18px "Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Verdana,"ＭＳ Ｐゴシック",Osaka;
color:#555;
background:#FFF;
}

a:link, a:visited {
text-decoration:none;
}
#tempContents {
margin:0 auto;
width:990px;
padding:0;
text-align:center;
}

#tempContentsHeader {
margin:0 auto;
width:990px;
height:361px;
background:#DDD;
float:left;
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_title.jpg) no-repeat 0 0;
}
#tempContentsHeader h1,
#tempContentsHeader h2,
.colBoxPoint01 strong,
.colBoxPoint02 strong,
.colBoxPoint03 strong {
text-indent:-9999px;
display:block;
}
.colBoxPoint01 .colBoxindex {
margin:0 auto 20px;
}
.colBoxPoint01 .colBoxImg01 {
margin:0 auto;
width:320px;
height:276px;
float:left;
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_pict01.gif) no-repeat 0 0;
}
.colBoxPoint01 .colBoxImg02 {
margin:0 auto;
width:270px;
height:276px;
float:left;
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_pict01.gif) no-repeat -320px 0;
}
.colBoxPoint01 .colBoxImg03 {
margin:0 auto;
width:400px;
height:276px;
float:left;
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_pict01.gif) no-repeat -590px 0;
}
.colBoxPoint02 .colBoxImg {
margin:0 auto;
width:990px;
height:270px;
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_pict02.gif) no-repeat 0 0;
}
.colBoxPoint03 .colBoxImg {
margin:0 auto;
width:990px;
height:247px;
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_pict03.gif) no-repeat 0 0;
}


.colBoxClear {
clear:both;
font-size:0;
height:0;
line-height:0;
}
.colBox {
width:990px;
margin:0 auto 20px;
padding:0;
}

/* ボタン */
.colBoxBt .colBoxButton {
text-align:center;
margin:0 0 20px;
}
.colBoxBt .colBoxButton a:link,
.colBoxBt .colBoxButton a:visited {
margin:0 auto;
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_bt_off.gif) no-repeat;
display:block;
width:370px;
height:90px;
text-indent:-9999px;
}
.colBoxBt .colBoxButton a:hover {
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_bt_on.gif) no-repeat;
}



/* バナー */
.colBoxBn .colBoxBanner {
text-align:center;
margin:20px 0 0;
}
.colBoxBn .colBoxBanner a {
margin:0 auto;
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_bn_off.gif) no-repeat;
display:block;
width:560px;
height:120px;
text-indent:-9999px;
}
.colBoxBn .colBoxBanner a:hover {
background:url(http://image.itmedia.co.jp/info/images/onetopi_lp_bn_on.gif) no-repeat;
}

/* ソーシャルボタン */
.colBoxCsbBtn {
border-bottom:none;
background:none;
margin:0;
padding:10px 0;
float:right;
}
.colBoxCsbBtn .csbBtn{
float:right;
height:21px;
overflow:hidden;
padding:0 9px 0 0;
}
#globalFooter {
text-align:left;
background:#FFF;
margin:0;
padding:10px 20px;border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
}
#globalFooter img {
border:none;
margin:0 0 5px;
}


/* 登録ボタン */
.colBox.colBoxInfoBoxSignup {
width:640px;
margin:0 auto 20px;
padding:10px;
border-radius:1px 1px 1px 1px;
box-shadow:1px 1px 2px 0 #777777;
}
.colBoxInfoBoxSignup .commonSnsLoginBtn ul {
text-align:center;
padding:0;
}
.colBoxInfoBoxSignup .commonSnsLoginBtn li {
  width:32%;
  margin-right:5px;
  display:-moz-inline-box;
  display:inline-block;
  /display:inline;
  /zoom:1;
  text-align:left;
}
.colBoxInfoBoxSignup .commonSnsLoginBtn li.loginGo {
  margin-right:0;
}
.colBoxInfoBoxSignup .colBoxDescription h3 {
font-size:120%;
line-height:120%;
color:#F00;
padding:0;
margin:0;
}
.commonSnsLoginBtn li {
  margin-bottom:8px;
}
.commonSnsLoginBtn li a {
  text-decoration:none;
  display:block;
  line-height:22px;
  height:20px;
  border-radius:3px;
  box-shadow:0 0 2px 0 #DDD;
  font-weight:bold;
  color:#FFF;
  padding:4px 0 4px 34px;
  -webkit-transition:background-color 0.25s ease;
  -moz-transition:background-color 0.25s ease;
  -o-transition:background-color 0.25s ease;
}
.commonSnsLoginBtn .spanOuter {
  display:block;
}
.commonSnsLoginBtn .spanInner {
  padding-left:6px;
  display:block;
}
.commonSnsLoginBtn .loginTw a {
  background:url(http://image.itmedia.co.jp/info/images/snsLoginBg.png) no-repeat 10px 7px #30bbe9;
  box-shadow:0 3px 0 #0aa0db;
}
.commonSnsLoginBtn .loginTw a:hover {
  background-color:#37C4F3;
}
.commonSnsLoginBtn .loginTw .spanOuter { border-left:1px solid #0aa0db;}
.commonSnsLoginBtn .loginTw .spanInner { border-left:1px solid #73CAEC;}
.commonSnsLoginBtn .loginFb a {
  background:url(http://image.itmedia.co.jp/info/images/snsLoginBg.png) no-repeat 10px -20px #3b5998;
  box-shadow:0 3px 0 #2e4c8c;
}
.commonSnsLoginBtn .loginFb a:hover {
  background-color:#557CCC;
}
.commonSnsLoginBtn .loginFb .spanOuter { border-left:1px solid #0F295F;}
.commonSnsLoginBtn .loginFb .spanInner { border-left:1px solid #4067B6;}
.commonSnsLoginBtn .loginGo a {
  background:url(http://image.itmedia.co.jp/info/images/snsLoginBg.png) no-repeat 10px -44px #DDD;
  color:#C00;
  box-shadow:0 3px 0 #CCC;
}
.commonSnsLoginBtn .loginGo a:hover {
  background-color:#EBE9E9;
}
.commonSnsLoginBtn .loginGo .spanOuter { border-left:1px solid #B9B9B9;}
.commonSnsLoginBtn .loginGo .spanInner { border-left:1px solid #E6E6E6;}