@CHARSET "UTF-8";



#TopContentsWrap1{
	position: relative;
	background-color: #EAEFF4;
}
#TopContentsWrap2{
	position: relative;
	background: url(/cms/img/top_contents_wrap2_bg.png) no-repeat center 60px;
	width: 100%;
	z-index: 10;
}

/* --------------------------------------------------------------------------------------------- Header */
#Header .main .inner {
	height: 100px;
}

/* --------------------------------------------------------------------------------------------- MainCarousel */
#MainCarousel{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffff;
	width: 100%;
	height: 400px;
	z-index: 2;
}
#MainCarousel .slide{
	display: block;
	position: relative;
	height: 400px;
}
#MainCarousel .slide li{
	float: left;
	width: 100%;
	height: 400px;
	line-height: 0;
	text-align: center;
}
#MainCarousel .slide li a{
	display: block;
	width: 100%;
	height: 400px;
}
#MainCarousel .slide li a:hover{
	text-decoration: none;
}
#MainCarousel .pagenate{
	position: absolute;
	left: 0;
	top: 220px;
	width: 100%;
	text-align: center;
	z-index: 10;
}
#MainCarousel .pagenate a{
	display: inline-block;
	background: url(/cms/common/img/mark28.png) no-repeat 0 0;
	margin: 0 3px;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
}
#MainCarousel .pagenate a.selected{
	background-image: url(/cms/common/img/mark27.png);
}
#MainShadow{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/cms/common/img/header_main_bg.png) no-repeat center 0;
	width: 100%;
	height: 5px;
	z-index: 2;
}

/* --------------------------------------------------------------------------------------------- MainMenu */
#MainMenu{
	position: relative;
	width: 50px;
	height: 240px;
	z-index: 2;
}
#MainMenu ul li{
	line-height: 0;
}
#MainMenu .navi{
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 2;
}
#MainMenu .navi li{
	cursor: pointer;
}
#MainMenu .menu{
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px 0 0;
	width: 0%;
	height: 380px;
	z-index: 1;
}
#MainMenu .menu ul{
	display: none;
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
	zoom: 1;
}
#MainMenu .menu ul li{
	float: left;
	margin: 0 10px 10px 0;
}
#MainMenu .menu ul li.edge{
	margin: 0 0 10px;
}
#MainMenu .menu ul li a{
	display: block;
	overflow: hidden;
}
#MainMenu .menu ul li a:hover{
	border: 2px solid #A4BCCC;
}
#MainMenu .menu ul li a:hover img{
	margin: -2px;
}
#MainMenu .menu01{
	background: url(/cms/common/img/header_main_bg.png) no-repeat center 0 #FF944C;
}
#MainMenu .menu02{
	background: url(/cms/common/img/header_main_bg.png) no-repeat center 0 #A4CD73;
}

