@charset "utf-8";

/*......................................製品・サービス...*/
#Lside #top_solution{
	margin: 0 0 50px 0;
	border: 1px #aaa solid; }
#Lside #top_solution p{
	margin: 15px 0 5px 0;
	padding: 0 0 0 0.5em; }
#Lside #top_solution ul{
	padding: 0 0 1em 0.5em; }
#Lside #top_solution li{
	display: inline-block;
	width: 32%;
	margin: 0.5em 0.1em 0 0.1em;
	vertical-align: middle;
	border-radius: 0.2em;
	/*background: #f5f5f5;*/
	background: linear-gradient(white, #f5f5f5);
	border: 1px #aaa solid; }
#Lside #top_solution li i{
	width: 30px;
	margin: 8px 5px 0 0;
	text-align: center;
	font-size: 28px;
	color: #666;
	float: left; }
#Lside #top_solution li a{
	display: block; height: 3.2em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 1.1em; }

/*........................................ニュースリリース...*/
#Lside #press,
#Lside #news{
	width: 350px;
	margin-bottom: 50px;
	display: inline-block;
	border: 1px #aaa solid; }
#Lside #news{
	float: left; }
#Lside #press{
	float: right; }
#Lside #press ul,
#Lside #news ul{
	height: 30em;
	overflow: auto;
	margin: 7px 6px 0 6px; }
#Lside #press ul li,
#Lside #news ul li{
	clear: both;
	margin-bottom: 8px;
	padding: 0 10px 3px 10px;
	background: url(../images_new/ic_tri_gray.gif) no-repeat 0 5px;
	border-bottom: 1px #ccc dotted; }
#Lside #press ul li span.ic,
#Lside #news ul li span.ic{
	display: inline-block;
	margin: 0 0 3px 5px;
	padding: 1px 3px 0 3px;
	border-radius: 2px;
	color: #fff;
	font-size: 0.9em; }
#Lside #press ul li  span.press{
	background: #575757; }
#Lside #news ul li  span.vm{
	background: #299802; }
#Lside #news ul li  span.db{
	background: #b92200; }
#Lside #news ul li  span.es{
	background: #36C; }
/*.....................SNSプラグイン...*/
#Lside h4.sotial{
	clear: both;
	margin-bottom: 1em;
	font-weight: bold;
	border-top: 1px #aaa solid;
	border-right: 1px #aaa solid;
	border-left: 1px #aaa solid; }
#Lside #top_fb{
	width: 352px;
	float: left; }
#Lside #top_fb h5{
	padding: 0.2em 0;
	text-indent: 0.2em;
	background: #3b5998;
	border-bottom: none;
	font-size: 22px;
	color: #fff; }
#Lside #top_tw{
	width: 352px;
	float: right; }
#Lside #top_tw h5{
	padding: 0.2em 0;
	text-indent: 0.2em;
	background: #55acee;
	border-bottom: none;
	font-size: 22px;
	color: #fff; }
/*......................................下部製品一覧リンク...*/
#top_products{
	clear: both;
	margin: 20px 0 20px 0;
	padding: 10px;
	background: #efefef;
	border: 1px #ccc solid; }
#top_products h5{
	padding: 0.5em 0;
	font-size: 1.2em;
	border-bottom: 1px #ccc solid; }
#top_products dl{
	width: 31%; height: 100%;
	margin: 10px 5px 0 5px;
	padding: 0 5px 0 5px;
	float: left;
	border-left: 1px #ccc dotted; }
#top_products dl:nth-child(2){
	border-left: none; }
#top_products dt{
	margin: 5px 0 3px 0;
	font-weight: bold; }
#top_products dd{
	padding: 0 0 5px 10px;
	font-size: 1.2em;
	line-height: 1.4; }
#top_products dd span{
	font-size: 0.7em; }
/*............................Rside...*/
#Rside{
	display: inline;
	width: 225px;
	margin: 15px 0 15px 0;
	clear: right;
	float: right; }
/*...............................................................Right side....*/
a.iclink{
	display: inline-block;
	margin: 0 4px; 
	background: #69C;
	color: #fff;
	padding: 1px 5px;
	border-radius:3px; }
#Rside ul.Rbox{
	margin: 0 0 15px 0;
	padding: 3px 0 10px 0;
	background: #efefef;
	display: table;
	/*border-radius: 8px;*/ }
#Rside ul.Rbox li.Rttl{
	margin: 0 3px 10px 3px;
	padding: 4px 5px 2px 6px;
	color: #fff;
	background: #0c266d;
	border-bottom: 3px #828fb4 solid;
	/*border-radius: 6px 6px 0 0;*/ }
#Rside ul.Rbox li{
	margin: 0 7px 5px 7px; }
