@charset "euc-jp";
/* CSS Document */


* { margin: 0; padding: 0; font-style: normal;}

body {
background:#FFF;
color: #333333;
font: normal 12px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, th, td, div{ margin:0;padding:0;}

a		  {cursor:pointer;}
a:link    { color: #FF0099; text-decoration: underline;}
a:visited { color: #FF0099; text-decoration: underline;}
a:hover   { color: #FF0099; text-decoration: none;}
a:active  { color: #FF0099; text-decoration: underline;}

img { border: none; color: #fff; background: transparent; vertical-align: bottom;}

.clear{ clear:both;}


/*---------------------------------------------------------------------------*/

#wrapper{
background:url(../img/bg_wrapper.jpg) repeat-y;
width:800px;
margin:0 auto;
padding:0 16px;
}

.top{
margin-bottom:20px;
}


/*-----------------------------------*/
#kuchikomi{
margin:0 auto 40px;
background-color:#feddee;
padding:20px;
width:720px;
}
#kuchikomi .kcon{
background-color:#FFFFFF;
padding:15px 20px;
margin-bottom:10px;
}


/*-----------------------------------*/
#m01{}

/* 単品 */
#m01 .offer01{
margin-bottom:10px;
background-image:url(../img/offer01_bg.jpg);
background-repeat:no-repeat;
width:800px;
height:298px;
}

div.offer01txt{
position:absolute;
padding:0;
margin:200px 0 0 30px;
width:480px;
color:red;
}

.rollover01 {
position:absolute;
padding:0;
margin:232px 0 0 30px;
width:482px;
height:56px;
background:url(../img/btn01_on.png) no-repeat left bottom;
}
.rollover01 a {
display:block;
width:482px;
height:56px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover01 a:hover {
text-indent:-9999px;
}
/* /単品 */

/* 2こセット */
#m01 .offer02{
margin-bottom:10px;
background-image:url(../img/offer02_bg.jpg);
background-repeat:no-repeat;
width:800px;
height:199px;
}

.rollover02 {
position:absolute;
padding:0;
margin:127px 0 0 30px;
width:482px;
height:56px;
background:url(../img/btn02_on.png) no-repeat left bottom;
}
.rollover02 a {
display:block;
width:482px;
height:56px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover02 a:hover {
text-indent:-9999px;
}
/* /2こセット */

/* 3こセット */
#m01 .offer03{
margin-bottom:10px;
background-image:url(../img/offer03_bg.jpg);
background-repeat:no-repeat;
width:800px;
height:199px;
}

.rollover03 {
position:absolute;
padding:0;
margin:127px 0 0 30px;
width:482px;
height:56px;
background:url(../img/btn03_on.png) no-repeat left bottom;
}
.rollover03 a {
display:block;
width:482px;
height:56px;
font-size:1px;
line-height:1px;
outline:none;
}
.rollover03 a:hover {
text-indent:-9999px;
}
/* /3こセット */

.yajirushi{
margin-bottom:15px;
}
.nagare{
text-align:center;
margin:50px 0 30px 0;
}


#m01 .m01_con{
padding:0 20px;
}

.all{
padding:0 20px;
margin-top:30px;
}

.ksr{
padding:0 20px;
margin-top:0;
}

.simi{
padding:0 20px;
margin-top:30px;
}

.okage{
padding:0 20px;
margin-top:30px;
}

.okagettlimg{
margin-bottom:15px;
}

.moti{
padding:0 20px;
margin-top:30px;
}

.use{
padding:0 20px;
margin-top:30px;
}

.koe{
padding:0 20px;
margin-top:30px;
}

.osusume{
padding:0 20px;
margin:30px 0 20px 0;
}

/*-----------------------------------*/

.footer{
text-align:center;
}

.footer p{
margin:20px 0 10px 0;
}

.footer_bg{
text-align:center;
background:url(../img/bg_footer.jpg) no-repeat bottom;
width:800px;
}