@charset "utf-8";
/* CSS Document */


/* ----------- Clear Fix ---------------*/

.clearfix:after {
	content: url(cssimg/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block;overflow:hidden; }



/* ----------- pankuzulist ---------------*/

.pankuzulist li{
	font-size:0.8em;
	float:left;
	margin-right:3px;
	padding-bottom:10px;
	color:#333;
}

.pankuzulist a{
	color:#333;
}

.pankuzulist .listbefore{
	padding-right:16px;
	background-image:url(cssimg/list_before.gif);
	background-position:top right;
	background-repeat:no-repeat;
}


/* ------------topicbox -----------------*/
.topicbox{
	padding-bottom:15px;	
}
.topicbox .topictitle01{
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px;	/*上下、左右への余白*/
	background: #48be36 url(..images//subtitle_bg.jpg);	/*背景色と背景画像の読み込み（古いブラウザ用）*/
	background: url(../images/subtitle_bg.jpg), linear-gradient(#48be36, #296c1f);		/*背景画像とグラデーション*/
	border-top: 2px solid #FFF;	/*上の線の幅、線種、色*/
}
.topicbox .topictitle01 p{
	color: #FFF;	/*文字色*/
	font-size: 16px;	/*文字サイズ*/
}
.topicbox .topictitle01 p::first-letter{
	border-left: 3px solid #FFFFFF;	/*左の線の幅、線種、色*/
	padding-left: 10px;				/*線とテキストとの余白*/
}
.topicbox .topictitle02{
	clear: both;
	margin-bottom: 20px;
	padding: 4px 20px;	/*上下、左右への余白*/
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff, #d5d5d5);		/*グラデーション*/
	box-shadow: 1px 2px 7px rgba(0,0,0,0.3);	/*影の設定。右・下・ぼかし幅。0,0,0は黒の事で0.3は透明度30%の事。*/
	border: 1px solid #FFF;		/*枠線の幅、線種、色*/
}
.topicbox .topictitle02 p{
	color: #333;		/*文字色*/
	font-size: 16px;	/*文字サイズ*/
}
.topicbox .topictitle02 p::first-letter{
	border-left: 3px solid #296c1f;	/*左の線の幅、線種、色*/
	padding-left: 10px;				/*線とテキストとの余白*/
}
.topicbox .topictitle03{
	margin-bottom:8px;
	background-image:url(cssimg/subtitle_bg_3nd.jpg);
	background-repeat:repeat-x;
	background-color:#333333;
	color:#FFF;
	font-weight:bold;
	font-size:0.8em;
}
.topicbox .topictitle03 p{
	background-image:url(cssimg/subtitle_icon3_3nd.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	height:22px;
	line-height:22px;
}
.topicbox .topictitle04{
	margin-bottom:8px;
	background-image:url(cssimg/subtitle_bg_4nd.jpg);
	background-repeat:repeat-x;
	background-color:#333333;
	color:#FFF;
	font-weight:bold;
	font-size:0.8em;
}
.topicbox .topictitle04 p{
	background-image:url(cssimg/subtitle_icon4_4nd.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	height:22px;
	line-height:22px;
}
.topicbox .topictitle05{
	margin-bottom:8px;
	background-image:url(cssimg/subtitle_bg_5nd.jpg);
	background-repeat:repeat-x;
	background-color:#333333;
	color:#FFF;
	font-weight:bold;
	font-size:0.8em;
}

.topicbox .topictitle05 p{
	background-image:url(cssimg/subtitle_icon5_5nd.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:10px;
	height:22px;
	line-height:22px;
}
.topicbox .newproductimg{
	padding-bottom:8px;
}
.topicbox .newproductimg img{
	border:#999 1px solid;
}
.topicbox .newproducttitle{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:5px;
}
.topicbox .newstitle{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:5px;
	text-align:center;
	margin-top:30px;	
	margin-bottom:40px;
}
.topicbox .topicdoc{
	font-size:0.9em;
	line-height:120%;
	padding-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
.topicbox .topicdoc2{
	font-size:0.9em;
	line-height:150%;
	padding-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:40px;
}
.topicbox .topicdoc3{
	font-size:0.9em;
	line-height:150%;
	margin-left:10px;
	margin-right:10px;
	color:#808080
}

.topicbox .topicdoc9{
	font-size:0.9em;
	line-height:30%;
	padding-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

.topicbox .sign1{
	font-size:1.2em;
	line-height:150%;
	margin-left:10px;
	margin-right:10px;
	text-align:right;
}
.topicbox .topicdetail{
	font-size:0.8em;
	text-align:right;
	padding-bottom:20px;
}
.topicbox .news{
	width:300px;
	margin-bottom:15px;
}
.topicbox .newsdate{
	width:70px;
	color:#F60;
	vertical-align:top;
	font-size:0.8em;
}

.topicbox .topiclist{
	margin:10px;
	margin-left:25px
}
.topicbox .topiclist li{
	list-style:disc;
	font-size:0.8em;
	margin-bottom:1em;
}


.topicbox .doc{
	font-size:0.8em;
	margin:10px;
	margin-bottom:1em;
}
.topicbox .ksslist{
	margin-top:5px;
	margin-bottom:15px;
	margin-left:20px
}
.topicbox .ksslist ol{
	list-style:decimal;
	font-size:0.8em;
	margin-bottom:3px;;
}
.topicbox .ksslist li{
	list-style:disc;
	font-size:0.9em;
	margin-bottom:3px;
}

.topicbox .ksslist strong{
	color:#F00;
}
.topicbox .ksstitle{
	font-size:0.9em;
	font-weight:bold;
}
.topicbox .kssdoc{
	font-size:0.9em;
	margin-top:10px;
	margin-left:10px;
}
.topicbox .kssdoc strong{
	font-size:1.2em;
	color:#008000;
	font-weight:bold;
}


.topicbox .ksslogo{
	margin-left:20px;
	margin-top:5px;
	width:200px;
	float:left;
}

.topicbox .kssdetail{
	margin-top:5px;
	width:300px;
	float:left;
	
}

.topicbox .kuni{
	color:#F60;
	vertical-align:top;
	font-size:1em;
}

]/* ------------catalog -----------------*/
.catalog{
	padding-bottom:20px;
	margin-left:10px;
}

.catalogbox{
	width:270px;
	padding-bottom:20px;
	padding-right:20px;
	float:left;
}
.catalogbtn{
	padding-bottom:30px;
	margin-left:10px;
	margin-right:10px;
}

.catalogTitle{
	padding-bottom:5px;
	margin-bottom:5px;
	font-size:0.8em;
	font-weight:bold;
	border-bottom:1px dotted #333;
}

.catalogimg{
	width:110px;
	float:left;
}

.catalogDetail{
	width:150px;
	float:left;
	
}
.catalogDetail p{
	font-size:0.8em;
	line-height:120%;
	padding-bottom:10px;
}

.catalogIndex{
	width:200px;
	float:left;
	font-size:0.8em;
	line-height:120%;
}

.dlbtn{
	
}