@import url('/css/gfooter.css');
body {
font:12px/18px	Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
color:#555;
margin:0;
padding:0;
}
img {
border:none;
}
a:link {
text-decoration:none;
color:#182f7c;
}
a:visited {
text-decoration:none;
color:#6303ae;
}
a:hover {
text-decoration:underline;
color:#C00;
}
.colBoxClear {
font-size:0;
line-height:0;
height:0;
clear:both;
}
#masterHeader a {
color:#FFF;
}
#masterHeader {
width:100%;
background:#222;
}
#globalLogo {
float:left;
}
#globalLogo h1 {
margin:0;
padding:10px 0 0;
background:url(http://image.itmedia.co.jp/info/images/itm_logo.png) no-repeat 0 6px;
}
#globalLogo h1 a {
padding:0 0 0 46px;
}
#globalLink {
float:right;
padding:10px 0 0;
}
#globalLink a {
white-space:nowrap;
}
#lnavMain .lnavBtn {
float:left;
padding:8px;
margin:0 5px 10px 0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#404040;
}
#lnavMain .lnavBtn.lnavBtnActive {
background:#222;
}
#lnavMain .lnavBtn.lnavBtnActive a {
color:#FA0;
}
#lnavMain .lnavBtn a {
font-weight:bold;
font-size:15px;
line-height:20px;
}
.colBoxHead h2 {
font-size:20px;
line-height:28px;
margin:0 0 5px;
padding:0 0 2px 10px;
border-left:5px solid #000;
}
.h5px {
height:5px;
}
.h10px {
height:10px;
}
.h15px {
height:15px;
}
.h20px {
height:20px;
}
.h25px {
height:25px;
}
.h30px {
height:30px;
}
.colBoxIcon {
margin:0 0 10px;
border:2px solid #EEE;
}
.colBoxIcon img {
border:3px solid #FFF;
}

.colBoxTitle h3 {
margin:0;
font-size:15px;
line-height:20px;
}
.colBoxSubTitle h5 {
margin:0;
font-size:14px;
line-height:20px;
}
.colBoxDescription p,
.colBoxInfo span {
margin:0 0 10px;
font-size:14px;
line-height:20px;
}
.colBoxUlist {
overflow:hidden;
margin:0 0 10px 0;
}
.colBoxUlist ul,
.colBoxUlist li {
list-style:none;
margin:0;
padding:0;
font-size:14px;
line-height:20px;
}
#terminal .colBoxUlist ul li {
margin:0 0 5px 0;
padding:0 0 0 28px;
font-size:18px;
line-height:20px;
font-weight:bold;
background:url(http://image.itmedia.co.jp/info/ebook/images/terminal_icon.gif) no-repeat;
}
#eBookInfo .colBoxUlist ul li {
margin:0 10px 5px 0;
padding:0 0 0 28px;
background:url(http://image.itmedia.co.jp/info/ebook/images/book_icon.gif) no-repeat;
}