/* --------------------------------------------------------------------------------------------- TopContents */
#TopContents{
	background: url(/cms/img/top_contents_bg.png) no-repeat 0 0;
	margin: 0 auto;
	padding: 20px;
	width: 940px;
}
#TopContents a{
	color: #4C4CD0;
}
#TopContents .left_contents{
	float: left;
	width: 695px;
}
#TopContents .right_contents{
	float: right;
	width: 225px;
}
#TopContents .section{
	padding: 20px 0 0;
}
#TopContents .title{
	background: url(/cms/img/top_title_bg.png) no-repeat 0 bottom;
	margin: 0 0 15px;
	padding: 7px 0 0;
	height: 33px;
	overflow: hidden;
	zoom: 1;
}
#TopContents .title h1{
	float: left;
	margin: 3px 0 0;
	line-height: 0;
}
#TopContents .title .link{
	float: right;
	display: inline-block;
	background: url(/cms/common/img/mark18.gif) no-repeat 6px center #638CA5;
	padding: 3px 25px;
	font-size: 75%;	/* 12px */
	color: #ffffff;
	font-weight: normal;
}
#TopContents .right_contents .title .link{
	padding: 3px 7px 3px 18px;
}
#TopContents .title .link:hover{
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------- banner */
#TopContents .banner ul{
	overflow: hidden;
	zoom: 1;
}
#TopContents .banner ul li{
	float: left;
	margin: 0 0 0 13px;
	line-height: 0;
}
#TopContents .banner ul li:first-child{
	margin: 0;
}
#TopContents .banner ul li a{
	display: block;
	overflow: hidden;
}
#TopContents .banner ul li a:hover{
	border: 4px solid #A4BCCC;
}
#TopContents .banner ul li a:hover img{
	margin: -4px;
}
/* ----------------------------------------------------------------------------------- relative */
#TopContents .relative{
	background: url(/cms/img/top_relative_bg_bottom.png) no-repeat 0 bottom #ffffff;
	position: relative;
	margin: 0 auto;
	padding: 0 0 3px;
	height: 167px;
}
#TopContents .relative .inner{
	background: url(/cms/img/top_relative_bg_head.png) no-repeat 0 0;
	padding: 0 0 0 19px;
	width: 656px;
}
#TopContents .relative p.title{
	background: none;
	margin: 0;
	padding: 10px 0 0;
	height: 25px;
	text-align: center;
	line-height: 0;
}
#TopContents .relative .slide{
	height: 160px;
	overflow: hidden;
}
#TopContents .relative .slide a{
	position: relative;
	float: left;
	display: block;
	border: 2px solid #ffffff;
	border-right: 1px dotted #EEEEEE;
	padding: 0 1px 0 0;
	width: 160px;
	height: 120px;
	text-align: center;
}
#TopContents .relative .slide a:hover{
	border: 2px solid #A4BCCC;
	padding: 0;
	text-decoration: none;
}
#TopContents .relative .slide a span.text{
	background: url(/cms/common/img/mark03.gif) no-repeat 10px 3px;
	display: block;
	padding: 0 5px 0 20px;
	font-size: 69%;	/* 11px */
	line-height: 1.5;
	text-align: left;
}
#TopContents .relative .slide a span.blank{
	position: absolute;
	left: 145px;
	top: 0;
}
#TopContents .relative .prev{
	position: absolute;
	left: 0;
	top: 70px;
}
#TopContents .relative .next{
	position: absolute;
	right: 0;
	top: 70px;
}

/* ----------------------------------------------------------------------------------- table */
#TopContents .table01 table{
	margin: 0 auto;
	width: 695px;
}
#TopContents .table01 table th,
#TopContents .table01 table td{
	padding: 0 0 15px;
	font-size: 75%;	/* 12px */
	line-height: 1.7;
	vertical-align: top;
}
#TopContents .table01 table th{
	width: 100px;
	color: #638CA5;
	text-align: center;
}
#TopContents .table01 table td a{
	display: inline-block;
	/*margin: 0 0 0 25px;*/
	margin: 0;
}
#TopContents .table01 table td a.pdf{
	background: url(/cms/common/img/icon_pdf.gif) no-repeat 0 2px;
	margin: 0;
	padding: 0 0 0 25px;
}
#TopContents .table01 table td a.campaign,
#TopContents .table01 table td a.information,
#TopContents .table01 table td a.event,
#TopContents .table01 table td a.products{
	margin: 0;
	padding: 0 0 0 73px;
}
#TopContents .table01 table td a.campaign{	background: url(/cms/common/img/icon_campaign.gif) no-repeat 0 0;	}
#TopContents .table01 table td a.information{	background: url(/cms/common/img/icon_information.gif) no-repeat 0 0;	}
#TopContents .table01 table td a.event{	background: url(/cms/common/img/icon_event.gif) no-repeat 0 0;	}
#TopContents .table01 table td a.products{	background: url(/cms/common/img/icon_products.gif) no-repeat 0 0;	}

#TopContents .table01 table td span{
	display: inline-block;
	/*margin: 0 0 0 25px;*/
	margin: 0;
}

#TopContents .table01 table td span.campaign,
#TopContents .table01 table td span.information,
#TopContents .table01 table td span.event,
#TopContents .table01 table td span.products{
	margin: 0;
	padding: 0 0 0 73px;
}

