@charset "utf-8";
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
 
img,object {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	vertical-align:bottom;
}


body {
    font-size: 14px;
    line-height: 1.4;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	
    -webkit-text-size-adjust: 100%;
}


	



article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}

b {
	font-weight: bold;
	} 


blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse;
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}

a:hover {
	text-decoration: none;
	}




/* clear
------------------------------------------------- */

 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

.both{
    clear:both;
}

.boxWrap {
  zoom: 1;
  overflow: hidden;
  }



/* ImgHover
------------------------------------------------- */

.imgHover:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  }



/* BOX
------------------------------------------------- */
.inline { display: inline; }
.block { display: block; }
.inline-block { display: inline-block; }

.leftBox { float: left; }
.centerBox { margin-left: auto; margin-right: auto; }
.rightBox { float: right; }

/* TEXT
------------------------------------------------- */
.leftText { text-align: left }
.rightText { text-align: right }
.centerText { text-align: center }

/* FORM
------------------------------------------------- */
.input4 { width: 4em; }
.input8 { width: 8em; }
.input10 { width: 10em; }
.input15 { width: 15em; }
.input20 { width: 20em; }
.input25 { width: 25em; }
.input30 { width: 30em; }

/* FONT
------------------------------------------------- */
.f10px { font-size: 10px; }
.f12px { font-size: 12px; }
.f13px { font-size: 13px; }
.f14px { font-size: 14px; }
.f16px { font-size: 16px; }
.f18px { font-size: 18px; }
.f20px { font-size: 20px; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

/* WIDTH
------------------------------------------------- */

.wauto { width: auto; }
.w100per { width: 100%; }
.w50per { width: 50%; }
.w25per { width: 25%; }

.w40per { width: 40%; }
.w57per { width: 57%; }

.w200px { width: 200px; }
.w440px { width: 440px; }
.w460px { width: 460px; }
.w480px { width: 480px; }

.w570px { width: 570px; }

/* MARGIN
------------------------------------------------- */
.mT5   { margin-top:   5px; }
.mT10  { margin-top:  10px; }
.mT15  { margin-top:  15px; }

.mT20  { margin-top:  20px; }
.mT30  { margin-top:  30px; }
.mT40  { margin-top:  40px; }

.mT100 { margin-top: 100px; }

.mL5 { margin-left: 5px; }
.mL10 { margin-left: 10px; }
.mL20 { margin-left: 20px; }

.mR5 { margin-right: 5px; }
.mR10 { margin-right: 10px; }

.mR20 { margin-right: 20px; }
.mR21 { margin-right: 21px; }

.mB5 { margin-bottom: 5px; }
.mB10 { margin-bottom: 10px; }
.mB15 { margin-bottom: 15px; }
.mB20 { margin-bottom: 20px; }
.mB30 { margin-bottom: 30px; }
.mB40 { margin-bottom: 40px; }
.mB50 { margin-bottom: 50px; }
.mB60 { margin-bottom: 60px; }
.mB100 { margin-bottom: 100px; }


.mB1per { margin-bottom: 1%; }
.mB2per { margin-bottom: 2%; }
.mB3per { margin-bottom: 3%; }
.mB5per { margin-bottom: 5%; }
.mB10per { margin-bottom: 10%; }
.mB20per { margin-bottom: 20%; }

.lh100 { line-height: 100%; }

/* PADDING
------------------------------------------------- */

.p10 { padding: 10px; }
.pT10 { padding-top: 10px; }
.pR10 { padding-right: 10px; }
.pL10 { padding-left: 10px; }
.pB10 { padding-bottom: 10px; }

.pT10 { padding-top: 20px; }

.p5per { padding: 5%;}


.cFF0000 { color: #FF0000; }
.c83CD05 { color: #83CD05; }
.c0000FF { color: #0000FF; }

.cEE4F67 { color: #EE4F67; } /*--pink--*/

.cB11616 { color: #B11616; }

/*css3
------------------------------------------------- */
 
.textShadow { text-shadow: 1px 1px 3px #000; }
.boxShadow { -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
.boxInShadow { -moz-box-shadow: inset 1px 1px 3px #000; -webkit-box-shadow: inset 1px 1px 3px #000; box-shadow: inset 1px 1px 3px #000; }


/*角丸*/
.rounded { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }



.uLine { text-decoration: underline; }