@charset "utf-8";
/*----- index.html -----*/

/*globalNav*/

#top #navigation #globalNav {
	padding-bottom: 0;
}
#top div#header h1.service_h1 {
	top: 27px;
	font-size: 140%;
	color: #C44A4E;
	right: 11px;
}
/* =========================================================
#top #mainVisual_area
========================================================= */

#mainVisual_area {
	overflow: hidden;
	height: 383px;
	width: 100%;
	background: url(../images/shared/bg_content_wide.png) repeat-x scroll left bottom #fff;
}
#top #mainVisual {
	width: 100%;
	background: url(../images/shared/bg_content_wide.png) repeat-x scroll left bottom #fff;
}
#top div.mainCatch {
	border-bottom: 1px solid #e1e1e1;
	height: 343px;
}
#top div.mainCatch img {
	position: absolute;
	left: 50%;
	margin-left: -512px;
}
#top ul#slideshow li {
	height: 343px;
}
#top #showimg1 {
	background-color: #fff; /* lineAward */
}
#top #showimg2 {
	background-color: #77c0dd;/* sanrio FB-bot */
}
#top #showimg3 {
	background-color: #00B900;/* LINEWORKS */
}
#top #showimg4 {
	background-color: #f3f3f3;/*オリックス生命*/
}
#top #showimg5 {
	background-color: #FFF;/*FOREVER 21*/
}
#top #showimg6 {
	background-color: #000;/*幸楽 Gotcha mall*/
}
#top #showimg7 {
	background-color: #d6ad18;/*さつまゑびす*/
}
#top #showimg8 {
	background-color: #0474c4;/*パナ事例*/
}
#top #showimg9 {
	background-color: #67d4e8;/*講談社*/
}
#top #showimg10 {
	background-color: #ffdee7;/*サンリオLINE*/
}
#top #showimg11 {
	background-color: #393f3e;/*アダストリア*/
}
#top #showimg12 {
	background-color: #ffffff;/*エンジェリーベ*/
}
#top #showimg13 {
	background-color: #292e31;/*playground_Quick Ticket*/
}
#top #showimg14 {
	background-color: #8c4618;/*soft space*/
}
/* ▼バナー内2箇所ボタン配置 */
#top div.mainCatch .mvFloatImg {
	position: absolute;
	left: 50%;
	bottom: 35px;
	margin-left: -430px;
}
#top div.mainCatch .mvFloatImg2 {
	position: absolute;
	left: 50%;
	bottom: 35px;
	margin-left: -174px;
}
#top div.mainCatch .mvFloatImg img, #top div.mainCatch .mvFloatImg2 img {
	position: static;
	left: 0;
	margin: 0;
	z-index: 0;
}
/* ▲バナー内ボタン配置 */

