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

/*=================================
 :: intro
=================================*/

/*-- index.html --*/

#mv.intro {
	background: url(../intro/images/bg_index.jpg) center top no-repeat #000;
	width: 100%;
}

#mv.intro div.mvInr {
	padding: 205px 0;
}

#mv.intro h1 {
	margin-bottom: 45px;
}

/* デバイスの横幅が画像サイズを超えた場合 */
@media only screen and (min-width: 1500px) {
	#mv.intro {
		background-size: cover !important;
	}
}

/*-- detail.html --*/

#mv.detail {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
}

#mv.detail div.mvInr {
	padding: 0;
	height: 454px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 1500px;
}

#mv.detail01 {
	background: url(../intro/images/bg_deteil01_mv.jpg) right top no-repeat #51aeb9;
}
#mv.detail02 {
	background: url(../intro/images/bg_deteil02_mv.jpg) right top no-repeat #51aeb9;
}
#mv.detail03 {
	background: url(../intro/images/bg_deteil03_mv.jpg) right top no-repeat #51aeb9;
}
#mv.detail04 {
	background: url(../intro/images/bg_deteil04_mv.jpg) right top no-repeat #51aeb9;
}
#mv.detail05 {
	background: url(../intro/images/bg_deteil05_mv.jpg) right top no-repeat #4597ba;
}
#mv.detail06 {
	background: url(../intro/images/bg_deteil06_mv.jpg) right top no-repeat #4597ba;
}
#mv.detail07 {
	background: url(../intro/images/bg_deteil07_mv.jpg) right top no-repeat #4597ba;
}
#mv.detail08 {
	background: url(../intro/images/bg_deteil08_mv.jpg) right top no-repeat #71618e;
}
#mv.detail09 {
	background: url(../intro/images/bg_deteil09_mv.jpg) right top no-repeat #71618e;
}
#mv.detail10 {
	background: url(../intro/images/bg_deteil10_mv.jpg) right top no-repeat #4a588e;
}

@media only screen and (max-width: 1510px) {
	#mv.detail {
		background-position: right top;
	}
	#mv.detail div.mvInr {
		width: 1206px;
	}
}

#mv div.box01 {
	background: #51aeb9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	padding: 0 25px;
	padding-top: 53px;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 382px;
}
#mv div.box02 {
	background: #4597ba;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	padding: 0 25px;
	padding-top: 53px;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 382px;
}
#mv div.box03 {
	background: #71618e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	padding: 0 25px;
	padding-top: 53px;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 382px;
}
#mv div.box04 {
	background: #4a588e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	padding: 0 25px;
	padding-top: 53px;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 382px;
}

@media only screen and (max-width: 1500px) {
	#mv.detail {
		background-position: 130% top;
	}
	#mv div.box01,
	#mv div.box02,
	#mv div.box03,
	#mv div.box04 {
		width: 300px;
	}
}
@media only screen and (max-width: 1220px) {
	#mv div.box01,
	#mv div.box02,
	#mv div.box03,
	#mv div.box04 {
		width: 250px;
	}
}

#mv div.box01 h1,
#mv div.box01 p,
#mv div.box02 h1,
#mv div.box02 p,
#mv div.box03 h1,
#mv div.box03 p,
#mv div.box04 h1,
#mv div.box04 p {
	font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "Noto Sans Japanese", sans-serif;
	font-size: 100%;
	text-align: left;
	letter-spacing: 2px;
}

#mv div.box01 p.place,
#mv div.box02 p.place,
#mv div.box03 p.place,
#mv div.box04 p.place {
	margin-bottom: 20px;
	margin-top: 75px;
}

#mv div.box01 h1,
#mv div.box02 h1,
#mv div.box03 h1,
#mv div.box04 h1 {
	font-size: 30px;
	line-height: 110%;
	letter-spacing: 5px;
	margin-bottom: 20px;
}

#mv div.box01 h1 span,
#mv div.box02 h1 span,
#mv div.box03 h1 span,
#mv div.box04 h1 span {
	color: #b3dce1;
	display: block;
	font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace;
	font-size: 14px;
	letter-spacing: 1px;
}
#mv div.box03 h1 span {
	color: #c6c0d2;
}
#mv div.box04 h1 span {
	color: #b7bcd2;
}

