@charset "utf-8";

/*siteBody style*/
.siteBody{
	margin: 0 auto;
	padding: 10px 19px 50px;
	width: 960px;
}


/* topicPath */

.siteBody .topicPath ul{
	margin: 0;
	padding: 0 0 10px 30px;
	+zoom: 1;
}
.siteBody .topicPath,
.siteBody .topicPath a{
	color: #808080 !important;
}
.side_personal .siteBody .topicPath ul{
	background: #ffffff url(/shared/img/frame/sprite_side_p.png) -719px -79px no-repeat !important;
}
.side_business .siteBody .topicPath ul{
	background: #ffffff url(/shared/img/frame/sprite_side3_b.png) -5px -3px no-repeat !important;
}
.siteBody .topicPath li{
	display: inline;
	padding-left: 12px;
	padding-right: 4px;
	background: url(/shared/img/frame/topicPath_03.gif) left 3px no-repeat;
}
.siteBody .topicPath li a{
	display: inline;
}
.siteBody .topicPath li.home{
	padding-left: 0;
	background: none;
}


/* Layout Framework */

.lf{
	margin: 0;
	/*display: box;*/
	/*display: -moz-box;*/
/*	display: -webkit-box;*/

	_position: relative;
	_overflow: hidden;
	/*_left: -24px;*/
	/*_width: 960px;*/
}

.lu {
	float: left;
	margin-left: 24px;
	/*outline: 1px solid red;*/
}

.webkit .lu {
	/*float: none;*/
}

/**
 * Usually, in IE, use $('.lu:first-child').addClass('lu.first-child');
 * But in case you have to care about performance, just hard cord the class.
 **/
/*.lu:first-child,*/
.lu\.first-child{
	margin-left: 0;
	padding-left: 0;
}

.lf .lf > p{
	margin-top: 0 !important;
}



/* split case */

.lf.split {
	display: block;
	width: 100%;
}

.lf.split .lu {
	float: left;
	width: 50%;
	margin-left: 0;
	text-align: right;
}

.lf.split .lu:after {
	content: '';
	width: 0;
}

.lf.split .lu\.first-child,
.lf.split .lu:first-child {
	text-align: left;
}

/* divided case */

.lf.divided .lu {
	margin-left: 12px;
	padding-left: 12px;
	background: url(../img/components/line_dotted_vertical.gif) repeat-y;
	+zoom: 1;
}

.lf.divided .lu .lu {
	background: none;
}

.lf.divided .lu\.first-child,
.lf.divided .lu:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

.span_full{
	width: 100%;
}
.span_1\/2{
	width: 50%;
	margin-left: 0;
}
.span_1\/3{
	width: 33.333%;
	margin-left: 0;
}
.span_1\/4{
	width: 25%;
	margin-left: 0;
}
.span_10{
	width: 58px;
}
.span_20{
	width: 140px;
}
.span_30{
	width: 222px;
}
.span_40{
	width: 304px;
}
.span_45{
	width: 345px;
}
.span_50{
	width: 386px;
}
.span_60{
	width: 468px;
}
.span_70{
	width: 550px;
}
.span_80{
	width: 632px;
}
.span_90{
	width: 714px;
}
.span_100{
	width: 796px;
}
.span_110{
	width: 878px;
}
.span_120{
	width: 960px;
}
.span_178px{
	width: 178px;
}
.span_206px{
	width: 206px;
}
.span_214px{
	width: 214px;
}
.span_334px{
	width: 334px;
}
.span_400px{
	width: 400px;
}
.span_526px{
	width: 526px;
}
.span_666px{
	width: 666px;
}
.span_690px{
	width: 690px;
}


.siteBody .topicPath ul,
.siteBody,
.lf,
.lu,
.clearfix {
	+zoom: 1;
}

.siteBody .topicPath ul:after,
.siteBody:after,
.lf:after,
.lu:after,
.clearfix:after {
	content: '';
	display: block;
	clear : both;
	height: 1px;
	margin-bottom: -1px;
	visibility: hidden;
}

/*print style*/

@media print {
	#mainContentsArea {
		margin-left: 0;
	}
	body {
		margin:0;
		padding:0;
		+zoom: 87%;
	}
	.fullWidthContent body {
		margin:0;
		padding:0;
		+zoom: 68%;
	}
	
	/* ie8 */
	html>/**/body .p_clear_block .lf{
		display: /*\**/ table\9 !important;
		vertical-align:top\9 !important;
	}
	html>/**/body .p_clear_block .lu{
		display: /*\**/ table-cell\9 !important;
		float:none\9 !important;
		vertical-align:top\9 !important;
		padding-left:24px\9 !important;
	}
	html>/**/body .p_clear_block .lu\.first-child{
		padding-left: /*\**/ 0\9 !important;
	}

}