#store .colBoxUlist ul li,
#help .colBoxUlist ul li,
#eBookList .colBoxUlist ul li {
float:left;
width:150px;
height:60px;
margin:0 10px 5px 0;
padding:0;
border:1px solid #FFF;
}
#store .colBoxUlist ul li.noimage,
#help .colBoxUlist ul li.noimage,
#eBookList .colBoxUlist ul li.noimage {
border:1px solid #EEE;
text-align:center;
overflow:hidden;
}
#store .colBoxUlist ul li a,
#help .colBoxUlist ul li a,
#eBookList .colBoxUlist ul li a {
text-indent:-9999px;
display:block;
width:150px;
height:60px;
overflow:hidden;
}
#store .colBoxUlist ul li.noimage a,
#help .colBoxUlist ul li.noimage a,
#eBookList .colBoxUlist ul li.noimage a {
text-indent:0;
padding:10px;
width:130px;
height:40px;
font-size:14px;
line-height:20px;
}
#eBookList .colBoxTitle h3 {
font-size:18px;
line-height:24px;
margin:0 0 10px;
padding:0 0 5px;
border-bottom:1px solid #777;
overflow:hidden;
}
.colBoxTwitter,
.colBoxFacebook {
margin:0 0 5px;
}
.colBoxButton {
min-height:40px;
}
.colBoxButton a {
float:left;
background:url(http://image.itmedia.co.jp/info/ebook/images/parts_ebook_linkbutton.gif) no-repeat;
display:block;
width:150px;
height:30px;
margin:0 5px 10px 0;
text-indent:-9999px;
}
.colBoxButton .colBoxButtonArticles a {
background-position:0 0;
}
.colBoxButton .colBoxButtonBlog a {
background-position:-150px 0;
}

table.newBookstable {
width:100%;
}
table.newBookstable,
table.newBookstable th,
table.newBookstable td {
border:1px solid #CCC;
border-collapse:collapse;
}
table.newBookstable th,
table.newBookstable td {
padding:5px 10px;
font-size:14px;
line-height:20px;
}
table.newBookstable th {
background:#EEE;
text-align:left;
}
table.newBookstable .newBooksGenre {
width:14%;
}
table.newBookstable .newBooksAuthor {
width:12%;
}


@media screen and (min-width:769px) {

body {
background:fixed #EEE;
}
.* html #masterHeader {
position:absolute;
top:expression(eval(document.documentElement.scrollTop+0));
}

.colBoxInner {
padding:0 20px;
}
.colBoxIndex {
margin:0 0 10px;
}
#masterHeader {
padding:0;
font-size:14px;
line-height:18px;
position:fixed;
top:0;
left:0;
z-index:100;
}
#globalHeaderTop {
margin:auto;
padding:0 10px 5px;
width:990px;
}
#globalLogo h1 {
font-size:14px;
line-height:18px;
}
#localNavigation {
margin:auto;
padding:0 10px;
width:990px;
}

#lnavSubSub {
background:#FFF;
background:-moz-linear-gradient(top,  #CCC 0%, #FFF 50%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(50%,#FFF));
background:-webkit-linear-gradient(top,  #CCC 0%,#FFF 50%);
background:-o-linear-gradient(top,  #CCC 0%,#FFF 50%);
background:-ms-linear-gradient(top,  #CCC 0%,#FFF 50%);
background:linear-gradient(to bottom,  #CCC 0%,#FFF 50%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#FFFFFF',GradientType=0 );
padding:10px 10px 5px;
border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
}
#lnavSubSub .lnavBtn {
float:left;
padding:0 10px;
border-right:1px dotted #CCC;
}
#lnavSubSub .lnavBtn a {
white-space:nowrap;
}
#lnavSubSub .lnavBtn a:link {
color:#182f7c;
}
#lnavSubSub .lnavBtn a:visited {
color:#6303ae;
}