#mv div.box01 p.info span,
#mv div.box02 p.info span,
#mv div.box03 p.info span,
#mv div.box04 p.info span {
	border-bottom: 1px solid #b3dce1;
	padding-bottom: 3px;
	line-height: 200%;
}
#mv div.box03 p.info span {
	border-bottom: 1px solid #c6c0d2;
}
#mv div.box04 p.info span {
	border-bottom: 1px solid #b7bcd2;
}

#mv p.btn {
	position: absolute;
	right: 20px;
	top: 20px;
}

#contents .fltImgL {
	margin-right: 40px;
}

#contents .fltImgR {
	margin-bottom: 40px;
}

#contents .introHd {
	text-align: center;
	margin-bottom: 45px;
}

#contents .introFaq {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 775px;
}

#contents .introFaq dt {
	background-position: left top !important;
	background-repeat: no-repeat !important;
	padding-left: 115px;
	padding-bottom: 10px;
	line-height: 140%;
	margin-bottom: 18px;
}

#contents .introFaq dt span {
	border: 3px solid #333;
	color: #333;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	padding: 13px 15px;
	line-height: 140%;
}

#contents .introFaq dd {
	padding-left: 115px;
	margin-bottom: 55px;
}

/* ------------------- skyblue */

#contents .introFaq.sky dt.q1 {
	background: url(../intro/images/icon_sky_01.gif);
}
#contents .introFaq.sky dt.q2 {
	background: url(../intro/images/icon_sky_02.gif);
}
#contents .introFaq.sky dt.q3 {
	background: url(../intro/images/icon_sky_03.gif);
}
#contents .introFaq.sky dt.q4 {
	background: url(../intro/images/icon_sky_04.gif);
}
#contents .introFaq.sky dt.q5 {
	background: url(../intro/images/icon_sky_05.gif);
}
#contents .introFaq.sky dt.q6 {
	background: url(../intro/images/icon_sky_06.gif);
}
#contents .introFaq.sky dt.q7 {
	background: url(../intro/images/icon_sky_07.gif);
}
#contents .introFaq.sky dt.q8 {
	background: url(../intro/images/icon_sky_08.gif);
}

#contents .introFaq.sky dt span {
	border: 3px solid #51acb8;
	color: #51acb8;
}

/* ------------------- blue */

#contents .introFaq.blue dt.q1 {
	background: url(../intro/images/icon_blue_01.gif);
}
#contents .introFaq.blue dt.q2 {
	background: url(../intro/images/icon_blue_02.gif);
}
#contents .introFaq.blue dt.q3 {
	background: url(../intro/images/icon_blue_03.gif);
}
#contents .introFaq.blue dt.q4 {
	background: url(../intro/images/icon_blue_04.gif);
}
#contents .introFaq.blue dt.q5 {
	background: url(../intro/images/icon_blue_05.gif);
}
#contents .introFaq.blue dt.q6 {
	background: url(../intro/images/icon_blue_06.gif);
}
#contents .introFaq.blue dt.q7 {
	background: url(../intro/images/icon_blue_07.gif);
}
#contents .introFaq.blue dt.q8 {
	background: url(../intro/images/icon_blue_08.gif);
}

#contents .introFaq.blue dt span {
	border: 3px solid #4597ba;
	color: #4597ba;
}

/* ------------------- purple */

#contents .introFaq.purple dt.q1 {
	background: url(../intro/images/icon_purple_01.gif);
}
#contents .introFaq.purple dt.q2 {
	background: url(../intro/images/icon_purple_02.gif);
}
#contents .introFaq.purple dt.q3 {
	background: url(../intro/images/icon_purple_03.gif);
}
#contents .introFaq.purple dt.q4 {
	background: url(../intro/images/icon_purple_04.gif);
}
#contents .introFaq.purple dt.q5 {
	background: url(../intro/images/icon_purple_05.gif);
}
#contents .introFaq.purple dt.q6 {
	background: url(../intro/images/icon_purple_06.gif);
}
#contents .introFaq.purple dt.q7 {
	background: url(../intro/images/icon_purple_07.gif);
}
#contents .introFaq.purple dt.q8 {
	background: url(../intro/images/icon_purple_08.gif);
}

#contents .introFaq.purple dt span {
	border: 3px solid #71618e;
	color: #71618e;
}

/* ------------------- navy */

