/* --------------------------------------------------
	FileName:common.css
	Catalog:
			01. Reset Style
			02. Margin/Padding
			03. Clearfix
		  
-------------------------------------------------- */


/* --------------------------------------------------
		Reset Style	
-------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
html{overflow-y:scroll;}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif;
	font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
table{  
	border-collapse:collapse;   
	border-spacing:0;   
}
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,th,var {  
	font-style:normal;   
	font-weight:normal;   
}
ol,ul,li {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {  
	font-size:100%;   
	font-weight:bold;   
} 
q:before,q:after {
	content:'';   
} 
abbr,acronym {border:0;}  
strong{font-weight:bold;}
a{
	text-decoration:none;
	outline:none;
}


/* --------------------------------------------------
		Margin/Padding
-------------------------------------------------- */

/* margin-top */
.mt0 { margin-top:0 !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt100 { margin-top:100px !important; }

/* margin-right */
.mr0 { margin-right:0 !important; }
.mr5 { 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; }
.mr35 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }

/* margin-bottom */
.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

/* margin-left */
.ml0 { margin-left:0 !important; }
.ml5 { 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; }
.ml35 { margin-left:30px !important; }

/* padding-top */
.pt0 { padding-top:0 !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }

/* padding-right */
.pr0 { padding-right:0 !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr110 { padding-right:110px!important; }

/* padding-bottom */
.pb0 { padding-bottom:0 !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }

/* padding-left */
.pl0 { padding-left:0 !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }

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