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


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
slider
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sp-button {
	border: none;
	background: #eee;
}
.sp-buttons {
	position: absolute;
	bottom: 0;
	text-align: right;
}
.sp-selected-button {
	background: #707129;
}
.sp-fade-arrows {
	opacity: 1;
}
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	width: 23%;
	background-color: #707129;
}
.sp-horizontal .sp-arrows {
	z-index: 99;
}
.sp-arrow {
	height: 50px;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
common
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#top a:hover img {
	opacity: 0.7;
	z-index: 1;
}
#top .balanceCheckWrap a:hover img {
	opacity: 1;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay.awindow{background:#000;}
#colorbox.awindow{outline:0;}
    .awindow #cboxContent{/*overflow:hidden;*/ background:#fff;}
        .awindow .cboxIframe{background:#fff;}
        .awindow #cboxError{padding:50px;}
        .awindow #cboxLoadedContent{background:#fff; padding:1px;}
        .awindow #cboxLoadingGraphic{background:url(../images/common/loading.gif) no-repeat center center;}
        .awindow #cboxLoadingOverlay{background:#fff;}
        .awindow #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        .awindow #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        .awindow #cboxPrevious, .awindow #cboxNext, .awindow #cboxSlideshow {display: none !important;}
        .awindow #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:44px; height:66px; position:absolute; top:-72px; background:url(../images/top/btn_close.png) no-repeat 0 0; background-size: 100%;}
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        .awindow #cboxPrevious:active, .awindow #cboxNext:active, .awindow #cboxSlideshow:active, .awindow #cboxClose:active {outline:0;}
        .awindow #cboxClose{right:0;}
        .awindow #cboxClose:hover{}

/*　.awindow #cboxTopLeft {
	width: 7px;
	height: 7px;
	background: url(../images/common/bg_box_lefttop.png) left top no-repeat;
}
.awindow #cboxTopCenter {
	height: 7px;
	background: url(../images/common/bg_box_top.png) left top repeat-x;
}
.awindow #cboxTopRight {
	width: 7px;
	height: 7px;
	background: url(../images/common/bg_box_righttop.png) left top no-repeat;
}
.awindow #cboxBottomLeft {
	width: 7px;
	height: 7px;
	background: url(../images/common/bg_box_leftbottom.png) left top no-repeat;
}
.awindow #cboxBottomCenter {
	height: 7px;
	background: url(../images/common/bg_box_bottom.png) left top repeat-x;
}
.awindow #cboxBottomRight {
	width: 7px;
	height: 7px;
	background: url(../images/common/bg_box_rightbottom.png) left top no-repeat;
}
.awindow #cboxMiddleLeft {
	width: 7px;
	background: url(../images/common/bg_box_left.png) left top repeat-y;

}
.awindow #cboxMiddleRight {
	width: 7px;
	background: url(../images/common/bg_box_right.png) left top repeat-y;
}*/

#aboxContent .calendarBlock .date {
	color: #707034;
	font-weight: bold;
}
#aboxContent .calendarBlock .month,
#aboxContent .calendarBlock .day {
    color: #707034;
	font-size: 30px;
    font-weight: bold;
}
#aboxContent .anniversary {
	margin-bottom: 2%;
    color: #707034;
    font-weight: bold;
}
#aboxContent .txtBlock .title {
	margin-bottom: 2%;
    font-weight: bold;
}
#aboxContent .navi {
	padding-top: 5%;
}
#aboxContent .navi .prev {
	position: relative;
	float:left;
	padding: 1% 5%;
	width: 35%;
	border:1px solid #5a5a5a;
	color:#5a5a5a;
	text-align: center;
}
#aboxContent .navi .prev i {
	position: absolute;
	left: 5px;
    top: 7px;
}
#aboxContent .navi .next {
	position: relative;
	float:right;
	padding: 1% 5%;
	width: 35%;
	border:1px solid #5a5a5a;
	color:#5a5a5a;
	text-align: center;
}
#aboxContent .navi .next i {
	position: absolute;
	right: 5px;
    top: 7px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.awindow.cboxIE #cboxTopLeft,