#contents .introFaq.navy dt.q1 {
	background: url(../intro/images/icon_navy_01.gif);
}
#contents .introFaq.navy dt.q2 {
	background: url(../intro/images/icon_navy_02.gif);
}
#contents .introFaq.navy dt.q3 {
	background: url(../intro/images/icon_navy_03.gif);
}
#contents .introFaq.navy dt.q4 {
	background: url(../intro/images/icon_navy_04.gif);
}
#contents .introFaq.navy dt.q5 {
	background: url(../intro/images/icon_navy_05.gif);
}
#contents .introFaq.navy dt.q6 {
	background: url(../intro/images/icon_navy_06.gif);
}
#contents .introFaq.navy dt.q7 {
	background: url(../intro/images/icon_navy_07.gif);
}
#contents .introFaq.navy dt.q8 {
	background: url(../intro/images/icon_navy_08.gif);
}

#contents .introFaq.navy dt span {
	border: 3px solid #4a588e;
	color: #4a588e;
}

#contents div.msgBox {
	background: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	padding: 78px 115px;
	height: 529px;
}

#contents div.msgBox.detail01 {
	background: url(../intro/images/bg_detal_01_msg.jpg) left top no-repeat;
}
#contents div.msgBox.detail02 {
	background: url(../intro/images/bg_detal_02_msg.jpg) left top no-repeat;
}
#contents div.msgBox.detail03 {
	background: url(../intro/images/bg_detal_03_msg.jpg) left top no-repeat;
}
#contents div.msgBox.detail04 {
	background: url(../intro/images/bg_detal_04_msg.jpg) left top no-repeat;
}
#contents div.msgBox.detail05 {
	background: url(../intro/images/bg_detal_05_msg.jpg) left top no-repeat;
}
#contents div.msgBox.detail06 {
	background: url(../intro/images/bg_detal_06_msg.jpg) left top no-repeat;
}
#contents div.msgBox.detail07 {
	background: url(../intro/images/bg_detal_07_msg.jpg) left top no-repeat;
}
#contents div.msgBox.detail08 {
	background: url(../intro/images/bg_detal_08_msg.jpg) left top no-repeat;
}
#contents div.msgBox.detail09 {
	background: url(../intro/images/bg_detal_09_msg.jpg) left top no-repeat;
}
#contents div.msgBox.detail10 {
	background: url(../intro/images/bg_detal_10_msg.jpg) left top no-repeat;
}

#contents div.msgBox h3 {
	margin-bottom: 30px;
	width: 410px;
}

#contents div.msgBox h3 span {
	border: 3px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	font-size: 22px;
	line-height: 170%;
	padding: 13px 15px;
}

#contents .introBtm {
	background: #fff;
	border-bottom: 1px solid #e3e5e7;
	border-top: 1px solid #e3e5e7;
}

#contents .introBtm h3 {
	font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "Noto Sans Japanese", sans-serif;
	font-size: 30px;
	letter-spacing: 3px;
	line-height: 140%;
	text-align: center;
	margin-bottom: 35px;
}

#contents .introBtm div.bx-wrapper {
	margin: 0 auto;
	width: 978px !important;
	position: relative;
}

#contents .introBtm div.bx-viewport {
	height: 100% !important;
}

#contents .introBtm ul.slider li {
	background: #51aeb9;
	height: 170px;
	width: 170px !important;
	position: relative;
}

#contents .introBtm ul.slider li.li5 {
	background: #4597ba;
}
#contents .introBtm ul.slider li.li6 {
	background: #4597ba;
}
#contents .introBtm ul.slider li.li7 {
	background: #4597ba;
}
#contents .introBtm ul.slider li.li8 {
	background: #71618e;
}
#contents .introBtm ul.slider li.li9 {
	background: #71618e;
}
#contents .introBtm ul.slider li.li10 {
	background: #4a588e;
}

#contents .introBtm ul.slider li span.img,
#contents .introBtm ul.slider li p {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	left: 0;
	top: 0;
}

#contents .introBtm ul.slider li span.img {
	filter: alpha(opacity=50) !important;
	opacity: 0.5 !important;
	line-height: 0;
}

#contents .introBtm ul.slider li:hover span.img,
#contents .introBtm ul.slider li a.current span.img {
	filter: alpha(opacity=0) !important;
	opacity: 0 !important;
}