#mainVisual a.pamph {
	position: absolute;
	left: 50%;
	bottom: 80px;
	margin-left: -340px;
	width: 148px;
	height: 33px;
}
#mainVisual a.pamph3 {
	position: absolute;
	left: 50%;
	bottom: 105px;
	margin-left: 295px;
	width: 219px;
	height: 19px;
}
#mainVisual a.pamph4 {
	position: absolute;
	left: 50%;
	bottom: 102px;
	margin-left: 273px;
	width: 241px;
	height: 22px;
}
#mainVisual a.pamph5 {
	position: absolute;
	left: 50%;
	bottom: 113px;
	margin-left: 305px;
	width: 203px;
	height: 19px;
}
#mainVisual a.pamph8 {
	position: absolute;
	left: 50%;
	bottom: 106px;
	margin-left: 266px;
	width: 241px;
	height: 22px;
}
#mainVisual a.pamph9 {
	position: absolute;
	left: 50%;
	bottom: 110px;
	margin-left: 50px;
	width: 249px;
	height: 20px;
}
#mainVisual a.pamph11 {
	position: absolute;
	left: 50%;
	bottom: 123px;
	margin-left: 288px;
	width: 219px;
	height: 19px;
}
#mainVisual a.pamph12 {
	position: absolute;
	left: 50%;
	bottom: 129px;
	margin-left: 353px;
	width: 203px;
	height: 19px;
}
#mainVisual a.pamph13 {
	position: absolute;
	left: 50%;
	bottom: 123px;
	margin-left: 350px;
	width: 219px;
	height: 19px;
}
#mainVisual a.pamph15 {
	position: absolute;
	left: 50%;
	bottom: 70px;
	margin-left: -38px;
	width: 220px;
	height: 19px;
}
#mainVisual a.pamph16 {
	position: absolute;
	left: 50%;
	bottom: 75px;
	margin-left: 333px;
	width: 166px;
	height: 18px;
}
#mainVisual a.pamph img, #mainVisual a.pamph2 img {
	margin: 0;
	position: static;
}
#primary .newsList dt {
	width: 86px;
}
#primary .newsList dd {
	width: 625px;
}
#mainVisual a.style1 {
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -122px;
	width: 244px;
	height: 343px;
}
#mainVisual a.style2 {
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: 135px;
	width: 218px;
	height: 343px;
}
#mainVisual a.style3 {
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: 319px;
	width: 286px;
	height: 343px;
}
#mainVisual a.style4 {
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: 610px;
	width: 276px;
	height: 343px;
}
/* =========================================================
#top .slideFrame
========================================================= */
#loopslider_area {
	width: 100%;
	background-color: #FFF;
}
.slideFrame {
	margin: 0 auto;
	width: 950px;
	height: 100px;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	padding-bottom: 35px;
}
#loopslider_area h4 {
	display: block;
	width: 100%;
	height: 15px;
	font-size: 120%;
	margin-bottom: 5px;
}
.slideFrame ul {
	height: 80px;
	float: left;
	display: inline;
	overflow: hidden;
	background-color: #FFFFFF;
}
.slideFrame ul li {
	width: 100px;
	height: 80px;
	margin: 0;
	float: left;
	display: inline;
	overflow: hidden;
}
.slideFrame ul li.flag {
	width: 90px;
	padding: 0;
}
.slideFrame ul li img {
	margin: auto;
}
.slideFrame_wrap {
	background-color: #FFF;
}
/* controller */
.slideCtrl {
	top: 15;
	width: 20px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: #555;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	z-index: 99;
}
.slideFrame .left {
	left: 0;
}
.slideFrame .right {
	right: 0;
}
/* =======================================
    ClearFixElements
======================================= */
.slideFrame ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.slideFrame ul {
	display: inline-block;
	overflow: hidden;
}
/* =========================================================
content
========================================================= */
#top div#content_area {
	background-color: #FFFFFF;
	overflow: hidden;
}
#top div#content {
	padding-top: 0;
	background: none #FFFFFF;
 *height:1085px;/*「お知らせ」ナシ：950px*/
}
/* =========================================================
#top #topic_banner
========================================================= */
#top div#topic_banner ul {
	overflow: hidden;
	font-size: 0;
}
#top div#topic_banner ul li {
	width: 220px;
	display: inline-block;
	vertical-align: top;
	margin: 0 23px 20px 0;
	font-size: 12px;
}
#top div#topic_banner ul li:nth-child(4n) {
	margin-right: 0;
}
#top div#topic_banner ul li a {
	display: block;
	width: 220px;
	height: 80px;
	margin-bottom: 10px;
}
#top div#topic_banner ul li img {
	display: block;
}
#top div#topic_banner ul li span.t_2 {
	display: block;
	padding-bottom: 20px;
}
/* =========================================================
#top #content_menu
========================================================= */
#top div#content div#content_menu p {
	margin-bottom: 10px;
	overflow: hidden;
}
#top div#content div#content_menu p img {
	float: left;
}
#top div#content div#content_menu p a {
	height: 23px;
	float: left;
	overflow: hidden;
	display: block;
}
#top div#content div#content_menu p a img:hover {
	margin-top: -23px;
}
/* =========================================================
#top #primary
========================================================= */

#top div#content #primary {
	width: 784px;
}
/* =========================================================
#top div#content div.secondary
========================================================= */

#top div#content div#secondary {
	width: 158px;
}
/* =========================================================
#top .btocArea
========================================================= */

#top .btocArea {
	clear: both;
	margin-bottom: 15px;
	width: 784px;
	border: 1px solid #e4e4e4;
	border-right: none;
	background: url(../images/shared/bg_btocarea.gif) repeat-y right top #fcfcfc;
}
#top .btocArea .section02B {
	padding-bottom: 15px;
}
/*btocList*/

#top .btocList {
	clear: both;
	padding: 0 5px;
	overflow: hidden;
}
#top .btocList li {
	display: block;
	float: left;
	width: 180px;
	overflow: hidden;
	margin: 10px 8px 10px 5px;
	text-align: center;
}
#top .btocList li a {
	display: block;
	float: left;
	width: 180px;
}
#top .btocList li span {
	display: block;
	float: left;
	width: 180px;
	line-height: 1.2;
	margin-top: 10px;
}
#top .btocList li span.last-child {
	width: 115px;
}
#top .btocList li .smphide {
	text-align: center;
	display: inline-block;
}
*:first-child+html #top .btocList li .smphide {
	padding-left: 56px;
}
#top .btocList li .smphide a {
	width: 24px;
	margin: 5px 5px 0;
}
/*btocList img*/

