
/* mainCol
----------------------------------------------------*/
div#mainCol {
 width:740px;
 float:left;
}

/* 1段目
----------------------------------------------------*/
.wrap {
 margin: 0 0 0 0;
}

/* 新着情報 */
.wrap #news {
 float: left;
 width: 510px;
 margin-right:10px;
}

.wrap #news .title {
 background: url(../images/news_title.jpg) no-repeat;
 height: 30px;
}

.wrap #news h2 {
 text-indent: -9999px;
 float: left;
 line-height: 1.0;
}

.wrap #news p.update {
 font-size: 76%;
 float: right;
 padding: 10px 10px 0 0;
}

.wrap #news a {
 color: #2355A7;
}

.wrap #news ul {
 /*	font-size: 77%;*/
	margin: 5px 5px 5px 0;
}

.wrap #news ul li {
 list-style: none;
 line-height: 1.5;
 color: #2355A7;
 padding: 0 0 3px 12px;
 background: url(../common/header_viewlet.jpg);
 background-repeat:no-repeat;
 background-position:left 7px;
}
 main_box 各ボタン */ .wrap #btn {
 float: right;
 width: 220px;
}

.wrap #btn ul li {
 padding-bottom: 3px;
}

/* 2段目
----------------------------------------------------*/

/* ランキング */
#rank {
 float:left;
 width: 200px;
 padding: 0 0 3px 0;
 background: url(../images/ranking_bottom.jpg) no-repeat bottom left;
 font-size: 77%;
}

#rank h2 {
 line-height: 0;
}

#rank #kokunai,
#rank #kaigai {
 border-left: solid 1px #C8C8C8;
 border-right: solid 1px #C8C8C8;
}

#rank #kokunai a {
 color: #C9262B;
}

#rank #kaigai a {
 color: #0070D0;
}

#rank h3 {
 padding: 10px 3px 0 3px;
}

#rank ol {
 padding: 5px 3px 0 3px;
}

#rank ol li {
 line-height: 1.2;
 display: block;
 margin: 0;
 padding: 6px 0 0 28px;
}

#rank ol li.r01 {
 background:url(../images/ranking_01.jpg) no-repeat 0 0.2em;
}

#rank ol li.r02 {
 background:url(../images/ranking_02.jpg) no-repeat 0 0.2em;
}

#rank ol li.r03 {
 background:url(../images/ranking_03.jpg) no-repeat 0 0.2em;
}

#rank ol li.r04 {
 background:url(../images/ranking_04.jpg) no-repeat 0 0.2em;
}

#rank ol li.r05 {
 background:url(../images/ranking_05.jpg) no-repeat 0 0.2em;
}

#rank p.update {
 font-size: 85%;
 text-align: right;
 padding: 5px 3px 0 0;
 border-left: solid 1px #C8C8C8;
 border-right: solid 1px #C8C8C8;
}

/* 売れてる */
#main_box .wrap #subwrap {
 float: right;
 width: 530px;
}

#inner {
 width: 300px;
 float: left;
}

#inner dl {
 margin: 0 0 10px 0;
}

#inner dl dd {
 font-size: 70%;
 padding: 3px 0 0 0;
}

#selling {
 padding: 0 0 10px 0;
}

#selling h2 {
 margin: 0 0 10px 0;
}

#selling a {
 color: #4B8918;
}

#selling dl {
 margin: 8px 0 0 0;
}

#selling dl dt {
 float: left;
 padding: 0 0 0 0;
}

#selling dl dt img {
 vertical-align: middle;
}

#selling dl dd {
 line-height: 1.5;
 font-size: 77%;
 padding: 0 0 8px 0;
 border-bottom: 1px dotted #C8C8C8;
}

/* おすすめ */
#recommend h2 {
 line-height: 0;
}

#recommend {
 float: right;
 width: 220px;
 padding: 0 0 17px 0;
 background:url(../images/recommend_bottom.jpg) no-repeat bottom;
}

#recommend #staff {
 background: url(../images/recommend_middle.jpg) repeat-y;
 padding: 0 0 0 13px;
}

#recommend #staff ul {
 float: left;
 width: 60px;
 margin: 0 7px 5px 0;
 padding: 0;
 line-height: 1.0;
}

#recommend #staff ul li {
 text-align:center;
 font-size: 70%;
 line-height: 1.2;
}

#recommend #staff ul li a {
 cursor: pointer;
}

#recommend dl dd {
 padding: 0 13px 0 0;
 font-size: 77%;
 line-height: 1.5;
}

#recommend dl dd a {
 color: #4D92CC;
}

/* 3段目
----------------------------------------------------*/
#kokunaibox {
 width: 366px;
 float: left;
 padding: 0 0 3px 0;
 background:url(../images/frame_bottom.jpg) no-repeat bottom;
}

#kokunaibox h2,
#kaigaibox h2 {
 line-height: 0;
}

#kaigaibox {
 width: 366px;
 float: right;
 padding: 0 0 3px 0;
 background:url(../images/frame_bottom.jpg) no-repeat bottom;
}

#kokunaibox .subbox,
#kaigaibox .subbox {
 background: url(../images/frame_middle.jpg) repeat-y;
 padding: 10px 7px 7px 7px;
}

.tab {
 border-bottom: 1px solid #C6C6C6;
}

.tab img {
 float: left;
 padding: 0 0 0 1px;
}

#kokunaibox iframe,
#kaigaibox iframe {
 margin: 0;
 padding: 0;
 border: 1px solid #D7D7D7;
}

p.newMore {
 clear:both;
 text-align:right;
 padding:0 5px 5px 0;
 font-weight:bold;
}
