@charset "utf-8";

/* GLOBAL RESET */
body,h1,h2,h3,h4,h5,h6,p,
ol,ul,dl,li,dt,dd,
table,th,tr,td,div
{
margin: 0;
padding: 0;
list-style-type: none;
}

/* BASIC */

p,dl{
font-size: 0.84em;
line-height: 1.3em;
}

h2{
padding-top: 20px;
background-image: url(../img/line.gif);
background-position: top;
background-repeat: repeat-x;
}

p.alert{
margin-top: 10px;
}

img {
border-width: 0;
}


/* headerArea
-------------------------------------------*/
#headerArea p#doplusLogo{
float: left;
width: 146px;
margin: 0 0 7px 0;
}

#headerArea p#gaitameLogo{
float: right;
width: 186px;
margin: 35px 0 7px 0;
text-align: right;
}


/* mainImgArea
-------------------------------------------*/
#mainImgArea p{
float: left;
margin: 0;
}


/* naviArea
-------------------------------------------*/
#naviArea ul{
width: 760px;
}

#naviArea ul li{
display: inline;
}


/* container
-------------------------------------------*/
#container p#centerBtn{
clear: both;
padding-top: 20px;
background-image: url(../img/line.gif);
background-position: top;
background-repeat: repeat-x;
text-align: center;
}

#container p#doplusBtn{
text-align: center;
}

#container p#doplusBtn img{
margin-top: 30px;
}

#container p#centerText{
text-align: center;
margin: 10px 0 40px 0;
}


/* meritArea
-------------------------------------------*/
#container div#meritArea p{
margin-top: 20px;
}

#container div#meritArea p.left{
float: left;
width: 370px;
}

#container div#meritArea p.right{
float: right;
width: 370px;
}


/* buyflowArea
-------------------------------------------*/
#container div#buyflowArea h2{
margin-bottom: 20px;
}

#container div#buyflowArea p img{
display: inline;
width: 190px;
margin: 0;
padding: 0;
}


/* topicsArea
-------------------------------------------*/
#container div#topicsArea h3{
margin-top: 20px;
}

#container div#topicsArea div.topics{
clear: both;
width: 760px;
height: 192px;
}

#container div#topicsArea div.topics p.topicsImg{
float: left;
width: 370px;
height: 192px;
margin: 20px 20px 0 0;
}

#container div#topicsArea div.topics h3{
float: right;
width: 370px;
border-bottom: solid;
border-bottom-width: 1px;
font-size: 1.4em;
color: #004466;
}

#container div#topicsArea div.topics p.topicsText{
float: right;
width: 370px;
margin-top: 10px;
}

#container div#topicsArea div.topics p.topicsLink{
float: right;
width: 370px;
font-weight: bold;
margin-top: 10px;
}

#container div#topicsArea div#buttonArea{
clear: both;
width: 760px;
}

#container div#topicsArea p#entryBtn{
float: left;
width: 300px;
margin-top: 40px;
padding-left: 50px;
}

#container div#topicsArea p#loginBtn{
float: right;
width: 300px;
margin-top: 40px;
padding-right: 50px;
}


/* rankingArea
-------------------------------------------*/
#container div#rankingArea ol li.rank01_02_04_05{
width: 240px;
float: left;
margin: 15px 20px 0 0;
}

#container div#rankingArea ol li.rank03_06{
float: left;
width: 240px;
margin-top: 15px;
}

#container div#rankingArea ol li.rank07_09{
width: 175px;
float: left;
margin: 15px 20px 0 0;
}

#container div#rankingArea ol li.rank10{
float: left;
width: 175px;
margin-top: 15px;
}


#container div#rankingArea ol li dl dt{
width: 240px;
}

#container div#rankingArea ol li dl dd{
width: 240px;
padding-top: 5px;
}

#container div#rankingArea ol li dl.rank07_10 dt{
width: 175px;
}

#container div#rankingArea ol li dl.rank07_10 dd{
width: 175px;
padding-top: 5px;
}

#container div#rankingArea p#rankBtn{
text-align: center;
}

#container div#rankingArea p#rankBtn img{
margin-top: 30px;
}


/* goodsArea
-------------------------------------------*/
#container div#goodsArea ul#goodsDetail{
width: 760px;
}

#container div#goodsArea ul#goodsDetail li.leftGoodsArea{
clear: both;
float: left;
width: 370px;
margin-top: 20px;
}

#container div#goodsArea ul#goodsDetail li.rightGoodsArea{
float: right;
width: 370px;
margin-top: 20px;
}

#container div#goodsArea ul#goodsDetail li ul li.goods_left{
float: left;
width: 175px;
margin: 10px 20px 0 0;
}

#container div#goodsArea ul#goodsDetail li ul li.goods_right{
float: right;
width: 175px;
margin-top: 10px;
}

#container div#goodsArea ul#goodsDetail li ul li p.goodsName{
width: 175px;
padding-top: 5px;
font-weight: bold;
}


/* newsArea
-------------------------------------------*/
#container div#newsArea h3{
margin-top: 20px;
}

#container div#newsArea div.topics{
clear: both;
width: 760px;
height: 192px;
}

#container div#newsArea div.topics p.topicsImg{
float: left;
width: 370px;
height: 192px;
margin: 20px 20px 0 0;
}

#container div#newsArea div.topics h3{
float: right;
width: 370px;
border-bottom: solid;
border-bottom-width: 1px;
font-size: 1.4em;
color: #004466;
}

#container div#newsArea div.topics p.topicsText{
float: right;
width: 370px;
margin-top: 10px;
}

#container div#newsArea div.topics p.topicsLink{
float: right;
width: 370px;
font-weight: bold;
margin-top: 10px;
}





/* clear fix */
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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