@charset "utf-8";
/*-------------------------
	filename:	default.css
	created:	 20110811
	update:		 201100811
 
 02:platform
 03:navigation
 04:link
 99:clearfix
-------------------------*/
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section {
 display: block;
}
img{
 vertical-align:bottom;
}

/* ------------------------- 02:platform */
body {
padding-left: 1px;/*webkit対策*/
 font-size:13px;
/* background:url(../img/common/bgline.gif) repeat-y 0 0; */
background:#f2f2f2 url(../img/common/bg_body.gif) repeat-y center 0;
}
#platform{
 width:770px;

margin:0 auto;
}
#header {
 width:770px;
 height:63px;
 padding:0;
 margin:0;
}
#header h1 {
 width:500px;
}
#header address {
 width:270px;
}
#header h1,
#header address{
 float:left;
}



/* ------------------------- 03:navigation */
#gnav {
 background:url(../img/nav/line.gif) no-repeat left bottom;
 width:770px;
 height:33px;
}
#gnav ul{
 background:url(../img/nav/bg_gn.png) repeat-x 0 0;
 height:28px;
 width:740px;
 padding:0 15px 5px;


}
#gnav li {
 float:left;
 background:#f33;
 height:28px;
}
#gnav li.last{


}

/* contents */
#contentswrap{
 width:740px;
 margin:15px auto;
}
#contents{
 width:530px;
 float:right;
}

#contents iframe{
 border:none;
width:545px;
height:4500px;
}

#contents section{
 margin-bottom:1em;
}

/* aside */
#productsMenu {
 width:189px;
 float:left;
}
#productsMenu ul{
 width:189px;
}
.bnr{
 margin-bottom:5px;
}
.bnr li{
 margin-bottom:3px;
}
 

.productsList {
 padding-top:1px;
 background:url(../img/common/mline.gif) no-repeat left top;
}
.productsList li {
 padding:5px 0;
 background:url(../img/common/mline.gif) no-repeat left bottom;
}
.productsList li a {
 width:159px;
 display:block;
 background:url(../img/common/ic.gif) no-repeat left center;
 padding-left:30px;
}

.flag5{
 margin:10px 0;
}

.flag5 li{
 float:left;
 width:104px;
 text-align:center;
}
 
#productsBnr {
 width:525px;
 margin-left:-5px;
 margin-bottom:20px;
 
}
#productsBnr li{
 float:left;
 margin-left:5px;
 margin-bottom:5px;
}

/* トピックス */
.topics h2,
.monthlyProduct h2,
.campaign h1{
 margin-bottom:4px;
}
.topics li,
.monthlyProduct li,
.campaign li{
 padding:4px 4px 8px 28px;
 background:url(../img/common/red.gif) no-repeat 0 2px;
}
.topics img{
}

/* footer */
#footer{
 text-align:right;
 margin-right:20px;
}

/* ------------------------- 04:link*/
a{
 text-decoration:none;
}
a:link{
 color:#0033FF;
}
a:visited{
 color:#0000ff;
}
a:hover{
 color:#CC0033;
}
a:active{
 color:#3399FF;
}



/* ------------------------- 99:clearfix */
/* ------------------------- clearfix */

#header,
#gnav ul,
#gnav,
#contentswrap,
.flag5,
#productsBnr {
/zoom : 1;
}
#header:after,
#gnav ul:after,
#gnav:after,
#contentswrap:after,
.flag5:after,
#productsBnr:after {
 content : '';
 display : block;
 clear : both;
 height:0.01px;/*firefoxバグ対策*/
}