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

/*----------------------------------------------------
	☆uniq
----------------------------------------------------*/

body {
}

#top{
	margin-bottom:15px;
	}

#top_all_wrap{
	margin-left: auto;
	margin-right: auto;
	}
	
#company_all_wrap{
	}
	
#product_all_wrap{
	}
	
#news_all_wrap{
	}
	
#contact_all_wrap{    
	}
	
#contents .mv{
	height: 340px;
	float: left;
}

#contents .mv img{
	padding-top:160px;
	padding-left: 60px;
}

/*------*/

.head01{
	color:#FFF;
	font-size:116% !important;
	font-weight:normal !important;
	line-height:130%;
	padding:8px 10px 3px 10px;
	margin-bottom:15px;
	overflow:hidden;
}

/*-----*/

#contents .subpage{
	width: 650px;
	margin-left: 200px;
	margin-top: 50px;
}

.head01pink{
	font-size: 110% !important;
	font-weight: bold !important;
	line-height: 130%;
	margin-bottom: 10px;
	overflow: hidden;
	padding-top: 14px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	color: #900;
}

.head01 span,
.head01pink span{
	float:left;
	display:block;
	width:210px;
	padding-top:3px;
	font-weight: bold;
	color: #000;
}

#contents .btnList{
	float:right;
	display:block;
}

#contents .newsBox{
	float: left;
	width: 370px;
	border: 2px solid #000000;
	background-color: #FFF;
}

.in{
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
 -moz-border-radius: 5px;  /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;  /* CSS3 */
   	box-shadow: 0 0 5px rgba(100, 100, 100, 0.5);
}

.inin{
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	margin-top:15px;
	margin-bottom:15px;
	background-color: #FFF;
	-moz-border-radius: 20px;  /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;  /* CSS3 */
}

.in_mnr{
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #FFF;
	-moz-border-radius: 20px;  /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;  /* CSS3 */
}

.in_top{
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.in_top img{
	box-shadow: 0 0 5px rgba(100, 100, 100, 0.5);
}

.cont_title{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

.cont_txt{
	font-size: 13px;
	line-height: 22px;
	text-align: left;
}

.cont_txt_mnr{
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	font-weight:normal;
}

.cont_txt_mnr2{
	font-size: 12px;
	line-height: 22px;
	text-align: left;
	font-weight:normal;
}

.cont_txt_big{
	font-size: 14px;
	text-align: left;
	margin-bottom:5px;
}

.cont_txt_small{
	font-size: 12px;
	line-height: 160%;
}

.cont_txt_news{
	font-size: 12px;
	line-height: 170%;
}

.cont_txt_mini{
	font-size: 11px;
	line-height: 140%;
}

#contents .newsBox .newsList,
#contents .eventBox .eventList{
	width:330px;
	margin:0 auto;
}

#contents .newsList li .title{
	display: block;
	float: left;
	width: 320px;
}

.ichiran{
	display:block;
	float:left;
	width:330px;
	text-align:right;
	margin-bottom: 10px;
	font-size:12px;
	color:#000000;
}

.ichiran a{
	display:block;
	float:left;
	width:330px;
	text-align:right;
	margin-bottom: 10px;
	font-size:12px;
	color:#000000;
}

#contents .newsList li .date{
	display:block;
	float:left;
	width:270px;
	line-height: normal;
	font-size: 12px;
}


#contents .eventBox{
	float:right;
	width:370px;
	border: 2px #000000 solid;
	background-color: #FFF;
}

#contents .eventList li{
	background:url(../cmn_img/line_03.png) left bottom repeat-x;
	line-height:130%;
	overflow:hidden;
	clip: rect(auto,auto,15px,auto);
	font-size: 13px;
}


.line{
	background-image: url(../lib/cmn_img/line_03.png);
	background-repeat: repeat;
	height: 3px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.line2{
	background-image: url(../lib/cmn_img/line_03.png);
	background-repeat: repeat;
	height: 3px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#contents .eventList li a{
	color: #333;
	line-height:21px;
}

#contents .eventList li .date{
	color: #000000;
	display: block;
	font-weight: bold;
	font-size: 103%;
	margin-bottom: 5px;
	width: 330px;
}

#contents .eventList li .title{
	display: block;
	width: 330px;
}

#contents .topBnr{
	width: 780px;
	padding-bottom: 15px;
	padding-top: 30px;
}

#contents .topBnr ul{
	width:780px;
	margin:0 auto;
}

#contents .topBnr li{
	float: left;
	margin-right: 15px;
	width: 247px;
	height: 181px;
	box-shadow: 0 0 5px rgba(100, 100, 100, 0.5);
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.5);
	}
	
#contents .topBnr img:hover{filter:alpha(opacity=70);opacity:0.7;}

#contents .forBusiness{
	border-radius:10px;
	padding:20px 0;
}

#contents .forBusiness h3{
	padding-left:20px;
	margin-bottom:10px;
}
#contents .forBusiness li{
	float:left;
	display:inline;
	margin-left:18px;
	width:152px;
	line-height:150%;
}

#contents .forBusiness li:hover{
	opacity:0.7;
}

#contents .forBusiness li .title{
	background:url(../lib/cmn_img/icon_tri.png) left 6px no-repeat;
	display:block;
	font-weight:bold;
	padding-left:15px;
}

#contents section{
	margin-bottom:15px;
	width: 780px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
}

.com_navi_wrap{
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}

.com_navi{
	width: 186px;
	float: left;
	margin-right: 7px;
}

.com_navi img:hover{
	filter:alpha(opacity=70);
	opacity:0.6;
}

@-webkit-keyframes fadein {

	0%	{
	opacity: 0;
	background-color: white;
	}
	100%	{
	opacity: 1;
	background-color: white;
	}
}

body#pg_fadein {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
}

.img_fadein {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
}

.left_box{
	font-size:11px;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:18px;
	}
	
.left_bnrtop{
	margin-top:15px;
	}
	
.left_bnr{
	margin-top:5px;
	}
	
.news{
	border: solid;
	border-color: #E0E0E0;
	border-width: 1px;
	color: #333333;
	padding: 10px;
	width: 593px;
}

.pankuzu{
	font-size:11px;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:18px;
	}
	
.foot_contact{
	width:377px;
	margin-left:auto;
	margin-right:auto;
}

<style type="text/css">

#slideshow {
	position: relative;
	top: 0;
	left: 0;
	width: 590px;
	height: 360px;
		}

#slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
		}

#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
		}

#slideshow img.last-active {
			z-index: 9;
		}
</style>