/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
.visual_ {
	margin-bottom: 10px;
}
#visual {
	/*margin-bottom:20px;*/
	padding:0;
}
#multiHero{
	display: inline-block;
	width: 500px;
	position: relative;
	/*overflow: hidden;*/
	/*margin: 0 auto;*/
}
#multiHeroContents{
	width: 500px;
	height: 216px;
}
#multiHeroContents img{
	width: 100%;
}
#multiHero .screen{
	/*width: 734px;
	height: 366px;*/
	position: absolute;
	top: 0;
	/*left: 12px;*/
	display: none;
}
#multiHeroContents li{
	/*width: 734px;
	height: 366px;*/
	position: absolute;
	top: 0;
	/*left: 12px;*/
	display: none;
	overflow: visible;
}
#multiHeroContents span.ribon{
	position: absolute;
	left: -3px;
	top: -3px;
}
#mycarousel{
	/*width: 722px;*/
	padding:0 40px;
	height: 34px;
	position: relative;
	background: url(../img/visual/parts/line_bg.png) 0 bottom no-repeat;
}
#mycarousel ul{
	margin: 0 auto;
	width: 256px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
#mycarousel li{
	/*width:217px;
	height:70px;*/
	margin-bottom: 4px;
	top: 10px;
	left: 0;
	padding: 8px 4px;
	position: absolute;
	float:left;
}
#mycarousel li a{
	/*width:217px;
	height:70px;*/
	width: 8px;
	height: 8px;
	display: block;
	position: relative;
	background: #ccc;
}
#mycarousel li.thisChild .active {
	position: absolute;
	left:0;
	top: -5px;
	display: none;
	z-index: 1;
}
#mycarousel li.thisChild a {
	background: #1a2e6b;
}
#mycarousel span.ribon{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
#multiHeroUI {
	position: relative;
}
#multiHeroUI li.top {
	/*width:38px;*/
	height:24px;
	position: absolute;
	left: 0;
	top: -24px;
}
#multiHeroUI li.bottom {
	/*width:38px;*/
	height:24px;
	position: absolute;
	right: 0;
	top: -24px;
}
#multiHeroUI li.top a,
#multiHeroUI li.bottom a {
	text-align:center;
	display:block;
	background: #1a2e6b;
}
.slide_sidebox_{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 14px;
}