/* common
===============================================================*/

/* mainimg
===============================================================*/
.mainimg .img_wrapper {
	display:block !important;
	position:relative;
	overflow:hidden;
}

.mainimg ul#img_slides li {
	
	position:relative;
}

.mainimg ul#img_slides li a {
	display:none;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	width:400px;
	height:287px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/top/img_bg_01.png) repeat 0 0;	
}

.mainimg ul#img_slides li a table {
	width:100%;
	height:100%;
}

.mainimg ul#img_slides li a td {
	font-size:16px;
	letter-spacing:0.1em;
	width:100%;
	height:100%;
	color:#ffffff;
}

.mainimg ul#img_slides li a:hover {
	text-decoration:none;
}

.mainimg a.bx-prev {
	display:none;
	/*
	display:block;
	width:197px;
	height:287px;
	text-indent:-9999px;
	background:url(../images/common/img_ar_01.png) repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	*/
}

.mainimg a.bx-next {
	display:none;
	/*
	display:block;
	width:197px;
	height:287px;
	text-align:left;
	text-indent:-9999px;
	background:url(../images/common/img_ar_02.png) repeat 0 0;
	position:absolute;
	top:0;
	right:0;
	*/
}

.bx-wrapper {
	position:static !important;
}


/* main_txt
===============================================================*/
.main_txt {
	padding:20px 0 20px 0;
}

.main_txt p {
	text-align:center;
	font-size:10px;
	line-height:18px;
}


/* topics
===============================================================*/
.topics {
	width:758px;
	padding:0 0 42px 0;
	margin:0 auto 30px auto;
	background:url(../images/top/img_line_01.png) no-repeat center bottom;	
}

.topics h2 {
	font-size:16px;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:normal;
	margin:0 auto 25px auto;
}

.topics h2 span {
	border-bottom:#bfc7c8 1px solid;
}

.topics ul li {
	width:72px;
	padding:0 26px 0 0;
	position:relative;
	float:left;
}


.topics ul li.end {
	padding:0;
}

.topics ul li a.hv {
	display:none;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	width:72px;
	height:72px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/top/img_bg_01.png) repeat 0 0;	
}

.topics ul li a.hv table {
	width:100%;
	height:100%;
}

.topics ul li a.hv td {
	width:100%;
	height:100%;
	font-size:11px;
	line-height:16px;
	color:#ffffff;
}

.topics ul li a.h:hover {
	text-decoration:none;
}


/* news
===============================================================*/
.news {
	width:970px;
	padding:0 0 42px 0;
	margin:0 auto 30px auto;
	background:url(../images/top/img_line_01.png) repeat-x center bottom;
	position:relative;
}

.news a#newscon {
	display:block;
	position:absolute;
	top:-174px;
	left:0;
}

.news h2 {
	font-size:16px;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:normal;
	margin:0 auto 25px auto;
}

.news h2 span {
	border-bottom:#bfc7c8 1px solid;
}

.news ul {
	padding:0 0 25px 0;
}

.news ul li {
	width:310px;
	padding:0 20px 0 0;
	float:left;
	position:relative;
}

.news ul li a.ob {
	display:block;
	width:310px;
	height:192px;
	overflow:hidden;
}

.news ul li a.ob img {
	width:310px;
}

.news ul.b li {
	width:477px;
	padding:0 16px 0 0;
}


.news ul.b li a.ob {
	display:block;
	width:477px;
	height:300px;
	overflow:hidden;
}

.news ul.b li a.ob img {
	width:477px;
}

.news ul li.end {
	padding:0;
}

.news ul li a.h {
	display:none;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	width:310px;
	height:192px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/top/img_bg_01.png) repeat 0 0;	
}

.news ul.b li a.h {
	width:477px;
	height:300px;	
}

.news ul li a.h table {
	width:100%;
	height:100%;
}

.news ul li a.h td {
	width:100%;
	height:100%;
	font-size:14px;
	line-height:16px;
	color:#ffffff;
}

.news ul li a.h:hover {
	text-decoration:none;
}

.news ul li dl {
	padding:8px 0 0 0;
}

.news ul li dl dt {
	font-size:11px;
	line-height:18px;
        letter-spacing: 0.3em;
}

.news ul li dl dd {
	font-size:14px;
        letter-spacing: 0.3em;
}

.news ul li .sp_txt {
	display:none;
}

.news .wrap {
	display:none;
}

.news .btn {
	font-size:14px;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:normal;
	padding:30px 0 0 0;
}

.news .btn a {
	padding:0 15px 0 0;
	background:url(../images/top/img_ar_03.png) no-repeat right 5px;	
}

.pagetop {
	font-size:12px;
	letter-spacing:0.1em;
	text-align:right;
	font-weight:normal;
	float:right;
}

.pagetop a {
	padding:0 12px 0 0;
	background:url(../images/top/img_ar_04.png) no-repeat right 8px;	
}


/* info
===============================================================*/
.infowrap{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	flex-wrap: wrap;
	padding-bottom:15px;
}

.info {
	width:970px;
	padding:0 0 42px 0;
	margin:0 auto 30px auto;
	background:url(../images/top/img_line_01.png) repeat-x center bottom;	
}

.info h2 {
	font-size:16px;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:normal;
	margin:0 auto 35px auto;
}

.info h2 span {
	border-bottom:#bfc7c8 1px solid;
}

.info .box {
	width:203px;
	padding:0 52px 0 0;
	position:relative;
	float:left;
}


.info .end {
	padding:0;
}

.info ul li a {
	display:none;
	color:#ffffff;
	font-size:16px;
	text-align:center;
	width:72px;
	height:72px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/top/img_bg_01.png) repeat 0 0;	
}

.info dl {
	padding:0 0 10px 0;
}

.info dl dt {
	font-size:16px;
}

.info dl dd {
	font-size:11px;
	line-height:14px;
}


/* pager
===============================================================*/
div.bx-controls {
/*	display:none;*/
	padding:5px 5px 10px 5px;
}

div.bx-pager {
	text-align:center;
	letter-spacing:-0.4em;
}

div.bx-pager .bx-pager-item {
	display:inline-block;
	width:9px;
	*display: inline;
	letter-spacing:normal;
	margin:0 12px 0 0;
	*zoom: 1;
}

div.bx-pager .bx-pager-item a {
	display:block;
	width:16px;
	height:16px;
	color:#ffffff;
	font-size:1px;
	text-decoration:none;
	line-height:1px;
	text-indent:-9999px;
	background:url(../sp/images/common/img_ic_02.gif) no-repeat 0 -1px;
}

div.bx-pager .bx-pager-item a:hover {
	background:url(../sp/images/common/img_ic_02.gif) no-repeat -27px -1px;
}

div.bx-pager .bx-pager-item a.active {
	background:url(../sp/images/common/img_ic_02.gif) no-repeat -27px -1px;
}


/* modal
===============================================================*/
div#modal {
	padding:10px;
}

div#modal p {
	font-size:14px;
}