@charset "utf-8";

/*
Title: Poppocha-layout
Author: Hasebe Noriko
Date: 2011-10-20
*/

/**
 * RESET
 */
html,body,div,p,ul,ol,li,dl,dt,dd,pre,h1,h2,h3,h4,h5,h6,table,th,td,form,fieldset,input,textarea,select,img{margin:0;padding:0;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
th,td{empty-cells:show;}
img,fieldset{ border:0px;}
img{vertical-align:bottom;}
label{margin-left:.3em;}
input{vertical-align:.1em;}
textarea{font-size:1em;}
em{font-weight:bold;font-style:normal;}

/**
 * GENERAL
 */
body{font-size:.75em;line-height:1.6;color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;background:#fffffe url(../images/body_bg.gif) top center repeat;padding:0 0 0 0;}
a{color:#ff6600;text-decoration:none;}
a:link{color:#ff6600;text-decoration:none;}
a:visited{color:#ff6600;text-decoration:none;}
a:hover{color: #ff6600;text-decoration:underline;}
a:active{color: #ff6600;text-decoration:underline;}
table{_font-size:.95em;}

img.img-top{vertical-align:top;}
img.img-btm{vertical-align:buttom;}

span.txt-line-remark{text-decoration:underline;}


/**
 * COMMON-SET
 */
div#wrapp-all{width:100%;margin:0 auto 0 auto;background:url(../images/hd_bar.jpg) top center repeat-x;padding:0 0 20px 0;}

div#wrapp{width:950px;margin:0 auto 0 auto;padding:52px 0 0 0;_zoom:1;overflow:hidden;}

div#main{_zoom:1;overflow:hidden;margin:0 auto 25px auto;padding:0;background:url(../images/cnt_base_bg.gif) top left repeat-x;}

div#side{_zoom:1;overflow:hidden;margin:0 0 10px 0;padding:0;width:180px;float:right;background:#cccccc;}

div#contents{_zoom:1;overflow:hidden;margin:0 0 10px 0;padding:0;width:755px;float:left;}

div#foot{width:950px;clear:both;text-align:center;padding:0;margin:20px auto 0 auto;font-size:90%;background:#cc6633;color:#fff;}
div#foot p{padding:18px;}

/**
 * Layout-SET
 */
div#main div.hd_logo{width:120px;float:left;}
div#main div.hd_item{width:96px;float:left;}
div#main div.hd_catch{width:720px;float:right;text-align:left;}
div#main div.hd_catch img.sale_day{float:left;}
div#main div.hd_catch div.hd_logo{float:right;width:336px;text-align:left;}
div#main div.hd_catch div.hd_logo img{float:left;}

div#main div.hd_catch div.message{float:left;width:545px;margin:14px 0 0 0;}
div#main div.hd_catch div.balloon{width:168px;float:right;margin:28px 0 0 0;}

div#contents h2{margin:0 0 10px 0;}
div#contents h3{color:#cc6633;font-weight:bold;border-bottom:1px solid #cc6633;font-size:1em;margin:0;padding:0 0 2px 0;}

div.step{height:300px;}

div.step div.spep1{position: relative;float:left;width:241px;height:280px;}
div.step div.spep1 img.spep1_box {position: absolute;display:block;z-index:0;top:0;left:0;}

div.step div.spep2{position: relative;float:left;top:0;left:0;width:241px;height:280px;}
div.step div.spep2 img.spep2_box {position: absolute;display:block;z-index:0;top:0;left:0;}
div.step div.spep2 img.spep2_btn {position: absolute;display:block;z-index:10;top:224px;left:11px;}

div.step div.spep3{position: relative;float:left;top:0;left:0;width:241px;height:280px;}
div.step div.spep3 img.spep3_box {position: absolute;display:block;z-index:0;top:0;left:0;}
div.step div.spep3 img.spep3_btn {position: absolute;display:block;z-index:10;top:224px;left:11px;}

div.step img.spep-arrow{position: relative;float:left;top:0;left:0;width:16px;height:280px;}

div.btn-box{text-align:center;margin:0 0 20px 0;}

div#contents p.txt{margin:5px 0 10px 0;}
div#contents p.txt2{margin:5px 0 0 0;}
div#contents table.txt{margin:5px 0 10px 0;}
div#contents table.txt td{padding:0 10px 0 0;}
div#contents ul{margin:5px 0 10px 0;}
div#contents ul li{background:url(../images/list_mk.gif) top left no-repeat;padding:0 0 0 10px;margin:0;}


div.about-buzz{clear:both;background:#fef2c6;padding:8px 12px;margin:0;}
div.about-buzz h2{margin:0 0 0 0;}
div.about-buzz p{margin:5px 0 0 0;}
div.about-buzz p a{font-weight:bold;}