#contents .introBtm ul.slider li p {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 138.5%;
	font-weight: bold;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	top: 0;
	bottom: 0;
	width: 170px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#contents .introBtm ul.slider li p:hover {
	font-size: 22px;
	padding: 40px 0;
}

#contents .introBtm ul.slider li p span {
	border-bottom: 4px solid #fff;
	display: inline-block;
	font-size: 22px;
	line-height: 140%;
	margin-bottom: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#contents .introBtm ul.slider li p:hover span {
	margin-bottom: 15px;
	font-size: 24px;
}

#contents .bx-controls-direction .bx-prev {
	background: url(../intro/images/img_prev.jpg) left top no-repeat;
	display: block;
	height: 56px;
	width: 32px;

	position: absolute;
	top: 65px;
	left: -115px;
}

#contents .bx-controls-direction .bx-next {
	background: url(../intro/images/img_next.jpg) left top no-repeat;
	display: block;
	height: 56px;
	width: 32px;

	position: absolute;
	top: 65px;
	right: -115px;
}

/*画像置換*/
#contents .bx-controls-direction a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

/*=================================
 :: cross
=================================*/

/*-- index.html --*/

.bb {
	background-position: center top !important;
	height: 659px !important;
	width: 100% !important;
}

/* デバイスの横幅が画像サイズを超えた場合 */
@media only screen and (min-width: 1500px) {
	.bb {
		background-size: cover !important;
	}
}

#mv.crossIndex {
	min-width: 1206px;
}

#mv.crossIndex div.mvInr {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 230px 0;
	height: 660px;
}

#mv.crossIndex h1 {
	margin-bottom: 35px;
}

#contents .crossIndexList {
	width: 100%;
}

#contents .crossIndexList li a {
	display: block;
	padding: 77px 74px 60px;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#contents .crossIndexList li a:hover {
	background-color: rgba(98, 114, 138, 0.5);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
	filter: alpha(opacity = 60);
}

#contents .crossIndexList li.li1 {
	background: url(../cross/images/img_index_01.png) right top no-repeat #fff;
}
#contents .crossIndexList li.li2 {
	background: url(../cross/images/img_index_03.png) left top no-repeat #fff;
}

#contents .crossIndexList li:hover.li1 {
	background: url(../cross/images/img_index_01.png) right top no-repeat #62728a;
}
#contents .crossIndexList li:hover.li2 {
	background: url(../cross/images/img_index_03.png) left top no-repeat #62728a;
}

#contents .crossIndexList li h2 {
	font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "Noto Sans Japanese", sans-serif;
	font-size: 32px;
	line-height: 140%;
	padding-top: 33px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin-bottom: 30px;
}

#contents .crossIndexList li h2 span {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	padding-bottom: 10px;
}

#contents .crossIndexList li h2 span:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #000;
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#contents .crossIndexList li:hover h2 span:before {
	background: #fff;
}

#contents .crossIndexList li a:hover h2 span:before {
	right: 0;
}

#contents .crossIndexList li h2 {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#contents .crossIndexList li.li1 h2 {
	color: #000;
}
#contents .crossIndexList li.li2 h2 {
	color: #000;
}
#contents .crossIndexList li.li3 h2 {
	color: #000;
}

#contents .crossIndexList li:hover.li1 h2 {
	color: #fff;
}
#contents .crossIndexList li:hover.li2 h2 {
	color: #fff;
}
#contents .crossIndexList li:hover.li3 h2 {
	color: #fff;
}

/*-- detail.html --*/

#mv.develop,
#mv.young,
#mv.business {
	position: relative;
}

#mv.develop div.mvInr {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 230px 0;
	height: 660px;
}
#mv.develop h1 {
	margin-bottom: 35px;
}
#mv.develop p {
	font-size: 20px;
}

#mv.business div.mvInr {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 230px 0;
	height: 660px;
}
#mv.business h1 {
	margin-bottom: 35px;
}
#mv.business p {
	font-size: 20px;
}

#mv.young div.mvInr {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 230px 0;
	height: 660px;
}
#mv.young h1 {
	margin-bottom: 35px;
}
#mv.young p {
	font-size: 20px;
}

#contents .crossHd {
	text-align: center;
	margin-bottom: 35px;
}

#contents div.crsMember {
	margin: 0 auto;
	width: 1206px;
}

