@charset "UTF-8";

@import url(../../common/css/common.css);

/* CONTAINER-MENU */
#container-menu li.menu-top a {
background:URL(../../common/img/menu_top_on.jpg) top center no-repeat!important;
}

#container-menu li.menu-top a:hover {
background:URL(../../common/img/menu_top_on.jpg) top center no-repeat!important;
}

/* TOP-MAINIMG */

#top-mainimg {
width:980px;
margin:auto;
clear:both;
height:290px;
text-align:left;
background:URL(../img/bg-top-mainimg.gif) top left repeat-y;
}

#top-mainimg:after { 
  content: "";
  display: block; 
  clear: both; 
}

#top-mainimg #top-flash {
width:330px;
float:left;
}

#top-mainimg #top-flash h2 {
margin-bottom:5px;
}

#top-mainimg #top-newmagazine-txt {
width:417px;
float:left;
padding-left:23px;
}

.top-newmagazine-txt-cart {
background:URL(../img/icon_cart.gif) top left no-repeat;
padding-left:15px;
margin-top:5px;
height:100%;
}

.top-newmagazine-txt-cart:after { 
  content: "";
  display: block; 
  clear: both; 
}

.top-newmagazine-txt-cart li {
background:URL(../../common/img/icon_arrow01.gif) top left no-repeat;
float:left;
padding-left:11px;
margin-right:10px;
}

.top-newmagazine-txt-cart li a {
color:#0076cd;
text-decoration:none;
}

.top-newmagazine-txt-cart li a:hover {
color:#68aee1;
text-decoration:none;
}

#top-mainimg #top-newmagazine-txt h2 {
color:#0076cd;
font-size:19px;
font-weight:bold;
}

#top-mainimg #top-newmagazine-txt .txt-block {
clear:both;
margin-top:10px;
height:200px;
overflow:auto;
  scrollbar-base-color:#0076cd;
  scrollbar-face-color:#FFF;
  scrollbar-arrow-color:#0076cd;
  scrollbar-shadow-color:#FFF;
  scrollbar-darkshadow-color:#0076cd;
  scrollbar-highlight-color:#FFF;
  scrollbar-3dlight-color:#0076cd;
  scrollbar-track-color:#FFF;
}

#top-mainimg #top-newmagazine-txt .txt-block ul li {
clear:both;
background:URL(../img/icon_arrow03.gif) top left no-repeat;
padding-left:10px;
}

#top-mainimg #top-newmagazine-txt ul.top-magazine-shousai {
margin-top:10px;
font-size:10px;
}

#top-mainimg #top-newmagazine-txt ul.top-magazine-shousai li {
float:left;
margin-right:5px;
}

#top-mainimg #top-newmagazine-txt ul.top-magazine-shousai li a {
text-decoration:none;
border:1px solid #999;
padding:1px 3px;
color:#666!important;
}

#top-mainimg #top-newmagazine-txt ul.top-magazine-shousai li a:hover {
text-decoration:none;
border:1px solid #000;
padding:1px 3px;
color:#000!important;
}

#top-mainimg #top-newmagazine-img {
float:right;
width:200px;
}

/* TOP-CONTENTS */
#top-contents {
clear:both;
padding-top:20px;
width:980px;
margin:auto;
height:100%;
}

#top-contents:after { 
  content: "";
  display: block; 
  clear: both; 
}


/* LEFT-CONTENTS */
#top-left-contents {
float:left;
width:330px;
}

#top-discountprice {
border:1px solid #00529b;
background:URL(../img/bg_discountprice.jpg) bottom left repeat-x;
margin-bottom:10px;
text-align:left;
padding:10px;
height:100%;
margin-bottom:15px;
}

#top-discountprice:after { 
  content: "";
  display: block; 
  clear: both; 
}

#top-discountprice li {
float:left;
width:150px;
}

#top-discountprice ul:after { 
  content: "";
  display: block; 
  clear: both; 
}

#top-discountprice ul {
margin-bottom:10px;
}

#top-discountprice h3 {
clear:both;
font-size:12px;
color:#0076cd;
}

.top-block {
text-align:left;
margin-bottom:10px;
clear:both;
}

.top-block:after { 
  content: "";
  display: block; 
  clear: both; 
}

/* CENTER-CONTENTS */

#top-center-contents{
float:left;
width:430px;
margin-left:10px;
text-align:left;
display:block;
}

h2.tit-useful {
background:URL(../img/tit_useful.jpg) top left no-repeat;
width:430px;
height:25px;
text-indent:-9999px;
margin-bottom:15px;
}

.useful-block{
width:210px;
float:left;
margin-right:5px;
display:block;
height:100%;
padding-bottom:10px;
}

.useful-block:after { 
  content: "";
  display: block; 
}

.usefullink img {
margin-bottom:10px;
}

.usefullink img a:hover {
border:1px solid #FF0000;
}

.txt-plane {
color:#666;
font-size:10px;
line-height:14px;
padding-bottom:3px;
}

.txt-tit a {
  color:#000!important;
  font-size:12px!important;
  text-decoration:none;
}

.txt-tit a:hover {
text-decoration:underline!important;
}

#useful-ad {
clear:both;
border-top:1px solid #CCC;
padding-top:5px;
height:100%;
}

.tit-useful {
background:URL(../img/tit_useful.jpg) top left no-repeat;
width:430px;
height:25px;
margin-bottom:15px;
}

.tit-useful h2 {
text-indent:-9999px;
width:50px;
float:left;
}

.tit-topics {
background:URL(../img/tit_topics.jpg) top left no-repeat;
width:430px;
height:25px;
margin-bottom:15px;
margin-top:10px;
}

.tit-topics h2 {
text-indent:-9999px;
width:50px;
float:left;
}

.more-read {
float:right;
margin:7px 7px 0 0;
font-size:10px;
padding-left:15px;
line-height:12px;
width:80px;
text-align:right;
}

dl.top-topics :after { 
  content: "";
  display: block; 
  clear: both;
}

dl.top-topics dt {
float:left;
width:85px;
padding-bottom:5px;
clear:both;
color:#0076cd!important;
}

.txt-tits a {
  color:#000!important;
  font-size:10px!important;
  text-decoration:none;
  line-height:14px;
  padding-bottom:5px;
}

.txt-tits a:hover {
text-decoration:underline!important;
}

/* RIGHT-CONTENTS */
#top-right-contents {
float:right;
width:200px;
text-align:left;
height:auto;
}

.top-extra {
border-top:1px solid #00529b;
border-right:1px solid #00529b;
border-left:1px solid #00529b;
margin-bottom:10px;
height:auto;
clear:both;
}


.extra-block {
border-bottom:1px solid #00529b;
padding:5px 0;
clear:both;
height:auto;
}


.extra-tit {
font-size:12px!important;
line-height:16px!important;
margin:5px 0 0 0!important;
font-weight:bold;
}

.extra-tit a {
color:#0076cd!important;
text-decoration:none!important;
}

.extra-tit a:hover {
text-decoration:underline!important;
color:#0076cd!important;
}

.extra-left-block {
float:left;
padding:5px 0 5px 5px;
}

.extra-right-block {
height:100%;
float:right;
width:130px;
margin-right:5px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.top-right-ad {
width:200px;
text-align:right;
float:right;
height:200px;
display:block;
margin-top:5px;
}