@charset "utf-8";

/* -------------------------------------------------------------
   common styles

10px font-size　77%
11px font-size　85%
12px font-size　93%
13px font-size　100%
14px font-size　108%
15px font-size　116%
16px font-size　123.1%
17px font-size　131%
18px font-size　138.5%
19px font-size　146.5%
20px font-size　153.9%
-------------------------------------------------------------- */
/* --------------------------------------------------------------
   共通 styles
-------------------------------------------------------------- */

body{
	font-size: 14px;
	font-family:Meiryo, メイリオ, sans-serif;
}
#wrap{
	min-width: 900px;
	max-width: 1450px;
	background:  #f3f3f3;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#advice #wrap,#service #wrap,#job #wrap,#entry #wrap,#search_list #wrap,#search_detail #wrap{
	min-width: 1192px;
}
/*メインナビゲーション*/
#header{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
	min-height: 800px;
}
#header #logo{
	display: block;
	position: relative;
	width: 336px;
	height: 336px;
	background: url(../images/common/bg_logo.png) top left no-repeat;
}
#header #logo span{
	position:absolute;
	top: 0;
	left: 0;
	border-bottom: 35px solid transparent;
	border-left: 35px solid #ff017f;
	z-index: 2;
}
#header #logo span a{
	position: absolute;
	top: 0;
	left:-35px;
	display: none;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 70px;
}
#header #logo h1 a{
	position: absolute;
	top: 37px;
	left:31px;
	z-index: 6;
}
#header ul{
	background: url(../images/common/nav_main.png) no-repeat top left #f3f3f3;
	position: relative;
	margin-top: -142px;
	min-height: 730px;
	padding:66px 0;
}
#header ul.nav2017{background:url(../images/common/nav_main2.png) no-repeat top left #f3f3f3;}
#header ul.nav2018{background:url(../images/common/nav_main3.png) no-repeat top left #f3f3f3;}
#header ul li{
	background: rgba(0,0,0,0);
}
#header ul li a{
	display: block;
	height: 141px;
	text-align: center;
	line-height:152px;
	text-decoration: none;
}
#header ul li a img{
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
	    -ms-transition: all .1s ease-in-out;
	     -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
}
#header ul li a:hover img{
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

#header ul li.nav_creator a{height:125px;padding:16px 0 0 0;transition:all .1s ease-in-out;}
#header ul li.nav_creator a:hover{height:136px;padding:5px 0 0 11px;}

ul#sns{
	position:fixed;
	top: 20px;
	right: 20px;
	z-index: 5;
}
ul#sns li{
	display: block;
	width: 26px;
	height: 26px;
	float: left;
	opacity: 0.5;
	background: #666;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}
ul#sns li#fb:hover{
	opacity: 1;
	background: #3b5998;
}
ul#sns li#tw:hover{
	opacity: 1;
	background: #55ACEE;
}
ul#sns li:first-child{
	margin-right: 13px;
}

#container{
	display: block;
	margin-left: 140px;
	padding-left: 30px;
	min-height: 800px;
	background: #fff;
}

#sub_nav{
	display: block;
	height: 70px;
	overflow: hidden;
	position: relative;
	z-index: 4;
	background: url(../images/job/bg_sab.png) no-repeat top left #01dd8d;
	margin-left: 139px;
}
#sub_nav #sub_wrap{
	padding-left: 10px;
	background: url(../images/job/nav_sub.png) no-repeat top left;
	background-position: 135% -2px;
	-webkit-transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
	    -ms-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	        transition: all .25s ease-in-out;
}
#sub_nav #sub_wrap.search_current{background-position:  15px -2px;}
#sub_nav #sub_wrap.creator_current{background-position: 204px -2px;}
#sub_nav #sub_wrap.service_current{background-position: 358px -2px;}
#sub_nav #sub_wrap.advice_current{background-position: 490px -2px;}
#sub_nav #sub_wrap.regist_current{background-position: 633px -2px;}

#sub_nav #sub_wrap.search{background-position: 15px -2px;}
#sub_nav #sub_wrap.creator{background-position: 204px -2px;}
#sub_nav #sub_wrap.service{background-position: 358px -2px;}
#sub_nav #sub_wrap.advice{background-position: 490px -2px;}
#sub_nav #sub_wrap.regist{background-position: 633px -2px;}

#sub_nav ul{
	padding-left: 50px;
	border-bottom: 5px solid #0fb578;
}
#sub_nav ul li{
	float: left;
	display: block;
}
#sub_nav ul li a{
	width: 157px;
	color: #fff;
	display: block;
	height: 65px;
	text-align: center;
	position: relative;
}
#sub_nav ul li a img{
	position: relative;
	top: 50%;
	transform:translate(0,-50%);
}
#sub_nav ul li:nth-child(1){width: 180px;}
#sub_nav ul li:nth-child(1) a{width: 180px;}
#sub_nav ul li:nth-child(2){width: 165px;}
#sub_nav ul li:nth-child(2) a{width: 165px;}
#sub_nav ul li:nth-child(3){width: 140px;}
#sub_nav ul li:nth-child(3) a{width: 140px;}
#sub_nav ul li:nth-child(4){width: 140px;}
#sub_nav ul li:nth-child(4) a{width: 140px;}
#sub_nav ul li:nth-child(5){width: 140px;}
#sub_nav ul li:nth-child(5) a{width: 140px;}


#main{
	margin-right: 203px;
	min-height: 1500px;
	position: relative;
	z-index: 3;
}
#main .title_wrap{
	height: 161px;
	border-bottom: 1px solid #f3f3f3;
}
#main .title_wrap h2{
	padding:35px 30px 0px 72px;
}
#main .title_wrap p{
	padding-left: 72px;
	padding-top: 22px;
	font-size: 90%;
/* 	width: 410px; */
	color: #666;
}
#style_imaginary #main .title_wrap{
	height: 30px;
	overflow: hidden;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
}
#style_imaginary #main .title_wrap.on{
	height: 200px;
	padding-bottom: 0;
}
#style_movinary #main .title_wrap{
	height: 200px;
	padding-bottom: 0;
}

#style_imaginary #main .title_wrap p{
	float: left;
	width:auto;
}
#main .title_wrap ul.crumb{
	font-size: 85%;
	display: block;
	height: 30px;
	padding-left: 35px;
	background: url(../images/common/curmb_left.png) no-repeat top left #f3f3f3;
	clear: left;
	margin-left:109px;
}
#main .title_wrap ul.crumb li{
	display: block;
	float: left;
}
#main .title_wrap ul.crumb li a{
	display: block;
	line-height: 30px;
	color: #a6a6a6;
	text-decoration:underline;
	padding-right: 31px;
	background: url(../images/common/curmb_line.png) no-repeat top right;
}
#main .title_wrap ul.crumb li a:hover{
	text-decoration: none;
	color: #888;
}
#main .title_wrap ul.crumb li span{
	display: block;
	line-height: 30px;
	color: #a6a6a6;
	text-decoration: none;
	padding-right: 31px;
}
#main #contents{
	/*min-width:757px;*/
	background: #fff;
	clear: left;
}

#right_column{
	display: block;
	float: right;
	margin-top: 3px;
	width: 200px;
	background:#f3f3f3;
}
#right_column p a{
	height: 196px;
	line-height: 235px;
	display:block;
	background: #fff;
	color: #fff;
	font-size: 150%;
	text-align: center;
	background-color: #e61e77;
	border-right: 4px solid #c4005b;
	border-bottom: 4px solid #c4005b;
}
.entry_list li{
	float: left;
	width:99px;
	margin-bottom: 12px;
	position: relative;
}
.entry_list li.change{
	padding-right: 2px;
}
.entry_list li.tit{
	text-align: center;
	 width: 100%;
	 margin-top: 16px;
	 margin-bottom: 10px;
}
/*
.entry_list li a{
	display: block;
	color: #01572f;
	text-decoration: none;
	 font-weight: bold;
	font-size: 77%;
	line-height: 105px;
	text-align: center;
	width: 105px;
	height: 105px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #97d382;
}
*/
.right_pickup{
	padding: 26px 0;
	background: #fff;
}
.right_pickup{
	text-align: center;
}
.right_pickup p{
	margin-bottom: 5px;
}
.right_pickup p img{
	width: 140px;
}
.bnr_list a{
	display: block;
}

.right_sub{
	border: 3px solid #fff;
	border-left: none;
	border-right: none;
	margin-top: -3px;
	margin-bottom: 3px;
}
.right_sub li{
	border-bottom: 3px solid #fff;
	background: #02dd8d;
	position: relative;
}
.right_sub li:after{
	content:'';
	position: absolute;
	top: 15px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 9px;
	border-color: transparent transparent transparent #278664;
}
.right_sub li a{
	color: #fff;
	padding-left: 30px;
}
.right_sub li.current{
	background: #31aa7f;
}
.right_sub li.current a{
	background: #31aa7f;
}
.right_sub li a.open{
	padding: 15px 0 15px 30px;
	text-decoration: none;
	width: auto;
}
.right_sub li a.noneopen{
	padding: 15px 0 15px 30px;
	text-decoration: none;
	width: 170px;
}
.right_sub li a.open:hover{background: #31aa7f;width: 170px;}
.right_sub li a.noneopen:hover{background: #31aa7f;width: 170px;}
.right_sub li a{
	width:100%;
	text-decoration: none;
	display:inline-block;
}
.right_sub li a:hover,.right_sub li.current ul li a:hover{
	background: #31aa7f;
	text-decoration: none;
}
.right_sub li.current ul li a.on{
	background: #31aa7f;
	text-decoration: none;
	color: #fff;
}
.right_sub li.end{
	border: none;
}
.right_sub li ul{
	display: none;
	padding:10px 0 20px 0;
	border-top: 1px solid #fff;
	background: #31aa7f;
}
.right_sub li ul li{
	background: #31aa7f;
	font-size: 85%;
	border-bottom: none;
}
.right_sub li ul li:after{
	display: none;
}
.right_sub li ul li:hover:after{
	content:'';
	position: absolute;
	display: block;
	top: 13px;
	left: 29px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #fff;
}
.right_sub li ul li a.on:after{
	content:'';
	position: absolute;
	display: block;
	top: 13px;
	left: 29px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #fff;
}

.right_sub li ul li a{
	padding: 10px 0 10px 10px;
	margin-left: 30px;
	width: 130px;
}
.right_sub li.current ul li a{
	color: #fff;
	background: #31aa7f;
	text-align: left;
	width: 130px;
	border-bottom: 1px solid #83ccb1;
}
.right_sub li a.on{background: #31aa7f;color: #fff;}
.right_sub li ul.block{display:block;}
#footer{
	clear: both;
	background: #000;
	padding-left: 37px;
	padding-top: 20px;
	padding-bottom: 50px;
	position: relative;
	z-index: 4;
}
#footer h2{
	position: absolute;
	left: 360px;
	top: 25px;
}
#footer p{
	position: absolute;
	color: #fff;
	font-size: 9px;
	top: 39px;
}
#footer .foot_box{
	padding-bottom: 20px;
	margin-top: 20px;
}
#footer .fb_plugin{
	margin-top: 60px;
	height: 230px;
}
#footer .foot_box ul{
	width: 184px;
	float: left;
	padding:25px 0;
	background: #0d0d0d;
	margin-right: 15px;
	margin-bottom: 15px;
	min-height: 230px;
}
#footer .foot_box ul:first-child{
	padding-left: 0;
}
#footer .foot_box ul li{
	margin-left: 26px;
	font-size: 77%;
	line-height: 18px;
	color: #777;
}
#footer .foot_box ul li a{
	color: #777;
	text-decoration: none;
}
#footer .foot_box ul li a:hover{
	text-decoration: underline;
}
#footer .foot_box ul li.tit{
	margin-bottom: 15px;
	margin-left: 0;
}
/* --------------------------------------------------------------
   トップページ
-------------------------------------------------------------- */
#top #header{
	z-index: 3;
}

