@charset "utf-8";
/*=========================================================

	[ m_box.css ]

	module - box style

	date - creation:2009-09-01 // update:2010-03-05

=========================================================*/



/*=========================================================

	index

		1. bordr & color

		2. box align

		3. float box 

		4. margin & padding

=========================================================*/



/* 1. bordr & color

=========================================================*/

#content .panel-b, #content .panel-d, #content .panel-b-s {
	margin-top: 2em;
	padding: .35em .75em;
}
p.panel-b, p.panel-d, p.panel-b-s {
	padding: .35em .75em;
}
.panel-b {
	border: 1px solid #C5CACF;
}
.panel-d {
	border: 1px dotted #C5CACF;
}
.pause-b, .pause-d {
	margin-top: 10px;
	padding-bottom: 10px;
}
.pause-b {
	background: transparent url(/common/images/for_pause_b_bk.gif) repeat-x left bottom;
}
.pause-d {
	border-bottom: 1px dotted #C5CACF;
}
.panel-b-s {
	clear: both;
	margin-right: 25px;
	margin-left: 25px;
	border: 1px solid #C5CACF;
}
/* box type

---------------------------------------------------------*/





/* image border

---------------------------------------------------------*/

#content img {
	border: 3px solid #D0D5D9;
}
#content a:hover img {
	border: 3px solid #FF994D;
}
/* no border elements */

#content img.border-none, #content h1 img, #content h2 img, #content img.ico,  #content a:hover img.border-none, #content a:hover img.ico {
	border: 0;
}
/* 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;
}