@import url("/css/gnav.css");
@import url("/css/gfooter.css");
#gnv1011.gnav-out {
height:31px!important;
}
#gnv1011 .gnav-in {
width:990px;
margin:0 auto;
}
.mediafooter {
clear:both;
display:block;
}
.mediafooter p {
color:#999999;
font-size:12px;
margin:0;
padding:30px 15px 5px;
text-align:right;
}
/* App
------------------------------------------------------- */
* {
font-size:12px;
line-height:150%;
}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
img {
border:none;
}
h1,h2,h3,p {
margin:0;
padding:0;
}
ul,li,ol,dl,dt,dd {
list-style:none;
margin:0;
padding:0;
}
.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix {
min-height:1px;
}
*html .clearfix {
height:1%;
}
body {
margin:0;
padding:0;
color:#555;
font-family:"?l?r ?o?S?V?b?N","Hiragino Kaku Gothic Pro W3",Osaka,sans-serif;
background:#000;
text-align:center;
}
#Wrap {
background:url("http://image.itmedia.co.jp/info/images/itmapp-bg.png") repeat-x left top;
text-align:left;
}
#outBody {
background:url("http://image.itmedia.co.jp/info/images/itmapp_outbodybg.jpg") no-repeat center top;
}
#headerBody {
width:990px;
margin:0 auto;
}
#Title {
width:990px;
height:340px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-headerbg.png") no-repeat left top;
}
#Title h1 {
font-size:0;
line-height:0;
width:400px;
height:150px;
margin:0px 0 0 550px;
padding-top:35px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-header-h1.png") no-repeat left 35px;
text-indent:-9999px;
}
#Title h2 {
font-size:0;
line-height:0;
width:400px;
height:100px;
margin:0px 0 0 551px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-header-h2.png") no-repeat left top;
text-indent:-9999px;
}
/* IE6 ----------------------------------------- */
*html #outBody {
background:url("http://image.itmedia.co.jp/info/images/itmapp-bg.png") repeat-x left top;
}
*html #Title {
width:990px;
height:340px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-headerbg2.jpg") no-repeat left top;
}
*html #Title h1,
*html #Title h2 {
display:none;
}
#AppNavi {
height:135px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-navibg.jpg") no-repeat left top;
}
#AppNavi #AppNavi-ttl {
width:215px;
height:70px;
margin:10px 0 0 10px;
float:left;
background:url("http://image.itmedia.co.jp/info/images/itmapp-navi-ttl.png") no-repeat 0 0;
}
#AppNavi #AppNavi-ttl p {
display:none;
}
#AppNavi ul {
padding:20px 0 0;
}
#AppNavi ul li {
display:inline;
margin-right:10px;
}
#Content {
background:#000;
width:990px;
margin:0 auto;
}
#inner {
margin:0 10px;
background:#FFF;
}
#inner .appbox {
clear:both;
margin:0 20px 50px;
border-bottom:1px solid #e5e5e5;
}
#inner .appbox h3 {
margin:0 20px 30px;
height:50px;
text-indent:-9999px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-ttl-h3.png") no-repeat 0 0;
}
#app-1 h3#appname1 {background-position:0 0;}
#app-2 h3#appname2 {background-position:0 -50px;}
#app-3 h3#appname3 {background-position:0 -100px;}
#app-4 h3#appname4 {background-position:0 -150px;}
#app-5 h3#appname5 {background-position:0 -200px;}
#app-6 h3#appname6 {background-position:0 -250px;}
#app-7 h3#appname7 {background-position:0 -300px;}
#app-8 h3#appname8 {background-position:0 -350px;}
#app-9 h3#appname9 {background-position:0 -400px;}
#app-10 h3#appname10 {background-position:0 -450px;}
#app-11 h3#appname11 {background-position:0 -500px;}
#app-12 h3#appname12 {background-position:0 -550px;}
#inner .appbox .itembox {
claer:both;
margin:0 40px;
}
.itembox .appicon {
width:100px;
float:left;
}
.itembox .apptxt {
float:left;
width:480px;
padding:0 30px;
}
.itembox .apptxt p {
margin-bottom:20px;
}
.itembox .apptxt p span {
margin-right:2px;
line-height:1.2;
}
.itembox .apptxt p.txt-antroid {
font-size:84%;
margin:10px 0;
}
/*
.itembox .apptxt p span {
border:1px solid #BBB;
background:#DDD;
color:#333;
}
.itembox .apptxt p span.ver-iphone {
border:1px solid #8abfdb;
background:#b1daf0;
color:#333;
}
.itembox .apptxt p span.ver-android {
border:1px solid #bbdc73;
background:#c7e489;
color:#333;
}
*/
.itembox .apptxt ul {
letter-spacing:1px;
margin-bottom:20px;
}
.itembox .appcap {
float:right;
}
.itembox .appcap img {
padding:2px;
border:2px solid #DCDCDC;
}
.itembox .btn-download {
width:250px;
height:40px;
}
.itembox .btn-download a {
display:block;
width:250px;
height:40px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-btn-download.png") no-repeat 0 0;
text-indent:-9999px;
font-size:0;
}
.itembox .btn-download a:hover {
background-position:0 -40px;
}
.itembox .btn-download2 a {
display:block;
width:250px;
height:40px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-btn-download.png") no-repeat 0 -80px;
text-indent:-9999px;
font-size:0;
}
.itembox .btn-download2 a:hover {
background-position:0 -120px;
}
.itembox .btn-download3 a {
display:block;
width:250px;
height:40px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-btn-download.png") no-repeat 0 -160px;
text-indent:-9999px;
font-size:0;
}
.itembox .btn-download3 a:hover {
background-position:0 -200px;
}
.itembox .backtop {
clear:both;
float:right;
margin:30px 0 5px;
}
.itembox .backtop a {
display:block;
width:70px;
height:20px;
background:url("http://image.itmedia.co.jp/info/images/itmapp-backtop.png") no-repeat 0 0;
text-indent:-9999px;
font-size:0;
}
.itembox .backtop a:hover {
background-position:0 -20px;
}
.app-pay {
font-size:16px;
font-weight:bold;
margin:0 40px 20px;
}
.app-pay span {
background:#333;
border:1px solid #111;
padding:3px 15px;
color:#FFF;
}
/* SOCIAL BOTTOM --------------------------------- */
#btnlist {
margin-right:289px;
padding:7px 15px 7px 10px;
width:120px;
float:right;
border:1px solid #DDD;
-moz-border-radius:5px;
border-radius:5px;
background:#FFF;
-webkit-box-shadow:0px 0px 10px #CCC;
-moz-box-shadow:0px 0px 10px #CCC;
box-shadow:0px 0px 10px #CCC;
}
*html #btnlist {
margin:290px 145px 0 0;
padding:7px 15px 0px 10px;
}
#btnlist .mixicheckbtn {
float:right;
padding:1px 0 0 4px;
background:#FFF;
}
.hbbtn {
margin:0px;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat -88px 2px;
float:right;
text-indent:-9999px;
}
.tbbtn {
top:0;
right:52px;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat 0px -61px;
text-indent:-9999px;
}
.tbbtn img {
height:19px;
}
.twitbtn {
margin:0px;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat -86px -40px;
text-indent:-9999px;
}
.hbbtn a,
.twitbtn a {
display:block;
width:84px;
height:19px;
border:2px solid #DDD;
}
.hbbtn a, .twitbtn a {width:20px;}
.hbbtn a:hover,
.twitbtn a:hover {
border:2px solid #e83416;
}
.twitbtn,
.hbbtn {
margin:0px 0px 0px 4px;
float:right;
}
.htbtn {float:right;}
/* 20120705 */
.gnavOut {
width:990px!important;
}