@charset "utf-8";
/* CSS Document */
body{
	min-width:1100px;
}

#nav{
	box-shadow:0px 7px 10px -4px #DDDEDE;
	-moz-box-shadow:0px 7px 10px -4px #DDDEDE;
	-webkit-box-shadow:0px 7px 10px -4px #DDDEDE;
	position:relative;
	behavior: url(/library/common/css/PIE.htc);
	padding:0;
	background:#fff;
}
p{
	line-height:1.6;
	margin:0 0 40px 0;
}

#areaWrapper1,
#mainArea{
	width:100%;
	padding:0;
 }

#mainvisualwrap{
	position:relative;
}
#slideArea{
	z-index:0;
	position:relative;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
#caroufredsel_wrapper{
	width:1200px;
	margin:0 auto;
}
#carouseltop{
}
#carouseltop li{
	position:relative;
	display:block;
	float: left;
	margin:0;
}
#carouseltop li a{
	display:block;
	width:1200px;
	height:600px;
}
#paging{
	height:16px;
	position:absolute;
	top:555px;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;	
}
#paging ul{
	position:relative;
	letter-spacing:-0.4em;
}
#paging ul li{
	display:inline-block;
	letter-spacing:normal;
	margin:0 0 0 -4px;
}
#paging ul li a{
	display:block;
	width:23px;
	height:16px;
	background-image:url(../../img/pager.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#paging ul li a.active{
	background-position:0 bottom;
}
#ctrl{
	position:absolute;
	z-index:50;
	width:1200px;
	margin:0 auto;
	left:0;
	right:0;
	top:345px;
}
#ctrl a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
}
#btnprev1{
	position:absolute;
	left:30px;
}
#btnnext1{
	position:absolute;
	right:30px;
}
#btnprev1 a{
	background:url(../../img/btn_main_prev.png) 0 0 no-repeat;
	width:14px;
	height:28px;
}
#btnnext1 a{
	background:url(../../img/btn_main_next.png) 0 0 no-repeat;
	width:14px;
	height:28px;
}



#business{
	background:#F1F1F1;
	padding:65px 0 0 0;
}

h1{
	margin:0 0 43px 0;
	text-align:center;
}

/* business
------------------ */
#business{
	background:#F0F0F0 url(../../img/bg_business.png) center bottom no-repeat;
	background-size:cover;
	padding:66px 0 62px 0;
}
#tabs{
}
#tabs ul{
}
#tabs ul li{
	margin:0 0 0 7px;
	float:left;
}
#tabs ul li.L{
	margin:0 1px 0 0;
}
#tabs ul li a{
	width:491px;
	display:inline-block;
	background-color:#E60012;
	background-image: url(../../img/bg_tab.png);
	background-position: right center;
	background-repeat: no-repeat;
	color:#FFF;
	line-height:60px;
	text-decoration:none;
	padding:0 0 0 20px;
	box-sizing:border-box;
}
#tabs ul li a.active{
	background-color:#FFFFFF;
	background-image:none;
	color:#333333;
}

.tabcon{
	display:none;
}
.tabcon.active{
	display:block;
}

#businesslist{
	background:#FFFFFF;
}
#businesslist ul{
	letter-spacing:-0.4em;
	margin:0 0 0 15px;
	padding:34px 0 0 0;
}
#businesslist ul li{
	width:200px;
	box-sizing:content-box;
	letter-spacing:normal;
	display:inline-block;
	margin:0 20px 25px 20px;
	vertical-align:top;
}
#businesslist ul li a{
	display:block;
	width:200px;
	text-decoration:none;
	text-align:center;
}
#businesslist ul li a p{
	line-height:1.6;
}
#businesslist ul li a .img{
	margin:0 0 13px 0;
}
#businesslist ul li a .img img{
	width:100%;
}
#businesslist ul li a .ttl{
	margin:0 0 10px 0;
	font-weight:bold;
}

/* keyword
---------------------- */
#keyword{
	background:url(../../img/bg_keyword.png) 0 0 repeat;
	text-align:center;
}
#keyword #inkeyword{
	box-sizing:border-box;
	background:url(../../img/txt_keyword.png) 0 49px no-repeat;
	padding:46px 0 17px 226px;
	min-height:210px;
}
#keyword #inkeyword ul{
	letter-spacing:-0.4em;
	text-align:center;
}
#keyword #inkeyword ul li{
	letter-spacing:normal;
	display:inline-block;
	margin: 0 8px 24px 8px;
	vertical-align:top;
}
#keyword #inkeyword ul li a{
	display:block;
	background:#FFF;
	text-align:center;
	/* border-radius */
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	position:relative;
	behavior: url(/library/common/css/PIE.htc);
	line-height:50px;
	font-weight:bold;
	padding:0 30px;
	cursor:pointer;
}



