﻿
@charset "UTF-8";

/*
新版カタログ
*/



sup,sub{
	font-size:10px;
}

p {
font-size:14px;
line-height:20px;
color:#222120;!important
}

.mainimg_ac{
	height:120px;
	padding-bottom:20px;
}

.titleimg{
	margin-top:10px;
	display:block;
	float:left;
	}

.link{
	display:block;
}

h3{
	margin-bottom:10px;
	margin-top:15px;
}

.spec_red{
	font-weight:bold;
	color:#E6002D;
}

h4{
	font-weight:bold;
	color:#E6002D;
	font-size:15px;
}



.gray{
	color:#434141;
}

.blue{
	color:#0074bf;
}

h5{
	font-weight:bold;
	color:#0074BF;
	font-size:15px;
}

#left{
	display:block;
	float:left;
	width:230px;
}


#right{
	width:800px;
	float:right;
	padding-bottom:45px;
	margin-right: 100px;
}
#right .h{line-height:40px;font-weight:bold;font-size:24px;color:#333;}
#right .h span{line-height:40px;font-weight:bold;font-size:24px;color:#333;}
#right table{display:table;margin:0 auto;}
p.small{
	font-size:11px;
	line-height:14px;
}
.lh{line-height:30px;font-weight:bold;color:#333;font-size:18px;}

p.subtitle{
	font-size:18px;
	font-weight:bold;
	line-height:30px;
}

ul.leftmenu li.lm_top{
	height:40px;
}

ul.leftmenu li.lh{
	height:25px;
}
ul.leftmenu li a{
	display:block;
	height:100%;
	text-indent:-9999px;
}
ul.leftmenu li{
	display:block;
	height:50px;
	margin-bottom:5px;
	text-indent:-9999px;
}

.normal{
	font-weight:normal;
}


.lm_top{
	background:url(../img/lm_top.jpg) no-repeat 0 0;
}
.lm_old{
	background:url(../img/lm_old.jpg) no-repeat 0 0;
}


.l_bn{
	display:block;
	width:190px;
	height:25px;
	text-indent:-9999px;
}


.l_new{
	background:url(../img/l_new_2.jpg) no-repeat 0 0;
}
.l_theme{
	background:url(../img/l_theme_2.jpg) no-repeat 0 0;
}

.l_manual{
	background:url(../img/l_manual_2.jpg) no-repeat 0 0;
}
.l_info{
	background:url(../img/l_info_2.jpg) no-repeat 0 0;
}
.l_help{
	height:40px !important;
	background:url(../img/l_help_2.jpg) no-repeat 0 0;
}

.help_area{
	width:745px;
	height:30px;
}



.help_area .bt_help{
	display:block;
	float:left;
	width:221px;
	height:28px;
	margin-right:20px;
}
.help_area .get_flash{
	display:block;
	float:left;
	width:111px;
	height:28px;
	margin-right:10px;
}

.help_area p{
	font-size:12px;
	line-height:14px;
}

/**prod**/
.prod{
	display:block;
	clear:both;
	border-top:#94B4DE 5px solid;
	margin-top:20px;
	padding-top:15px;
	padding-bottom:15px;
}

.prod:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .prod{
    height: 1em;
    overflow: visible;
}
/**/

.pleft{
	display:block;
	width:20%;
	float:left;
}

.pleft img{
}

.marks{
	display:block;
	text-align:center;
}


.pright{
	display:block;
	float:right;
	width:80%;
	padding-left:20px;
	box-sizing: border-box;
}
.pinfo{
	display:block;
	width:50%;
	float:left;
}

.pinfo .title{
	font-size:14px;
	font-weight:bold;
	color:#0074BF;
	line-height:16px;
}
.pinfo .date{
	font-size:13px;
	color:#666;
	font-weight:normal;
	margin-left:15px;
}

.pright p{
	clear:both;
	display:block;
	/*min-height:85px;*/
	margin-top:10px;
	font-size:12px;
}

.bt_dl{
	margin-top:15px;
	margin-bottom:5px;
}

ul.myul{
	display:block;
	list-style:outside disc;
	list-style-position:outside;
	padding-left:25px;
}

ul.myul li{
	text-indent:-15px;
	font-size:13px;
}

.pright ul{
	margin-top:10px;
	display:block;
	clear:both;
	list-style:outside disc;
	padding-left:25px;
}

.pright ul li{
	padding-left:-5px;
	font-size:12px;
}
.catalog{
	display:block;
	width:50%;
	float:left;
	text-align:center;
}
.catimg{
	border:#999 1px solid;
}

p.dlline{
	font-weight:bold;
	font-size:13px;
}

p.dlline a
{
	font-weight:normal;
	color:#0074bf;
	margin-left:5px;
}

p.dlline .sepa
{
	font-weight:normal;
	color:#999;
	margin-left:5px;
}


.ico_dl{
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	float:left;
	padding-right:5px;
	background:url(../img/ico_dl.jpg) no-repeat 0 0;
}

.bt_view{
	display:block;
	width:130px;
	height:21px;
	margin:auto;
	text-indent:-9999px;
	background:url(../img/bt_view.jpg) no-repeat 0 0;
}

.ico_new{
	display:block;
	text-indent:-9999px;
	width:41px;
	height:31px;
	background:url(../img/ico_new.jpg) no-repeat 0 0;
}

.bt_detail{
	display:block;
	width:101px;
	height:21px;
	text-indent:-9999px;
	background:url(../img/bt_detail.jpg) no-repeat 0 0;
	margin-top:5px;
}

#notfound{
	border:#F60 1px solid;
	height:100px;
	line-height:100px;
	text-align:center;
	font-weight:bold;
	margin-top:60px;
}

