@charset "UTF-8";

/* side----------------------------------------------------------------------------- */

#mySubArea #sideOffer {
	margin:15px 0;
}

#mySubArea .box,
#subArea .box{
	background:url(../image/side_bg.gif) repeat-y;
	width:300px;
	margin:0 0 15px 0;
	}

#mySubArea .box .in,
#subArea .box .in{
	margin:7px 14px;
	}

#subArea .box h2{
	margin:0 0 10px 0;
	font-size:14px;
	color:#663300;
	font-weight:bold;
	}

#subArea h2.icon {
	padding: 0 0 0 25px;
	font-size: 16px;
	font-weight: bold;
	color:#000;
}
#subArea h2.icon01{background:url(../image/title_icon01.gif) no-repeat left center;}
#subArea h2.icon02{background:url(../image/title_icon02.gif) no-repeat left center;}
#subArea h2.icon03{background:url(../image/title_icon03.gif) no-repeat left center;}
#subArea h2.icon04{background:url(../image/title_icon04.gif) no-repeat left center;}
#subArea h2.icon05{background:url(../image/title_icon05.gif) no-repeat left center;}
#subArea h2.icon06{background:url(../image/title_icon06.gif) no-repeat left center;}
#subArea h2.icon07{background:url(../image/title_icon07.png) no-repeat left center;}

#subArea .arrowLink{
	background:url(../image/side_acs.gif) no-repeat left 7px;
	margin:0;
	}

#mySubArea .box#sideOffer .in,
#subArea .box#sideOffer .in{
	background:url(../image/side_offer_img.gif) no-repeat right center;
	padding:0 85px 0 0;
	}

#subArea .box#sideOffer p{
	margin:0 0 5px 0;
	}

#subArea .box#sideOffer h2{
	margin:0 0 5px 0;
	}

#subArea .imgs{
	width:282px;
	margin-right:-10px;
	}

#subArea .side_news .imgs{
	padding-left:16px;
	}

#subArea .side_news .imgs .img{
	margin-bottom: 0px;
	}

#subArea .side_news .imgs .img p.supp{
	margin-bottom: 0px;
	}
#subArea .side_news .lead{
	color:#57341d;
	font-size:10px;
	font-weight:bold;
	line-height:1.3;
}
#subArea .side_news .supp{
	line-height:1.3 ! important;
}
/* === clearfix ==*/
#subArea .imgs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#subArea .imgs{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #subArea .imgs{height: 1%;}
#subArea .imgs{display: block;}
/* End hide from IE-mac */

#subArea .imgs .img{
	float:left;
	display:inline;
	width:84px;
	margin:0 9px 15px 0;
	text-align:left;
	}

#subArea .imgs .img img{
	display:block;
	margin:0 0 3px 0;
	}

#subArea .imgsLen{
	margin:0 0 10px 0;
	}

#subArea .imgsLen .img{
	margin:0 0 10px 0;
	}

/* === clearfix ==*/
#subArea .imgsLen .img:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#subArea .imgsLen .img{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #subArea .imgsLen .img{height: 1%;}
#subArea .imgsLen .img{display: block;}
/* End hide from IE-mac */

#subArea .imgsLen .photo{
	float:left;
	display:inline;
	margin:0;
	}

#subArea .imgsLen .txt{
	float:left;
	display:inline;
	width:175px;
	margin:0 0px 0 10px;
	}

#subArea .imgsLen .txt2{
	float:left;
	display:inline;
	width:200px;
	margin:0 0px 0 10px;
	}

#subArea .imgsLen .fulllen{
	width:282px;
	}

#subArea .imgsLen .collabo{
	width:282px;
	margin-left:-4px;
	}

#subArea .imgsLen .txt2 p{

	margin:0;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    }

#subArea .imgsLen .txt p{
	margin:0;
	}

#subArea .imgsLen .txt p.arrowLink{
	margin:0 0 10px 0;
	}

#subArea .imgsLen .collabo p{
	font-size:14px;
	}

#subArea .moreLink{
	background:url(../image/link_bg_side.gif) repeat;
	font-size:12px;
	line-height:14px;
	}

#subArea #banners{
	margin:40px 0 0 0;
	}

#subArea #banners img{
	margin:0 0 15px 0;
	}

#subArea #banners  a:hover{
	background:transparent;
	}

#subArea .sideQA{
	margin:10px 0 15px 0;
	}
#subArea .sideQA p{
	padding-left:18px;
	margin-bottom:5px;
}
#subArea .sideQA p.markQ{
	background:url(../image/campaign/mark_q.gif) no-repeat;
}
#subArea .sideQA p.markA{
	background:url(../image/campaign/mark_a.gif) no-repeat;
}