#masterContents {
margin:auto;
width:990px;
padding:120px 0 0;
background:#FFF;
}
#masterMain {
padding:20px;
}
.colBox {
margin:0 0 30px;
}
#contact.colBox {
margin-bottom:300px;
}
.colBoxHead {
margin:0 0 20px;
}
#masterFooter {
margin:auto;
width:990px;
}
#introduction,
#terminal,
#store,
#help,
#contact,
#eBookList .colBoxIndex {
padding-top:140px;
margin-top:-140px;
}
#introduction .colBoxIndexLeft,
#introduction .colBoxIndexCenter,
#introduction .colBoxIndexRight {
float:left;
width:290px;
}
#introduction .colBoxIndexLeft,
#introduction .colBoxIndexCenter {
padding-right:10px;
border-right:1px dotted #CCC;
}
#introduction .colBoxIndexCenter,
#introduction .colBoxIndexRight {
padding-left:9px;
}
li.kobo {
background:url(http://image.itmedia.co.jp/info/ebook/images/kobo_s.gif) no-repeat;
}
li.booklive {
background:url(http://image.itmedia.co.jp/info/ebook/images/booklive_s.gif) no-repeat;
}
li.hikaritv {
background:url(http://image.itmedia.co.jp/info/ebook/images/hikaritv_s.gif) no-repeat;
}
li.mangazenkan {
background:url(http://image.itmedia.co.jp/info/ebook/images/mangazenkan_s.gif) no-repeat;
}
li.kinoppy {
background:url(http://image.itmedia.co.jp/info/ebook/images/kinoppy_s.gif) no-repeat;
}
li.sevennet {
background:url(http://image.itmedia.co.jp/info/ebook/images/7net_s.gif) no-repeat;
}
li.yahoo {
background:url(http://image.itmedia.co.jp/info/ebook/images/yahoo_s.gif) no-repeat;
}
li.ibookstore {
background:url(http://image.itmedia.co.jp/info/ebook/images/ibookstore_s.gif) no-repeat;
}
li.ibookstore {
background:url(http://image.itmedia.co.jp/info/ebook/images/ibookstore_s.gif) no-repeat;
}
li.googleplay {
background:url(http://image.itmedia.co.jp/info/ebook/images/googleplay_s.gif) no-repeat;
}
li.booklivetoshiba {
background:url(http://image.itmedia.co.jp/info/ebook/images/booklivetoshiba_s.gif) no-repeat;
}
li.kindle {
background:url(http://image.itmedia.co.jp/info/ebook/images/kindle_s.gif) no-repeat;
}
li.cmoa {
background:url(http://image.itmedia.co.jp/info/ebook/images/cmoa_s.gif) no-repeat;
}
li.honto {
background:url(http://image.itmedia.co.jp/info/ebook/images/honto_s.gif) no-repeat;
}
li.dbook {
background:url(http://image.itmedia.co.jp/info/ebook/images/dbook_s.gif) no-repeat;
}
#terminal .colBoxUlist ul li {
float:left;
width:260px;
margin:0 10px 15px 0;
}
#contact .colBoxInner {
margin:auto;
padding:15px;
border:4px solid #EEE;
width:700px;
}
#contact .colBoxForm {
margin:auto;
width:600px;
}
#contact .colBoxFormTitle {
width:140px;
float:left;
font-size:18px;
line-height:30px;
font-weight:bold;
}
#contact input {
border:1px solid #CCC;
font-size:18px;
line-height:20px;
margin:0;
padding:5px;
width:400px;
}
#contact textarea {
border:1px solid #CCC;
font-size:18px;
line-height:30px;
margin:0;
padding:5px;
width:400px;
}
#contact .colBoxFormSubmit {
margin:auto;
text-align:center;
}
#contact .colBoxFormSubmit input {
border:1px solid #FA0;
background:#FA0;
width:240px;
cursor:pointer;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#eBookInfo .colBoxIcon,
#eBookList .colBoxIcon {
float:right;
margin:0 0 0 20px;
}
#eBookInfo .colBoxTitle {
margin:0 0 10px 0;
}
#eBookList .colBoxUlistTitle {
font-size:15px;
line-height:20px;
margin:0 0 10px;
}
.colBoxTwitter,
.colBoxFacebook {
float:right;
}

}

@media screen and (max-width:768px) {
body {
-webkit-text-size-adjust:none;
}

#masterMain {
padding:10px;
}
#masterHeader {
padding:0 0 5px;
}
#globalHeaderTop {
width:100%;
padding:0 0 10px;
}
#localNavigation {
width:100%;
}
#masterContents {
width:100%;
}
#globalLogo {
padding:0 0 0 10px;
}
#globalLink {
padding:10px 10px 0 0;
}
#globalLogo h1 {
font-size:16px;
line-height:20px;
}
#lnavSubSub .lnavBtn {
float:left;
padding:8px;
margin:0 5px 5px 0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#EEE;
}
#lnavSubSub .lnavBtn a {
font-weight:bold;
font-size:14px;
line-height:18px;
color:#222;
white-space:nowrap;
}
.colBox {
margin:0 0 15px;
}
.colBoxHead {
margin:0 0 10px;
clear:both;
}
#introduction .colBoxIndex {
margin:0 0 5px;
}
#introduction .colBoxIcon img,
#eBookInfo .colBoxIcon img {
width:140px;
height:105px;
}
#eBookList .colBoxIcon img {
width:120px;
height:194px;
}
#introduction .colBoxIcon,
#eBookInfo .colBoxIcon,
#eBookList .colBoxIcon {
float:left;
margin:0 10px 5px 0;
}
#introduction .colBoxIndexCenter,
#introduction .colBoxIndexRight {
clear:both;
}

