@charset "utf-8";
/* CSS Document */


br{line-height:none;}
.cmn01 * {
	margin: 0;
	padding: 0;
	line-height: 1.0;
}

.cmn01 img {
	border: 0;
}

.cmn01 .breadcrumb {
	margin: 0 5px;
}

.cmn01 .breadcrumb p {
	width: auto;
	float: left;
	font-size: 12px;
}

.cmn01 .breadcrumb p.ar{
	margin: 0 10px;
}




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




/* common */


.cmn01 {
	width: 980px;
	font-size: 14px;
	text-align: left;
}

.cmn01 ul {
	list-style: none;
}

.cmn01 ul li{
	line-height: 1.3em;
}

.cmn01 div.outer {

}

.cmn01 div.inner {
	width: 670px;
	padding: 20px;
	margin: 0 0 20px 0;
	border: 1px solid #f8b8c0;
	background: #fff;
}

.cmn01 p {
	line-height: 1.3em;
}

.cmn01 .left {
	width: 50%;
	float: left;
}

.cmn01 .right {
	width: 50%;
	float: right;
}

.cmn01 .center {
	text-align: center;
}


/***************************************************
	//bre clean
****************************************************/


/* layout */
#clean .content {
	background: #fff url(../images/clean_bg01.gif) repeat-y right;
	width: 970px;
	margin-top: 10px;
}
	#clean .content .main {
		float: left;
		width: 737px;
		overflow: hidden;
	}
		#clean .content .main .mainInner {
			padding: 30px;
		}

	#clean .content .sub {
		float: left;
		width: 233px;
	}

/******** main **********/

/* title */
	#clean .content .main h2 {
		border-top: 5px solid #FCB034;
		width: 737px;
	}
	
	#clean .content .main h4 {
		width: 691px;
		background: url(../images/clean_midasi_bg.jpg) repeat-y;
		margin-bottom: 10px;
	}
	
	#clean .content .main h4 span {
		display: block;
		background: url(../images/clean_midasi_bg02.jpg) no-repeat left bottom;
		line-height: 2;
		color: #FFFFFF;
		font-size: 92%;
		padding-left: 10px;
		padding-bottom: 6px;
	}

/* content common */
	#clean .content .main .intro {
		margin-bottom: 30px;
	}	
	#clean .content .main .section {
		margin-bottom: 30px;
	}

	#clean .content .main .section dl {
		margin-bottom: 30px;
	}

	#clean .content .main .section dl dt {
	margin-right: 10px;
	width:100px;
	float: left;
	}

	#clean .content .main .section dl dd {
	width:500px;
	float: left;
	}

	#clean .content .main dd,
	#clean .content .main dt,
	#clean .content .main li,
	#clean .content .main p {
		line-height: 1.6;
		font-size: 92%;
		color: #333;
	}
	
	#clean .content .main ol {
		margin-bottom: 15px;
		padding: 10px;
		border: #B2D28D 1px solid;
		background: #D7E4C7;
	}
	
	#clean .content .main ol li {
		margin: 0 0 10px 40px;
		list-style-type:decimal;
	}
	
	#clean .content .main ul li {
		margin: 0 0 10px 30px;
		list-style-type:disc;
	}
	
	#clean .content .main dt,
	#clean .content .main dd,
	#clean .content .main p {
		margin-bottom: 15px;
	}
	
	#clean .content .main .note01 {
		margin-bottom: 15px;
		padding: 10px;
		border: #B2D28D 1px solid;
		background: #D7E4C7;
		line-height: 1.6;
		overflow: hidden;
	}
	
	#clean .content .main .note02 {
		margin-bottom: 15px;
		padding: 10px 0 0;
		border-top: #B2D28D 2px dotted;
		border-bottom: #B2D28D 2px dotted;
		/*background: #D7E4C7;*/
		width: 60%;
		list-style-type: none;
	}
	
	#clean .content .main .note03 {
		margin-bottom: 15px;
		padding: 10px 0 10px;
		border-top: #B2D28D 2px dotted;
		border-bottom: #B2D28D 2px dotted;
		/*background: #D7E4C7;*/
		width: 60%;
	}
	
	#clean .content span {
		color: #5EA41C;
		font-weight: bold;
	}
	
	#clean .content strong {
		line-height: 2;
	}
	
	#clean .content .main a {
		line-height: 1.6;
		color: #2262A9;
		font-size: 92%;
	}
	
	#clean .content .main a:hover,
	#clean .content .main a:hover {
		text-decoration: underline;
	}	
	
	/* common parts */

	#clean .content .main .contBox {
	background: #ECEEFB;
		padding: 10px;
		margin-bottom: 15px !important;
	}
	
	#clean .content .main .titleA {
		background: #263495;
		padding: 5px 0 3px;
		text-align: center;
		color: #fff;
		font-size: 92%;
		margin: 0;
		border-bottom: 3px solid #0066CC;
	}
	
	#clean .content .main .mT10 {
		margin-top: 10px !important;
	}
	#clean .content .main .mR10 {
		margin-right: 10px !important;
	}
	#clean .content .main .pR10 {
		padding-right: 10px !important;
	}
	
	#clean .content .main .fLeft {
		float: left;
	}
	#clean .content .main .fRight {
		float: right;
		padding: 0 10px 10px 10px;
	}
	#clean .content .main .fClear {
		clear: both;
	}
	#clean .content .main .red {
		color: #FF355B;
	}
	#clean .content .main .fontS {
		font-size: 70%;
	}
	#clean .content .main .lineH18 {
		line-height: 1.8;
	}

/******** sub **********/

#clean .content .sub .theme {
	width: 208px;
	background: #FFFFFF;
	line-height: 1.6;
	margin: 5px 0 0 10px;
	padding-bottom: 10px;
}
	#clean .content .sub .theme dl {
		background: url(../images/clean_line01.gif) repeat-x bottom;
		padding: 5px 10px;
	}
	#clean .content .sub .theme dd a,
	#clean .content .sub .theme dt a,	
	#clean .content .sub .theme dd,
	#clean .content .sub .theme dt {
		line-height: 1.6;
		color: #FF7A1C;
		font-size: 92%;
	}
	
	#clean .content .sub .theme dd a:hover,
	#clean .content .sub .theme dt a:hover {
		text-decoration: underline;
	}	
	
	#clean .content .sub .bannerArea {
	margin: 10px 0 0 10px;
	}
		#clean .content .sub .bannerArea li {
		margin: 0 0 5px 0;
		}