#top #container{
	margin-left: 143px;
	padding-left: 0;
	z-index: 1;
}
#top #main{
	margin-right: 0;
	z-index: 1;
}
#top #main #contents{
	background: none;
}
#top #main ul li{
	display: block;
	overflow: hidden;
	position: relative;
}
#top #main ul.contents_list li{
	margin-bottom: 3px;
	cursor: pointer;
}
#top #main ul.contents_list li.default{
cursor: default;
}
#top #main ul.contents_list li a{
	display: block;
	line-height:0;
}
#top #main ul.contents_list li a img{
	width: 100%;
}
#top #main ul.contents_list li ul li{
	width: 25%;
	float: left;
	margin-bottom: 0;
	position: relative;
}
#top #main ul.contents_list li ul li dl{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background:url(../images/top/thum_mat.png);
	margin-left: -100%;
}
#top #main ul.contents_list li ul li dl dt{
	padding-top: 60px;
	padding-bottom: 20px;
}
#top #main ul.contents_list li ul li dl dd{
	width: 126px;
	margin-left:20%;
	line-height: 15px;
	font-size: 85%;
	color: #555;
}
#top #main ul.contents_list li ul li:after{
	position: absolute;
	bottom: 0;
	right: 3px;
	content:' ';
	width: 100px;
	height: 100px;
	display: block;
}
#top #main ul.contents_list li ul#picup_slide li:after{
	display: none;
}
#top #main ul.contents_list li ul li.job_search:after{background: url(../images/top/job_search.png) no-repeat top left;}
#top #main ul.contents_list li ul li.job_news:after{background: url(../images/top/job_news.png) no-repeat top left;}
#top #main ul.contents_list li ul li.job_service:after{background: url(../images/top/job_service.png) no-repeat top left;}
#top #main ul.contents_list li ul li.job_advice:after{background: url(../images/top/job_advice.png) no-repeat top left;}
#top #main ul.contents_list li ul li.job_regist:after{background: url(../images/top/job_regsit.png) no-repeat top left;}

#top #main ul.contents_list li ul li a{
	border-right: 3px solid #fff;
	display: block;
	overflow: hidden;
}
#top #main ul.contents_list li ul li:last-child a{
	border-right: 0;
}
#top #main ul.contents_list li ul li:last-child:after{
	right: 0;
}
/*
#top #main ul li:before{
	content:' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 3;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #ff017f transparent transparent transparent;
}
*/
#top #main ul.contents_list li.job .flex-next{
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -37px;
	content:' ';
	width: 38px;
	height: 74px;
	display: block;
	background: url(../images/top/job.png) no-repeat top left;
	z-index: 2;
	border: none;
}
#top #main ul.contents_list li.style:after{
	position: absolute;
	bottom: 0;
	right: 0;
	content:' ';
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/common/style_lb.png) no-repeat top left;
}
/*
#top #main ul.contents_list li.think:after{
	position: absolute;
	bottom: 0;
	right:0;
	content:' ';
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/common/think_lb.png) no-repeat top left;
}
*/
#top #main ul.contents_list li.job:after{
	position: absolute;
	bottom: 0;
	right:0;
	content:' ';
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/common/job_lb.png) no-repeat top left;
}
#top #main ul.contents_list li.style .cap{
	position: absolute;
	top: 0;
	height: 0;
	overflow: hidden;
	display: block;
	width: 100%;
}
#top #main ul.contents_list li.think .cap{
	position: absolute;
	top: 0;
	height: 0;
	overflow: hidden;
	display: block;
	width: 100%;
}
.top_newsbox{
	clear: both;
}
.top_newsbox img{
	float: left;
	padding:142px 0px 0px 107px;
}
.top_newsbox ul{
	max-width: 852px;
	color: #666;
	padding: 60px 10px 25px 55px;
	margin-left: 218px;
	min-height: 230px;
}
#top #main .top_newsbox ul li{
	padding-left: 65px;
	background:url(../images/common/news_topic.png) left top no-repeat;
	margin-bottom: 35px;
	cursor: auto;
}
.top_newsbox ul li p{
	margin-top: -2px;
}
.top_newsbox ul li:before {
	display: none;
}

/* --------------------------------------------------------------
   配下ページ　共通
-------------------------------------------------------------- */
#style_imaginary #main,#style_movinary #main,#style #main,#other_philosophy #main,#other_policy #main,#other_about #main,#other_sitemap #main,#other_contact #main,#news #main,#job #main,#think_another #main,#think #main,#think_pro #main,#think_fnv #main,#think_shozo #main,#think_backnumber #main{
	margin-right: 0;
}

#main ul.contents_list li{
	margin-bottom: 3px;
	cursor: pointer;
	position: relative;
}
#main ul.contents_list li a{
	display: block;
	line-height:0;
}
#main ul.contents_list li a img{
	width: 100%;
}
#main ul.contents_list li.style:after{
	position: absolute;
	bottom: 0;
	right: 0;
	content:' ';
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/common/style_lb.png) no-repeat top left;
}

#main ul.contents_list li.think:after{
	position: absolute;
	bottom: 0;
	right:0;
	content:' ';
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/common/think_lb.png) no-repeat top left;
}





#top #main ul.contents_list li.creatorsfile .cap{
	position: absolute;
	top: 0;
	height: 0;
	overflow: hidden;
	display: block;
	width: 100%;
}
#main ul.contents_list li.creatorsfile:after{
	position: absolute;
	bottom: 0;
	right:0;
	content:' ';
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/common/creatorsfile_lb.png) no-repeat top left;
}
#main ul.contents_list li.creatorsfile .cap{
	position: absolute;
	top: 0;
	height: 0;
	overflow: hidden;
	display: block;
	width: 100%;
}





#main ul.contents_list li.job:after{
	position: absolute;
	bottom: 0;
	right:0;
	content:' ';
	width: 100px;
	height: 100px;
	display: block;
	background: url(../images/common/job_lb.png) no-repeat top left;
}

#top #main ul.contents_list li.job:after{
	display: none;
}
#main ul.contents_list li.job .cap{
	position: absolute;
	top: 0;
	height: 0;
	overflow: hidden;
	display: block;
	width: 100%;
}

#main ul.contents_list li.style .cap{
	position: absolute;
	top: 0;
	height: 0;
	overflow: hidden;
	display: block;
	width: 100%;
}
#main ul.contents_list li.think .cap{
	position: absolute;
	top: 0;
	height: 0;
	overflow: hidden;
	display: block;
	width: 100%;
}

.pager-area {
  margin: 30px 3% 60px 0
}
.pager-area ul {
  text-align: center
}
.pager-area ul li{
  display: inline;
  margin: 0 2px;
}
.pager-area ul li a{
  padding: 10px 15px;
  text-align: center;
  font-size: 10px;
}

/* --------------------------------------------------------------
   JOB
-------------------------------------------------------------- */
#job #main{
	z-index: 1;
}
#job #main ul li{
	display: block;
	overflow: hidden;
	position: relative;
}
#job #main ul.contents_list{
	border-top: 3px solid #fff;
}
#job #main ul.contents_list li a img{
	width: 100%;
}
#job #main ul.contents_list li ul li{
	width: 25%;
	float: left;
	margin-bottom: 0;
	position: relative;
}
#job #main ul.contents_list li ul li dl{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background:url(../images/top/thum_mat.png);
	margin-left: -100%;
}
#job #main ul.contents_list li ul li dl dt{
	padding-top: 45px;
	padding-bottom: 20px;
}
#job #main ul.contents_list li ul li:nth-child(1) dl dt{
	padding-top: 50px;
}
#job #main ul.contents_list li ul li:nth-child(2) dl dt{
	padding-top: 40px;
}
#job #main ul.contents_list li ul li:nth-child(3) dl dt{
	padding-top: 36px;
}
#job #main ul.contents_list li ul li dl dd{
	width: 126px;
	margin-left:20%;
	line-height: 15px;
	font-size: 85%;
	color: #555;
}
#job #main ul.contents_list li ul li:after{
	position: absolute;
	bottom: 0;
	right: 3px;
	content:' ';
	width: 100px;
	height: 100px;
	display: block;
}
#job #main ul.contents_list li ul li.job_search:after{background: url(../images/top/job_search.png) no-repeat top left;}
#job #main ul.contents_list li ul li.job_creator:after{background: url(../images/top/job_news.png) no-repeat top left;}
#job #main ul.contents_list li ul li.job_service:after{background: url(../images/top/job_service.png) no-repeat top left;}
#job #main ul.contents_list li ul li.job_advice:after{background: url(../images/top/job_advice.png) no-repeat top left;}
#job #main ul.contents_list li ul li.job_regist:after{background: url(../images/top/job_regsit.png) no-repeat top left;}

#job #main ul.contents_list li ul li a{
	border-right: 3px solid #fff;
	display: block;
	overflow: hidden;
}
/*
#job #main ul li:before{
	content:' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 3;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #ff017f transparent transparent transparent;
}
*/
#job #main ul.entry_list li{
	padding: 10px;
	float: left;
}
#job #main ul.entry_list li:before {
	display: none;
}
.job_topbox{
	position: relative;
	height: 380px;
	overflow: hidden;
	background: #f3f3f3;
}
.job_topbox p.img_main{
	margin-right: 339px;
}
.job_topbox p.img_main img{
	width: 100%;
}
.job_topbox dl{
	display: block;
}
.job_topbox dl{
	position: absolute;
	right: 0;
	top: 0;
	background: #f3f3f3;
}
.job_topbox dl dt{
	line-height: 0;
}
.job_topbox dl dd{

}
#job #main .job_topbox .entry_list li{
	width: auto;
	padding: 0;
	margin: 0;
}

.job_topbox dl dd p{
	line-height: 0;
}
.job_newsbox{
	clear: both;
}
.job_newsbox img{
	float: left;
	padding:155px 0px 0px 107px;
}
.job_newsbox ul{
	width: 552px;
	float: left;
	color: #666;
	padding: 60px 0 25px 55px;
	min-height: 230px;
}
.job_newsbox ul li{
	padding-left: 65px;
	background:url(../images/common/news_topic.png) left top no-repeat;
	margin-bottom: 35px;
}
.job_newsbox ul li p{
	margin-top: -2px;
}
.job_newsbox ul li:before {
	display: none;
}


/* --------------------------------------------------------------
   JOB 検索詳細ページ
-------------------------------------------------------------- */
#search_detail #main #contents iframe{
	width: 100%;

}
/* --------------------------------------------------------------
   JOB 検索結果ページ
-------------------------------------------------------------- */
#search_list #main #contents iframe{
	width: 100%;

}

/* --------------------------------------------------------------
   OTHER
-------------------------------------------------------------- */
#other_philosophy #sub_nav,#other_policy #sub_nav,#other_about #sub_nav,#other_sitemap #sub_nav,#other_contact #sub_nav,#news #sub_nav{
	background-color: #f3f3f3;
}


/* --------------------------------------------------------------
   NEWS
-------------------------------------------------------------- */
#news_list{
	margin-top: 3px;
	margin-bottom: 30px;
}
#news_list li{
	min-height: 157px;
	position: relative;
}
#news_list li:nth-child(2n){
	background: #f3f3f3;
}
#news_list li:before{
	content:' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 3;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #ff017f transparent transparent transparent;
}
#news_list li p{
	color: #e61e77;
	font-size: 100%;
	margin-left: 15px;
	padding-top: 5px;
}
#news_list li dl{
	margin: 30px 60px 0px 45px;
	color: #666666;
}
#news_list li dl dt{
	font-weight: bold;
	font-size: 116%;
	margin-bottom: 25px;
}
#news_list li dl dd{
	font-size: 93%;
}
#news .title_wrap h2{
	font-weight: bold;
	font-size: 116%;
	line-height: 50px;
	height: 50px;
	color: #666666;
}
#news_list li a{
	color:#666;
	text-decoration: underline;
}
#news_list li a:hover{
	color:#ff0066;
	text-decoration: none;
}

/* --------------------------------------------------------------
   スタイル
-------------------------------------------------------------- */
#style_imaginary #sub_nav,#style_movinary #sub_nav,#style #sub_nav{
	background-color: #f86538;
}
#style_imaginary #wrap{
	min-width: 1192px;
}
.style_newsbox{
	clear: both;
}
.style_newsbox img{
	float: left;
	padding:155px 0px 0px 107px;
}
.style_newsbox ul{
	width: 552px;
	float: left;
	color: #666;
	padding: 60px 0 55px 200px;
	min-height: 230px;
}
.style_newsbox ul li{
	padding-left: 65px;
	background: url(../images/common/news_topic.png) left top no-repeat;
	margin-bottom: 35px;
}
.style_newsbox ul li p{
	margin-top: -2px;
}
.style_newsbox ul li:before {
	display: none;
}

