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


/* ヘッダー-------------------------------- */

		#headersubmenu{
			width:330px;
		}


/* メイン---------------------------------- */

	#wrapper > main{
		width:1085px;
		margin:0 auto;
		background:none;
	}

	.mainimage{
		height:312px;
		width:900px;
		margin:0 auto;
		border-top:none;
	}
	
		.slick-prev,
		.slick-next{
			display:none !important;
		}
		
		.catmain{
			position:relative;
			width:548px;
			height:138px;
			margin:0 auto -138px;
			top:-270px;
			z-index:1000;
		}
		
		.linkproducts{
			width:1085px;
			height:70px;
			margin:0 auto -80px;
			padding:5px 0 5px 5px;
			background:url(../images/bg_productslist.png);
			position:relative;
			top:-100px;
			z-index:1000;
		}
		
			.linkproducts li{
				list-style:none;
				float:left;
				width:150px;
				height:70px;
				margin-right:5px;
			}


	
		#content{
			width:840px;
			margin: 0 auto;
			/*background:url(../images/line_contentcenter.gif) repeat-y 50% 0 #eee;*/
			font-size:90%;
		}
	
			.contentleft{
				width:50%;
				margin-bottom:-75px;
				position:relative;
				top:-75px;
				float:left;
			}
	
				.contentleft ul{
					padding:0 15px 15px 0;
				}
	
					.contentleft li{
						padding:10px 7px 10px 0;
						font-size: 0.9em;
						border-bottom:dotted 1px #ccc;
						line-height:160%;
						list-style:none;
					}

.contentleft li{zoom:1;}
.contentleft li:after{
  content: ""; 
  display: block; 
  clear: both;
}


					.contentleft li:after{
						content: "";
						display: block;
						visibility: hidden;
						clear: both;
						height: 0px;
					}
					* html .contentleft li{display: inline-table;}
					/* no ie mac \*/
					* html .contentleft li{height:1%;}
					.contentleft li{display: block; min-height:0;}

	
					.contentleft li p{
						float:right;
						width:280px;
						margin:0;
					}
			
						.ontentleft li h4{
							margin-bottom:10px;
							line-height:130%;
							color:#036;
							font-weight:bold;
							font-size:110%;
						}
	
				.contentleft li span{
					display:block;
					width:90px;
					float: left;
				}
	
				.contentleft li > div{
					width:calc(100% - 100px);
					float:right;
				}
				

					.contentleft em{
						font-style:normal;
						display:block;
					}
	
		.contentright{
			width:50%;
			background:none;
			margin-bottom:-75px;
			position:relative;
			top:-75px;
			float: right;
		}
	
			.contentright ul{
				padding:0 0 15px 15px;
				line-height:170%;
			}
	
				.contentright li{
					width:calc(100% - 7px);
					padding:10px 7px 8px 0;
					font-size: 0.9em;
					line-height:160%;
					list-style:none;
					border-bottom:dotted 1px #ccc;
				}

				.contentright li{zoom:1;}
				.contentright li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}


				.contentright li p{margin:0;}
			
				.contentright li h4{
					margin-bottom:10px;
					line-height:130%;
					font-size:110%;
					font-weight:bold;
				}
	
				.contentright li h4 a,
				.contentright li h4 span{
					color:#036;
					display:block;
					padding-left:10px;
					background:url(../common/arrow_triangle_red3.gif) no-repeat 0 5px;
				}
			
				.contentright li h4 strong{
					float:right;
				}
	
				.contentright li img{
					display:none;
				}
	
				.contentright li span{
					display:block;
					width:90px;
					float: left;
				}
	
				.contentright li > div{
					width:calc(100% - 100px);
					float:right;
				}
				
					.contentright em{
						font-style:normal;
						padding-left:10px;
						display:block;
					}

				.eventbody{
					margin-bottom:10px;
					padding-bottom:8px;
					border-bottom:1px dotted #ccc;
				}
	
	
				.newevent #assetimage{
					width:80px;
					height:80px;
					margin:0 0 5px 5px;
					overflow:hidden;
					float:right;
				}
	
				.newevent #assetimage img{display:block;}


				.newevent .textnotice{
					color:#c30;
				}

				
				li .newsdate,
				li .eventdate{
					width:95px !important;
					margin:0 10px 0 0;
					padding:0;
					text-align:center;
				}
				
				li .newsdate{
					display:block;
					margin-right:0;
					float:left;
				}
				li .newsdate + p{
					width:calc(100% - 100px);
					margin: 0;
					float: right;
				}