#top div#iza img {
	margin-top: 13px;
}
#top div#netmile img {
	margin-top: 25px;
}
#top div#forecast img {
	margin-top: 27px;
}
#top div#fujisan img {
	margin-top: 26px;
}
#top div#meetme img {
	margin-top: 29px;
}
#top div#listenjp img {
	margin-top: 20px;
}
#top div#watchme img {
	margin-top: 22px;
}
#top div#academicmall img {
	margin-top: 13px;
}
/* =========================================================
informationArea
========================================================= */
#top .informationArea {
	padding: 0;
}
/* =========================================================
privacy
========================================================= */
#top #privacy {
	text-align: center;
	margin-top: 0;
 *margin-top:140px;
	margin-bottom: 20px;
}
/* =========================================================
headSet01A
========================================================= */

#top #primary .headSet01A p a {
	text-decoration: underline;
}
#top #primary .headSet01A p a:hover {
	text-decoration: none;
}
/* =========================================================
newsList
========================================================= */
#top .newsList {
	margin: 0 5px;
}
#top .newsList dd {
	width: 677px;
}
#top div#content div#primary .newsList dd a {
	text-decoration: none;
}
#top div#content div#primary .newsList dd a:hover {
	text-decoration: underline;
}
/* =========================================================
top recruitmentBanner
========================================================= */
#recruitmentBanner {
	height: 360px;
	overflow: hidden;
}
/* =========================================================
top sns
========================================================= */
.sns {
	clear: both;
	overflow: hidden;
	text-align: left;
	margin: 15px 0;
}
.sns p {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 0;
}
.sns ul.icon, .sns ul.icon_2 {
	overflow: hidden;
	margin-bottom: 10px;
}
.sns ul.icon li, .sns ul.icon_2 li {
	float: left;
	width: 52px;
	text-align: center;
}
/* =========================================================
top side workit
========================================================= */
#top div#secondary div.informationArea .sp_img {
	display: none;
}
/* =========================================================
top footer
========================================================= */
#top div#footer {
	padding: 1em 0;
	background-image: none;
}
/*----- sitemap.html -----*/

body.sitemap #primary div.section ul.internalLinkList a, body.sitemap #primary div.section01B ul.internalLinkList a {
	text-decoration: none;
	font-weight: normal;
}
body.sitemap #primary div.section ul.internalLinkList a:hover, body.sitemap #primary div.section01B ul.internalLinkList a:hover {
	text-decoration: underline;
}
body.sitemap ul.listStyleArrow03 {
	margin-top: 10px;
	margin-left: 20px;
	width: 700px;
}
body.sitemap ul.listStyleArrow03 li {
	float: left;
	list-style-position: outside;
	width: 318px;
	padding-left: 12px;
	margin-right: 40px;
	margin-bottom: 1.0em;
	text-indent: 0px;
	margin-bottom: 1.8;
	background-position: 0pt 5px;
}
body.sitemap ul.listStyleArrow03 li.rightItem {
	float: right;
	margin-right: 0;
}
body.sitemap ul.listStyleArrow03 li li {
	background: none;
	padding: 5px 0;
	margin: 0;
}
body.sitemap ul.listStyleArrow03.wide li {
	width: 688px;
	margin-right: 0;
}
body.sitemap ul.listStyleArrow03 li ul.listStyleArrow02 {
	overflow: hidden;
	margin-top: 10px;
}
body.sitemap ul.listStyleArrow03 li ul.listStyleArrow02 li {
	background: url(../images/shared/liststyle/liststyle_arrow02.gif) 0 11px no-repeat;
	float: left;
	padding-left: 8px;
	width: 318px;
}
/*======================================================
sns公式アカウント一覧
======================================================*/
body#sns div.snsInfo {
	width: 630px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
body#sns div.snsInfo h5 {
	background-color: #eee;
	border-top: none;
	border-bottom: 1px solid #ccc;
	padding: 3px 5px;
}
body#sns div.snsDetail {
	overflow: hidden;
	width: 100%;
}
body#sns div.snsLogo {
	float: left;
	width: 30%;
	height: 100px;
	position: relative;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	padding: 0 5px;
}
body#sns div.snsLogo img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	height: auto;
}
body#sns ul.snsIcon {
	float: left;
	width: 70%;
	height: 100px;
	padding: 0 10px;
	box-sizing: border-box;
}
body#sns ul.snsIcon li {
	padding-left: 10px;
	float: left;
	width: 15%;
	position: relative;
	box-sizing: border-box;
	height: 100%;
}
body#sns ul.snsIcon li:nth-last-child(n+7), body#sns ul.snsIcon li:nth-last-child(n+7)~li {
	height: 50%;
}
body#sns ul.snsIcon li img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: auto;
	max-width: 100%;
}
body#sns ul.snsIcon li.last-icon {
}