/*
#style #main ul li.thumbs:before{
	content:' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 3;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #ff017f transparent transparent transparent;
}
*/
#style_imaginary .search_box{
	margin: 0 auto;
	width: 270px;
}
#style_imaginary .search_box .btn_search{
	cursor: pointer;
	margin-top: 10px;
}

.videobox{
	padding:33px;
}
.videobox:nth-child(2n){
	background: #f3f3f3;
}
.videobox dl{
	margin-bottom: 15px;
}
.videobox dt{
	color: #7d2003;
	font-size: 200%;
	font-weight: bold;
}
.videobox dd{
	color: #666666;
	font-size:108%;
}
.selectbox{
	position:relative;
	display:inline-block;
	height: 43px;
	background-color:#f3f3f3;
	cursor: pointer;
	overflow: hidden;
	width: 218px;
}
.selectbox select{
	color: #a8a8a8;
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;
	position:relative;
	z-index:2;
	display:block;
	/* fallback non calc support */
	margin:0;
	width:240px;
	height: 43px;
	border-radius: 0;
	-webkit-border-radius: 0;
	outline: none;
	padding: 12px 0px 12px 10px;
	background: transparent;
	border: none;
	cursor: pointer;
    text-indent: 0.01px;
    text-overflow: '';
    font-weight: normal;
}
.selectbox:after{
	content:'';
	position:absolute;
	z-index:1;
	top:4px;
	right:0;
	margin-top:-4px;
	font-size:85%;
	line-height:1;
	width: 43px;
	height: 43px;
	background: #b1b1b1;
}
.selectbox:before{
	content:'';
	position:absolute;
	z-index:2;
	top:50%;
	right:15px;
	margin-top:-4px;
	font-size:85%;
	line-height:1;

    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-right: 6px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 6px solid transparent;
}
.inputbox{
	border:1px solid #aaa;
	display: block;
	clear: both;
	height: 31px;
	background: #fff;
	padding: 5px 10px;
	color: #a8a8a8;
	width: 248px;
	margin-bottom: 10px;
}

.imagebox{
	width: 50%;
	min-width: 485px;
	margin-top: 65px;
	margin-bottom: 50px;
	position: relative;
}
.imgbox_wrap{
	width: 100%;
	margin: 0 auto;
	height: 217px;
}
.imagebox_header_d{
	height: 183px;
	margin-top: 30px;
}
.imagebox_header{
	background: #fff;
	z-index: 4;
	width: 100%;
	margin-top: 30px;
	padding-top: 15px;
}
.imagebox_header .btn_box{
	width:860px;
	margin: 0 auto;
}
.imagebox_header h3{
	font-weight: bold;
	color: #f86538;
	font-size: 138.5%;
	padding-bottom: 10px;
	text-align: center;
}
.imagebox_header .right{
	width: 270px;
	margin-top: 16px;
}
.imagebox_header .left{
	background: #f3f3f3;
	padding: 15px 20px;
	width: 515px;
	height: 132px;
	overflow: hidden;
 }
.imagebox_header .left p{
	color: #f86538;
	line-height: 1.8em;
	font-size: 11px;
}
.imagebox_header .left p span{
	padding-right: 7px;
	cursor: pointer;
	display: inline-block;
	line-height: 1.7em;
}
.imagebox_header .left p span:hover{
	text-decoration: underline;
}
.imagebox_header .left p span.fs16{font-size: 123.1%;}
.imagebox_header .left p span.fs13{font-size: 100%;}
.imagebox_header .left p span.fs10{font-size: 77%;}
.imagebox_header.fixon{
	position: fixed;
	top: 0;
	margin-top: 0;
	width: 86.5%;
	max-width: 1266px;
}
.imagebox p.center{
	text-align: center;
	margin: 30px 0 20px 0;
	color: #666;
	padding-right: 10%;
}
.imagebox.pr0{
	padding-right: 0;
}
.imagebox h3{
	text-align: center;
	padding-right: 10%;
}
.instagram_wrap{
	display: block;
	overflow: hidden;
	clear: both;
}
.instagram{
	margin-top: 30px;
	width:100%;
}
#btMore2,#btMore3,#btMore4,#btMore5,#btMore6,#btMore7,#btMore8,#btMore9,#btMore10,#btMore11,#btMore12,#btMore13,#btMore14,#btMore15,#btMore16,#btMore17,#btMore18,#btMore19,#btMore20,#btMore21,#btMore22{
	display: none;
}
.instagram li{
	position: relative;
	float: left;
	display: block;
	width:16.07%;
	margin-bottom: 25px;
	padding-right: 0.5%;
}
.instagram li a{
	color: #666;
	text-decoration: none;
	font-size: 93%;
}
.instagram li img{
	width: 100%;
	height: auto;
}
.instagram li:before{
	content:' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 3;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-color: #f86538 transparent transparent transparent;
}
p.more_btn{
	color: #fff;
	background: #f86538;
	text-align: center;
	font-weight: bold;
	margin-bottom: 55px;
	margin-right: 14px;
}
p.more_btn span{
	color: #fff;
	padding: 15px 0;
	width: 100%;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
p#tit_toggle{
	background: #f86538;
	text-align: center;
	width: 128px;
	height: 25px;
	float: none;
	margin: 0;
	padding: 0;
	line-height: 25px;
	font-size: 73%;
	position: absolute;
	right: 92px;
	top: 72px;
	z-index: 5;
}
p#tit_toggle a{
	color: #fff;
	text-decoration: none;
	width: 128px;
	height: 25px;
	display: block;
	padding-left:6px;
	position: relative;
	z-index: 2;
}
p#tit_toggle:after{
	content:"";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
	top: 9px;
	left: 11px;
	-webkit-transition: all .25s ease-in-out;
	   -moz-transition: all .25s ease-in-out;
	    -ms-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	        transition: all .25s ease-in-out;
}
p#tit_toggle.on:after{
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

#sitetop{
	position: absolute;
	top:0;
	right: 0;
}
#mask{
	display: block;
	position: absolute;
	z-index: 5;
	top:0;
	left: 140px;
}

.blogweb-list {
	overflow: hidden;
	padding: 33px 0 0 33px;
	min-width: 1000px
}
.blogweb-list li{
	width: 30%;
	float: left;
	margin-right: 3%;
	margin-bottom:  3%;
	background: #f3f3f3;
	position: relative;
	border: 1px solid #f3f3f3;
}
.blogweb-list li a,
.blogweb-list li a:hover {
	color: #666;
	text-decoration: none
}
.style-blogweb-txt {
	padding: 20px;
	font-size: 12px
}
.btn_blog {
  position: absolute;
  top: 0;
  left: 0;
}
.blogweb-list li h3 {
	background: url(../images/style/blogwebinary/icn_site.gif) no-repeat left 4px;
	font-weight: bold;
	padding-left: 36px;
	margin-bottom: 10px
}
.style-blogweb-img img{
	width: 100%
}

.style-pager ul li a{
  background: #f86538;
  color: #fff;
  text-decoration: none
}
.style-pager ul li.current a,
.style-pager ul li a:hover{
  background: #fcc1af;
  color: #f86538;
}

/*未公開対処用*/
.nolink{
	cursor: default;
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}
#sub_nav .nolink img{
	opacity: 0.3;
}
#header ul li a.nolink img{
	opacity: 0.4;
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}
#header ul li a.nolink:hover img{
	-webkit-transform: none;
	   -moz-transform: none;
	    -ms-transform: none;
	     -o-transform: none;
	        transform: none;
}

/*/未公開対処用*/



/* --------------------------------------------------------------
   リッチ用スタイル
-------------------------------------------------------------- */
@-webkit-keyframes pulsate {
    0% {
      transform:scale(.1);
      -webkit-transform:scale(.1);
      opacity: 0.0;
    }
    25% {
      opacity:1;
      transform:scale(0.7);
      -webkit-transform:scale(0.7);
    }
    100% {
      transform:scale(0.9);
      -webkit-transform:scale(0.9);
      opacity:0;
    }
}
.logo_signal {
    border:1px solid #ff017f;
    border-radius:31px;
    height:37px;
    width:37px;
    top: -9px;
    left: 17px;
    opacity:0;
    position: absolute;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count:infinite;
    filter: alpha(opacity=0); /* IE lt 8 */
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
}
/*
.entry_list li a{
    text-decoration: none;
    text-align: center;
    position: relative;
    z-index: 10;
    display: block;
    width: 105px;
    height: 105px;
    line-height: 105px;
}

.entry_list li a::before {
    content: '';
    background-color:#01dd8d;
    display: block;
    position: absolute;
    width: 105px;
    height: 105px;
    z-index: -1;
    border-radius: 50%;
    box-shadow:
        0 0 0 0 #fff,
        0 0 0 0 #01dd8d;
    transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
}
.entry_list li a:hover::before {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    box-shadow:
        0 0 0 10px #fff,
        0 0 0 12px  #01dd8d;
}
*/

/*hover right_column entry*/
.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #01dd8d;
	border: 2px solid #01dd8d;
	line-height: 50px;
}
#right_column p a.button:hover {
	background-color: #fff;
	border-color:  #01dd8d;
	color:  #01dd8d;
}
.button::before,
.button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #01dd8d;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color:  #01dd8d;
}




.left {float:left}
.right {float:right}
.clear{clear: both;}
/*Clearfix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}

* html .clearfix { zoom: 1 } /* IE6 */
*:first-child+html .clearfix { zoom: 1 } /* IE7 */

ul:after ,
dl:after ,
section:after ,
nav:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	font-size:0.1px;
}
ul ,
dl ,
section ,
nav { zoom: 1;
}



/*****************************************
  ▼▼追加分 0822?▼▼
*****************************************/

/* テンプレートからの変更部分
*****************************/

body.out{
	color: #666;
}

.out a{
	color: #666;
	text-decoration: none;
}

.out a:hover{
	text-decoration: underline;
}

.out #main #contents{
	margin-bottom: 45px;
	padding-top: 3px;
	line-height: 2.0;
}

/*パンくずリストのカレント用*/
#main .title_wrap ul.crumb li span{
	display: block;
	line-height: 30px;
	color: #a6a6a6;
	padding-right: 31px;
}

.out #main .title_wrap{
	height: 195px;
	position: relative;
	border-bottom: 2px solid #f3f3f3;
}

.out #main .title_wrap h2{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 30px;
}

.out #main .title_wrap p {
	padding: 92px 20px 0 68px;
	font-size: 90%;
	width: auto;
	position: relative;
}
.out #main .title_wrap p a{
	text-decoration: underline;
}
.out #main .title_wrap p a:hover{
	text-decoration: none;
	color:#aaa;
}
#other_policy #main .title_wrap h2,
#other_sitemap #main .title_wrap h2,
#other_inquiry #main .title_wrap h2{
	position: static;
}


/* 共通部
*****************************/

.out #contents .content_block{
	padding: 40px 44px 20px;
	position: relative;
}

.out #contents .content_block:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 7px transparent solid;
	border-top-color: #ff017f;
	border-left-color: #ff017f;
	position: absolute;
	top: 0;
	left: 0;
}

.out #contents .content_block.even{
	background: #f3f3f3;
}

.out #contents .content_block h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 1.6;
}

.out #contents .content_block p{
	margin-bottom: 25px;
	font-size: 13px;
}

.local_menu{
	padding: 6px 6px 1px;
	background: #0fb578;
}

.local_menu li{
	margin-bottom: 5px;
}

.local_menu a{
	display: block;
	background: #1ec889;
	color: #fff;
	text-align: center;
	font-size: 12px;
}

.local_menu a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration: none;
}

.local_menu h3 a{
	height: 50px;
	line-height: 50px;
}

.local_menu .current h3{
	height: 50px;
	line-height: 50px;
	background: #17bf81;
	color: #fff;
	text-align: center;
	margin-bottom: 2px;
	font-size: 12px;
}

.local_menu .current a{
	padding: 7px 0;
	background: #17bf81;
	margin-bottom: 2px;
	font-size: 11px;
	line-height: 1.2;
}

.local_menu .current a:last-of-type{
	margin-bottom: 0;
}


/* other/policy.html
*****************************/