#TopContents .table01 table td span.campaign{	background: url(/cms/common/img/icon_campaign.gif) no-repeat 0 0;	}
#TopContents .table01 table td span.information{	background: url(/cms/common/img/icon_information.gif) no-repeat 0 0;	}
#TopContents .table01 table td span.event{	background: url(/cms/common/img/icon_event.gif) no-repeat 0 0;	}
#TopContents .table01 table td span.products{	background: url(/cms/common/img/icon_products.gif) no-repeat 0 0;	}

/* ----------------------------------------------------------------------------------- recommend */
#TopContents .recommend{
	font-size: 75%;	/* 12px */
}
#TopContents .recommend dl{
	margin: 0 auto;
	padding: 0 0 5px;
}
#TopContents .recommend  a{
	display: block;
	overflow: hidden;
	padding: 0 0 5px 0;
}
#TopContents .recommend  a:hover{
	border: 2px solid #A4BCCC;
	text-decoration: none;
}
#TopContents .recommend  a:hover img{
	margin: -2px -2px 0 -2px;
}
#TopContents .recommend  a:hover dd{
	margin: 7px -2px -2px -2px;
}
#TopContents .recommend dl dd{
	background: url(/cms/common/img/mark03.gif) no-repeat 6px 5px;
	margin: 7px 0 0;
	padding: 0 0 0 17px;
	line-height: 1.5;
}

/* ----------------------------------------------------------------------------------- icon_link */
#TopContents .icon_link p{
	margin: 20px 0 0;
}
#TopContents .icon_link ul{
	background-color: #ffffff;
	padding: 10px 10px 0;
	font-size: 75%;	/* 12px */
	line-height: 1.5;
}
#TopContents .icon_link ul li{
	padding: 0 0 10px 0;
}
#TopContents .icon_link ul li a{
	height: 35px;
	padding: 3px 0 0 50px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#TopContents .icon_link ul li a:hover{
	border: 2px solid #A4BCCC;
	text-decoration: none;
	margin: -2px;
}

#TopContents .icon_link ul li.manual a{	background-image: url(/cms/img/top_icon_manual.png);	}
#TopContents .icon_link ul li.question a{	background-image: url(/cms/img/top_icon_question.png);	}
#TopContents .icon_link ul li.mail{	background-image: url(/cms/img/top_icon_mail.png);	}
#TopContents .icon_link ul li.facebook a{	background-image: url(/cms/img/top_icon_facebook.png);	}
#TopContents .icon_link ul li.youtube a{	background-image: url(/cms/img/top_icon_youtube.png);	}
#TopContents .icon_link ul li.twitter a{	background-image: url(/cms/img/top_icon_twitter.png);	}
#TopContents .icon_link ul li.instagram a{	background-image: url(/cms/img/top_icon_instagram.png);	}

/* ----------------------------------------------------------------------------------- CautionBox */
#Header .CautionBoxTopWrap {
	overflow:hidden;
	padding:5px;
	background-color:#ff3333;
}
#Header .CautionBoxTop {
	width:980px;
	margin:0 auto;
	font-size:14px;
	line-height:1.6;
}
#Header .CautionBoxTop .CautionBoxIcon {
	float:left;
	width:125px;
	padding-left:23px;
	background:url(/cms/img/icon_caution.png) 0 2px no-repeat;
	color:#ffffff;
	font-weight:bold;
}
#Header .CautionBoxTop p {
	float:left;
	width:832px;
}
#Header .CautionBoxTop p a {
	color:#ffffff;
	text-decoration:underline;
}

#TopContents .CautionBox {
	overflow:hidden;
	margin-top:30px;
	padding:5px;
	border:1px solid #2d6bd2;
}
#TopContents .left_contents .CautionBox .CautionBoxth {
	float:left;
	width:65px;
	padding-left:10px;
	color:#638ca5;
	font-weight:bold;
}
#TopContents .CautionBox .CautionBoxth,#TopContents .CautionBox ul {
	float:left;
	width:605px;
}
#TopContents .CautionBox .CautionBoxth,#TopContents .CautionBox ul li {
	font-size:75%;
	line-height:1.7;
}