@charset "utf-8";

/* ========================================================================
    01. kill browser default
    02. base style
------------------------------------------------------------------------ */

/* ========================================================================
    01. 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;
}


/* ========================================================================
    02. base style
------------------------------------------------------------------------ */
body{
line-height:1.5;
color:#000;
text-align:center;
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}


div#str_container{
width:820px;
margin:0 auto;
text-align:left;
background:url(/sp/mamemo/images/bg_container_mdl.gif) repeat-y 0% 0%;
}

div#str_header{
background:url(/sp/mamemo/images/bg_container_top.gif) no-repeat 0% 66px #fff;
padding:20px 0 45px;
}

div#str_header p#logo{
position:relative;
z-index:1;
}


div#str_contents{
padding:495px 0 10px;
}



div#str_contents div#visualArea{
position:absolute;
top:0px;
}



div#str_contents div.section{
width:730px;
margin:0 45px;
font-size:75%;
}

h2.hdg_l2_01{
margin:0 0 10px;
}

div#str_contents table.tbl_mamemo{
color:#666;
border-collapse:collapse;
width:100%;
margin:0 0 5px;
}

table.tbl_mamemo th,
table.tbl_mamemo td{
padding:8px 9px 7px;
border-top:solid 1px #e0c8aa;
border-bottom:solid 1px #e0c8aa;
background:#fff;
}

table.tbl_mamemo th{
background:#feeedc;
width:18%;
}

ul.list_notice_01{
margin-left:1em;
color:#666;
}

ul.list_notice_01 li{
text-indent:-1em;
margin:5px 0 0;
}

ul.list_notice_02{
margin-left:1em;
color:#666;
font-size:90%;
}

ul.list_notice_02 li{
text-indent:-1em;
}



div#str_footer{
background:url(/sp/mamemo/images/bg_container_btm.gif) no-repeat 0% 0% #fff;
}

div#str_footer p#copy{
text-align:center;
padding:30px 0 20px;
font-size:62.5%;
color:#666;
}



div#str_contents p.img_block{
text-align:center;
}


.mb10{
margin-bottom:10px !important;
}

.mr35{
margin-right:35px !important;
}


.mb35{
margin-bottom:35px !important;
}

.mt-18{
margin-top:-18px !important;
}

div.lyt-2col {
width:754px;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
zoom:1;
}

div.lyt-2col .col1 {
float:left;
}

div.lyt-2col .col2 {
float:right;
}

div.lyt-2col:after{
content: "."; 
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

.align-r{text-align:right !important;}

/*  font and link
-------------------------------------------------------------- */


a:link{color:#167dcb;text-decoration:underline;}
a:visited{color:#6c8293;text-decoration:underline;}
a:hover,
a:active,
a:focus{color:#00b69a;text-decoration:underline;}