/* other/about.html
*****************************/
#other_about {
	min-width: 1190px;
}
#other_about #contents .content_block{
	padding-bottom: 60px;
	clear: both;
}
#other_about #contents .content_block:nth-child(even){
	background: #f3f3f3;
}
#other_about .content_block dt,#other_about .content_block h4{
	font-size: 30px;
	color:#ff017f;
	line-height: 1.5em;
	margin-bottom: 25px;
}
#other_about .content_block p,#other_about .content_block dd{
	font-size: 93%;
	color: #666;
}
#other_about .content_block a{
	text-decoration: underline;
	color:#ff017f;
}
#other_about .content_block a:hover{
	text-decoration: none;
}
.about_mission dl{
	width:340px;
	padding-right: 90px;
}
.about_world dl{
	width: 165px;
	padding-right: 20px;
}
.about_company ul{
	margin-bottom: 40px;
}
#other_about #main .about_company ul li p{
	margin-bottom: 5px;
}
.about_company ul li{
	float: left;
}
.about_company ul li.w510{
	width: 510px;
	padding-right: 30px;
}
.about_company ul li.w620{
	width: 620px;
	padding-left: 30px;
}
.pmark{
	margin-top: 70px;
}
.pmark img{
	padding-right: 10px;
}
#other_about #about_tab_nav {width: 912px;}
#other_about #about_tab_nav li{
	display:block;
	width: 152px;
	height: 132px;
	background: #dedede;
	float: left;
	text-align: center;
	position: relative;
}
#other_about #about_tab_nav li:hover{
	background: #f3f3f3;
	border-bottom: 2px solid #f3f3f3;
}
#other_about #about_tab_nav li.current{
	background: #f3f3f3;
	border-bottom: 2px solid #f3f3f3;
}
#other_about #about_tab_nav li a{
	color: #7e7e7e;
	text-decoration: none;
	font-size: 100%;
	width: 150px;
	height: 130px;
	border-right: 2px solid #fff;
	vertical-align: middle;
	position: absolute;
	z-index: 1;
	display: table;
	font-weight: bold;
}
#other_about #about_tab_nav li a p{
	width: 150px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 1.3em;
}
#other_about #about_tab_nav li a span{
	font-size: 77%;
}
#other_about #about_tab_nav li:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 7px transparent solid;
	border-bottom-color: #e03486;
	border-right-color: #e03486;
	position: absolute;
	bottom: 0;
	right: 2px;
	z-index: 0;
}
#other_about #about_tab_nav li.tab6{overflow: hidden;width: 150px;}
#other_about #about_tab_nav li.tab6:after{right: 0;}
#other_about #about_tab_nav li.tab2:after{border-bottom-color:#e8724f;border-right-color:#e8724f;}
#other_about #about_tab_nav li.tab3:after{border-bottom-color:#77bc59;border-right-color:#77bc59;}
#other_about #about_tab_nav li.tab4:after{border-bottom-color:#8a589d;border-right-color:#8a589d;}
#other_about #about_tab_nav li.tab5:after{border-bottom-color:#f09025;border-right-color:#f09025;}
#other_about #about_tab_nav li.tab6:after{border-bottom-color:#4694d4;border-right-color:#4694d4;}

#about_tab_box{
	background: #f3f3f3;
	width: 910px;
	height: 560px;
	position: relative;
}
#about_tab_box li{
	position: absolute;
	padding: 25px;
	display: none;
}
#about_tab_box li.current{
	display: block;
}

#other_about #cboxClose{
	display: block;
	position:absolute;
	top:0;
	right:0;
	bottom: auto;
	left: auto;
	background:url(../images/other/about/close.png) no-repeat top left;
	width:50px;
	height:50px;
}

/* other/inquiry.html
*****************************/

#other_inquiry #sub_nav{
	background-color: #f3f3f3;
}

#other_inquiry .inquiry_lead{
	padding: 55px 45px;
}

.inquiry_ways_area li{
	margin-bottom: 3px;
	overflow: hidden;
	background: #f3f3f3;
}

.inquiry_ways_area li img{
	vertical-align: middle;
}

.inquiry_ways_area li a{
	width: 100%;
	height: 165px;
	overflow: hidden;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/other/inquiry/bg_mail.png) left top no-repeat;
}

.inquiry_ways_area li a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* other/sitemap.html
*****************************/

.sitemap_content_area .sitemap_content{
	padding-top: 60px;
}

.sitemap_content_area .sitemap_content.other{
	/*margin-bottom: 40px;*/
}

.sitemap_content_area .sitemap_content.newsAndAbout{
	border-top: 2px #f3f3f3 solid;
	padding-top: 0;
}

.sitemap_content_area .sitemap_content h3{
	font-weight: bold;
	border-bottom: 2px #f3f3f3 solid;
	font-size: 17px;
	line-height: 1.8;
}

.sitemap_content_area .sitemap_content.job h3 a{color: #01dd8d}
.sitemap_content_area .sitemap_content.style h3 a{color: #f86538}
.sitemap_content_area .sitemap_content.think h3 a{color: #11d2d9}
.sitemap_content_area .sitemap_content.other h3 a{color: #484848}

.sitemap_content_area .sitemap_contentInner{
	padding: 30px 45px 0;
}

.sitemap_content_area .sitemap_contentInner h4{
	font-weight: bold;
	display: inline-block;
	margin-right: 20px;
}

.sitemap_content_area .sitemap_contentInner ul{
	margin-bottom: 30px;
}

.sitemap_content_area .sitemap_contentInner li{
	display: inline-block;
	margin-right: 24px;
}


/* job/entry/index.html
*****************************/

#entry.out.variation #sub_nav{
	background-color: #f3f3f3;
}

#entry.out.variation #main .title_wrap h2{
	padding: 30px 0 2px 108px;
}

#entry.out.variation #main .title_wrap p{
	padding-left: 450px;
	min-height: 78px;
}

#entry.out .title_wrap h2{
	position: static;
	padding-bottom: 25px;
}

#entry.out.variation .title_wrap h2{
	position: absolute;
}

.entry_content_area{
	padding-top: 14px;
}

.entry_page_title{
	line-height: 1.4;
	font-weight: bold;
	font-size: 29px;
	color: #307817;
	letter-spacing: 2px;
	margin-bottom: 4px;
	padding-left: 30px;
}

.entry_page_title_caption{
	line-height: 1.8;
	margin-bottom: 35px;
	padding-left: 30px;
}

.entry_content_area .entry_items_block{
	width: 100%;
	overflow: hidden;
	background:#f3f3f3;
	margin-bottom:30px;
}
.entry_content_area .entry_items_block .entry_gray_box{
	height: 218px;
	max-width: 820px;
	margin: 0 auto;
}
.entry_content_area .entry_items_block .entry_pink_box{
	position: relative;
	clear: both;
}
.entry_content_area .entry_items_block ul{
	position: relative;
	right: 0;
}
.entry_content_area .entry_items_block ul img{
	width: 100%;
}

.entry_content_area .entry_items_block li{
	float: right;
	width: 73.7%;
}
.entry_content_area .entry_items_block li a{
	display: block;
	border-right: 1px solid #fff;
	line-height: 0;
}
.entry_content_area .entry_items_block li.rb{
	width: 26.3%;
}
.entry_content_area .entry_items_block li.rb a{
	border-bottom: 1px solid #fff;
	display: block;
	line-height: 0;
	border-right: none;
}
.entry_content_area .entry_items_block li.rb a:last-child{
	border-bottom: none;
}
.entry_content_area .entry_items_block li.last{
	margin-left: 0.4%;
}

.entry_content_area .entry_items_block li a{

}

.entry_content_area .entry_items_block li a:hover{

}

.entry_content_area .entry_items_block li:first-child a{

}

.entry_content_area .entry_items_block h3{
	padding-left: 50px;
	padding-top: 88px;
	position: absolute;
}
.entry_content_area .entry_items_block p{
	font-size: 88%;
	width: 270px;
	float: right;
	padding: 75px 40px 0 0;
	position: relative;
	z-index: 1;
}
.entry_content_area .entry_items_block h3.mailto{
	padding-left: 37px;
	background: url(../images/job/entry/icon_mailto.png) left 5px no-repeat;
}

.entry_content_area .entry_items_block h4{
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 13px;
	color: #7e7e7e;
}
.entry_content_area .entry_items_block li.mailbtn{
	width: 100%;
}
#entry #main .title_wrap{
	height: 125px;
	margin-bottom: 20px;
}
#entry #main .title_wrap h2{
	margin-top: 0;
}

/* job/service/index.html
*****************************/
.service_index_area{
	max-width: 820px;
	margin: 0 auto;
	margin-top: 35px;
}
.service_index_area li{
	width: 400px;
	float: left;
	margin-bottom: 30px;
}

.service_index_area li.change{
	padding-right: 19px;
}

.service_index_area li.freelance{
}

.service_index_area li.business{

}

.service_index_area .service_index_block_inner{

}

.service_index_area li h3{
	line-height: 0;
}

.service_index_area li .links{

}

.service_index_area li .links a{
	line-height: 0;
	float: left;
}
.service_index_area li .links a:first-child{
	border-right: 1px solid #fff;
}