.awindow.cboxIE #cboxTopCenter,
.awindow.cboxIE #cboxTopRight,
.awindow.cboxIE #cboxBottomLeft,
.awindow.cboxIE #cboxBottomCenter,
.awindow.cboxIE #cboxBottomRight,
.awindow.cboxIE #cboxMiddleLeft,
.awindow.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay.mwindow{background:#fff;}
#colorbox.mwindow{outline:0;}
    .mwindow #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .mwindow .cboxIframe{background:#fff;}
        .mwindow #cboxError{padding:50px; border:1px solid #ccc;}
        .mwindow #cboxLoadedContent{background:#000; padding:1px;}
        .mwindow #cboxLoadingGraphic{background:url(../images/common/loading-mbox.gif) no-repeat center center;}
        .mwindow #cboxLoadingOverlay{background:#000;}
        .mwindow #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        .mwindow #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        .mwindow #cboxPrevious, .mwindow #cboxNext, .mwindow #cboxSlideshow, .mwindow #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/common/controls-mbox.png) no-repeat 0 0;}

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        .mwindow #cboxPrevious:active, .mwindow #cboxNext:active, .mwindow #cboxSlideshow:active, .mwindow #cboxClose:active {outline:0;}

        .mwindow #cboxPrevious{background-position:0px 0px; right:44px;}
        .mwindow #cboxPrevious:hover{background-position:0px -25px;}
        .mwindow #cboxNext{background-position:-25px 0px; right:22px;}
        .mwindow #cboxNext:hover{background-position:-25px -25px;}
        .mwindow #cboxClose{background-position:-50px 0px; right:0;}
        .mwindow #cboxClose:hover{background-position:-50px -25px;}
        .mwindow.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .mwindow.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .mwindow.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .mwindow.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .mwindow.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}




/* ––––––––––––––––––––––––––––––––––––––––––––––––––
firstContent
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .firstContent {
	padding: 30px 0 60px 0;
	background: #f0f1e9;
}
#top .firstContent .inner {
	margin:  0 auto 25px auto;
	width: 1000px;
}
#top .firstContent .leftArea {
	float: left;
	width: 488px;
}
#top .firstContent .leftArea .newPostWrap {
	position: relative;
	background: #fff;
}
#top .firstContent .leftArea .newPostWrap:before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 5em solid transparent;
	border-left: 5em solid #ff0000; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 100;
}
#top .firstContent .leftArea .newPostWrap:after {
	content: "NEW";
	display: block;
	top: 10px;
	transform: rotate(-45deg);
	color: #fff; /* 文字色はここで変更 */
	font-size: 14px;
	left: 4px;
	position: absolute;
	z-index: 101;
}
#top .firstContent .leftArea .newPostWrap a img {
	width: 488px;
	height: 314px;
}
#top .firstContent .leftArea .newPostWrap a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#top .firstContent .leftArea .newPostWrap .textWrap {
	padding: 10px;
}
#top .firstContent .leftArea .newPostWrap .textWrap .titleWrap {
	margin-bottom: 15px;
	padding-left: 10px;
	border-left: 2px solid #707129;
	color: #707129;
}
#top .firstContent .leftArea .newPostWrap .textWrap .titleWrap .date {
}
#top .firstContent .leftArea .newPostWrap .textWrap .titleWrap .date .viewCount {
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}
#top .firstContent .leftArea .newPostWrap .textWrap .titleWrap .title {
	font-size: 16px;
}
#top .firstContent .leftArea .newPostWrap p {
	color: #5a5a5a;
	font-size: 14px;
}
#top .firstContent .rightArea {
	float: right;
	width: 490px;
}
#top .firstContent .rightArea .innerLeft {
	float: left;
}
#top .firstContent .rightArea .innerRight {
	float: right;
	width: 300px;
	height: 250px;
}
#top .firstContent .rightArea .calendarWrap {
	position: relative;
	margin-top: 20px;
	padding: 10px;
	width: 470px;
	background: url(../images/top/bg_365day.gif);
}
#top .firstContent .rightArea .calendarWrap a {
	color: #707129;
}
#top .firstContent .rightArea .calendarWrap .mrk {
	position: absolute;
	top: 0;
	right: 0;
}
#top .firstContent .rightArea .calendarWrap .inner {
	margin: 0;
	padding: 21px 10px;
	width: 96%;
	background: #fff;
}
#top .firstContent .rightArea .calendarWrap .inner .date {
	float: left;
	margin-right: 17px;
	color: #707129;
	font-size: 14px;
}
#top .firstContent .rightArea .calendarWrap .inner .date span {
	font-size: 30px;
	font-weight: bold;
}
#top .firstContent .rightArea .calendarWrap .inner .anniversary {
	float: left;
	margin-top: 15px;
	color: #707129;
	font-size: 16px;
	font-weight: bold;
}
#top .firstContent .rightArea .calendarWrap .inner .txtBlock {}
#top .firstContent .rightArea .calendarWrap .inner .txtBlock .title {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
#top .firstContent .rightArea .calendarWrap .inner .txtBlock .text {
	font-size: 14px;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
