@charset "utf-8";

/* ========================================================================
	kill browser default
------------------------------------------------------------------------ */
html, body,
div, p, h1, h2, h3, h4, h5, h6, address, blockquote, pre,
ul, ol, li, dl, dt, dd,
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td,
form, fieldset, legend, label,
img, iframe, object,
span, a, em, strong, sub, sup, del, ins{
margin:0;
padding:0;
}

ul, ol{
list-style:none;
}

h1, h2, h3, h4, h5, h6{
font-size:1em;
}

table{
border-spacing:0;
border:0 none;
}

caption, th, td{
border:0 none;
vertical-align:top;
font-size:1em;
text-align:left;
}

h1, h2, h3, h4, h5, h6,
dt, th, strong{
font-weight:normal;
}

address, em{
font-style:normal;
}

img{
border:0 none;
vertical-align:top;
}

hr{
display:none;
}


/* ========================================================================
	base style
------------------------------------------------------------------------ */
body{
line-height:1.5;
color:#000;
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
background:url(../images/bg-body.gif) repeat-x top;
font-size:100%;
}

/*----------------------------
	common
----------------------------*/

#header-container{
margin-bottom:16px;
background:url(../images/bg-header.gif) repeat-x;
height:45px;
}

#header-inner{
padding-top:10px;
margin:0 auto;
width:940px;
}

#copyright{
margin:0 auto;
padding:5px 0 10px 0;
color:#666666;
width:940px;
text-align:right;
font-size:62.5%;
}

/*----------------------------
	top
----------------------------*/

#contents-top{
margin:0 auto;
width:940px;
height:687px;
background:url(../images/bg-top.jpg) no-repeat
}

#contents-top #item-container{
margin-bottom:17px;
width:940px;
}

#contents-top #item-container #mamemo{
width:400px;
float:left;
}

#contents-top #item-container #boogie{
width:400px;
float:right;
}

#contents-top .btn-list-01{
margin-left:30px;
}

#contents-top .btn-list-01 li{
margin-right:10px;
display:inline;
}

#contents-top #choose-container{
margin:0 auto;
width:895px;
height:140px;
background:url(../images/bg-choose.gif) no-repeat;
}

#contents-top #choose-container h1{
width:327px;
float:left;
}

#contents-top .btn-list-02{
margin-top:17px;
width:568px;
float:left
}

#contents-top .btn-list-02 li{
margin-right:15px;
display:inline;
float:left;
width:124px;
}

/*----------------------------
	lower
----------------------------*/

#contents-lower{
margin:0 auto;
width:940px;
height:687px;
background:url(../images/bg-lower.jpg) no-repeat
}

#contents-top #item-container{
margin-bottom:17px;
width:940px;
}

#contents-lower #item-container #mamemo{
width:310px;
float:left;
}

#contents-lower #item-container #boogie{
width:310px;
float:left;
}

#contents-lower #item-container #center-column{
padding-top:106px;
width:320px;
float:left;
}

#contents-lower .btn-list-01{
margin:5px 0 0 26px;
width:288px;
}

#contents-lower .btn-list-01 li{
margin:0 20px 20px 0;
display:inline;
float:left;
width:124px;
}

/* ========================================================================
	clearfix
------------------------------------------------------------------------ */

#contents-top #item-container:after,
#contents-lower #item-container:after,
#choose-container:after,
.btn-list-02:after{  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}