/* job/service/about_~.html
*****************************/
.service_outline_area{
}
.service_outline_area ul{
	width: 738px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.service_outline_area li{
	width: 226px;
	float: left;
	display: block;
	padding-right: 30px;
}
.service_outline_area li:last-child{
	padding-right: 0;
}
.service_outline_area li dl{
	background: #f3f3f3;
}
.service_outline_area li dl dt{
	line-height: 0;
}
.service_outline_area li p{
	padding:25px;
}
.service_outline_area .service_no{
	display: block;
	line-height: 1.6;
	font-size: 12px;
}
.service_outline_area p.outline_foot{
	line-height: 0;
}
.service_outline_area p.outline_foot img{
	width: 100%;
}
.service_outline_area h4{
	font-size: 21px;
	height: 49px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
	line-height:49px;
	padding-left: 160px;
}

.service_outline_area h4.service1{background: url(../images/job/service/service1.gif) no-repeat left top #0fb578;}
.service_outline_area h4.service2{background: url(../images/job/service/service2.gif) no-repeat left top #0fb578;}
.service_outline_area h4.service3{background: url(../images/job/service/service3.gif) no-repeat left top #0fb578;}
.service_outline_area h4.service4{background: url(../images/job/service/service4.gif) no-repeat left top #0fb578;}
.service_outline_area h4.service5{background: url(../images/job/service/service5.gif) no-repeat left top #0fb578;}

.service_outline_area p a{
	color: #0fb578;
}

.service_outline_area li.not_yet,
.service_outline_area li.not_yet h4{
	opacity: 0.7;
}

/* job/service/nagare_~.html
*****************************/
#service #main .nagare{
	background: url(../images/job/service/bg_angle.png) no-repeat top left;
	padding:43px 0 0 43px;
}

.service_about_area .service_page_title{
	font-weight: bold;
	color: #307817;
	font-size: 35px;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 1em;
}
.service_about_area .service_page_about{
	line-height: 1.9em;
	font-size:93%;
	margin-bottom: 45px;
}
.service_page_image{
	margin: 0 auto;
	margin-bottom: 45px;
}
.service_page_image img{
	width: 100%;
}
.service_steps_nav{
	overflow: hidden;
	width: 740px;
	margin: 0 auto;
}
.service_steps_nav li{
	float: left;
	position: relative;
	line-height: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 121px;
	width: 122px;
	background:#01dd8d;
}

.service_steps_nav li a{
	width:auto;
	height:auto;
	display: block;
	line-height: 120px;
}

.service_steps_nav li.current a{
	border: 8px solid #01dd8d;
	width: 106px;
	height: 104px;
	background:#fff;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.service_steps_nav li.pink.current a{
	border: 8px solid #ff017f;
}

.service_steps_nav1{
	overflow: hidden;
	width: 740px;
	margin: 0 auto;
}
.service_steps_nav1 li{
	float: left;
	position: relative;
	line-height: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 121px;
	width: 122px;
	background:#01dd8d;
}

.service_steps_nav1 li a{
	width:auto;
	height:auto;
	display: block;
	line-height: 120px;
}

.service_steps_nav1 li.current a{
	border: 8px solid #01dd8d;
	width: 106px;
	height: 104px;
	background:#fff;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.service_steps_nav1 li.pink.current a{
	border: 8px solid #ff017f;
}

/* アドバイス　レジュメ流れ */
.service_steps_nav1.resume li{
	float: left;
	position: relative;
	line-height: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 120px;
	width: 245px;
	background:#01dd8d;
}
.service_steps_nav1.resume li:first-child{
	padding-right: 2px;
}
.service_steps_nav1.resume li.current a{
	border: 8px solid #01dd8d;
	width: 229px;
	height: 104px;
	background:#fff;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.service_steps_nav1.interview li{
	float: left;
	position: relative;
	line-height: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 120px;
	width: 184px;
	background:#01dd8d;
}
.service_steps_nav1.interview li:first-child{
	padding-right: 0px;
}
.service_steps_nav1.interview li.current a{
	border: 8px solid #01dd8d;
	width: 166px;
	height: 104px;
	background:#fff;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.service_steps_nav1.resignation li{
	float: left;
	position: relative;
	line-height: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 120px;
	width: 147px;
	background:#01dd8d;
}
.service_steps_nav1.resignation li.current a{
	border: 8px solid #01dd8d;
	width: 131px;
	height: 104px;
	background:#fff;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.service_steps_nav1 li:last-child{
	border-right: 1px solid #01dd8d;
}
#advice_step li:last-child{
	border-right: 3px solid #01dd8d;
}
.service_steps_nav1 li.current{
	border-bottom: 1px solid #01dd8d;
}
.service_steps_nav1 li.pink{
	background:#ff017f;
	border-right: 3px solid #ff017f;
}
.service_steps_nav1 li.current.step1 a{background: url(../images/job/service/nagare_business/ser_step_01_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav1 li.current.step2 a{background: url(../images/job/service/nagare_business/ser_step_02_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav1 li.current.step3 a{background: url(../images/job/service/nagare_business/ser_step_03_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav1 li.current.step4 a{background: url(../images/job/service/nagare_business/ser_step_04_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav1 li.current.step5 a{background: url(../images/job/service/nagare_business/ser_step_05_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav1 li.current.step6 a{background: url(../images/job/service/nagare_business/ser_step_06_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}


/* アドバイス　レジュメ流れ */
.service_steps_nav.resume li{
	float: left;
	position: relative;
	line-height: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 120px;
	width: 245px;
	background:#01dd8d;
}
.service_steps_nav.resume li:first-child{
	padding-right: 2px;
}
.service_steps_nav.resume li.current a{
	border: 8px solid #01dd8d;
	width: 229px;
	height: 104px;
	background:#fff;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* アドバイス　インタビュー */
.service_steps_nav.interview li{
	float: left;
	position: relative;
	line-height: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 120px;
	width: 184px;
	background:#01dd8d;
}
.service_steps_nav.interview li:first-child{
	padding-right: 0px;
}
.service_steps_nav.interview li.current a{
	border: 8px solid #01dd8d;
	width: 166px;
	height: 104px;
	background:#fff;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* アドバイス　円満退職 */
.service_steps_nav.resignation li{
	float: left;
	position: relative;
	line-height: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 120px;
	width: 147px;
	background:#01dd8d;
}
.service_steps_nav.resignation li.current a{
	border: 8px solid #01dd8d;
	width: 131px;
	height: 104px;
	background:#fff;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.service_steps_nav li:last-child{
	border-right: 1px solid #01dd8d;
}
#advice_step li:last-child{
	border-right: 3px solid #01dd8d;
}
.service_steps_nav li.current{
	border-bottom: 1px solid #01dd8d;
}
.service_steps_nav li.pink{
	background:#ff017f;
	border-right: 3px solid #ff017f;
}
.service_steps_nav li.current.step1 a{background: url(../images/job/service/nagare_change/ser_step_01_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav li.current.step2 a{background: url(../images/job/service/nagare_change/ser_step_02_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav li.current.step3 a{background: url(../images/job/service/nagare_change/ser_step_03_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav li.current.step4 a{background: url(../images/job/service/nagare_change/ser_step_04_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav li.current.step5 a{background: url(../images/job/service/nagare_change/ser_step_05_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.service_steps_nav li.current.step6 a{background: url(../images/job/service/nagare_change/ser_step_06_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}

.free li.current.step1 a{background: url(../images/job/service/nagare_free/ser_step_01_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.free li.current.step2 a{background: url(../images/job/service/nagare_free/ser_step_02_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.free li.current.step3 a{background: url(../images/job/service/nagare_free/ser_step_03_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.free li.current.step4 a{background: url(../images/job/service/nagare_free/ser_step_04_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.free li.current.step5 a{background: url(../images/job/service/nagare_free/ser_step_05_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
.free li.current.step6 a{background: url(../images/job/service/nagare_free/ser_step_06_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}

#advice_step li.current.step1 a{background: url(../images/job/advice/step/ser_step_01_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_step li.current.step2 a{background: url(../images/job/advice/step/ser_step_02_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_step li.current.step3 a{background: url(../images/job/advice/step/ser_step_03_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_step li.current.step4 a{background: url(../images/job/advice/step/ser_step_04_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_step li.current.step5 a{background: url(../images/job/advice/step/ser_step_05_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_step li.current.step6 a{background: url(../images/job/advice/step/ser_step_06_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}

#advice_int li.current.step1 a{background: url(../images/job/advice/interview/ser_step_01_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_int li.current.step2 a{background: url(../images/job/advice/interview/ser_step_02_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_int li.current.step3 a{background: url(../images/job/advice/interview/ser_step_03_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_int li.current.step4 a{background: url(../images/job/advice/interview/ser_step_04_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}

#advice_resume li.current.step1 a{background: url(../images/job/advice/resume/ser_step_01_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_resume li.current.step2 a{background: url(../images/job/advice/resume/ser_step_02_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_resume li.current.step3 a{background: url(../images/job/advice/resume/ser_step_03_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}

#advice_reig li.current.step1 a{background: url(../images/job/advice/resignation/ser_step_01_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_reig li.current.step2 a{background: url(../images/job/advice/resignation/ser_step_02_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_reig li.current.step3 a{background: url(../images/job/advice/resignation/ser_step_03_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_reig li.current.step4 a{background: url(../images/job/advice/resignation/ser_step_04_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}
#advice_reig li.current.step5 a{background: url(../images/job/advice/resignation/ser_step_05_on.png) no-repeat top left #fff;background-position: -8px -8px;-webkit-background-position: -8px -8px;}

.service_steps_area{
	width: 740px;
	border-top: 5px solid #01dd8d;
	background:url(../images/job/step_bg.gif) repeat-y #eafff0;
	margin: 0 auto;
	margin-bottom: 30px;
}

.service_steps_area .service_steps_brock{
	display: none;
	position: relative;
}
.free .service_steps_brock{height: 500px;}
.service_steps_area.free .service_step_text{height: 440px;overflow: hidden;}
.change .service_steps_brock{height: 580px;}
.service_steps_area.change .service_step_text{height: 515px;overflow: hidden;}

.service_steps_area .service_steps_brock.current{
	display: block;
}
.service_steps_area .service_steps_brock.even:after{
	border-top-color: #f3f3f3;
}


.service_steps_area .service_steps_brock h4.step1:after{
	border: none;
}

.service_steps_area .service_steps_brock .step_no{
	line-height: 1.2;
	font-size: 12px;
	display: block;
	font-family: 'Myriad', sans-serif;
}
.service_steps_area .service_steps_brock a.btn_next{
	position: absolute;
	right: 0;
	top: 180px;
}
.service_steps_area .service_steps_brock h4{
	font-size: 21px;
	font-weight: bold;
	width: 231px;
	color: #307817;
	line-height: 0;
	float: left;
}
.service_steps_area .service_steps_brock h4 img.lefticon{
	position: absolute;
	bottom: 0;
	left: 0;
}
.service_steps_area .service_step_text{
	line-height: 1.9;
	min-height: 332px;
	float: left;
	background: #fff;
	width:477px;
	margin: 30px 0;
	font-size:88%;
	position: relative;
}

#nagare_change .service_step_text img{float: left;}
#nagare_change .service_step_text p{float: left;width: 218px;padding: 30px;}

.service_steps_area a.common_btn{
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E61E77;
    border-style: solid;
    border-width: 1px 3px 3px 1px;
    color: #C4005B;
    display: inline-block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 5px 0 10px 30px;
    padding: 0 30px;
}

.service_steps_area a.common_btn:hover{
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.service_steps_area .forTemporaryWorker{
	padding-top: 1em;
}

.fashion_Appeal_Outline_Explanation .category1, .advice_case_area .category1{background: #01dd8d;color: #fff;}
.fashion_Appeal_Outline_Explanation .category2, .advice_case_area .category1{background: #01dd8d;color: #fff;}
.fashion_Appeal_Outline_Explanation .category3, .advice_case_area .category1{background: #01dd8d;color: #fff;}
.fashion_Appeal_Outline_Explanation .category4, .advice_case_area .category1{background: #01dd8d;color: #fff;}
.fashion_Appeal_Outline_Explanation .category5, .advice_case_area .category1{background: #01dd8d;color: #fff;}
.fashion_Appeal_Outline_Explanation .category6, .advice_case_area .category1{background: #01dd8d;color: #fff;}
.fashion_Appeal_Outline_Explanation .category7, .advice_case_area .category1{background: #01dd8d;color: #fff;}
.fashion_Appeal_Outline_Explanation .category8, .advice_case_area .category1{background: #01dd8d;color: #fff;}
.fashion_Appeal_Outline_Explanation .category9, .advice_case_area .category1{background: #01dd8d;color: #fff;}
.fashion_Appeal_Outline_Explanation .category10, .advice_case_area .category1{background: #01dd8d;color: #fff;}

/* job/advice/index.html
*****************************/

.advice_index_area{
	max-width: 820px;
	margin: 0 auto;
}

.advice_index_area li{
	width: 100%;
	position: relative;
	margin-bottom: 3px;
}

.advice_index_area li.change_howto{
	background: url(../images/job/advice/bg_advice01.png) top left no-repeat;
	height: 381px;
	margin-bottom: 21px;
}

.advice_index_area li.change_case{
	width: 400px;
	float: left;
	padding-right: 19px;
}

.advice_index_area li.change_faq{
	width: 400px;
	float: left;
}

.advice_index_area .advice_index_block_inner{

}

.advice_index_area li.change_howto .advice_index_block_inner{
	height: 340px;
}

.advice_index_area li.change_case .advice_index_block_inner{

}

.advice_index_area li.change_faq .advice_index_block_inner{

}

.advice_index_area li.change_howto:after{
	top: 170px;
	bottom: 67px;
}

.advice_index_area li.change_case:after{
	top: 86px;
	bottom: 17px;
}

.advice_index_area li.change_faq:after{
	top: 0;
	bottom: 0;
}

.advice_index_area li h3{
	position: absolute;
	top: 60px;
	left: 33px;
}

.advice_index_area li.change_faq h3{
	top: 19px;
}

.advice_index_area li .links{
	float: right;
	background: #fff;
}

.advice_index_area li.change_faq .links{
	position: absolute;
	top: 0;
	left: 270px;
}

.advice_index_area li .links a{
	display: block;
	line-height: 0;
	border-bottom: 1px solid #fff;
	width: 242px;
}
.advice_index_area li .links a.w{

}
.advice_index_area li .links a:hover{

}
.advice_index_area li.change_faq .links a{

}
.advice_index_area li.change_faq .links a:hover{

}
/* job/advice/step.html
*****************************/
#advice #main .contents_bg{
	background: url(../images/job/service/bg_angle.png) no-repeat top left;
	padding:43px 0 0 43px;
}
.advice_page_title{
	line-height: 1.4;
	font-weight: normal;
	font-size: 35px;
	color: #307817;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.service_steps_area .advice_step_text{
	line-height: 1.9;
	min-height: 332px;
	float: left;
	background: #fff;
	width:477px;
	margin: 30px 0;
	font-size:88%;
	position: relative;
}

.advice_page_title.with_caption{
	margin-bottom: 10px;
}

.advice_page_title_caption{
	line-height: 1.8;
	margin-bottom: 20px;
	padding:0px;
	margin-right: 20px;
}
.advice_step_block_wrap{
	margin-right: 20px;
}
.advice_step_block_wrap>li{
	padding:0px 0px 35px 0px;
	background: #f3f3f3;
	overflow: hidden;
}

.advice_step_block_wrap>li.even{
	background: #fff;
}

.advice_step_block_wrap .step_no{
	color: #a6a6a6;
	font-size: 12px;
	display: block;
	line-height: 1.4;
}

.advice_step_block_wrap .step_no{
	color: #fff;
	position: absolute;
	margin-top: 14px;
	margin-left: 22px;
	font-size: 124%;
}
.advice_step_block_inner{
	padding: 0 45px;
}
.service_steps_area .service_steps_brock .advice_step_text h4{
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 30px;
	padding-left: 30px;
	line-height: 1em;
	float: none;
	width: auto;
}
.service_steps_area .service_steps_brock .advice_step_text dl dd{
	padding:0 30px 30px 30px;
}

.service_steps_area .service_steps_brock .advice_step_text dl dd h5{
	font-weight: bold;
	color: #01dd8d;
}

.advice_step_block_wrap .text_box{
	width: 370px;
	padding-left: 30px;
	margin: 30px 0;
}

.advice_step_block_wrap .text_box .common_btn{
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E61E77;
    border-style: solid;
    border-width: 1px 3px 3px 1px;
    color: #C4005B;
    display: inline-block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 5px 0 10px;
    padding: 0 30px;
    width: 250px;
}

.advice_step_block_wrap .text_box .common_btn:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration: none;
}

.advice_step_block_wrap .checklist_box{
	position: relative;
	margin-top: 0.4em;
	width:370px;
	padding: 10px 20px 30px 20px;
	margin-left: 30px;
	background: #fff;
}

.advice_step_block_wrap .even .checklist_box{
	background: #f3f3f3;
}

.advice_step_block_wrap .checklist_box:after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 9px transparent solid;
	border-top-color: #01dd8d;
	border-left-color: #01dd8d;
	position: absolute;
	top: 0;
	left: 0;
}

.advice_step_block_wrap .checklist_box h5{
	font-weight: bold;
	color: #01dd8d;
	font-size: 15px;
}

.advice_step_block_wrap .checklist_box li{
	padding-left: 20px;
	background: url(../images/job/advice/icon_check.gif) left 5px no-repeat;
	margin-top: 8px;
	line-height: 1.8;
}

.advice_step_block_wrap .checklist_box p{
	font-size: 12px;
}


/* job/advice/resume.html
/* job/advice/intarview.html
/* job/advice/resignation.html
*****************************/

.advice_defining_area dl{
	padding-bottom: 30px;
	background: #f3f3f3;
	margin-right: 20px;
}

.advice_defining_area dl.even{
	background: #fff;
}

.advice_defining_area dl:after{
	display: none;
}

.advice_defining_area dt{
}

.advice_defining_area dd{
	padding:0px 40px;
}

.advice_defining_area.horizontal dt,
.advice_defining_area.horizontal dd{
	width: 100%;
	float: none;
	position: static;
}

.advice_defining_area.horizontal dt{
	margin-bottom: 20px;
}

.advice_defining_area.horizontal dd{
	padding: 0 40px;
	width: auto;
}

.advice_defining_area .point_no{
	color: #a6a6a6;
	font-size: 12px;
	display: block;
	line-height: 1.4;
}



.advice_defining_area .point_no{
	color: #fff;
	position: absolute;
	margin-top: 14px;
	margin-left: 22px;
	font-size: 124%;
}
.advice_defining_area h4{
	font-size: 21px;
	height: 49px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 15px;
	line-height:49px;
	padding-left: 160px;
	background: url(../images/job/advice/bg_h4.gif) no-repeat left top #0fb578;
}


.advice_defining_area .ng_lead{
	margin-bottom: 1em;
}

.advice_defining_area .common_btn{
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E61E77;
    border-style: solid;
    border-width: 1px 3px 3px 1px;
    color: #C4005B;
    display: inline-block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 5px 0 10px;
    padding: 0 30px;
}

.advice_defining_area .common_btn:hover{
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}




/* job/advice/resignation.html
*****************************/

.resignation_table{
	width: 100%;
	table-layout: fixed;
	margin: 20px 0 5px;
}

.resignation_table th,
.resignation_table td{
	padding: 10px 15px;
	background: #fff;
	border: 1px #ddd solid;
}

.resignation_table td{
	text-align: center;
}

.resignation_table th{
	background: #0FB578;
	width: 17%;
	color: #fff;
}

.resignation_table tr:first-child td{
	font-weight: bold;
}

.resignation_table .even td{
	background: #f9f9f9;

}

.advice_defining_area small{
	display: block;
}


/* job/advice/qa.html
*****************************/

.Qa_Style {
	font-size: 30px;
	color: #2c7615;
	font-weight: bold;
	padding-bottom:5px;
}

.fashionQuestion_01{
	font-size: 14px;
	border-bottom: 1px solid #fff;
	width: auto;
	margin-bottom: 20px;
	margin-right: 43px;
}
.fashionQuestion_01 h4{
	color: #01dd8d;
	font-size: 108%;
	background:#f3f3f3 url(../images/job/advice/label_q.gif) no-repeat top left;
	padding:35px 20px 35px 98px;
}
.fashionQuestion_01 p{
	color: #666666;
	background:#f3f3f3 url(../images/job/advice/label_a.gif) no-repeat top left;
	padding:35px 20px 35px 98px;
}

.fashionQuestion .fashionConsultation{
	font-weight: bold;
	margin-bottom: 1px;
}
.advice_page_about{
	margin-bottom: 50px;
}
.outline_foot{line-height: 0;}
.outline_foot img{width: 100%;}
.outline_foot:last-child{margin-bottom: 43px;}

/* job/advice/appeal.html
************************/

.fashion_Appeal_Content_link{
	margin-bottom: 50px;
}
.fashion_Appeal_Outline{
	background-color: #f3f3f3;
	padding: 30px 40px 5px;
	margin-bottom: 15px;
}

.fashion_Appeal_Outline h4{
	font-size: 16px;
	font-weight: bold;
	color: #00dc8c;
}

.fashion_Appeal_Outline p{
	margin-bottom: 25px;
}

.fashion_Appeal_Outline_Explanation{
	width:740px;
	margin:0 auto;
	overflow: hidden;
}

.fashion_Appeal_Outline_Explanation td{
    background: #01dd8d;
    color: #fff;
    font-size: 79%;
}
#appeal_list{
	width: 100%;
}
.fashion_Appeal_Outline_Explanation td a{
    border-right: 1px solid #FFFFFF;
    display: block;
    padding: 8px 10px;
    text-align: center;
    cursor: pointer;
}

.fashion_Appeal_Outline_Explanation td a:hover{
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.fashion_Appeal_Outline_Explanation a{
	color:#fff;
}

.fashion_Appeal_Outline_Explanation .go_top{
	text-align: right;
	margin-bottom: 20px;
}

.fashion_Appeal_Outline_Explanation .go_top a{
	text-decoration: underline;
	color: #0FB578;
}

.fashion_Appeal_Outline_Explanation .go_top a:hover{
	text-decoration: none;
}

.first {margin-left: 0;clear: left;}

.fashion_Appeal_Outline_Content_Head{
	overflow: hidden;
}

.fashion_Appeal_Outline_Content_Foot{
	overflow:hidden;
	margin-bottom: 10px;
}

.fashion_Appeal_Outline_Content_01{
	float: left;
	width: 46%;
	margin:20px 2%;
	background-color: #fff;
}

.fashion_Appeal_Outline_Content_02{
	float: right;
	width: 46%;
	margin:20px 2%;
	background-color: #fff;
}

.fashion_Appeal_Outline_Content_03{
	float: left;
	width: 46%;
	margin:20px 2%;
	background-color: #fff;
}

.fashion_Appeal_Outline_Content_04{
	float: right;
	width: 46%;
	margin:20px 2%;
	background-color: #fff;
}

.Content_head_Appeal{
	color:#2a7d09;
	font-size: 20px;
}

.Content_head_Appeal_Outline{
	padding-top: 40px;
	padding-left: 30px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.Content_Appeal{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom:30px;
}

hr.dotline{
	width: 90%;
	margin-top: -10px;
	margin-bottom: 25px;
	background-color: #ddd;
	border: none;
	height: 1px;
}

.fashion_Appeal_Content_link_Top li{
	width:20%;
	display: inline;
	background-color: #fff;
	float: right;
}

.fashion_Appeal_Content_link_Top a{
	color:#26aa79;
	border-bottom: 3px dotted #d3ede2;
	font-size: 18px;
}

.registaration_Content{
width: 85%;
vertical-align: middle;
margin: 30px;
padding-left: 10px;
}

.registaration_Content p{
	line-height: 2;
	margin-bottom: 25px;
}

.registaration_Content_link{
	text-align:center;
	padding-top: 10px;
}

.registaration_Content_link a{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	color: #fff;
	font-weight: bold;
	background: #e61e77;
	margin: 5px 0 10px;
	border-bottom: 3px solid #c4005b;
	border-right: 3px solid #c4005b;
}

.registaration_Content_link a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration: none;
}


/* job/advice/case/index.html
/*****************************************/

#advice #main .nagare{
	background: url(../images/job/service/bg_angle.png) no-repeat top left;
	padding:43px 0 0 43px;
}
.advice_page_about{
	line-height: 1.9em;
	font-size: 93%;
	margin-bottom: 45px;
}

.Content_head_Appeal {
  padding-left: 22px;
}

.advice_page_Content_link {
    width: 740px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.advice_page_Content_link li {
    float: left;
    background: #01dd8d;
    color: #fff;
    font-size: 79%;
}

.advice_page_Content_link li span {
    border-right: 1px solid #FFFFFF;
    display: block;
    padding: 8px 20px;
    text-align: center;
    cursor: pointer;
}
.advice_page_Content_link li span.active{
	background: #298563;
}
.advice_page_Content_link li span:hover{
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.advice_case_area .go_top {
    margin-bottom: 20px;
    text-align: right;
    margin-right: 20px;
}
.advice_case_area .go_top a {
    color: #0FB578;
    text-decoration: underline;
}

.advice_case_detail_area h3 span {
  font-size: 15px;
}
.change_cases_wrap{
	width: 740px;
	margin: 0 auto;
	overflow: hidden;
}

.change_cases_wrap li{
	margin-right: 3%;
	padding-bottom: 22px;
	float: left;
}

.change_cases_wrap li a{
	display: block;
	width: 350px;
	height: 198px;
	overflow: hidden;
	position: relative;
	background: url(../images/job/advice/case/bg_case.gif) right bottom no-repeat;
}

.change_cases_wrap li a:hover{
	text-decoration: none;
}

.change_cases_wrap li h4{
	position: absolute;
	font-weight: bold;
	top: 35px;
	left: 26px;
}
.change_cases_wrap li small{
	position: absolute;
	bottom: 25px;
	margin-left:26px;
	color: #fff;
}
.change_cases_wrap li h4 small{
	font-size: 14px;
	display: inline-block;
	font-weight: normal;
}

.change_cases_wrap li p{
	color: #666;
	padding: 25px;
	float: right;
	width: 120px;
	line-height: 1.6em;
}

/* job/advice/case/(詳細)
/*****************************************/

.advice_case_detail_area{
	padding: 40px 0 0;
}

.advice_case_detail_area h3{
	font-size: 23px;
	color: #484848;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.6;
}

.advice_case_detail_area h3 span{
	display: block;
	color: #01dd8d;
	font-size: 13px;
	font-weight: bold;
}

.advice_case_detail_area .case_data_area{
	position: relative;
	width: 100%;
	height: 310px;
	background: #f3f3f3;
	margin-bottom: 15px;
}

.advice_case_detail_area .case_data_area:after{
	content: '';
	display: block;
	width: 416px;
	height: 310px;
	background: url(../images/job/advice/case/bg_case_detail_man.png) left top no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.advice_case_detail_area .case_data_area.woman:after{
	content: '';
	display: block;
	width: 416px;
	height: 310px;
	background: url(../images/job/advice/case/bg_case_detail_woman.png) left top no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.advice_case_detail_area .case_data_box{
	position: absolute;
	top: 25px;
	right: 25px;
	bottom: 25px;
	left: 336px;
	background: #fff;
	padding: 20px 20px 0 45px;
	font-size: 13px;
}

.advice_case_detail_area .case_data_box li{
	line-height: 2.2;
}

.advice_case_detail_area .case_data_box span{
	color: #307817;
}

.case_qa_area li{
	padding: 25px 18px;
	border-bottom: 2px #f3f3f3 solid;
}

.case_qa_area .question_no{
	font-size: 14px;
	color: #484848;
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
}

.case_qa_area h4{
	font-size: 19px;
	font-weight: bold;
	color: #307817;
	margin-bottom: 15px;
	line-height: 1.6;
}

.service_cta_area{
	margin-top: 35px;
	padding: 30px 40px;
	background: #f3f3f3;
	margin-right: 20px;
	font-size:93%;
}

.service_cta_area p{
	margin-bottom: 10px;
}

.service_cta_area .btn_wrap{
	width: 100%;
	text-align: center;
}

.service_cta_area .btn_wrap a{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	color: #fff;
	font-weight: bold;
	background: #e61e77;
	margin: 5px 0 10px;
	border-bottom: 3px solid #c4005b;
	border-right: 3px solid #c4005b;
}



.advice_page_linkbox{
	margin-right: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

.advice_page_linkbox ul{
	width:100%;
}
.advice_page_linkbox li{
	width :16.666%;
	float: left;
}
.advice_page_linkbox.resume li{
	width :33.3333%;
	float: left;
}
.advice_page_linkbox.interview li{
	width :25%;
	float: left;
}
.advice_page_linkbox.regist li{
	width :20%;
	float: left;
}

.advice_page_linkbox li a{
	display: block;
	padding: 20px 0;
	border: 1px #fff solid;
	text-align: center;
	background-color: #0fb577;
}

.advice_page_linkbox li a:hover{
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.advice_page_linkbox a{
	color:#fff;
}
/*****************************************
  ▲▲追加分 0822?▲▲
*****************************************/

.center{text-align: center;}
ul li a.gr01{background-color: #0b9361;}
ul li a.gr02{background-color: #0fb578;}
ul li a.gr03{background-color: #38cf97;}
ul li a.gr04{background-color: #7eddba;}
ul li a.gr05{background-color: #508c76;}
ul li a.gr06{background-color: #2f5346;}
.gray{background-color: #f3f3f3;margin-bottom: 0;}
.mtop10{margin-top: 10px;}
.mbottom20{margin-bottom: 20px;}
.font_l{font-size: 100%;line-height: 1.6em;}
/*****************************************
  ▼▼追加分 0905?▼▼
*****************************************/


/*不要かも*/
#designer {
  clear:left;
}

/*****************************************
  ▲▲追加分 0905?▲▲
*****************************************/

/*****************************************
  ▼▼追加分 1006?▼▼
*****************************************/
p.seotext{
	font-size:73%;
	color: #aaa;
	clear: both;
	padding: 30px 13%;
	background: #f3f3f3;
	margin: 60px 0;
}
#footer .foot_box ul li.sitemap_third{
	margin-left: 34px;
}
#footer .foot_box ul li.sitemap_third.sub{
	margin-left: 26px;
}
/*****************************************
  ▲▲追加分 1006?▲▲
*****************************************/

/* --------------------------------------------------------------
   クリエイターズコネクト
-------------------------------------------------------------- */
#creator #main #contents{
	width: 802px;
	margin: 0 auto;
	margin-top: 34px;
	padding-right: 24px;
}
#creator #main .title_wrap{
	height: 210px;
}
#creator h3{
	margin-top: 70px;
}
#creator #main #contents ul#creator_box{
	margin-top: 20px;
	margin-left:-20px;
	padding-bottom: 20px;
}
#creator #main #contents ul#creator_box li{
	width: 391px;
	height: 460px;
	overflow: hidden;
	display: block;
	background: #f3f3f3;
	float: left;
	margin-left:20px;
	margin-bottom: 20px;
	position: relative;
}
#creator #main #contents ul#creator_box li .img_box{
	height: 251px;
	display: block;
	overflow: hidden;
	position: relative;
}
#creator #main #contents ul#creator_box li .img_box img{
	cursor: pointer;
	width: 100%;
}
#creator #main #contents ul#creator_box li p.photo01{
	position: absolute;
	width: 234px;
	height: 145px;
	overflow: hidden;
}
#creator #main #contents ul#creator_box li p.photo02{
	width: 157px;
	height: 251px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
}
#creator #main #contents ul#creator_box li p.thum{
	cursor: pointer;
}
#creator #main #contents ul#creator_box li p.thum:after{
	content:"";
	position: absolute;
	width: 34px;
	height: 34px;
	display: block;
	background: url(../images/job/creator/thum_plus.png) no-repeat top left;
	right: 0;
	top: 0;
}
#creator #main #contents ul#creator_box li .h4_box{
	background: #666;
	color: #fff;
	width: 194px;
	display: block;
	padding:25px 20px;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
#creator #main #contents ul#creator_box li .h4_box h4{
	font-size: 16px;
	line-height: 1.9em;
	clear: both;
	padding-top: 5px;
}
#creator #main #contents ul#creator_box li .h4_box p.number{
	font-family: 'helvetica';
	opacity: 0.5;
	color: #fff;
	font-size: 22px;
	line-height: 1em;
}
#creator #main #contents ul#creator_box li .h4_box p.tag{
	font-size:73%;
	color: #777;
	padding-top: 1px;
}
#creator #main #contents ul#creator_box li .h4_box p.tag span{
	background: #fff;
	border-left: 1px solid #666;
	padding: 1px 4px;
}
#creator #main #contents ul#creator_box li p.text_prof{
	padding: 25px;
	line-height: 1.6em;
	font-size: 93%;
}
#creator #main #contents p.tit_slide{
	margin: 24px 0 0 23px;
	position: absolute;
	z-index: 1;
}
#creator .flex-direction-nav{
	width:100%;
	top: 50%;
	margin-top: -49px;
	height: auto;
}
#creator .flex-next{
	background: url(../images/job/creator/next.png) top left;
	width: 50px;
	height: 98px;
	position: absolute;
	right:0;
}
#creator .flex-prev{
	background: url(../images/job/creator/prev.png) top left;
	width: 50px;
	height: 98px;
	position: absolute;
	left: 0;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#creator .flex-control-paging li a{
	width: 14px;
	height: 14px;
	background: #f3f3f3;
	border-radius:0;
	-webkit-border-radius: 0;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
#creator .flex-control-paging li a.flex-active{
	background: #c2c2c2;
	width: 16px;
	height: 16px;
}
#creator #wrap{
	min-width: 1200px;
}
#creator .pink{color: #ff0066; padding-bottom: 50px;}
#creator .pink a{
	color: #ff0066;
	text-decoration: underline;
}
#creator .pink a:hover{
	text-decoration:none;
}
/* --------------------------------------------------------------
   THINK
-------------------------------------------------------------- */
/* top */
#think #main h2{
	margin-top: 40px;
	margin-bottom: 10px;
}
.bnr_fnv li{
	float: left;
	width: 50%;
	line-height: 0;
}
.bnr_fnv li a{line-height: 0;display: block;}
.bnr_fnv li.bnr01 a{border-right: 1px solid #fff;}
.bnr_fnv li.bnr02 a{border-left: 2px solid #fff;}
.bnr_fnv li a img{
	width: 100%;
}
.tit_shozo{
	margin-left:95px;
}
.btn_backnumber{
	float: right;
	width: 200px;
	height: 29px;
	display: block;
	margin: 46px 10px 0 0;
}
.btn_backnumber:first-child{
	margin: 11px 10px 0 0;
}
#think_backnumber{
	min-width: 1200px;
}
#wrap #main .newsbox{
	clear: both;
	margin:0;
	background: #fff;
}
#think #main .newsbox{
	background: #f3f3f3;
}
#wrap #main .newsbox img{
	float: left;
	padding:133px 0px 0px 107px;
}
#wrap #main .newsbox ul{
	max-width:880px;
	min-height: 230px;
	color: #666;
	padding: 60px 10px 25px 64px;
	margin-left: 230px;
}
#wrap #main .newsbox ul li{
	padding-left: 65px;
	background: url(../images/common/news_topic.png) left top no-repeat;
	background-position:0 1px;
	margin-bottom: 35px;
	cursor:auto;
}
#top #wrap #main ul.contents_list li .newsbox ul li{
	width: inherit;
	padding-left: 65px;
	background: url(../images/common/news_topic.png) left top no-repeat;
	background-position:0 1px;
	margin-bottom: 35px;
	cursor:auto;
}
#wrap #main .newsbox ul li p{
	margin-top: -2px;
}
#wrap #main .newsbox ul li:before {
	display: none;
}
#wrap #main .newsbox ul li p a{
	color: #666;
	text-decoration: underline;
	line-height: 1.6em;
}
#wrap #main .newsbox ul li p a:hover{
	color: #ff0066;
}

#think_fnv #wrap,#think_shozo #wrap,#think_another #wrap,#think_pro #wrap{
	min-width: 1210px;
}
#think_fnv #sub_nav,#think_shozo #sub_nav,#think_pro #sub_nav,#think_another #sub_nav,#think #sub_nav,#think_backnumber #sub_nav{background-color: #11d2d9}
#think_fnv #main,#think_shozo #main,#think_another #main,#think_pro #main{
	color: #666;
}
#think_another #main ul.contents_list li,#think #main ul.contents_list li {
	margin-bottom: 1px;
}
#think_another #main .title_wrap p,#think #main .title_wrap p{width: 500px;}
#think_another #main ul.contents_list li ul li,#think #main ul.contents_list li ul li{
	width: 20%;
	float: left;
}
#think_another #main ul.contents_list li ul li dl dt,#think #main ul.contents_list li ul li dl dt{
	height:87px;
}
#think_another #main ul.contents_list li ul li a,#think #main ul.contents_list li ul li a{
	border-right: 2px solid #fff;
	text-decoration: none;
}
#think_another #main ul.contents_list li ul li span.lb,#think #main ul.contents_list li ul li span.lb{
	display: block;
	position: relative;
}
#think_another #main ul.contents_list li ul li span.lb:after,#think #main ul.contents_list li ul li span.lb:after{
	content: '';
	width: 70px;
	height: 70px;
	background: url(../images/common/think_lb.png) no-repeat top left;
	background-size: 70px 70px;
	position: absolute;
	right: 0;
	bottom: 0;
}
#think_another #main ul.contents_list li ul li span.lb:before,#think #main ul.contents_list li ul li span.lb:before{
	content: "";
	width: 0;
	height:0;
	position:absolute;
	top: 0;
	left: 0;
	border-bottom: 18px solid transparent;
	border-left: 18px solid #11d2d9;
	z-index: 2;
}
#think_another #main ul.contents_list li ul li dl,#think #main ul.contents_list li ul li dl{
	background: #11d2d9;
	color: #fff;
	padding: 15px;
	border-top: 1px solid #fff;
	line-height: 1.6em;
}
#think_another #main ul.contents_list li ul li dl dt,#think #main ul.contents_list li ul li dl dt{font-size: 77%;}
#think_another #main ul.contents_list li ul li dl dt span,#think #main ul.contents_list li ul li dl dt span{font-size:14px;}
#think_another #main ul.contents_list li ul li dl dd,#think_another #main ul.contents_list li ul li dl dd{margin-top: 10px;font-size:116%;font-weight: bold;}
#name_box{
	background: #11d2d9;
	color: #fff;
	position: relative;
	height: 380px;
	overflow: hidden;
	margin-bottom: 54px;
}
#name_box img.profile_img{

}
#think_sns{
	position: absolute;
	top: 90px;
	left: 800px;
	width: 240px;
	z-index: 1;
}
#think_sns li{
	float: left;
	width:80px;
	height: 40px;
}
#name_box dl{
	position: absolute;
	left: 380px;
	padding:35px 3%;
	top: 0;
}
#name_box dl dt{
	margin-bottom: 30px;
}
.profile_box{
	width: 295px;
	background: #e4e3e3;
	padding: 50px;
	float: right;
	margin:-54px 0 20px 35px;
}
.profile_box h3{color: #11d2d9;}
.profile_box p{
	margin-top: 15px;
}
.think_text{
	border-top: 1px solid #ccc;
	padding: 35px 20px 75px 0;
}
.think_text img{
	padding: 30px 30px 10px 30px;
}
.think_text img.left{margin-left: -30px;margin-top: -95px;}
.think_text img.right{;margin-top: -99px;}
.think_text h3{
	color: #11d2d9;
	font-size: 153.9%;
	font-weight: bold;
	margin-bottom: 25px;
}
.think_text p{
	font-size: 93%;
	line-height: 2.5em;
}

#think_pro #main .title_wrap p{
	padding-top: 5px;
	width: auto;
}
#think_pro #name_box #subtit{
	position: absolute;
	top: 46px;
}
#think_pro #name_box dl dt{
	margin-top: 80px;
	margin-bottom: 18px;
}
#think_pro #name_box dl dd p{
	font-size: 93%;
}
#think_pro #name_box dl dd a{
	color: #fff;
	text-decoration: underline;
}
#think_pro #name_box dl dd a:hover{
	text-decoration:none;
}
#think_pro dl dd a{
	color: #11d2d9;
	text-decoration: underline;
}
#think_pro dl dd a:hover{
	text-decoration:none;
}
#think_pro #think_sns{
	top: 125px;
}
#pro_tab_btn{
	border-bottom: 2px solid #11d2d9;
	position: relative;
}
#pro_tab_btn li{
	width:300px;
	height:60px;
	border: 2px solid #11d2d9;
	margin-bottom: -2px;
	float: left;
	font-weight: bold;
	border-bottom: 2px solid #fff;
}
#pro_tab_btn li:nth-child(2){
	margin-left: -2px;
}
#pro_tab_btn li span{
	color: #11d2d9;
	background: #fff;
	cursor: default;
	text-align: center;
	border: 2px solid #fff;
	display: block;
	height:56px;
	line-height: 58px;
}
#pro_tab_btn li span:hover{
	color: #11d2d9;
}
#pro_tab_btn li.active span{
	background: #11d2d9;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#pro_tab_btn li.active{
	border-bottom: 2px solid #11d2d9;
}
.tab_contents dd img{
	padding:0px 20px 20px 20px;
	float: right;
}
.pro_text{
	padding-right: 20px;
}
.pro_caption{
	margin-top: 10px;
	padding: 20px;
	font-size: 91%;
	line-height: 20px;
	background: #eee;
}
.step_box{
	padding: 45px 40px 60px 40px;
	border-top: 1px solid #dddddd;
}
.step_box.event{
	padding-left: 0;
}
.step_box.event.bn{
	padding-right: 0;
}
.step_box.event.bn a{
	display: block;
	width: 100%;
}
.step_box.event.bn a img{width: 100%;}
.step_box.event dt{
	margin-bottom: 15px;
}
.tn{
	border-top: none;
}
.step_box dt{
	font-weight: bold;
	color: #11d2d9;
	font-size: 153.9%;
	margin-bottom: 30px;
}
.step_box dd{
	font-size: 93%;
	line-height: 2.5em;
}
.step_box dd ul{
	margin-top: 20px;
}
.step_box dd ul li{
	float: left;
	padding-right: 18px;
}
.step_box dd ul li:last-child{
	padding-right: 0;
}
#think_fnv #main .title_wrap p{
	padding-top: 5px;
}
#think_fnv #name_box {
	margin-bottom: 40px;
}
#think_fnv #name_box dl dt{
	margin-top: 15px;
	margin-bottom: 48px;
}
p.ddlink{
	margin-top: 15px;
}
#think_fnv #name_box dl dd img{
	margin-bottom:5px;
}
#think_fnv #name_box dl dd p a{
	color:#fff;
	text-decoration: underline;
	padding-left: 16px;
	margin-right: 30px;
	margin-top: 15px;
	position: relative;
	background: url(../images/think/fnv/bg_allow.gif) no-repeat left;
}
.read_text{
	color: #11d2d9;
	font-weight: bold;
	font-size: 123.1%;
	width: 545px;
	margin-left: 40px;
	margin-bottom: 45px;
}
#fnv_slider{
	position: relative;
}
.thum_controll{
	position: absolute;
	bottom:163px;
	left: 0;
	width: 100%;
}
.thum_controll{
	cursor: pointer;
}
.thum_controll li{
	background: #fff;
	line-height: 0;
}
.thum_controll li:hover img{
	opacity: 0.6;
}
.thum_controll .thum_next{
	position: absolute;
	left: 18px;
}
.thum_controll .thum_prev{
	position: absolute;
	right: 18px;
}
.thum_controll .thum_prev.off,.thum_controll .thum_next.off{
	-webkit-filter:grayscale(100%);
	opacity:0.5;
	cursor: default;
}
.thum_controll .thum_prev.off:hover img,.thum_controll .thum_next.off:hover img{opacity: 1;}


