@charset "utf-8";
/**
 * index.css 
 * (c) United Arrows Ltd.
 */

/* Header */
	#Header { margin-bottom: 20px; }

/* heading */
/* heading */
	.gTitle { margin-bottom: 15px; }
/*	.sectionTitle {
		margin-bottom: 35px;
		font-weight: bold;
		font-size: 136%;
	} */

	.sectionTitle {
		clear: both;
		border-bottom: 1px solid #999999;
		padding: 0 5px 5px;
		margin-bottom: 20px;
		font-weight: bold;
		font-size: 107%;
	}

/* ArticleMain */
	#ArticleMain {
		float: none;
		width: auto;
	}
	p.title{
		word-break: break-all;
	}

/* MainImgArea */
	#MainImgArea {
		position: relative;
		margin-bottom: 30px;
		height: 430px;
		zoom: 1;
	}
	#MainImgArea:after { content : ''; display : block; clear : both; }

/* MainImg */
	#MainImg {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 283px;
	}
	#MainImgList li {
		overflow: hidden;
		height: 430px;
	}

/* brandlogolist */
	#BrandListArea {
		margin-left: auto;
		width: 672px;
		height: 430px;
		zoom: 1;
	}
	.brandlogolist { zoom: 1; }
	.brandlogolist:after { content : ''; display : block; clear : both; }
	.brandlogolist li {
		/*overflow: hidden;*/
		float: left;
		position: relative;
		padding-left: 20px;
		width: 315px;
		zoom: 1;
	}
	.brandlogolist li img { vertical-align: top; }
	.brandlogolist li a {
		display: block;
		line-height:18px;
        border-bottom: 1px solid #000;
		padding: 23px 0 19px 64px;
		background-color: #fff;
		cursor: pointer;
	}
	.brandlogolist li.firstline a {
		border-top: 1px solid #000;
		padding: 21px 0 20px 64px;
	}
	.brandlogolist li a:hover {
		background-color: #ebebeb;
	}
	.brandlogolist li a .logo {
		/*position: absolute;
		left: 20px;
		top: 0px;*/
		display: block;
		padding: 3px 7px 3px 0;
		background-color: #fff;
	}

/* Topics */
	#Topics {
		clear: both;
		margin-bottom: 30px;
	}
	#TopicsList {
		position: relative;
		margin: 0 auto 0;
		width: 950px;
		height:180px;
		overflow: hidden;
	}
	#TopicsList .carouselBox{
		margin-left: 22px;
		height:180px;
	}
	#TopicsList li {
		width: 120px;
		height: 180px;
	}
	#TopicsList li img {
		margin-bottom: 3px;
	}
	#TopicsList li a,
	#TopicsList li a:hover {
		display: block;
		text-decoration: none;
		color: #282828;
		zoom: 1;
	}
	#TopicsList li a .text,
	#TopicsList li a:hover .text {
		display: block;
		word-break:break-all;
		word-wrap:break-word;
		padding-top: 3px;
		width:120px;
		font-size: 77%;
	}
	#TopicsList li a .text strong,
	#TopicsList li a:hover .text strong {
		font-weight: bold;
	}
	#TopicsList li a .img {
		display: block;
		overflow: hidden;
		width:120px;
		text-align: center;
	}
	#TopicsList li.wide,
	#TopicsList li.wide a,
	#TopicsList li.wide a .img,
	#TopicsList li.wide a:hover .img,
	#TopicsList li.wide a .text,
	#TopicsList li.wide a:hover .text {
		width:250px;	
	}
	.btNext {
		position: absolute;
		left: 934px;
		top: 0px;
	}
	.btPrev {
		position: absolute;
		left: 0px;
		top: 0px;
	}

	/*carouselBox*/
	.caroufredsel_wrapper{
		margin-left: 25px;
		width: 10000px;
		overflow: hidden;
	}
	.carouselBox {
		position: absolute;
		overflow: hidden!important;
	}
	.carouselBox li {
		float: left;
		padding-right: 10px;
		width: 120px;
		overflow: hidden;
	}
	.carouselBox li.wide {
		width: 250px;
	}

/* ColNewsArea */
	#ColNewsArea {
		clear: both;
		zoom: 1;
	}
	#ColNewsArea:after { content : ''; display : block; clear : both; }
	#ColNewsArea h2 { margin-bottom: 0; }
	#ColNewsArea .head img { vertical-align: top; }
	#CorpNews,
	#BrandNews,
	#OtherService {
		float: left;
		margin-right: 25px;
		width: 300px;
	}
	#ColNewsArea .head {
		position: relative;
		margin-bottom: 12px;
		border-bottom: 1px solid #000;
	}
	#ColNewsArea .head .list {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	#ColNewsArea .head .list li {
		float: right;
		margin-left: 9px;
	}
	#ColNewsArea .newslist li {
		margin-bottom: 10px;
	}
	#ColNewsArea .newslist li a {
		display: inline-block;
		line-height: 1.5;
	}
	#ColNewsArea .newslist li .info {
		font-weight: bold;
		text-decoration: none;
		color: #9b9b9b;
	}
	#ColNewsArea .newslist li a .text { text-decoration: none; }
	#ColNewsArea .newslist a:hover .text { text-decoration: underline; }

/* CorpNews */
	#CorpNews {}

/* BrandNews */
	#BrandNews {}

/* OtherService */
	#OtherService {
		margin-right: 0;
	}
	#OtherService .list li {
		border-bottom: 1px solid #000;
	}
	#OtherService .list li li {
		border-bottom: none;
	}
	#OtherService .housecard { zoom: 1; }
	#OtherService .housecard:after { content : ''; display : block; clear : both; }
	#OtherService .housecard .figure {
		float: left;
		width: 52px;
	}
	#OtherService .housecard .text {
		float: right;
		padding-bottom: 14px;
		width: 242px;
		font-size: 83%;
		line-height: 1.2;
	}
	#OtherService .housecard .text .btn { margin-top: 5px; zoom: 1; }
	#OtherService .housecard .text .btn:after { content : ''; display : block; clear : both; }
	#OtherService .housecard .text .btn li {
		float: left;
		margin-right: 5px;
	}
	
/* ImportantMessage */
	#ImportantMessage {
		clear: both;
		margin-bottom: 30px;
		border: 2px solid #cacaca;
		padding: 8px 20px;
	}
	#ImportantMessage dl {
		clear: both;
		zoom: 1;
	}
	#ImportantMessage dl:after { content : ''; display : block; clear : both; }
	#ImportantMessage dt {
		float: left;
		width: 110px;
		font-weight: bold;
	}
	#ImportantMessage dd {
		float: right;
		width: 780px;
	}