@charset "UTF-8";

/*==============================================================
CSSinformation

file name : util.css
style info : AllStyle
===============================================================
/*html doby
==============================================================*/

* {
	margin: 0;
	padding: 0;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	padding: 0;
	margin: 0;
	}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}


ol,ul,li { list-style: none; }

address,caption,cite,code,dfn,em,strong,var {
	font-weight: normal;
	font-style: normal;
	}
img { border:0px; vertical-align: bottom; }


/* clearfix */
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

/*float
---------------------------------*/
.fL { float:left; }
.fR { float:right; }
.fL10 { float:left; margin-right:10px; }
.fR10 { float:right; margin-left:10px; }
.fRB10 { float:right; margin-left:10px; margin-bottom:10px; }
.cr  { clear:both; }

/* Font - Text
--------------------------------*/
.al     { text-align:left; }
.ar     { text-align:right; }
.ac     { text-align:center; }
.strong { font-weight:bold; }
.idt    { text-indent:10px; }

/* Border
--------------------------------*/
.bdd{border-bottom:1px #999 dotted;}


/* Margin & Padding
--------------------------------*/
	.m00 { margin:  0px; }    .p00 { padding:  0px; }
	.m02 { margin:  2px; }    .p02 { padding:  2px; }
	.m03 { margin:  3px; }    .p03 { padding:  3px; }
	.m05 { margin:  5px; }    .p05 { padding:  5px; }
	.m10 { margin: 10px; }    .p10 { padding: 10px; }
	.m15 { margin: 15px; }    .p15 { padding: 15px; }
	.m20 { margin: 20px; }    .p20 { padding: 20px; }
	.m25 { margin: 25px; }    .p25 { padding: 25px; }
	.m30 { margin: 30px; }    .p30 { padding: 30px; }

/* Margin-Top & Padding-Top
--------------------------------*/
	.mt00 { margin-top:  0px; }    .pt00 { padding-top:  0px; }
	.mt01 { margin-top:  1px; }    .pt01 { padding-top:  1px; }
	.mt05 { margin-top:  5px; }    .pt05 { padding-top:  5px; }
	.mt10 { margin-top: 10px; }    .pt10 { padding-top: 10px; }
	.mt15 { margin-top: 15px; }    .pt15 { padding-top: 15px; }
	.mt20 { margin-top: 20px; }    .pt20 { padding-top: 20px; }
	.mt25 { margin-top: 25px; }    .pt25 { padding-top: 25px; }
	.mt30 { margin-top: 30px; }    .pt30 { padding-top: 30px; }
	.mt35 { margin-top: 35px; }
	.mt40 { margin-top: 40px; }
	.mt50 { margin-top: 50px; }

/* Margin-Right & Padding-Right
--------------------------------*/
	.mr00 { margin-right:  0px; }  .pr00 { padding-right:  0px; }
	.mr05 { margin-right:  5px; }  .pr05 { padding-right:  5px; }
	.mr10 { margin-right: 10px; }  .pr10 { padding-right: 10px; }
	.mr15 { margin-right: 15px; }  .pr15 { padding-right: 15px; }
	.mr20 { margin-right: 20px; }  .pr20 { padding-right: 20px; }
	.mr25 { margin-right: 25px; }  .pr25 { padding-right: 25px; }
	.mr30 { margin-right: 30px; }  .pr30 { padding-right: 30px; }


/* Margin-Bottom & Padding-Bottom
--------------------------------*/
	.mb00 { margin-bottom:  0px; } .pb00 { padding-bottom:  0px; }
	.mb05 { margin-bottom:  5px; } .pb05 { padding-bottom:  5px; }
	.mb10 { margin-bottom: 10px; } .pb10 { padding-bottom: 10px; }
	.mb15 { margin-bottom: 15px; } .pb15 { padding-bottom: 15px; }
	.mb20 { margin-bottom: 20px; } .pb20 { padding-bottom: 20px; }
	.mb25 { margin-bottom: 25px; } .pb25 { padding-bottom: 25px; }
	.mb30 { margin-bottom: 30px; } .pb30 { padding-bottom: 30px; }

/* Margin-Left & Padding-Left
--------------------------------*/
	.ml00 { margin-left:  0px; }   .pl00 { padding-left:  0px; }
	.ml05 { margin-left:  5px; }   .pl05 { padding-left:  5px; }
	.ml10 { margin-left: 10px; }   .pl10 { padding-left: 10px; }
	.ml15 { margin-left: 15px; }   .pl15 { padding-left: 15px; }
	.ml20 { margin-left: 20px; }   .pl20 { padding-left: 20px; }
	.ml25 { margin-left: 25px; }   .pl25 { padding-left: 25px; }
	.ml30 { margin-left: 30px; }   .pl30 { padding-left: 30px; }
	.ml35 { margin-left: 35px; }   .pl35 { padding-left: 35px; }
	.ml40 { margin-left: 40px; }   .pl85 { padding-left: 85px; }
	.ml45 { margin-left: 45px; }   .pl105{ padding-left: 105px;}

.imageL{
	float: left;
	margin-right: 20px;
}
.imageR{
	float: right;
	margin-left: 20px;
}