@charset "shift_jis";

/*=========================================================
	[ m_box.css ]
	module - box style
	date - creation:2007-12-05 // update:2007-12-12
=========================================================*/

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

/* 1. bordr & color
=========================================================*/
.panel-b,.panel-d{
	margin-top:20px;
	padding-bottom:10px;
}
p.panel-b,p.panel-d{
	padding:10px;
}
.panel-b{border:1px solid #BBBBBB;}
.panel-d{border:1px dotted #BBBBBB;}
.pause-b,.pause-d{
	margin-top:10px;
	padding-bottom:10px;
}
.pause-b{border-bottom:1px solid #BBBBBB;}
.pause-d{border-bottom:1px dotted #BBBBBB;}

/* 2. box align & size
=========================================================*/
.balr{margin-right:auto;margin-left:0;}
.balc{margin-right:50%;margin-left:50%;}
.ball{margin-right:0;margin-left:auto;}

#wrapper #container .bSize30{display:block;width:30%;}
#wrapper #container .bSize50{display:block;width:49%;}
#wrapper #container .bSize70{display:block;width:69%;}
#wrapper #container .bSizeAut{display:block;width:auto;}

/* 3. float box
=========================================================*/
.fright{float:right;}
.fleft{float:left;}
.frobject,.flobject{
	display:block;
	width:auto;
	height:auto;
	line-height:1;
	margin-bottom:5px;
}
.frobject{margin-left:15px;}
.flobject{margin-right:15px;}
/* image caption */
.imgcapt img{margin-bottom:5px;}
.imgcapt span{
	font-size:80%;
	line-height:1.2;
}

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

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

#wrapper #container .mr0{margin-right:0 !important;}
#wrapper #container .mr5{margin-right:5px;}
#wrapper #container .mr10{margin-right:10px;}
#wrapper #container .mr15{margin-right:15px;}
#wrapper #container .mr20{margin-right:20px;}

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

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

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

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

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

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

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