#think_shozo #main .title_wrap p{
	padding-top: 5px;
	width: 500px;
}
#think_shozo #name_box{
	height: auto;
	line-height: 0;
}
#think_shozo #name_box img{
	width: 100%;
}
#think_shozo .profile_box{
	position: relative;
}
#think_shozo .profile_box a{
	color: #11d2d9;
	text-decoration: underline;
}
#think_shozo .profile_box a:hover{text-decoration: none;}
#think_shozo #think_sns{
	left:inherit;
	top: inherit;
	position: relative;
	margin-bottom:60px;
}
#think_shozo p.qa_open{position: absolute;bottom: 17px;left: 49px;}
#think_shozo p.qa_open a{color: #fff;line-height: 1em;}
#think_shozo p.qa_open a:hover{text-decoration:none;}
.next_shozo{
	height: 107px;
	background: url(../images/think/shozo/bg_next.gif) no-repeat left top #11d2d9;
	line-height: 107px;
	padding-left: 200px;
	margin-bottom: 30px;
}
.next_shozo a{
	color: #6e6e6e;
}
.next_shozo a:hover{
	text-decoration:none;
	color: #545454;
}
.backnumber_shozo{
	padding: 35px;
	background: url(../images/think/shozo/bg_backnumber.gif) top left no-repeat #e4e3e3;
	margin-bottom: 30px;
}
.backnumber_shozo li{
	margin-bottom: 20px;
	margin-left: 263px;
}
.backnumber_shozo li:last-child{
	margin-bottom: 0;
}
.backnumber_shozo li a{
	color: #04b7bd;
	padding-top: 2px;
	padding-left: 20px;
	background: url(../images/think/shozo/back_allow.gif) left no-repeat;
	text-decoration: none;
}
.backnumber_shozo li a:hover{text-decoration: underline;}
#think_shozo p.morebtn{cursor: pointer;color:#11d2d9;text-decoration: underline;text-align: right;}
#think_another p.morebtn{cursor: pointer;color:#11d2d9;text-decoration: underline;text-align: right;}
#think_shozo p.morebtn:hover{text-decoration:none;}
#think_another p.morebtn:hover{text-decoration:none;}
p.more_btn.think_post{background: #11d2d9;margin-right: 5px;margin-top: 10px;text-decoration: none;}
p.more_btn.think_post a{text-decoration: none;}
#lightGallery{display: none;}

/* event */
#think_shozo #main .title_wrap p#event_disc{
	width: auto;
	padding-right: 20px;
}
.event_h3{
	color: #11d2d9;
	height: 20px;
	font-weight: bold;
	font-size: 133.1%;
	padding-left: 30px;
	background: url(../images/think/event/try_icon.png) left no-repeat;
	margin-bottom: 30px;
}
.event_info p{
	margin-left: 20px;
}
.event_graf{
	margin-top: 20px;
	margin-bottom:30px;
}
.event_graf_l_01{
	width: 20%;
	background-color:#e2e2e2;
	padding-left: 30px;
}
.event_graf_r_01{
	width: 100%;
	background-color:#ebebeb;
	padding: 20px;
}
.event_graf_l_02{
	width: 20%;
	background-color:#eaeaea;
	padding-left: 30px;
}
.event_graf_r_02{
	width: 100%;
	background-color:#f3f3f3;
	padding: 20px;
}
.event_graf a{
	color: #11d2d9;
	text-decoration:none;
}
.event_graf a:hover{
	color: #1ea9ae;
}
.backnumber_event li{
	background-color: #f3f3f2;
	margin-bottom: 3px;
	padding: 20px 20px 20px 20px;
}
.event_dates{
	background-color: #4d4d4d;
	color: #ffffff;
	padding: 10px 30px;
	width: 150px;
	margin-bottom: 20px;
}
.backnumber_event img{
	margin-bottom: 20px;
}
.event_link a{
	color: #11d2d9;
	text-decoration:none;
	float: right;
	margin:30px 30px 30px 0px;
}
.event_link a:hover{
	color: #1ea9ae;
	float: right;
	margin:30px 30px 30px 0px;
}
.mar0{
	margin: 0 auto;
}
.event_entry img:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* --------------------------------------------------------------
   THINK BACNUMBER バックナンバー