li.kobo {
background:url(http://image.itmedia.co.jp/info/ebook/images/kobo.gif) no-repeat;
background-size:150px 60px;
}
li.booklive {
background:url(http://image.itmedia.co.jp/info/ebook/images/booklive.gif) no-repeat;
background-size:150px 60px;
}
li.hikaritv {
background:url(http://image.itmedia.co.jp/info/ebook/images/hikaritv.gif) no-repeat;
background-size:150px 60px;
}
li.mangazenkan {
background:url(http://image.itmedia.co.jp/info/ebook/images/mangazenkan.gif) no-repeat;
background-size:150px 60px;
}
li.kinoppy {
background:url(http://image.itmedia.co.jp/info/ebook/images/kinoppy.gif) no-repeat;
background-size:150px 60px;
}
li.sevennet {
background:url(http://image.itmedia.co.jp/info/ebook/images/7net.gif) no-repeat;
background-size:150px 60px;
}
li.yahoo {
background:url(http://image.itmedia.co.jp/info/ebook/images/yahoo.gif) no-repeat;
background-size:150px 60px;
}
li.ibookstore {
background:url(http://image.itmedia.co.jp/info/ebook/images/ibookstore.gif) no-repeat;
background-size:150px 60px;
}
li.ibookstore {
background:url(http://image.itmedia.co.jp/info/ebook/images/ibookstore.gif) no-repeat;
background-size:150px 60px;
}
li.googleplay {
background:url(http://image.itmedia.co.jp/info/ebook/images/googleplay.gif) no-repeat;
background-size:150px 60px;
}
li.booklivetoshiba {
background:url(http://image.itmedia.co.jp/info/ebook/images/booklivetoshiba.gif) no-repeat;
background-size:150px 60px;
}
li.kindle {
background:url(http://image.itmedia.co.jp/info/ebook/images/kindle.gif) no-repeat;
background-size:150px 60px;
}
li.cmoa {
background:url(http://image.itmedia.co.jp/info/ebook/images/cmoa.gif) no-repeat;
background-size:150px 60px;
}
li.honto {
background:url(http://image.itmedia.co.jp/info/ebook/images/honto.gif) no-repeat;
background-size:150px 60px;
}
li.dbook {
background:url(http://image.itmedia.co.jp/info/ebook/images/dbook.gif) no-repeat;
background-size:150px 60px;
}

#contact .colBoxInner {
text-align:center;
width:90%;
margin:auto;
}
#contact .colBoxForm {
text-align:left;
}
#contact {
font-size:16px;
line-height:24px;
}
#contact input {
border:1px solid #CCC;
font-size:18px;
line-height:30px;
margin:0;
padding:5px;
width:90%;
}
#contact textarea {
border:1px solid #CCC;
font-size:18px;
line-height:30px;
margin:0;
padding:5px;
width:90%;
}
#contact .colBoxFormSubmit input {
border:1px solid #FA0;
background:#FA0;
cursor:pointer;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
width:90%;
}
#eBookInfo .colBoxTitle,
#eBookList .colBoxUlist {
clear:both;
margin:0 0 10px;
}
.colBoxUlistTitle {
font-size:15px;
line-height:20px;
margin:0 0 10px;
}
#eBookList .colBoxTitle h3 {
border-bottom:none;
}
.colBoxSocialButton .colBoxTwitter,
.colBoxSocialButton .colBoxFacebook {
float:left;
margin:0 10px 10px 0;
}
.lnavIn,
#masterFooter p {
padding:0 10px;
}
#masterFooter {
width:100%;
}
#masterFooter #globalFooterCorpLink {
padding:10px;
}
#globalFooterMediaList {
display:none;
}
#globalFooterCorpIn {
width:100%;
}
table.newBookstable th,
table.newBookstable td {
font-size:12px;
line-height:16px;
}

}