@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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

address {  
    font-style:normal;  
}

/******************************
clearfix
******************************/

/* モダンブラウザ */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* IE6/7用 */
.cf {
    zoom:1;
}

/******************************
レイアウト確認
******************************/

.clear {  
    clear:both;  
}

/******************************
margin,padding
******************************/

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

.mR10 {margin-right:10px;}
.mR20 {margin-right:20px;}
.mR30 {margin-right:30px;}
.mR40 {margin-right:40px;}

.mB10 {margin-bottom:10px;}
.mB20 {margin-bottom:20px;}
.mB30 {margin-bottom:30px;}
.mB40 {margin-bottom:40px;}

.mL10 {margin-left:10px;}
.mL20 {margin-left:20px;}
.mL30 {margin-left:30px;}
.mL40 {margin-left:40px;}

.pT10 {padding-top:10px;}
.pT20 {padding-top:20px;}
.pT30 {padding-top:30px;}
.pT40 {padding-top:40px;}

.pR10 {padding-right:10px;}
.pR20 {padding-right:20px;}
.pR30 {padding-right:30px;}
.pR40 {padding-right:40px;}

.pB10 {padding-bottom:10px;}
.pB20 {padding-bottom:20px;}
.pB30 {padding-bottom:30px;}
.pB40 {padding-bottom:40px;}

.pL10 {padding-left:10px;}
.pL20 {padding-left:20px;}
.pL30 {padding-left:30px;}
.pL40 {padding-left:40px;}