-------------------------------------------------------------- */
.posts_box{
	width: 49.9%;
	height: 250px;
	overflow: hidden;
	background:url(../images/think/backnumber/post_sign.png) right bottom no-repeat #11d4de;
	color: #fff;
}
.posts_box a{
	color: #fff;
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	display: block;
	height: 247px;
	overflow: hidden;
}
.posts_box .thum{
	float:left;
}
.posts_box p.posts_date{
	position: absolute;
	margin-left:252px;
	font-size: 127%;
	min-width: 208px;
	max-width: 342px;
	padding: 20px 20px 5px 20px;
}
.posts_box dl{
	position: relative;
	margin-left:252px;
	min-width: 208px;
	max-width:342px;
	padding: 20px;
	display: block;
}
.posts_box dl dt{
	font-size: 186%;
	height: 80px;
	overflow: hidden;
	font-weight: bold;
	position: absolute;
	top: 70px;
	padding-right: 20px;
}
.posts_box dl dd{
	position: absolute;
	top: 150px;
	padding-right: 20px;
}
.posts_box dl dd p.vol{
	font-weight: bold;
	font-size: 162%;
	margin-bottom: 5px;
}
.posts_box dl dd p{
	line-height: 1.1rem;
}
.posts_box small{
	position: absolute;
	margin-top:33px;
	font-size: 100%;
	min-width: 208px;
	max-width: 342px;
	padding: 20px 20px 5px 20px;
}
#backlist_block{
	overflow:hidden;
}
#think_backnumber .style-pager ul li a{
	background: #11d4de;
}
#think_backnumber .style-pager ul li.current a, #think_backnumber .style-pager ul li a:hover{
	color:#23858a;
	background: #b8f1f5;
}

