@charset "utf-8";

/*=========================================================
	index
		1. bordr & color
		2. float box
		3. margin & padding
=========================================================*/

/* 1. bordr & color
=========================================================*/
.panel-b,
.panel-d{
	margin:1em 0;
	padding:10px 15px;
}
.panel-b{border:1px solid #CCCCCC;}
.panel-d{border:1px dotted #CCCCCC;}

.pause-b,
.pause-d{
	margin:.5em 0 1em;
	padding-bottom:1em;
}
.pause-b{border-bottom:1px solid #CCCCCC;}
.pause-d{border-bottom:1px dotted #CCCCCC;}

/*.panel-b p,
.panel-d p,
.pause-b p,
.pause-d p{
	margin-bottom:0px!important;}*/
/* 2. float box
=========================================================*/
.fright{float:right;}
.fleft{float:left;}
.frobject,.flobject{
	display:block;
	width:auto;
	height:auto;
	line-height:1;
	margin-bottom:5px;
	border:#CCCCCC 1px solid;
	background:#F0F0F0;
}
.frobject{margin-left:15px;}
.flobject{margin-right:15px;}

/* caption
---------------------------------------------------------*/
#content .captText{
	margin:5px 0 0;
	font-size:85%;
	line-height:1.4;
}

/* 3. margin & padding
=========================================================*/
.m0{margin:0 !important;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px}
.ml20{margin-left:20px;}

/* box padding
---------------------------------------------------------*/
.p0{padding:0 !important;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px}
.pl20{padding-left:20px;}

.borderNone {
	border-bottom:none!important;}
.w320{
	padding:0;
	width:320px;
	float:left;
	margin-bottom:30px;}

.w320 h2{
	padding-top:8px!important;
	padding-left:15px!important;
	width:307px!important;
	background:url(../images/for_h2_w300.jpg) no-repeat top #FFFFFF!important;}


.w320 h2 a{
	color:#333333!important;
	padding-left:10px!important;
	}
.w320 h2 a:hover{
	color:#57809B!important;
	}
.bkcol01{background-color:#E7EBEE;}
.bkcol02{background-color:#FCF5D6;}