@charset "utf-8";

.mainvisual {
	margin-left:10px;
	margin-bottom:10px;
}

.topbody {
	clear:both;
	margin:0 0 0 10px;
}

#Contents {	width:670px; }

#Contents #Type {
	position:relative;
	left:-10px;
	margin:0 0 20px 0;
	padding:0;
	background:url(images/bg_type.gif) no-repeat left top;
	height:185px;
}

#Contents #Type .cat01 {
	display:inline;
	float:left;
	margin:14px 0 0 14px;
	padding:0;
	width:307px;
	height:157px;
	background:url(images/bg_type01.gif) no-repeat left top;
}

#Contents #Type .cat02 {
	display:inline;
	float:right;
	margin:14px 14px 0 0;
	padding:0;
	width:317px;
	height:157px;
	background:url(images/bg_type02.gif) no-repeat left top;
}

#Contents #Type h2,
#Contents #Type p { display:none; }

#Contents #Type ul {
	margin:75px 0 0 165px;
	padding:0;
}

#Contents #Type li {
	margin:0 0 5px 0;
	padding:0 0 0 12px;
	background: url(common/images/icon/icon_arrow_01.gif) no-repeat left 4px;
	font-size:85%;
	line-height:135%;
}

#Contents #Use {
	margin:0;
	padding:35px 0 0 0;
	width:655px;
	background: url(common/images/line/line_01.gif) repeat-x left top;
}

#Contents #Use h3 {
	display:inline;
	float:left;
	width:120px;
	margin:0 20px 0 5px;
	padding:0;
}

#Contents #Use ul {
	display: block;
	float:left;
	margin:0 11px 10px 0;
	padding:0;
}

#Contents #Use li,
#Contents #Use li.long {
	display:block;
	margin:0 0 15px 0;
	padding:0 0 0 13px;
	background: url(common/images/icon/icon_arrow_01.gif) no-repeat left 6px;
	line-height:135%;
}

#Contents #Use li { width:220px; }
#Contents #Use li.long { width:240px; }


#Contents #Use li.White { margin-top:46px; }

#Contents #Use .cardsupport {
	clear:both;
	margin:0 0 0 145px;
	border-top:solid 1px #00D6E8;
	padding:20px 0;
}


/* Banner etc. */

ul#Side {
	float:right;
	margin:0;
	padding:10px 0;
}

#Side li {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	width:204px;
	height:130px;
	overflow:hidden;
}

#Side li.seikyu { margin:10px 0 0 0; height:85px; }
#Side li.public { margin:10px 0 0 0; height:35px; }
#Side li.kobo { margin:20px 0 0 0; height:55px; }


/* 20160601 */

.next_announce {
	border:solid 1px #32B4EB;
	padding:20px;
	text-align:center;
	background:#FFF;
}

.next_announce b {
	color: #32B4EB;
	font-size:140%;
}

img.btn a:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}