otherPost
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .otherPost {
	margin: 0 auto 25px auto;
	width: 1000px;
}
#top .otherPost .otherPostList {
	position: relative;
	float: left;
	margin-right: 24px;
	width: 232px;
	background: #fff;
}
#top .otherPost .otherPostList.new:before {
	content: "";
	top: 0;
	left: 0;
	border-bottom: 5em solid transparent;
	border-left: 5em solid #ff0000; /* ラベルの色はここで変更 */
	position: absolute;
	z-index: 100;
}
#top .otherPost .otherPostList.new:after {
	content: "NEW";
	display: block;
	top: 10px;
	transform: rotate(-45deg);
	color: #fff; /* 文字色はここで変更 */
	font-size: 14px;
	left: 4px;
	position: absolute;
	z-index: 101;
}
#top .otherPost .otherPostList:last-child {
	margin-right: 0;
}
#top .otherPost .otherPostList a img{
	/*width: 232px;
	height: 149px;*/
	width: 100%;
	height: 100%;
	aspect-ratio: 244 / 157;
}
#top .otherPost .otherPostList a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#top .otherPost .otherPostList .textWrap {
	padding: 10px;
}
#top .otherPost .otherPostList .textWrap .titleWrap {
	margin-bottom: 15px;
	padding-left: 10px;
	border-left: 2px solid #707129;
	color: #707129;
}
#top .otherPost .otherPostList .textWrap .titleWrap .date {
}
#top .otherPost .otherPostList .textWrap .titleWrap .date .viewCount {
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}
#top .otherPost .otherPostList .textWrap .titleWrap .title {
	font-size: 16px;
	letter-spacing: -0.1em;
}
#top .otherPost .otherPostList .textWrap p {
	color: #5a5a5a;
	font-size: 14px;
}
#top .otherPost .otherPostList .textWrap p span {
	color: #707129;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
pickUpWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .pickUpWrap {
	margin: 0 auto 40px auto;
	width: 1000px;
}
#top .pickUpWrap a {
	display: block;
	padding: 20px 0;
	text-align: center;
	background: #fff;
	border: 2px solid #707129;
	color: #707129;
	font-size: 16px;
}
#top .pickUpWrap a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
keywordWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .keywordWrap {
	margin: 0 auto 40px auto;
	width: 1000px;
	font-size: 14px;
	vertical-align: middle;
}
#top .keywordWrap .keywordLink {
	display: inline-block;
	margin: 0 5px;
	padding: 2px 9px;
	background: #707129;
	border-radius: 13px;
	color: #fff;
	font-size: 12px;
}
#top .keywordWrap .keywordLink:hover {
	text-decoration: none;
	opacity: 0.7;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
bannerWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .bannerWrap {
	margin: 0 auto;
	width: 970px;
	height: 90px;
	padding: 50px 0 0;
}
#top .bannerWrap .banner_linkWrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#top .bannerWrap .banner_linkWrap li {
    border: solid 1px #c6beb7;
	line-height: 1;
}
#top .bannerWrap .banner_linkWrap li a {
	display: block;
    padding: 5px;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
aboutWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .aboutWrap {
	margin: 0 auto;
	min-width: 1200px;
	width: 100%;
}
#top .aboutWrap a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#top .aboutWrap .leftArea {
	float: left;
	min-width: 600px;
	width: 50%;

	background: #707129;
}
#top .aboutWrap .leftArea .aboutImg {
	width: 100%;
	height: 240px;
	background: url(../images/top/img_about.jpg) no-repeat center center;
	background-size: cover;
}
#top .aboutWrap .rightArea {
	float: right;
	min-width: 600px;
	width: 50%;
	background: #715d4c;
}
#top .aboutWrap .rightArea .healthcareImg {
	width: 100%;
	height: 240px;
	background: url(../images/top/img_healthcare.jpg) no-repeat center center;
	background-size: cover;
}
#top .aboutWrap .textWrap {
	padding: 20px 0;
	font-size: 14px;
	text-align: center;
}
#top .aboutWrap .textWrap .title {
	margin-bottom: 2em;
}
#top .aboutWrap .textWrap p {
	margin-bottom: 2em;
	color: #fff;
}
#top .aboutWrap .textWrap .more {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
balanceCheckWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .balanceCheckWrap {
	margin: 0 auto;
	width: 1200px;
}
#top .balanceCheckWrap .inner {
	padding: 50px 0 60px 0;
}
#top .balanceCheckWrap .inner .title {
	margin-bottom: 30px;
	text-align: center;
}
#top .balanceCheckWrap .inner p {
	margin-bottom: 30px;
	font-size: 14px;
	text-align: center;
}
#top .balanceCheckWrap .linkWrap {
	margin: 0 auto;
	width: 570px;
}
#top .balanceCheckWrap .linkWrap li {
	float: left;
	margin: 0 10px;
	width: 170px;
	text-align: center;
}
#top .balanceCheckWrap .linkWrap li a {
	color: #5a5a5a;
}
#top .balanceCheckWrap .linkWrap li a p {
	margin-top: 5px;
	font-size: 16px;
}
#top .balanceCheckWrap .linkWrap li a:hover img {
	opacity: 0.7;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
movieWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .movieWrap {
	margin: 0 auto;
	padding: 42px 0 30px 0;
	min-width: 1200px;
	width: 100%;
	background: url(../images/top/bg_movie.gif) no-repeat left top;
	background-size: cover;
}
#top .movieWrap .inner .movie {
	margin: 0 auto 3.2em auto;
	width: 655px;
}
#top .movieWrap .inner .text {
	color: #fff;
	font-size: 14px;
	text-align: center;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
consultationWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .consultationWrap {

}
#top .consultationWrap a {
	display: block;
	margin: 0 auto;
	padding: 47px 0;
	min-width: 1200px;
	width: 100%;
	background: url(../images/top/bg_consultation.jpg) no-repeat center center;
	background-size: cover;

	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* opera */
	-moz-transition: all 0.5s ease-out; /* firefox */
	-webkit-transition: all 0.5s ease-out; /* chrome, safari */
	-ms-transition: all 0.5s ease-out; /* ie */
}
#top .consultationWrap a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#top .consultationWrap .circle {
    margin: 0 auto;
    padding: 50px 0 40px 0;
    width: 310px;
	height: 220px;
	color: #5a5a5a;
    background: #fff;
	border-radius: 50%;
	font-size: 14px;
    text-align: center;
    opacity: 0.9;
}
#top .consultationWrap .circle .title {
	margin-bottom: 30px;
}
#top .consultationWrap .circle p {
	margin-bottom: 30px;
}
#top .consultationWrap .circle .more {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #5a5a5a;
	text-align: center;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
wisdomWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .wisdomWrap {
	padding: 40px 0 50px;
}
#top .wisdomWrap .inner {
	margin: 0 auto;
	padding: 5px;
	width: 990px;
	border: 1px solid #c6beb7;
}
#top .wisdomWrap .listWrap {
	padding: 30px 55px 0 55px;
}
#top .wisdomWrap .listWrap .wisdomListWrap {
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #707129;
}
#top .wisdomWrap .listWrap .wisdomListWrap a {
	color: #5a5a5a;
}
#top .wisdomWrap .listWrap .wisdomListWrap li {
	float: left;
	width: 18%;
	font-size: 16px;
}
#top .wisdomWrap .listWrap .wisdomListWrap li:before {
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #707129;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
dictionaryWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .dictionaryWrap {
	margin: 0 auto;
	min-width: 1200px;
	width: 100%;
	padding: 70px 0 85px 0;
	background: url(../images/top/bg_dictionary.jpg) no-repeat left top;
	background-size: cover;
}
#top .dictionaryWrap .inner {
	margin: 0 auto;
	padding: 6px 0;
	width: 1000px;
	background: #fff;
}
#top .dictionaryWrap .box {
	margin: 0 auto;
	padding: 33px 0 22px 0;
	width: 988px;
	border: 1px solid #777833;
	box-sizing: border-box;
}
#top .dictionaryWrap p {
	margin-bottom: 22px;
	color: #000;
	font-size: 14px;
	text-align: center;
}
#top .dictionaryWrap .dictionaryLinkWrap {
	margin: 0 auto;
	width: 940px;
}
#top .dictionaryWrap .dictionaryLinkWrap li {
	margin-right: 20px;
	float: left;
}
#top .dictionaryWrap .dictionaryLinkWrap li:last-child {
	margin-right: 0;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
recommendWrap
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#top .recommendWrap {
	margin: 50px auto 80px auto;
	padding: 10px;
	width: 1000px;
	background: #c6beb7;
}
#top .recommendWrap .inner {
	padding: 35px 0 40px 0;
	border: 1px solid #fff;
}
#top .recommendWrap .title {
	margin-bottom: 40px;
	text-align: center;
}
#top .recommendWrap .recommendLinkWrap {
	margin: 0 auto;
	width: 820px;
}
#top .recommendWrap .recommendLinkWrap li {
	float: left;
	margin-right: 26px;
	width: 185px;
	min-height: 300px;
	text-align: center;
}
#top .recommendWrap .recommendLinkWrap li:last-child {
	margin-right: 0;
}
#top .recommendWrap .recommendLinkWrap li a:hover {
	text-decoration: none;
}
#top .recommendWrap .recommendLinkWrap li .name {
	margin: 20px 0 10px 0;
	color: #fff;
}
#top .recommendWrap .recommendLinkWrap li .category {
	display: inline-block;
    margin: 0 5px 5px 5px;
    padding: 2px 9px;
	border: 1px solid #fff;
    border-radius: 13px;
    color: #fff;
    font-size: 12px;
}