.list_new{
	color:#F00 !important;
	font-weight:bold;
}

.new{
	color:#F00 !important;
	font-weight:bold;
}

.section ul{
	list-style-type:disc;
	list-style-position:inside;
}

.varitbl{
	border-left:#666 1px solid;
	border-top:#666 1px solid;
}

.varitbl th,
.varitbl td
{
	font-size:13px !important;
	border-right:#666 1px solid;
	border-bottom:#666 1px solid;
	text-align:center;
	font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}


.varitbl th{
	background-color:#0074BF;
	color:#FFF;
	font-weight:normal;
}

.box_le{
	padding-left:72px;
}

.box_ri{
	padding-right:76px;
}
.logs{margin-top: 121px;}
.logs img{width: 100%;}
.news_main .right .content{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;width: 80%;float: right;}
.news_main .right .content .list{height: 110px;width: 100%;overflow: hidden;padding: 20px;box-sizing: border-box;background-color: rgb(245,245,245);margin-bottom: 20px;position: relative;box-shadow: 0 0 10px #ddd;}
.news_main .right .content .list .link{display: flex;flex-wrap: nowrap;flex-direction: row;color: black;height: 100%;width: 100%;position: relative}
.news_main .right .content .list .link .download{display:block;width:80px;height:40px;line-height:40px;border-radius:5px;color:#fff;background:#0073BE;text-align:center;margin-top:15px;}
.news_main .right .content .list .link .time{text-align: center;box-sizing: border-box;background:white;height: 110px;width: 200px;padding-top: 0;margin-top:-20px;margin-left:-20px}
.news_main .right .content .list .link .time .year{font-size: 30px;line-height: 40px;font-weight: bold;color: rgb(170,0,0)}
.news_main .right .content .list .link .time .day{font-size: 14px;line-height: 20px;font-weight: bold;color: black}
.news_main .right .content .list .link .new{margin-left: 20px;box-sizing: border-box;width: 84%;overflow: hidden;height: 92px}
.news_main .right .content .list .link .new .tle{font-size: 16px;line-height: inherit;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 0}
.news_main .right .content .list .link .new .news{font-size: 14px;line-height: 18px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: rgb(118,118,117);}
/* .news_main .right .content .list .link:hover .time{transform: rotateY(360deg);transition: 1s}
.news_main .right .content .list:hover{background-color: rgb(0,115,190)}
.news_main .right .content .list:hover .link .new .tle{color: white;transition: 0.5s}
.news_main .right .content .list:hover .link .new .news{color: white;transition: 0.5s;opacity: 1} */
.news_main .newss{padding: 10px 0;}
.news_main .les{width: 200px;float: left;}
.news_main .les li{display: block;height: 50px;margin-bottom: 5px;background: #0073BE}
.news_main .les li a{color: #fff;text-indent: 0;line-height: 50px;padding-left: 10px;}
.clear{clear: both;}
@media print{
	.bt_detail{
		font-size:11px;
		color:#333;
		text-indent:0;
		border:#F66 1px solid;
	}
}

.pidt{
	text-indent:-1em;
	padding-left:1em;
}




