@charset "utf-8";
/* CSS Document */
#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;
	text-align:center;
	width: 100%;
	overflow: hidden;
}
#caroufredsel_wrapper{
	width:100%;
	margin:0 auto;
}
#carouseltop{
	overflow:hidden;
	max-width:100%;
}
#carouseltop li{
	position:relative;
	display:inline-block;
	float: left;
	margin:0;
}
#carouseltop li a{
	display:block;
	width:100%;
	height:auto;
}

#carouseltop li img{
	width:100%;
	height:auto;
}

#paging{
	height:16px;
	position:absolute;
	top:80%;
	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;
	background-size:cover;
	text-indent:-9999px;
	overflow:hidden;
}
#paging ul li a.active{
	background-position:0 bottom;
}


#caroufredsel_wrapper{
	width: 100%;
	margin:0 auto;
}
#carouselirtop{
}
#carouselirtop li{
	position:relative;
	display:block;
	float: left;
	margin:0;
}
#carouselirtop li a{
	display:block;
	width: 100%;
	height:auto;
}
#paging{
	height:16px;
	position:absolute;
	top:80%;
	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;
	background-size:cover;
	text-indent:-9999px;
	overflow:hidden;
}
#paging ul li a.active{
	background-position:0 bottom;
}




#ctrl{
	position:absolute;
	z-index:50;
	width:100%;
	margin:0 auto;
	left:0;
	right:0;
	top:45%;
}
#ctrl a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
}
#btnprev1{
	position:absolute;
	left:15px;
}
#btnnext1{
	position:absolute;
	right:15px;
}
#btnprev1 a{
	background:url(../../../img/btn_main_prev.png) 0 0 no-repeat;
	width:14px;
	height:28px;
	background-size:contain;
}
#btnnext1 a{
	background:url(../../../img/btn_main_next.png) 0 0 no-repeat;
	width:14px;
	height:28px;
	background-size:contain;
}

h1{
	margin:0 0 43px 0;
	text-align:center;
}

/* business
-------------------------- */
#business{
	background-image:url(../../../img/sp/bg_products_sp.png);
	background-color:#F0F0F0;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
	padding:25px 0;
	box-sizing:border-box;
}
#business h1{
	padding:27px 0;
	text-align:center;
}
#businesslist{
	background:#FFF;
	text-align:center;
}
#businesslist .lineT{
	border-top:1px solid #CCCCCC;
}
#businesslist .btnopen a{
	display:block;
	text-align:left;
	text-decoration:none;
	padding:11px 15px;
	color:#000000;
	background-image:url(../../../img/sp/bg_tab_sp.png);
	background-position:0 center;
	background-repeat:no-repeat;
	background-size:580px 5px;
}
#businesslist .btnopen a.active{
	background-position:right center;
}
#businesslist ul{
	padding:50px 15px 15px;
	box-sizing:border-box;
}

#businesslist .tabcon ul{
	padding:15px;
}

#businesslist ul li{
	margin:0 0 20px 0;
}
#businesslist ul li a{
	text-decoration:none;
}
#businesslist ul li a p{
	line-height:1.7;
}
#businesslist ul li .img img{
	width:100%;
}
#businesslist ul li .ttl{
	margin:11px 0 7px 0;
}
#businesslist .tabcon{
	display:none;
	margin:0 auto;
}
#businesslist .tabcon.active{
	display:block;
}

/* keyword
---------------------- */
#keyword{
	background-image:url(../../../img/sp/bg_keyword_sp.png);
	background-position:0 0;
	background-repeat:repeat;
	background-size:320px 2px;
}
#inkeyword{
	background-image:url(../../../img/sp/txt_keyword_sp.png);
	background-position:center 25px;
	background-repeat:no-repeat;
	background-size:110px 77px;
	padding:116px 0 18px 0;
	text-align: center;
}
#keyword #inkeyword ul{
	letter-spacing:-0.4em;
	margin:0 -5px;
}
#keyword #inkeyword ul li{
	letter-spacing:normal;
	display:inline-block;
	margin: 0 5px 14px 5px;
	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);
	padding:0 30px;
	line-height:50px;
	font-weight:bold;
	color:#333;
}

/* seminar
---------------------- */
#seminar{
	padding:27px 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-color:#d7d7d5;
	background-image:url(../../../img/sp/bg_advanced_sp.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	padding:31px 0 5px 0;
}
#advanced h1{
	text-align:center;
}

#advanced .ttlber{
	background-color: rgba(255,255,255,0.5);
	padding:30px 0 10px;
	margin-bottom:30px;
}

#advanced div{
	text-align:center;
}

#advanced img{
	max-width:100%;
}

/* news
---------------------- */
#news{
	padding:27px 0;
}
/*#news li.iconnews1 .date{
	background-image:url(../../img/icon_ir1.png);
}
#news li.iconnews2 .date{
	background-image:url(../../img/icon_ir2.png);
}*/
/* pickup
------------- */
#caroufredsel_wrapper2{
	margin:0 10px;
}

#pickup{
	background:#F0F0F0;
	padding:0 0 27px 0;
	position:relative;
}
#pickup h1{
	padding:27px 0;
	text-align:center;
	margin-bottom:0;
}
#pickup ul{
	letter-spacing:-0.4em;
	max-width:100%;
}
#pickup ul li{
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
	width:100%;
}

#pickup ul li img{
	width:100%;
}

#pickup ul li div{
	margin: 0 0 15px 0;	
}
#ctrl2{
	position:absolute;
	width:100%;
	z-index:50;
	left:0;
}
#btnprev2{
	width:15px;
	height:100px;
	position:absolute;
	top:0;
	left:10px;
	display:block !important;
}
#btnprev2 a{
	width:15px;
	height:100px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(../../../img/sp/btn_pickup_prev_sp.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
#btnnext2{
	width:15px;
	position:absolute;
	top:0;
	right:10px;
	display:block !important;
}
#btnnext2 a{
	width:15px;
	height:100px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(../../../img/sp/btn_pickup_next_sp.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}

/* 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{
	border-top:1px solid #CAC9CE;
}
.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: ".";
}