body {
margin:0;
padding:0;
font:12px/18px "Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Verdana,"ＭＳ Ｐゴシック",Osaka;
color:#555;
background:#f7931e;
}
a:link, a:visited {
text-decoration:none;
}
#tempContents {
margin:0 auto;
width:888px;
padding:0 10px;
text-align:center;
}
#tempContentsHeader {
margin:0 auto;
width:888px;
height:380px;
background:#DDD;
float:left;
background:url("http://image.itmedia.co.jp/info/images/1topilp_tobora.jpg") no-repeat 0 0;
border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
}
#tempContentsHeader h1,
#tempContentsHeader h2 {
text-indent:-9999px;
}
.colBoxClear {
clear:both;
font-size:0;
height:0;
line-height:0;
}
.colBox {
width:848px;
margin:0 auto 20px;
padding:20px;
border-bottom:3px solid #DDD;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#FFF;
}
.colBox h3 {
padding:0 0 10px 0;
margin:0;
color:#f7931e;
text-align:left;
font-size:18px;
line-height:24px;
}
/* ソーシャルボタン */
.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;
}
 
/* ダウンロード＆動画 */
.colBoxMovie .colBoxindex {
width:360px;
float:left;
}
.colBoxMovie .colBoxIcon {
float:right;
width:360px;
margin:0 0 0 25px;
}
.colBoxMovie .colBoxIcon iframe {
width:360px;
height:213px;
}
.colBoxMovie .colBoxTitle,
.colBoxBtbox .colBoxTitle {
font-size:18px;
line-height:24px;
text-align:left;
margin:0 0 25px 0;
}
.colBoxBtbox .colBoxTitle {
margin:0;
}
.colBoxBtbox .colBoxUlist ul {
margin:0 auto;
padding:0;
list-style-type:none;
width:630px;
}
.colBoxMovie .colBoxUlist li,
.colBoxBtbox .colBoxUlist li {
border:1px solid #000;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
color:#FFF;
list-style-type:none;
margin:5px;
text-align:center;
width:300px;
}
.colBoxBtbox .colBoxUlist li {
float:left;
}
.colBoxMovie .colBoxUlist a,
.colBoxBtbox .colBoxUlist a {
border-radius:5px 5px 5px 5px;
color:#FFF;
display:block;
padding:3px 0;
text-decoration:none;
text-shadow:1px 1px 1px #444;
}
.colBoxMovie .colBoxUlist li strong,
.colBoxBtbox .colBoxUlist li strong {
font-size:18px;
line-height:36px;
color:#FFF;
}
.tempContentsHeaderButtons2 {
color:#FFF;
background: #69b413;
background: -moz-linear-gradient(top, #69b413 0%, #318802 50%, #86c722 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69b413), color-stop(50%,#318802), color-stop(100%,#86c722));
background: -webkit-linear-gradient(top, #69b413 0%,#318802 50%,#86c722 100%);
background: -o-linear-gradient(top, #69b413 0%,#318802 50%,#86c722 100%);
background: -ms-linear-gradient(top, #69b413 0%,#318802 50%,#86c722 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b413', endColorstr='#86c722',GradientType=0 );
background: linear-gradient(top, #69b413 0%,#318802 50%,#86c722 100%);
}
.tempContentsHeaderButtons1 {
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
color:#FFF;
background: #147eba;
background: -moz-linear-gradient(top, #147eba 0%, #034791 50%, #279cce 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#147eba), color-stop(50%,#034791), color-stop(100%,#279cce));
background: -webkit-linear-gradient(top, #147eba 0%,#034791 50%,#279cce 100%);
background: -o-linear-gradient(top, #147eba 0%,#034791 50%,#279cce 100%);
background: -ms-linear-gradient(top, #147eba 0%,#034791 50%,#279cce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#147eba', endColorstr='#279cce',GradientType=0 );
background: linear-gradient(top, #147eba 0%,#034791 50%,#279cce 100%);
}
.tempContentsHeaderButtons2 a:hover {
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
background: #7dd816;
background: -moz-linear-gradient(top, #7dd816 0%, #40b402 50%, #97dc30 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dd816), color-stop(50%,#40b402), color-stop(100%,#97dc30));
background: -webkit-linear-gradient(top, #7dd816 0%,#40b402 50%,#97dc30 100%);
background: -o-linear-gradient(top, #7dd816 0%,#40b402 50%,#97dc30 100%);
background: -ms-linear-gradient(top, #7dd816 0%,#40b402 50%,#97dc30 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dd816', endColorstr='#97dc30',GradientType=0 );
background: linear-gradient(top, #7dd816 0%,#40b402 50%,#97dc30 100%);
}
.tempContentsHeaderButtons1 a:hover {
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
color:#FFF;
background: #4eb0dc;
background: -moz-linear-gradient(top, #4eb0dc 0%, #2593ce 50%, #4eb0dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4eb0dc), color-stop(50%,#2593ce), color-stop(100%,#4eb0dc));
background: -webkit-linear-gradient(top, #4eb0dc 0%,#2593ce 50%,#4eb0dc 100%);
background: -o-linear-gradient(top, #4eb0dc 0%,#2593ce 50%,#4eb0dc 100%);
background: -ms-linear-gradient(top, #4eb0dc 0%,#2593ce 50%,#4eb0dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eb0dc', endColorstr='#4eb0dc',GradientType=0 );
background: linear-gradient(top, #4eb0dc 0%,#2593ce 50%,#4eb0dc 100%);
}
/* STEP */
.colBoxStep {
text-align:center;
}
.colBoxStep .colBoxindex {
width:770px;
margin:0 auto;
padding:0 0 30px;
}
.colBoxStep .colBoxindex .colBoxStepimgbox,
.colBoxStep .colBoxindex .colBoxStepcombox {
float:right;
}
.colBoxStep .colBoxStepimgbox {
width:280px;
}
.colBoxStep .colBoxStepcombox {
margin:40px 0 0 10px;
width:470px;
height:185px;
}
.colBoxStep .Step01 {
background:url("http://image.itmedia.co.jp/info/images/1topilp_stepcom1.png") no-repeat 0 0;
}
.colBoxStep .Step02 {
background:url("http://image.itmedia.co.jp/info/images/1topilp_stepcom2.png") no-repeat 0 0;
}
.colBoxStep .Step03 {
background:url("http://image.itmedia.co.jp/info/images/1topilp_stepcom3.png") no-repeat 0 0;
}
.colBoxStep .colBoxStepcombox h3,
.colBoxStep .colBoxStepcombox h4 {
text-indent:-9999px;
}
/* TOPICS */
.colBoxTopic .colBoxTitle {
text-align:left;
font-size:15px;
line-height:20px;
padding:0 0 10px 0;
}
.colBoxTopic .colBoxindex {
background:#FFF;
font-size:13px;
line-height:18px;
margin:0 0 15px 0;
padding:10px;
text-align:left;
width:378px;
}
.colBoxTopic .colBoxindex.colBoxleft {
float:left;
}
.colBoxTopic .colBoxindex.colBoxright {
float:right;
}
.colBoxTopic ul {
margin:0;
padding:0;
list-style-type:none;
}
.colBoxTopic .colBoxUlist li {
text-align:center;
margin:0 5px;
padding:10px;
float:left;
border:1px solid #DDD;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
background:#FFFEEE;
width:94px;
height:94px;
}
.colBoxTopic .colBoxUlist li img {
margin:0 0 5px;
border:3px solid #FFF;
}
/* アプリ更新履歴、メディア掲載 */
.colBoxUhistory {
text-align:left;
font-size:14px;
line-height:21px;
}
.colBoxMprinting {
text-align:left;
font-size:12px;
line-height:16px;
}
.colBoxUhistory .colBoxUlist ul,
.colBoxMprinting .colBoxUlist ul {
margin:0;
padding:0 40px;
}
.colBoxUhistory .colBoxUlist li,
.colBoxMprinting .colBoxUlist li {
padding:4px 0;
border-bottom:1px solid #EEE;
}
.colBoxMprinting .colBoxUlist strong {
font-size:13px;
line-height:16px;
}
#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;
}