/*-----------------------------------------------------
common.css
-------------------------------------------------------*/

/*2011.2.22 更新←css追加の際は更新日を記載してください。*/



/*-----------------------------------------------------
文字の色、種類
-------------------------------------------------------*/

.bold {
	font-weight : bold;
}

.red {
	color : #ff0000;
}

/*-----------------------------------------------------
文字のサイズ
-------------------------------------------------------*/

.f70 {font-size:70%!important;}
.f75 {font-size:75%!important;}	
.f80 {font-size:80%!important;}
.f85 {font-size:85%!important;}
.f90 {font-size:90%!important;}
.f95 {font-size:95%!important;}
.f100 {font-size:100%!important;}
.f110 {font-size:110%!important;}
.f120 {font-size:120%!important;}
.f130 {font-size:130%!important;}
.f140 {font-size:140%!important;}
.f150 {font-size:150%!important;}


/*-----------------------------------------------------
文字の行間
-------------------------------------------------------*/

.text01 {
	line-height : 1.4;
	color : #333333;
}

.lh11 {
	line-height : 1.1!important;
}
.lh12 {
	line-height : 1.2!important;
}
.lh13 {
	line-height : 1.3!important;
}
.lh14 {
	line-height : 1.4!important;
}
.lh15 {
	line-height : 1.5!important;
}
.lh16 {
	line-height : 1.6!important;
}
.lh17 {
	line-height : 1.7!important;
}
.lh18 {
	line-height : 1.8!important;
}
.lh19 {
	line-height : 1.9!important;
}
.lh20 {	line-height : 2!important;
}


/*-----------------------------------------------------
ALIGN
-------------------------------------------------------*/

.alleft{
	text-align : left!important;
}

.alcenter {
	text-align : center!important;
}

.alright {
	text-align : right!important;
}


/*-----------------------------------------------------
VALIGN
-------------------------------------------------------*/

.vtop{
	vertical-align : top!important;
}

.vmiddle {
	vertical-align : middle!important;
}

.vbottom {
	vertical-align : bottom!important;
}


/*-----------------------------------------------------
DISPLAY
-------------------------------------------------------*/

.block {
	display : block!important;
}

.inline li {
	display : inline!important;
}


/*-----------------------------------------------------
FLOAT & CLEAR 
-------------------------------------------------------*/

.fl {
	float : left;
	display : inline;
}

.fr {
	float : right;
	display : inline;
}

.clear {
	clear : both;
}


/*-----------------------------------------------------
MARGIN
-------------------------------------------------------*/

/* MARGIN */
.ma00 { margin:0px!important; }
.ma05 { margin:5px!important; }
.ma10 { margin:10px!important; }
.ma15 { margin:15px!important; }
.ma20 { margin:20px!important; }
.ma25 { margin:25px!important; }
.ma30 { margin:30px!important; }
.ma35 { margin:35px!important; }

/* MARGIN-TOP */
.mt00 { margin-top:0px!important; }
.mt05 { 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; }

/* MARGIN-RIGHT */
.mr05 { 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:35px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }

/* MARGIN-BOTTOM */
.mb00 { margin-bottom:0!important; }
.mb05 { 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; }
.mb100 { margin-bottom:100px!important; }
.mb150 { margin-bottom:150px!important; }

/* MARGIN-LEFT */
.ml05 { 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:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }
.ml70 { margin-left:70px!important; }
.ml80 { margin-left:80px!important; }
.ml90 { margin-left:90px!important; }
.ml100 { margin-left:100px!important; }

/* MARGIN-TOP & MARGIN-BOTTOM */
.mtb05 { margin-top:5px!important; margin-bottom:5px!important; }
.mtb10 { margin-top:10px!important; margin-bottom:10px!important; }
.mtb15 { margin-top:15px!important; margin-bottom:15px!important; }
.mtb20 { margin-top:20px!important; margin-bottom:20px!important; }
.mtb25 { margin-top:25px!important; margin-bottom:25px!important; }
.mtb30 { margin-top:30px!important; margin-bottom:30px!important; }
.mtb35 { margin-top:35px!important; margin-bottom:35px!important; }
.mtb40 { margin-top:40px!important; margin-bottom:40px!important; }
.mtb45 { margin-top:45px!important; margin-bottom:45px!important; }
.mtb50 { margin-top:50px!important; margin-bottom:50px!important; }