#Rside ul.Rbox li span.ic{
	display: inline-block;
	margin: 0 5px 3px 0;
	padding: 1px 3px;
	border-radius: 0.2em;
	color: #fff;
	font-size: 0.7em; }
#Rside ul.Rbox li span.web{
	background: #339049; }
#Rside ul.Rbox li span.semi{
	background: #264ab1; }
#Rside ul.Rbox li span.eve{
	background: #F08012; }
#Rside ul.Rbox li.idx a{
	display: block;
	padding-top: 5px;
	margin-bottom:0.6em;
	float: right;
	font-size: 1em; }
#Rside img.bn{
	margin: 0 0 15px 7px; }
#Rside img.bn225{
	margin: 0 0 15px 0; }
#Rside img.bns{
	margin: 0 0 3px 7px; }
/*...........................サポート...*/
#Rside .Rsupport{
	position: relative;
	margin-bottom: 5px; }
#Rside .Rsupport a{
	display: block;
	width: 95%;
	padding: 0.7em 0;
	text-align: center;
	position: absolute;
	top: 195px; left: 2.5%;
	background: #eb7501;
	/*border-radius: 0.3em;*/
	color: #fff;
	font-size: 1.4em; }
/*...........................ボタン...*/
ul.Rbox li.dwl,
ul.Rbox li.blog,
ul.Rbox li.demo,
ul.Rbox li.doc,
ul.Rbox li.ytube{
	margin: 1px 7px 5px 7px;
	background: #fff;
	line-height: 1.5; }
ul.Rbox li.dwl a,
ul.Rbox li.blog a,
ul.Rbox li.demo a,
ul.Rbox li.doc a,
ul.Rbox li.ytube a{
	height: 45px;
	display: block;
	padding: 4px 52px 4px 7px;
	border: 1px #aaa solid;
}
ul.Rbox li.dwl a{
	background: url(../images/btn_DL.png) no-repeat right top; }
ul.Rbox li.blog a{
	background: url(../images/btn_blog.png) no-repeat right top; }
ul.Rbox li.demo a{
	background: url(../images/btn_demo.png) no-repeat right top; }
ul.Rbox li.doc a{
	background: url(../images/btn_pdf.png) no-repeat right top; }
ul.Rbox li.ytube a{
	background: url(../images/btn_ytube.png) no-repeat right top; }
ul.Rbox li span{
	font-size: 10px;
	color: #333;
	line-height: 1.3; }
/*...........................コミュニティ...*/
#sociallink{
	margin: 0 0 5px 0;
	text-align: center; }
#sociallink a{
	width: 32px;
	height: 32px;
	margin: 0 2px;
	overflow:hidden; }
/*...........................加盟ネットワーク...*/
ul.Rbox#network li.Rttl{
	font-size: 12px;
	line-height: 1.6; }
ul.Rbox#network li{
	font-size: 10px;
	line-height: 1.3; }
ul.Rbox#network li img{
	margin: 3px 0 5px 0; }
ul.Rbox#network li.Rbtm img{
	margin: 3px 0 0 0; }
ul.Rbox#network li img.ibm{
	margin: 3px 10px 5px 0; }
/*............................................................banner..*/
#banner{
	clear: both;
	margin: 0 15px 0 0;
	padding: 50px 0 0 0;
	font-size: 10px; }
#banner p{
	float: left;
	margin: 0 15px 15px 0; }
#banner p.lst{
	margin: 0 0 15px 0; }
#banner p a.setsuden{
	display: block;
	width: 225px;
	height: 53px;
	padding: 1px 0 0 0;
	text-align: center;
	border: 1px #b0b0b0 solid; }
/*............................footer...*/
#footer{
	clear: both;
	height: 35px;
	margin: 30px 0 0 0;
	background: #0c266d;
	border-top: 4px #828fb4 solid; }
/*............................................................inner footer....*/
#footer ul#infoot{
	width: 945px;
	margin: 0 auto;
	padding: 12px 15px 0 15px;
	color: #fff; }
#footer ul#infoot li{
	float: left;
	padding: 0 10px;
	border-right: 1px #fff solid;
	line-height: 1;
	font-size: 0.8em; }
#footer ul#infoot li a{
	color: #fff; }
#footer ul#infoot li.copyr{
	float: right;
	border-right: none;
	font-size: 1em; }
#footer .socialbtn{
	position: fixed;
	right: .5rem; bottom: 5rem;
	text-align: right;
}
#footer .socialbtn .fb-like{
	display: block;
	margin-bottom: .5rem;
}
/*...............................................ページトップへ..*/
.totop{
	position: fixed;
	right: .5rem; bottom: 1rem;
}
#totop a,
.totop a{
	display: block;
	float: right;
	padding: 8px 10px;
	font-size: 1.5em;
	color: #fff;
	background: #0a2c83;
	border-radius: 4px; }