/* seminar
---------------------- */
#seminar{
	padding:60px 0;
}
#seminar h1{
	margin:0 0 40px 0;
}
.btnArea{
	text-align:center;
	margin:45px 0 0 0;
}

#seminar li.icon1 .date{
	background-image:url(../img/icon_seminar1.png);
}
#seminar li.icon2 .date{
	background-image:url(../img/icon_seminar2.png);
}
#seminar li.icon3 .date{
	background-image:url(../img/icon_seminar3.png);
}
#seminar li.icon4 .date{
	background-image:url(../img/icon_seminar4.png);
}


/* advanced
---------------------- */
#advanced{
	background:url(../../img/bg_advanced.png) 0 0 no-repeat;
	background-size:cover;
	text-align:center;
	padding:64px 0 1px 0;
}
#advanced h1{
	margin:0 0 24px 0;
}
#advanced .base{
	text-align:center;
}

#advanced .ttlber{
	background-color: rgba(255,255,255,0.5);
	padding:30px 0 10px;
	margin-bottom:30px;
}

#advanced p{
	color:#e30012;
	opacity:1;
}

/* news
---------------------- */
#news{
	padding:60px 0;
}
#news li.iconnews1 .date{
	background-image:url(../img/icon_ir1.png);
}
#news li.iconnews2 .date{
	background-image:url(../img/icon_ir2.png);
}

/*pbWhatsnewTable*/

/*#news .pbWhatsnewTable img{
	margin-right:2em;
}*/

#news .pbWhatsnewTable td:first-child{
	min-width:9em;
}



/* pickup
---------------------- */
#pickup{
	padding:60px 0 200px 0;
	background:#F0F0F0;
	position:relative;
}

#areaWrapper1 #pickup h1{
	margin-bottom:40px;
}

#slideArea2{
	width:936px;
	z-index:0;
	position:relative;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	
	
	height: 80px;
	overflow: hidden;
}
#caroufredsel_wrapper2{
	width:936px;
	height: 80px;
	margin:0 auto;
}
#caroufredsel_wrapper2 .caroufredsel_wrapper{
	height: 80px;
}
#ctrl2{
	position:absolute;
	width:990px;
	z-index:50;
}
#btnprev2{
	width:20px;
	height:80px;
	position:absolute;
	top:0;
	left:0;
	display:block !important;
}
#btnprev2 a{
	width:20px;
	height:80px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../../img/btn_pickup_prev.png) 0 0 no-repeat;
}
#btnnext2{
	width:20px;
	position:absolute;
	top:0;
	right:0;
	display:block !important;
}
#btnnext2 a{
	width:20px;
	height:80px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../../img/btn_pickup_next.png) 0 0 no-repeat;
}
#inpickup{
	text-align:center;
}
#pickup ul{
}
#pickup ul li{
	position:relative;
	display:block;
	float: left;
	margin:0 11px;
}


/* contact
------------- */
#contact ul{
	letter-spacing:-0.4em;
	margin:0 -17px 0 -18px;
}
#contact ul li{
	letter-spacing:normal;
	margin:0 17px 36px 18px;
	display:inline-block;
}
#contact ul li a{
	width:400px;
	box-sizing:border-box;
	max-width:400px;
	line-height:1.6;
}
#contact p{
	color:#FFF;
	margin:0 0 15px 0;
}




/* newslist
------------- */
.newslist{
}
.newslist li{
	padding:15px 0 15px 18em;
	border-bottom:1px solid #CAC9CE;
}
.newslist li .date{
	display:inline-block;
	width:18em;
	margin-left:-18em;
	vertical-align:top;
	line-height:1.6;
	background-position:11em 0;
	background-repeat:no-repeat;
}
.newslist li .txt{
	display:inline-block;
	vertical-align:top;
	line-height:1.6;
}


/* ===================================================== */
/* CLEAR */
/* ===================================================== */
/*----------------------*/
#tabs ul li,
#pickup ul{
	min-height:1%;
}
#tabs ul:after,
#pickup ul:after{
/* for modern browser */ 
	content: "";
	clear: both;
	height: 0px;
	display: block;
	visibility: hidden;
}
* html #tabs ul,
* html #pickup ul{/* for IE */ 
/*\*/height:1%;/* for WinIE*/ 
display:inline-table;/* for MacIE*/ 
}
body*#tabs ul:after,
body*#pickup ul:after{
	content: ".";
}