/* MARGIN-LEFT & MARGIN-RIGHT */
.mlr05 { margin-left:5px!important; margin-right:5px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mlr15 { margin-left:15px!important; margin-right:15px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.mlr25 { margin-left:25px!important; margin-right:25px!important; }
.mlr30 { margin-left:30px!important; margin-right:30px!important; }
.mlr35 { margin-left:35px!important; margin-right:35px!important; }
.mlr40 { margin-left:40px!important; margin-right:40px!important; }
.mlr45 { margin-left:45px!important; margin-right:45px!important; }
.mlr50 { margin-left:50px!important; margin-right:50px!important; }


/*-----------------------------------------------------
PADDING
-------------------------------------------------------*/

/* PADDING-TOP */
.pt05 { 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; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt45 { padding-top:45px!important; }
.pt50 { padding-top:50px!important; }

/* PADDING-BOTTOM */
.pb05 { 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; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb45 { padding-bottom:45px!important; }
.pb50 { padding-bottom:50px!important; }

/* PADDING-LEFT */
.pl05 { 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; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl45 { padding-left:45px!important; }
.pl50 { padding-left:50px!important; }

/* PADDING-RIGHT */
.pr05 { 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; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr45 { padding-right:45px!important; }
.pr50 { padding-right:50px!important; }

/* PADDING-ALL */
.pa02 { padding:2px!important; }
.pa05 { padding:5px!important; }
.pa10 { padding:10px!important; }
.pa15 { padding:15px!important; }
.pa20 { padding:20px!important; }
.pa25 { padding:25px!important; }
.pa30 { padding:30px!important; }
.pa35 { padding:35px!important; }

/* PADDING-TOP & PADDING-BOTTOM */
.ptb05 { padding-top:5px!important; padding-bottom:5px!important; }
.ptb10 { padding-top:10px!important; padding-bottom:10px!important; }
.ptb15 { padding-top:15px!important; padding-bottom:15px!important; }
.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
.ptb25 { padding-top:25px!important; padding-bottom:25px!important; }
.ptb30 { padding-top:30px!important; padding-bottom:30px!important; }
.ptb35 { padding-top350px!important; padding-bottom:35px!important; }

/* PADDING-LEFT & PADDING-RIGHT */
.plr05 { padding-left:5px!important; padding-right:5px!important; }
.plr10 { padding-left:10px!important; padding-right:10px!important; }
.plr15 { padding-left:15px!important; padding-right:15px!important; }
.plr20 { padding-left:20px!important; padding-right:20px!important; }
.plr25 { padding-left:25px!important; padding-right:25px!important; }
.plr30 { padding-left:30px!important; padding-right:30px!important; }
.plr35 { padding-left:35px!important; padding-right:35px!important; }
.plr40 { padding-left:40px!important; padding-right:35px!important; }
.plr45 { padding-left:45px!important; padding-right:35px!important; }
.plr50 { padding-left:50px!important; padding-right:35px!important; }


/*-----------------------------------------------------
WIDTH
-------------------------------------------------------*/

.w050 { width : 50px; }
.w060 { width : 60px; }
.w070 { width : 70px; }
.w080 { width : 80px; }
.w090 { width : 90px; }
.w100 { width : 100px; }
.w125 { width : 125px; }
.w150 { width : 150px; }
.w160 { width : 160px; }
.w175 { width : 175px; }
.w200 { width : 200px; }
.w225 { width : 225px; }
.w250 { width : 250px; }
.w300 { width : 300px; }
.w325 { width : 325px; }
.w350 { width : 350px; }
.w375 { width : 375px; }
.w400 { width : 400px; }
.w425 { width : 425px; }
.w450 { width : 450px; }
.w475 { width : 475px; }
.w500 { width : 500px; }
.w525 { width : 525px; }
.w550 { width : 550px; }
.w540 { width : 540px; }
.w550 { width : 550px; }
.w575 { width : 575px; }
.w600 { width : 600px; }
.w625 { width : 625px; }
.w650 { width : 650px; }
.w010p { width : 10%; }
.w020p { width : 20%; }
.w030p { width : 30%; }
.w040p { width : 40%; }
.w050p { width : 50%; }
.w060p { width : 60%; }
.w070p { width : 70%; }
.w080p { width : 80%; }
.w090p { width : 90%; }
.w100p { width : 100%; }

/*--------------------------------------
INDENT
--------------------------------------*/

.indent {
	text-indent : 1em;
}

.indent1em {
	text-indent : -1em;
	padding-left : 1em;
}

.indent2em {
	text-indent : -2em;
	padding-left : 2em;
}

.indent3em {
	text-indent : -3em;
	padding-left : 3em;	
}


/*-----------------------------------------------------
NOWRAP
-------------------------------------------------------*/

.nowrap {
	white-space : nowrap;
}


/*-----------------------------------------------------
付け足す場合は「カテゴリ名」と追加年日を記載
-------------------------------------------------------*/


.ullist {
	list-style-type : disc;
	padding-left : 20px;
}

.ullist li {
	line-height : 1.4;
}