@charset "utf-8";

/*リセット
------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6,
p, a, em, img, strong, dl, dt, dd, ol, ul, li,
form, input, table, caption, tr, th, td, option {
margin: 0;
padding: 0;
border: 0;
}

ul, ol {
list-style: none;
}


/* body
----------------------------------------------- */
body {
color: #000000;
font-size: 100%;
word-break : normal;
word-wrap : break-word;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #f0eefb;
}

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}


/* HTML default
----------------------------------------------- */
a {
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

li {
list-style-type: none;
}

img {
vertical-align:bottom;
border:none;
box-shadow: #000 0 0 0;
}


/* margin */
.mt05 {	margin-top: 5px; display: block !important;}
.mt10 {	margin-top: 10px; display: block !important;}
.mt15 {	margin-top: 15px; display: block !important;}
.mt20 {	margin-top: 20px; display: block !important;}
.mt25 {	margin-top: 25px; display: block !important;}
.mt30 {	margin-top: 30px; display: block !important;}
.mt40 {	margin-top: 40px; display: block !important;}
.mt50 {	margin-top: 50px; display: block !important;}

.mb05 {	margin-bottom: 5px; display: block !important;}
.mb10 {	margin-bottom: 10px; display: block !important;}
.mb15 {	margin-bottom: 15px; display: block !important;}
.mb20 {	margin-bottom: 20px; display: block !important;}
.mb25 {	margin-bottom: 25px; display: block !important;}
.mb30 {	margin-bottom: 30px; display: block !important;}
.mb40 {	margin-bottom: 40px; display: block !important;}
.mb50 {	margin-bottom: 50px; display: block !important;}

.ml05 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.ml40 {	margin-left: 40px !important;}
.ml50 {	margin-left: 50px !important;}

.mr05 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.mr40 {	margin-right: 40px !important;}
.mr50 {	margin-right: 50px !important;}

/* padding */
.pd05 {	padding: 5px; display: block !important;}



.pt05 {	padding-top: 5px; display: block !important;}
.pt10 {	padding-top: 10px; display: block !important;}
.pt15 {	padding-top: 15px; display: block !important;}
.pt20 {	padding-top: 20px; display: block !important;}
.pt25 {	padding-top: 25px; display: block !important;}
.pt30 {	padding-top: 30px; display: block !important;}
.pt40 {	padding-top: 40px; display: block !important;}
.pt50 {	padding-top: 50px; display: block !important;}

.pb05 {	padding-bottom: 5px; display: block !important;}
.pb10 {	padding-bottom: 10px; display: block !important;}
.pb15 {	padding-bottom: 15px; display: block !important;}
.pb20 {	padding-bottom: 20px; display: block !important;}
.pb25 {	padding-bottom: 25px; display: block !important;}
.pb30 {	padding-bottom: 30px; display: block !important;}
.pb40 {	padding-bottom: 40px; display: block !important;}
.pb50 {	padding-bottom: 50px; display: block !important;}
.pb60 {	padding-bottom: 50px; display: block !important;}