@charset "utf-8";

/*-----------------------------------------------------
common
-------------------------------------------------------*/
/*********************************
リセット
*********************************/

*{
	margin:0;
	padding:0;
	}

h1,h2,h3,h4,h5,h6,input,textarea,table { font-size:100%; }

dt,dd,form,textarea,input,select,option,address,em {
	font-weight:normal;
	font-style: normal;
}
	
td,th {
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	}

img{
	border:none;
	vertical-align: baseline;
}

table { border:none; }

a {
	border:none;
	text-decoration:none;
}

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

hr {
	display:none;
	visibility:hidden;
}

body { font-size:12px; }

/******************************
Option
******************************/

.clear { clear:both; }
.txt-right { text-align:right; }
.txt-left { text-align:left; }
.txt-center { text-align:center; }
.floatL { float:left; }
.floatR { float:right; }
.small{font-size:84%;}
.big {font-size:117%;}
.red {color:#ff0000;}
.orange {color:#ff6600;}
.blue {color:#02488E;}
.green {color:#339966;}
.yellow {color:#ffcc33;}
.black {color:#000000;}
.white {color:#ffffff;}
.indent {padding-left:1em;text-indent:-1em;}

	
/******************************
floatClearHack
******************************/

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

/*-----------------------------------------------------
margin 各種マージン
-------------------------------------------------------*/

/*********************************
margin-bottom
*********************************/

.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:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}

/*********************************
margin-left
*********************************/

.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

/*********************************
margin-right
*********************************/

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

/*********************************
margin-top
*********************************/

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

/*-----------------------------------------------------
padding
-------------------------------------------------------*/

/*********************************
padding-all
*********************************/

.pAll5 {padding:5px;}

/*********************************
padding-top
*********************************/

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

/*********************************
padding-left
*********************************/

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}

/*********************************
padding-right
*********************************/

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

/*********************************
padding-bottom
*********************************/

.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}