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


/************************************************************************
main
*************************************************************************/

#slideshow_bg{
width:1073px;
height:auto;	
margin:40px auto 0px auto;
padding:0px;
text-align:center;
background-image:url(../images/index_contents_visual_background-trans.png);
background-repeat:no-repeat;
}

#slideshow {
	margin:0 auto 0 auto;
	width: 900px;
	height:390px;
	text-align:center;
}
#slideshow div {
	width: 900px;
	height: 390px;
	overflow: hidden;
	position: relative;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	width: 250px;
	height:auto;
	margin:18px auto 0 auto;
	padding:0;
	text-align:center;
}

#slideshow ul li {
	width: 31px;
	margin:0 10px 0 0;
	padding:0;
	float: left;
	display: inline;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}




/************************************************************************
left
*************************************************************************/

#left_contents{
width:280px;
height:auto;
margin:0 40px 35px 0;
padding:0;
text-align:left;
float:left;
}

.article_ttl01{
width:280px;
height:49px;
margin:43px 0px 18px 0;
padding:0;
}

ul.article{
width:280px;
height:auto;
margin:0;
padding:0;
text-align:left;
}

ul.article li{
width:auto;
height:auto;
margin:0 0 18px 0;
padding:0;
text-align:left;
}


/************************************************************************
right
*************************************************************************/

#right_contents{
width:580px;
height:auto;
margin:0 0 35px 0px;
padding:0;
float:left;
overfloaw:auto;
}

.article_ttl02{
width:573px;
height:106px;
margin:0 0px 13px 0;
padding:0;
}

.list01{
width:193px;
height:220px;
padding:0px;
margin:0 0px 0px 0px;
text-align:left;
float:left;
}

.list01 dt{
width:auto;
height:auto;
margin:0px;
padding:0px 0 5px 0;
}

.list01 dd{
width:175px;
height:auto;
margin:4px 0px 0px 20px;
padding:0px 0px 0px 0;
}

.list01 em.strong{
color:#FE4B6F;
font-weight:bold;
font-style:normal;
padding:0 2px 0 0;
font-size:13px;
}

.list01 a{
	color:#3E3A39;
}

.list01 a:hover{
	color:#3E3A39;
	text-decoration:underline;
}


.list02{
width:176px;
height:220px;
padding:0px;
margin:0 0px 0px 17px;
text-align:left;
float:left;
}

.list02 dt{
width:auto;
height:auto;
margin:0px;
padding:0px 0 5px 0;
color:#EBA000;
font-size:14px;
}

.list02 dd{
width:175px;
height:auto;
margin:4px 0px 0px 10px;
padding:0px 0px 0px 0;
}


.list02 em.strong{
color:#EBA000;
font-weight:bold;
font-style:normal;
padding:0 2px 0 0;
font-size:13px;
}

.list02 a{
	color:#3E3A39;
}

.list02 a:hover{
	color:#3E3A39;
	text-decoration:underline;
}

.list03{
width:176px;
height:220px;
padding:0px;
margin:0 0px 0px 17px;
text-align:left;
float:left;
}

.list03 dt{
width:auto;
height:auto;
margin:0px;
padding:0px 0 5px 0;
}

.list03 dd{
width:auto;
height:auto;
margin:4px 0px 0px 10px;
padding:0px 0px 0px 0;
}

.list03 em.strong{
color:#89338A;
font-weight:bold;
font-style:normal;
padding:0 2px 0 0;
font-size:13px;
}

.list03 a{
	color:#3E3A39;
}

.list03 a:hover{
	color:#3E3A39;
	text-decoration:underline;
}


.timeline {
	max-width: 60%;
	margin:0px 0px 0px 280px;
  }