@charset "utf-8";
/*　top page　-----*/
#body .flash {
	text-align:center;
	margin-bottom:10px;
}
#contents {
	width:795px;
	margin:0 12px 0 11px;
	
}
	/*mozilla用---*/
	#contents:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	/*IE用---*/
	*html #contents {
		display:inline-table;
	}
#l_area {
	float:left;
	width:185px;
}
#l_area li{
	list-style:none;
}
#r_area {
	float:right;
	width:599px;
	text-align:left;
}
#l_area .bnr{
	margin-top:30px;
	margin-left:5px;
}
#l_area .bnr li{
	margin-bottom:5px;
}

#news {
	background:url(../image/mds_news.gif) no-repeat top left;
	margin-top:4px;
	margin-bottom:15px;
}
#info {
	background:url(../image/mds_info.gif) no-repeat top left;
	margin-bottom:10px;
}

#news .btn, #info .btn {
	text-align:right;
	padding-right:3px;
	padding-top:4px;
}
#news .list, #info .list {
	padding-left:3px;
	padding-right:3px;
	background:url(../image/bg_list.gif) repeat-y top left;
}
#news .list a:link,#news .list a:visited, #info .list  a:link, #info .list  a:visited {
	color:#565C63;
}
#news .list a:active,#news .list a:hover, #info .list a:active,#info .list a:hover {
	color:#6898C9;
	text-decoration:none;
}
#news .list div, #info .list div {
	padding:5px 0px 5px 0px;
	border-bottom:#E3E4E3 1px solid;
	overflow: hidden;
	width:590px;
}
#news .list div.btm, #info .list div.btm {
	padding:5px 0px 5px 0px;
	border:none;
	overflow: hidden;
	width:590px;
}
#news .list .date, #info .list .date {
	float:left;
	width:100px;
	padding-left:5px;
	color:#50647B;
}
#news .list .link, #info .list .link {
	float:right;
	width:480px;
	padding:0;
}
#news .list hr, #info .list hr {
}
#news .list .link a, #info .list .link a {
	display:block;
}


/*
*
*  ios 用 css
*
*/

.canvas{
	text-align: center;
	width : 818px;
	height : 256px;
	background: #9da1a9 ;
	position: relative;
	overflow: hidden;
	border: 1px solid #e3e4e3;
	left : 1px;
	margin-bottom:10px;
}
.object_loadinfo{
	position: absolute;
	left : 407px;
	top : 110px;
	z-index: 102;
}
.logo{
	position: absolute;
	left : 331px;
	top : 90px;
	z-index: 101;
	opacity: 0;
}

.backWhite{
	width : 818px;
	height : 254px;
	position: absolute;
	background: #fff;
	z-index: 100;
	top : 1px;
}

.back_image01{
	position: absolute;
	z-index: 1;
	left : 820px;
}

.back_image02{
	position: absolute;
	z-index: 2;
	left : -527px;
}
.object_read{
	position: absolute;
	z-index: 5;
	top : 220px;
	left : 20px;
	opacity: 0;
}

.object_btn{
	top:55px;
	position: absolute;
	z-index: 10;
}

#object_01{ left:-105px; }
#object_02{ left:-105px; }
#object_03{ left:-105px; }
#object_04{ left:-105px; }
#object_05{ left:-105px; }
#object_06{ left:-105px; }
#object_07{ left:-105px; }


.object_close{
	position: absolute;
	z-index: 30;
	top:23px;
	left:725px;
	display: none;
	opacity: 0;
}
.object_image{
	width:788px;
	height:224px;
	position: absolute;
	top:15px;
	left : 15px;
	z-index: 20;
	border:1px solid #818181 ;
	display: none;
	opacity: 0;
}
.object_image a{
	width:300px;
	height:25px;
	display: block;
	position: absolute;
	top:170px;
	left:25px;
}
#object_image01{ background: url(../../common/image/object_image01.jpg) no-repeat; }
#object_image02{ background: url(../../common/image/object_image02.jpg) no-repeat; }
#object_image03{ background: url(../../common/image/object_image03.jpg) no-repeat; }
#object_image04{ background: url(../../common/image/object_image04.jpg) no-repeat; }
#object_image05{ background: url(../../common/image/object_image05.jpg) no-repeat; }
#object_image06{ background: url(../../common/image/object_image06.jpg) no-repeat; }
#object_image07{ background: url(../../common/image/object_image07.jpg) no-repeat; }

#bnrarea{ padding: 10px;}

#bnrarea .charenge{
	float: left;
	padding: 0 25px 0 5px;
	width: 164px;
}

#bnrarea .acorn{
	float: left;
	padding: 0 0 0 5px;
	width: 221px;
}

#bnrarea .sns{
	float: right;
	padding: 44px 0 0 15px;
}

#bnrarea .sns img{ padding: 0 0 0 5px;}


.clearfix:after,
#bnrarea:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix,
#bnrarea{
    display: inline-block;
}
.clearfix,
#bnrarea{
    display: block;
}