/* 201706 agent_modal */
#agent_modal{
	position: fixed;
	background: rgba(255,255,255,0.8);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
	display: none;
}
.agent_modal_inner{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width: 800px;
	height: 466px;
	box-sizing: border-box;
	background:url(../images/job/agent_modal_bg.jpg) center no-repeat #fff;
	border: 4px solid #01dd8d;
	padding: 40px;
}
.agent_modal_inner dl{
	margin-bottom: 44px;
}
.agent_modal_inner dt{
	padding-top: 15px;
	margin-bottom: 25px;
	line-height: 1.4;
}
.agent_modal_inner dt p{
	padding-top: 10px;
	font-size: 20px;
	font-weight: bold;
}
.agent_modal_inner dd{
	font-size: 13px;
	line-height: 1.4;
}
.agent_modal_btn{
	display: block;
	text-align: center;
}
.agent_modal_btn a{
	display: inline-block;
	background: #fff;
}
.agent_modal_btn a img{
	transition:0.25s;
}
.agent_modal_btn a:hover img{
	opacity: 0.7;
}
.agent_modal_close{
	position: absolute;
	right: 40px;
	top: 40px;
	width: 20px;
	height: 20px;
	display: block;
	white-space: nowrap;
	text-indent: 100%;
	cursor: pointer;
}
.agent_modal_close:before{
	position: absolute;
	content: '';
	display: block;
	background: #01dd8d;
	width: 26px;
	height: 4px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
}
.agent_modal_close:after{
	position: absolute;
	content: '';
	display: block;
	background: #01dd8d;
	width: 26px;
	height: 4px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
}
.icn_out{
	position: relative;
	padding-right: 15px;
}
.icn_out:before{
	content: '';
	width: 7px;
	height: 4px;
	border: 1px solid #777;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
}
.icn_out:after{
	content: '';
	width: 7px;
	height: 4px;
	border: 1px solid #777;
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -3px;
}