#contents div.crsMember li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0;
	padding-left: 181px;
	height: 210px;
	width: 377px;
}

#contents div.crsMember li.li1 {
	background: url(../cross/images/btn_develop_01.jpg) left top no-repeat;
}
#contents div.crsMember li.li2 {
	background: url(../cross/images/btn_develop_02.jpg) left top no-repeat;
}
#contents div.crsMember li.li3 {
	background: url(../cross/images/btn_develop_03.jpg) left top no-repeat;
}

#contents.business div.crsMember li.li1 {
	background: url(../cross/images/btn_business_01.jpg) left top no-repeat;
}
#contents.business div.crsMember li.li2 {
	background: url(../cross/images/btn_business_02.jpg) left top no-repeat;
}
#contents.business div.crsMember li.li3 {
	background: url(../cross/images/btn_business_03.jpg) left top no-repeat;
}

#contents.young div.crsMember li.li1 {
	background: url(../cross/images/btn_young_01.jpg) left top no-repeat;
}
#contents.young div.crsMember li.li2 {
	background: url(../cross/images/btn_young_02.jpg) left top no-repeat;
}
#contents.young div.crsMember li.li3 {
	background: url(../cross/images/btn_young_03.jpg) left top no-repeat;
}

#contents div.crsMember li p {
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 20px;
}

#contents div.crsMember li p.info span {
	border-bottom: 1px solid #000;
	line-height: 170%;
}

#contents div.crsMember li p.name {
	font-size: 20px;
	letter-spacing: 3px;
}

#contents div.crsMember li p.name span {
	display: block;
	font-size: 13px;
	letter-spacing: 0.5px;
}

#contents div.themeMv {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 185px 0;
}

#contents div.themeMv.mv01 {
	background: url(../cross/images/bg_develop_01.jpg) center top no-repeat;
}
#contents div.themeMv.mv02 {
	background: url(../cross/images/bg_develop_02.jpg) center top no-repeat;
}
#contents div.themeMv.mv03 {
	background: url(../cross/images/bg_develop_03.jpg) center top no-repeat;
}

#contents.business div.themeMv.mv01 {
	background: url(../cross/images/bg_business_01.jpg) center top no-repeat;
}
#contents.business div.themeMv.mv02 {
	background: url(../cross/images/bg_business_02.jpg) center top no-repeat;
}
#contents.business div.themeMv.mv03 {
	background: url(../cross/images/bg_business_03.jpg) center top no-repeat;
}

#contents.young div.themeMv.mv01 {
	background: url(../cross/images/bg_young_01.jpg) center top no-repeat;
}
#contents.young div.themeMv.mv02 {
	background: url(../cross/images/bg_young_02.jpg) center top no-repeat;
}
#contents.young div.themeMv.mv03 {
	background: url(../cross/images/bg_young_03.jpg) center top no-repeat;
}

/* デバイスの横幅が画像サイズを超えた場合 */
@media only screen and (min-width: 1500px) {
	#contents div.themeMv {
		background-size: cover !important;
	}
}

#contents div.themeMv p {
	margin-bottom: 25px;
}

#contents div.themeMv h3 {
	font-size: 24px;
	line-height: 140%;
}

#contents dl.talkBox {
	width: 770px;
}

#contents dl.talkBox dt {
	float: left;
	font-size: 16px;
	font-weight: bold;
	width: 70px;
}

#contents dl.talkBox dd {
	font-size: 16px;
	margin-bottom: 20px;
	margin-left: 70px;
	width: 690px;
}

#contents .crossHd02 {
	text-align: center;
	margin-bottom: 30px;
}

#contents .talkList {
	width: 100%;
}

#contents .talkList li {
	float: left;
	margin-right: 20px;
	width: 377px;
}

#contents .talkList li.last {
	margin-right: 0;
}

#contents .talkList li span {
	display: block;
	line-height: 140%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#contents .talkList li span.text {
	color: #3ea5d7;
}

#contents .talkList li a:hover {
	text-decoration: none;
}

#contents .talkList li a:hover span {
	color: #262d37;
}

#contents .talkList li span.img {
	background: #62728a;
	line-height: 0;
	margin-bottom: 10px;
}

#contents .talkList li:hover span.img img,
#contents .talkList li a.current span.img img {
	filter: alpha(opacity=30) !important;
	opacity: 0.3 !important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}