/*
//************************************************************************
	Style Sheet
//************************************************************************
*/
/*
//===========================================================================
//     リセット
//===========================================================================
*/
*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	/*
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	"小塚ゴシック Pro L",
	*/
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	text-decoration: none;
	list-style-type:none;
	letter-spacing: normal;
}
img{
	display:block;
}
* html body{
	background: url(null) fixed;/* IE6用 */
} 
html {
	overflow-y: scroll;/* スクロールバーを出す(強制) */
}
a{font-size:100%;}
a:link{		color:#ac3537; }
a:visited{	color:#ac3537; }
a:hover{	color:#fa918e; }

/* フロート */
.floatLeft{	 float:left; }
.floatRight{ float:right; }
/* clearfix */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* 共通ヘッダーフッターとかで使ってるよ */
iframe{
width:100%;
overflow:hidden;
}

/*
//	色の設定
	color:#676767;
	color:#a5a5a5;
	color:#676767;
	font-size:;

*/

/* ====== コピーライト =================================== */
#cpright{
	padding:2px 0;
	text-align:center;
	background-color:#ff8b62;
	color:#fff;
}
#cpright a{
	color:#fff;
	margin:0 10px;
	font-size: 100%
}
#cpright p{
	margin:8px 0;
	font-size: 75.0%
}




/* ====== ヘッダー ====================================== */
#header{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 78px;
	background-color:#fff;
	z-index:50;
	
	border-top:3px solid #ff4400;
}
#header_main{
	border-bottom:2px solid #ffc9b5;
	height: 76px;
}
/* ====== ヘッダー中身 =================================== */
#header_contents{
	width:640px;
	margin:0 auto;
}
/* ====== ヘッダーロゴ画像 =============================== */
#logoimg{
	width:170px;
	margin:0 auto;
}
/* ====== フッター =============================== */
div#footer{
	width:640px;
	margin:0 auto;
	padding-bottom:32px;
	position:relative;
}
div#footer > div#foot_msg{
	margin:0 auto;
	height:64px;
	/*
	width:520px;
	height:200px;
	background-image: url("../img/foot_img.png");
	background-size: 520px 200px;
	background-repeat: no-repeat;
	*/
}
div#footer > div#foota{
	position:absolute;
	/*
	top:165px;
	left:510px;
	*/
	bottom:10px;
	left:510px;
}
div#footer a > div#totop{
	width:76px;
	height:64px;
	background-image: url("../img/totop.png");
	background-size: 76px 64px;
	background-repeat: no-repeat;
}


/* ====== ヘッダーメインメニューフレーム ========================= */
#header_top_menu{
height:52px;
background-color:#fff;
height:78px;
}
/* ====== ヘッダーサブメニューフレーム ========================= */
#header_sub_menu{
background-color:#fff;
height:39px;
}
/* ====== フッターフレーム ========================= */
#footer_frame{
height:52px;
}


/* ====== 可動部分 =================================== */
#contents_area{
	position:relative;
	top:75px;
	margin-top:6px;
}
/* ====== メインbody =================================== */
#main_body{
	width: 960px;
	/*overflow: auto;*/
	margin:0 auto;
	padding:6px;
	z-index:1;
}
/* ====== 全体float用 =================================== */
.main_contents960{
	width:960px;
	margin:0 auto;
}
/* ====== 全体float用 =================================== */
.main_contents640{
	width:640px;
	margin:0 auto;
}
/* ====== 全体float用 =================================== */
.main_contents680{
	width:680px;
	margin:0 auto;
}
/* ====== 全体float用 =================================== */
.main_contents800{
	width:800px;
	margin:0 auto;
}
/* ====== 全体float用 =================================== */
.main_contents700{
	width:700px;
	margin:0 auto;
}


/* ===== ツイッターエリア ============================================== */
.twitter_area{
	width:800px;
	margin:0 auto;
	text-align:center;
}
.twitter_area > a{
	height:auto;
}
.twitter-timeline{
}

/* ====== 全ページ共通：大項目 ========================================= */
ul#main_cate > li{
	width: 116px;
	float:left;
	text-align: center;
	margin:0 5px;
	margin-bottom:5px;
	border-bottom:3px solid #fff;
	-webkit-transition: 0.2s ease-in-out;
}
ul#main_cate > li:hover{
	border-bottom:3px solid #fcc48c;
}
ul#main_cate > li > a:hover{
	color:#a5a5a5;
}
ul#main_cate > li > a{
	display:block;
	padding: 5px 0;
	color:#676767;
	font-size: 81.3%;
	font-weight:bold;
	-webkit-transition: 0.2s ease-in-out;
}
ul#main_cate > li.current{
	border-bottom:3px solid #fcc48c;
}
/* ===== 中項目：ベース ====================================== */
#contents_area_sub{
	position:relative;
	top:120px;
	margin-top:6px;
}
div#sub_cate{
	background-color:#fff;
	padding-top:4px;
}
ul#sub_cate_base{
	margin:0 auto;
	/*font-size: 81.3%;
	font-size:68.8%;*/
}
ul#sub_cate_base li{
	cursor:pointer;
	float:left;
	text-align: center;
	-webkit-transition: 0.2s ease-in-out;
}
ul#sub_cate_base li > a{
	display:block;
	padding:12px 0;
	color:#724f4f;
	font-size:68.8%;
	font-weight:bold;
	-webkit-transition: 0.2s ease-in-out;
}
ul#sub_cate_base li.current a{	color:#c74444;	}
ul#sub_cate_base li:hover a{	color:#c74444;	}
ul#sub_cate_base li:hover{		background-color:#fff6f2;	}
/* ===== 中項目:TOP:プレスリリース====================================== */
div#press_cate{		background-color: #fff5e1;}
div#press_cate ul{	width: 640px;}
/*div#press_cate li{	width: 128px;}*/
div#press_cate li{	width: 105px;}
/* ===== 中項目:会社情報 ====================================== */
div#about_cate{		background-color: #fff5e1;}
div#about_cate ul{	width:600px;}
div#about_cate li{	width:120px;}
/* ===== 中項目:採用情報 ====================================== */
div#apotion_cate{	background-color: #fff5e1;}
/*
div#apotion_cate ul{width:842px;}
// 古いの
div#apotion_cate ul{width:960px;}
div#apotion_cate li{
	width: 118.85px;
	border-right:1px solid #d1c0ae;
}
*/
div#apotion_cate ul{width:960px;}
div#apotion_cate li{
	width: 158px;
	border-right:1px solid #d1c0ae;
}
div#apotion_cate ul > li:first-child{
	border-left:1px solid #d1c0ae;
}


/* 代表名 */
.ceo_name{
	width:640px;
	margin:12px auto;
	text-align:right;
	font-size:140%;
	font-weight:bold;
	color:#676767;
}

/* ページタイトル */
.page_title{
	margin:20px auto;
	font-weight:bold;
	text-align:center;
	color:#676767;
}
.page_title:after{/* グラデ線 */
	width:250px;
	content:" ";
	display:block;
	margin:4px auto;
	height:2px;
	background: -webkit-gradient( linear, left top, right top, from(#fff),color-stop(0.2, #fcc48c),color-stop(0.8, #fcc48c),to(#fff));
	background: -moz-linear-gradient(left, #fff, #fcc48c 20%, #fcc48c 80%, #fff);
	background: linear-gradient(to left, #fff 0%, #fcc48c 20%, #fcc48c 80%, #fff 100%);
}
/* ページタイトル2 */
.page_title2{
	margin:20px auto;
	font-weight:bold;
	font-size:143.8%;
}
.page_title2:after{/* グラデ線 */
	width:400px;
	content:" ";
	display:block;
	margin:4px 0;
	height:3px;
	background: -webkit-gradient( linear, left top, right top,from(#ff9c76),color-stop(0.7,#ff9c76),to(#fff));
	background: -moz-linear-gradient(right, #ff9c76, #ff9c76 70%, #fff);
	background: linear-gradient(to right, #ff9c76 0%, #fcc48c 70%, #fff 100%);
}
/* ページタイトル3 */
.page_title3{ font-size:87.5%; }
.page_title3:after{/* グラデ線 */
	width:400px;
	content:" ";
	display:block;
	margin:4px 0;
	height:3px;
	background: -webkit-gradient( linear, left top, right top,from(#ff9c76),color-stop(0.7,#ff9c76),to(#fff));
	background: -moz-linear-gradient(left, #ff9c76, #ff9c76 70%, #fff);
	background: linear-gradient(to right, #ff9c76 0%, #ff9c76 70%, #fff 100%);
}
/* ページタイトル4 */
.page_title4{}
.page_title4:after{/* グラデ線 */
	width:100%;
	content:" ";
	display:block;
	margin:4px 0;
	height:3px;
	background: -webkit-gradient( linear, left top, right top,from(#ff9c76),color-stop(0.6,#ff9c76),to(#fff));
	background: -moz-linear-gradient(left, #ff9c76, #ff9c76 60%, #fff);
	background: linear-gradient(to right, #ff9c76 0%, #fcc48c 60%, #fff 100%);
}



/* 共通グラデ線 (中央ver) */
#press_back:after,
#press_info:after,
#top_img:after,
.ado_inter_main > h1:after,
.dev_cont:before,
div#dev_title:after
{
	width:100%;
	content:" ";
	display:block;
	margin:4px auto;
	height:2px;
	background: -webkit-gradient( linear, left top, right top,
		from(#fff),
			color-stop(0.2, #ffa47b),
			color-stop(0.8, #ffa47b),
		to(#fff)
	);
	background: -moz-linear-gradient(right, #fff, #ffa47b 20%, #ffa47b 80%, #fff);
	background: linear-gradient(to right, #fff 0%, #ffa47b 20%, #ffa47b 80%, #fff 100%);
}
/* 共通グラデ線 (左からver) */
#about_messe li > div > h1:after,
.team_cont .title1:after
{
	width:100%;
	content:" ";
	display:block;
	margin:4px 0;
	height:2px;
	background: -webkit-gradient( linear, left top, right top,from(#fcc48c),to(#fff));
	background: -moz-linear-gradient(right, #fcc48c, #fff);
	background: linear-gradient(to right, #fcc48c 0%, #fff 100%);
}
/* 画像リンク */
a:hover img,
.hoverarea:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}


.width-30per{ width:30%; }
.width-50per{ width:50%; }

.fontSize-10pt{ font-size:10pt; }

/****** クリックで拡大用 ******/
.overarea{ cursor:pointer; }

/* .overlayと#cursol は bodyに勝手につきます */
.overlay {
  position: absolute;
  display: none;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 55;
  _background: url(img/black.png);
  background: rgba(0,0,0,0.5);
}
.overlay img {
  display: inline-block;
  position: fixed;
  width: 400px;
  padding:10px 60px;
  background:rgba(255,201,181,0.5);
  -webkit-box-shadow: 0px 0px 20px 0px #333;
  -moz-box-shadow: 0px 0px 20px 0px #333;
  box-shadow: 0px 0px 20px 0px #333;
  
  border: 3px #ff4400 solid;
  border-radius: 15px;
}
#cursol{
  position: absolute;
  padding: 5px;
  color: #fff;
  background: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 5px 0px #333;
  -moz-box-shadow: 2px 2px 5px 0px #333;
  box-shadow: 2px 2px 5px 0px #333;
}

/****** 「.overarea_bt」クリックで次に続く「.overarea_main」が拡大 ******/
.overarea_bt{ cursor:pointer; }
.overarea_main{
	position: fixed;
	width: 640px;
	top: 50px;
	left:50%;
	margin-left:-383px;
	padding:10px 20px;
	text-align:center;
	
	background:rgba(255,201,181,0.5);
	-webkit-box-shadow: 0px 0px 20px 0px #333;
	-moz-box-shadow: 0px 0px 20px 0px #333;
	box-shadow: 0px 0px 20px 0px #333;
	
	border: 3px #ff4400 solid;
	border-radius: 15px;
	
	z-index: 55;
	display:none;
}
/* 紹介ムービー用 */
.overarea_video{
	width: 640px;
	margin-left:-380px;
	padding:10px 60px;
}


/* 上下マージン */
.paddingset01{ padding:30px 0; }
.paddingset02{ padding:20px 0; }
.paddingset03{ padding:10px 0; }











#topcont{
/*	margin-left:262px;*/
	/*width:784px;*/
	width:640px;
	margin:0 auto;
	background-color:#fff;
}
#top_img,
#top_img ul{
	width:640px;
	height:235px;
}
.top_img_sel{
	cursor:pointer;
	width:32px;
	margin:0 20px;
	margin-top:89.5px;
}
.top_img_sel:hover{
	position:relative;
	top:2px;
	/*left:2px;*/
}
.topImage{ position:relative; width:640px; height:211px; }
.topImage li{ position:absolute; left:0;}





#topnews{
	width:640px;
	margin:0 auto 50px;
}
/* 通常ver */
.more_link{
/*
#topnews h6{
*/
	width:480px;
	margin:10px auto 0;
	padding:12px 0 8px;
	border:1px solid #ffc7a2;
	background-color:#fff;
	font-size:137.5%;
	text-align:center;
	/*
	font-size:93.8%;
	*/
}
.more_link:hover{ background-color:#ffefef; }
.more_link > a{
	display:block;
	font-size:93.8%;
	font-weight:bold;
}
/* 青ver(キャリア採用) */
.more_link_blue{
	width:400px;
	margin:10px auto 0;
	padding:5px 0;
	background-color:#fff;
	font-size:93.8%;
	text-align:center;
	color:#565773;
	border:1px solid #9cceff;
}
.more_link_blue:hover{ background-color:#e7f9ff; }
.more_link_blue > a{
	display:block;
	font-size:93.8%;
	color:#565773;
}
.more_link_blue > a:hover{
	color:#66d;
}
/* 99ドラゴンズ専用 */
.more_link_99d{
	width:640px;
	margin:20px auto;
	padding:5px 0;
	background-color:#fff;
	font-size:93.8%;
	text-align:center;
	color:#565773;
	/*
	border:1px solid #9cceff;
	background: -webkit-gradient( linear, left top, left bottom,
		from(#fff),
			color-stop(0.2, #ffa),
			color-stop(0.8, #ffa),
		to(#fff)
	);
	background: -moz-linear-gradient(bottom, #fff, #abf 20%, #00f 80%, #fff);
	background: linear-gradient(to bottom, #fff 0%, #faa 50%, #fff 100%);
	*/
}
.more_link_99d:hover{ background-color:#e7f9ff; }
.more_link_99d > a{
	display:block;
	font-size:93.8%;
	color:#565773;
	color:#0a3e5d;
	text-shadow:
		 1px  1px 1px #eee,
		-1px  1px 1px #eee,
		 1px -1px 1px #eee,
		-1px -1px 1px #eee
	;
	text-decoration:underline;
	line-height:120%;
}
.more_link_99d > a:hover{
	color:#66d;
}

/* TOPタブ */
ul#top_tab{
	margin:20px auto 10px;
	padding-bottom:0px;
	/*border-bottom:4px solid #ffa1a1;*/
}
ul#top_tab > li{
	margin:0px 0px;
	cursor:pointer;
	width: 211px;
	float:left;
	padding: 5px 0;
	font-size: 93.8%;
	text-align: center;
	border:1px solid #fff;
	border-bottom:1px solid #ccc;
	border-radius:10px 10px 0 0;
	color:#676767;
	font-weight:bold;
}
ul#top_tab > li:nth-child(1){
	/*border-bottom:5px solid #ffa1a1;*/
}
ul#top_tab > li:nth-child(2){
	/*margin-left:60px;
	margin-right:60px;
	*/
	/*border-bottom:5px solid #ffc7a2;*/
}
ul#top_tab > li:nth-child(3){
	/*border-bottom:5px solid #fefda1;*/
}
ul#top_tab > li:hover{
	color:000;
}
ul#top_tab > li.current{
	/*color:000;*/
	text-shadow: 2px 2px 2px #ccc;
	border-bottom:1px solid #fff;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
/* すべて */
ul#top_tab > li.col1:hover{  }
ul#top_tab > li.col1.current{
	background-color:#ffd5d5;
	/*
	color:#ffa1a1;
	border-top:1px solid #ffe5e5;
	border-left:1px solid #ffe5e5;
	border-right:1px solid #ffe5e5;*/
}
/* プレス */
ul#top_tab > li.col2:hover{  }
ul#top_tab > li.col2.current{
	background-color:#fffbe6;
	/*
	color:#ffc7a2;
	border-top:1px solid #fffbe6;
	border-left:1px solid #fffbe6;
	border-right:1px solid #fffbe6;*/
}
/* おしらせ */
ul#top_tab > li.col3:hover{  }
ul#top_tab > li.col3.current{
	background-color:#ffffee;
	/*
	color:#fefda1;
	border-top:1px solid #ffffee;
	border-left:1px solid #ffffee;
	border-right:1px solid #ffffee;*/
}






/* ===== タブ =================*/
/* --- 「すべて」 ------*/


/* TOPお知らせ一覧のひとつひとつ */
.news_det{
	width:180px;
	padding:7px;
	margin-bottom:5px;
	border:1px solid #e1e1e1;
	border-radius:15px;
}
.news_det > a:link,
.news_det > a:visited{ color:#000; }
.news_det > a:hover{ color:#ac3537; }
.news_det h1{ font-size:75.0%; }
.news_det h1.press{/* プレスタブ */
	border-bottom:3px solid #ffc7a2;
}
.news_det h1.news{/* お知らせタブ */
	border-bottom:3px solid #fefda1;
}
.news_det div.img{
	width:180px;
	height:88px;
}
.news_det p{
	margin:7px 0 12px;
	height:47px;
	line-height:110%;
	font-size:81.3%;
}
.news_det p > a{ font-size:100%; }
.news_det:nth-child(3n+2){
	margin-left:25px;
	margin-right:25px;
}
.news_det_margin{
	margin-left:25px;
	margin-right:25px;
}
/* ===== TOP:index:topics =======================*/
#topics{
	margin:20px 0;
}
#topics p{
	cursor:pointer;
	padding:6px 0 6px 15px;
	border-bottom:1px solid #cccccc;
	font-size:81.3%;
}
#topics p span.t{
	margin-right:8px;
	font-size:100%;
}
#topics a{
	color:#000;
	font-size:100%;
}
#topics a:hover{
	/*text-decoration:underline;*/
	color:#ac3537;
}
#topics p.uline1{border-bottom:1px inset #fcc;}
#topics p.uline2{border-bottom:1px inset #dcc;}

#topics p:hover{
	background-color:#faeeee;
}
#topics p:active{
	background-color:#ffdddd;
}
#topics p.end{
	text-align:right;
	border-bottom:0px solid #cccccc;
	text-decoration:underline;
}
#topics p.end a{
	color:#ac3537;
}
#topics p.end a:hover{
	color:#fa918e;
}
#topics h1.year{
	margin-top:10px;
	font-weight:bold;
}


/* ===== TOP:プレスリリースページ =======================*/
#pressrelease{
	margin:10px 0 20px;
	border-top:1px solid #ededed;
}
#pressrelease li{
	width:100%;
	border-bottom:1px solid #ededed;
}
#pressrelease li.uline1{border-bottom:1px inset #fcc;}
#pressrelease li.uline2{border-bottom:1px inset #dcc;}

#pressrelease li > h1{/* 月日 */
	float:left;
	width:70px;
	padding:15px 0px 13px;
	padding-left:20px;
	font-size: 87.5%;
	text-align:center;
	font-weight:bold;
}
#pressrelease li > a{/* 本文リンク */
	float:left;
	width:590px;
	padding:15px 0px 13px;
	padding-left:20px;
	font-size: 87.5%;
	color:#c74444;
	display:block;
	text-decoration:underline;
	background-color:#fff;
}
#pressrelease li a:hover{
	background-color:#faf0f0;
	border-radius:20px;
	color:#d85555;
	text-decoration:none;
	text-shadow: 1px 1px 1px #d88;
}
#pressrelease li:after{/* clearfix */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* プレスホバー */
@-webkit-keyframes press_a_hover{
	  0%{ color:#c74444; background-color:#fff; }
	100%{ color:#d85555; background-color:#faf0f0; }
}
@-moz-keyframes press_a_hover{
	  0%{ color:#c74444; background-color:#fff; }
	100%{ color:#d85555; background-color:#faf0f0; }
}
@-ms-keyframes press_a_hover{
	  0%{ color:#c74444; background-color:#fff; }
	100%{ color:#d85555; background-color:#faf0f0; }
}
#pressrelease li a:hover{
	-webkit-animation-name: press_a_hover; /* ｱﾆﾒｰｼｮﾝ名 */
	-webkit-animation-duration: 0.3s; /* 実行時間 */
	-webkit-animation-iteration-count:1; /* 実行回数(infinite:無限) */
	
	-moz-animation-name: press_a_hover;
	-moz-animation-duration: 0.3s;
	-moz-animation-iteration-count:1;
	
	-ms-animation-name: press_a_hover;
	-ms-animation-duration: 0.3s;
	-ms-animation-iteration-count: 1;
}


/* プレスない */
#pressrelease_non{
	margin:30px 0;
	text-align:center;
	display:none;
	visibility:hidden;
}


/* ===== TOP:アクセスページ =======================*/
#main_access{
	text-align:center;
	color:#676767;
}
#main_access > p{
	margin:16px 0;
}





/* ===== 会社情報 関連 ============================*/
#about_base{
	text-align:center;
	margin-bottom:20px;
}

/* 会社情報 > ミッション・クレド */
#about_credo{
	width:100%;
	text-align:left;
	color:#676767;
	padding-left:252px;
	margin-bottom:10px;
}
/* 会社情報 > 代表メッセージページ */
#about_messe{
	width:100%;
	text-align:left;
	color:#676767;
}
#about_messe li{
	padding:30px 0;
	background-color:#fffef2;
}
#about_messe li:nth-child(2n){
	background-color:#fff;
}
#about_messe li > div > h1{
	font-weight:bold;
}
#about_messe li > div > h1:after{/* グラデ線 */
	width:500px;
}
#about_messe li > div > p{
	width:600px;
	font-size:90%;
	padding:8px 0 0;
	line-height:150%;
}
#about_messe > ul > li > div{
	width:640px;
	margin:0 auto;
}


/* 会社情報 > 会社概要ページ */
#about_about{}

#about_table{
	width:100%;
	margin-bottom:30px;
	border:1px solid #b5907d;
	border-collapse:collapse;
	color:#676767;
}
#about_table td{
	padding:30px 0;
	padding-left:20px;
	border-bottom:1px solid #b5907d;
	font-size:93.8%;
}
#about_table td:first-child{
	width:145px;
}
#about_table td:nth-child(2){
	padding-left:45px;
}

#about_table .about_table-floatarea{
	width:100%;
}
#about_table .about_table-floatarea .a{
	float:left;
	width:230px;
	font-size:93.8%;
}
#about_table .about_table-floatarea .b{
	float:left;
	width:198px;
	font-size:93.8%;
}
#about_table .about_table-floatarea .c{
	float:left;
	width:100%;
	font-size:93.8%;
}



/****** 開発タイトル *******************************/
#develop_main{
	width:750px;
	color:#676767;
	margin:20px auto;
}
.dev_cont{
	float:left;
	width:230px;
	height:320px;
	margin:5px 10px 30px;
}
.dev_cont:before{/* グラデ線 */
	margin:0 auto;
}
.dev_cont h1{
	padding:12px 0;
	font-size:81.3%;
	font-weight:bold;
}
.dev_cont > p{
	height:115px;
	padding:12px 0;
	font-size:75.0%;
	line-height:110%;
}
.dev_cont .cont_down{
	width:130px;
	padding:4px 0 0px;
	height:14px;
	text-align:center;
	color:#676767;
	font-size:81.3%;
	font-weight:bold;
	border:1px solid #ff9999;
}
/*
.cont_down a:link{
	color:#676767;
	font-size:81.3%;
	font-weight:bold;
}
.cont_down a:visited{
	color:#676767;
}
*/
.dev_cont a{
	font-size:75.0%;
}
.dev_cont .appstore{
	padding-top:10px;
}
.dev_cont .googleplay{
	padding-top:10px;
}
/* ソシャゲ用(未使用になりました) */
.dev_cont_sg p{
	margin:6px 0 12px;
	font-size:87.5%;
	color:#000;
}
.dev_cont_sg p a{
	text-decoration:underline;
}
/* その他ソシャゲ一覧 */
.dev_cont div.more{	
	height:40px;
}
.dev_more_link{
	width:100%;
	text-align:right;
}
/* その他ソシャゲ */
.dev_sg_more > p{
	height:90px;
}
.dev_sg_more > div.more > p{
	font-size:75.0%;
}
/* 区切り画像 */
.dev_line{
	width:100%;
	margin-bottom:5px;
}


/* ===== 採用情報 関連 ============================*/
#ado_base{
	margin-bottom:20px;
}
.ado_main{
	width:960px;
	margin:0 auto;
}
.ado_main img{
	margin:0 auto;
}

/* ===== 採用情報：ムービー =============================*/
.ado_movie{
	margin:0 auto;
	margin-top:4px;
	text-align:center;
}
/* プログラマー/デザイナー/AD */
.ado_imggroup01 img{
	float: left;
	width:240px;
	/*padding:0 40px;*/
	padding:0 40px;
	margin:0 auto;
}
/* 企画/営業 */
.ado_imggroup01-2 img{
	float: left;
	width:240px;
	padding:0 120px;
	margin:0 auto;
}

.ado_imggroup02{
	width:756px;
	margin:0 auto;
}
.ado_imggroup02 a{
	float: left;
	width:358px;
	margin:0 auto;
}
.ado_imggroup02 a:first-child{
	margin-right:40px;
}
.ado_title{
	text-align:center;
	margin:20px auto;
	font-size:321.5%;
	color:#b5b5b5;
}
.ado_imggroup03{
	width:756px;
	margin:0 auto;
}



/* ===== 採用情報：代表メッセージ =============================*/
.ado_msg_main{
	width:640px;
	margin:0 auto;
	color:#676767;
	padding:30px 0;
}
.message_main{
	font-size:87.5%;
	line-height:150%;
}


.line_title{
	font-size:130%;
	font-weight:bold;
}
.line_title:after{/* グラデ線 */
	width:100%;
	content:" ";
	display:block;
	margin:4px 0;
	height:3px;
	background: -webkit-gradient( linear, left top, right top,from(#ffa47b),color-stop(0.6,#ffa47b),to(#fff));
	background: -moz-linear-gradient(left, #ffa47b, #ffa47b 60%, #fff);
	background: linear-gradient(to right, #ffa47b 0%, #ffa47b 60%, #fff 100%);
}


/* ===== 採用情報：インタビュー =============================*/
.ado_inter_main{
	padding:20px 0;
	text-align:center;
	color:#a5a5a5;
}
.ado_inter_main > h1{
	font-size:150.0%;
}
.ado_inter_main > h1:after{
	width:500px;
	margin:4px auto;
	height:3px;
}
.inter_img img{
	margin:8px 15px 20px;
	display:inline;
}
/*----- 採用情報：個別インタビューページ -----*/
.anser_base{
	color:#676767;
	margin:40px 0;
	/*font-size:75.0%;*/
	font-size:87.5%;
}
.ans_msg{
	margin:10px 0;
	line-height:130%;
	font-size:93.8%;
}
/*----- 採用情報：チームインタビュー -----*/
#team_member_img{
	margin:20px auto 0px;
}
#team_member_img li{
	float:left;
	width:140px;
	color:#676767;
	margin-right:26.666666666px;
	font-size:93.8%;
	text-align:center;
}
#team_member_img li img{
	margin-bottom:2px;
}
#team_member_img li:last-child{
	margin:0;
}
/*----- 採用情報：チームインタビュー->質問分 -----*/
.fc_t1{color:#fe534b;}
.fc_t2{color:#3f8df9;}
.fc_t3{color:#2c9e24;}
.fc_t4{color:#ff5996;}

#team_cont_base{
	color:#676767;
}
.team_cont{
	margin:30px auto 40px;
}
.team_cont > div.msg{
	width:343px;
	margin-left:7px;
}
.team_cont > img{
	float:left;
	width:290px;
}
.team_cont ul{
	margin:20px auto 10px;
}
.team_cont li{
	margin:10px 0;
	/*font-size:87.5%;*/
}
.team_cont li > h2{
	float:left;
	width:25px;
	font-size:75.0%;
	line-height:150%;
}
.team_cont li > p{
	float:left;
	width:310px;
	line-height:150%;
	font-size:75.0%;
	letter-spacing: 0.04em;
}
.team_cont .title1{
	font-size:118.8%;
	font-weight:bold;
}
.team_cont .title1:after{ height:4px; }

.team_cont2 ul{
	margin:20px auto 10px;
}
.team_cont2 li{
	margin:10px 0;
	/*font-size:87.5%;*/
}
.team_cont2 li > h2{
	float:left;
	width:25px;
	line-height:150%;
}
.team_cont2 li > p{
	float:left;
	width:607px;
	line-height:150%;
	letter-spacing: 0.04em;
}




/* ===== 採用情報：福利厚生 =============================*/
.ado_welf{
	width:640px;
	color:#676767;
	padding:5px 0 10px;
	margin:0 auto;
}
.ado_welf img{
	display:inline;
}
.ado_welf > ul{
	padding-bottom:20px;
}
.ado_welf li{
	margin:15px 0px;
	float:left;
	width:320px;
	height:80px;
}
.ado_welf li > h1{
	padding-left:2px;
	font-size:118.8%;
	margin:8px 0;
}
.ado_welf li > p{
	font-size:87.5%;
	line-height:150%;
}
.ado_welf li:nth-child(2n){
	width:290px;
	margin-left:30px;
}





/* ===== 採用情報：選考プロセス =============================*/
.ado_flow_base{
	padding:20px 0;
	color:#676767;
}
.ado_flow{
	margin:20px auto;
	width:604px;
	height:121px;
	background-image: url("../img/recruit/flow.png");
	background-size: 604px 121px;
	background-repeat: no-repeat;
}
.ado_flow > p{
	/*
	background-color:#fff;
	border:1px solid #676767;
	border-radius:20px;
	*/
	padding:25px 0;
	text-align:center;
	line-height:150%;
}
.ado_flow span{
	display:block;
	font-size:137.5%;
	font-weight:bold;
}
.ado_flow_end{
	margin:20px auto;
	width:604px;
	height:121px;
	background-image: url("../img/recruit/flow2.png");
	background-size: 604px 121px;
	background-repeat: no-repeat;
}
.ado_flow_end > p{
	color:#ff8b80;;
	font-size:137.5%;
	text-align:center;
	height:121px;
	line-height:121px;
	/*
	background-color:#fff;
	border:2px solid #f00;
	border-radius:20px;
	*/
}

/* 募集要項へ */
.flow_link{
	margin:20px 0;
	text-align:center;
	background-color: #fff5e1;
}
.flow_link > a{
	display:block;
	padding:12px 0;
	font-size:112.5%;
	font-weight:bold;
}
.flow_link > a:link{ color:#724f4f; }
.flow_link > a:hover{ color:#c74444; background-color:#fff6f2; }




/* ===== 採用情報：FAQ=============================*/
ul#faq_base{
	
}
ul#faq_base li{
	margin:20px 0;
	color:#676767;
}
ul#faq_base li > div{
	padding: 12px 0;
	padding-left:10px;
	
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}

ul#faq_base li > div:nth-child(2n){
	border-bottom:1px solid #ddd;
	background-color:#fffdf2;
}

ul#faq_base li p{
	height:30px;
	line-height:30px;
}
ul#faq_base li p:first-child{
	padding-left:35px;
}
ul#faq_base li p:nth-child(2){
	padding-left:5px;
}
ul#faq_base li p.fontsmall{
	font-size:93.8%;
}
ul#faq_base li p.twoLine{
	height:30px;
	line-height:15px;
}
ul#faq_base li p.threeLine{
	height:45px;
	line-height:15px;
}








/* ===== 開発タイトル内 =========================================*/
/* TOP画下 */
div#dev_title{
	color:#696969;
	font-size:125.0%;
	font-weight:bold;
	line-height:140%;
	margin:5px 0;
}
div#dev_title:after{/* グラデ線 */
	height:3px;
}
/* 左側 */
#devLeft{
	width:400px;
}
/* 右側 */
#devRight{
	width:400px;
}
/* 左詳細リスト */
#del_list{
	float:left;
	width:388px;
	margin-bottom:10px;
	border:1px solid #b5907d;
	border-collapse:collapse;
	color:#676767;
}
#del_list td{
	padding:15px 0;
	padding-left:5px;
	border-bottom:1px solid #b5907d;
	font-size:81.3%;
}
#del_list td a{ font-size:100%; }
/* 説明メイン部 */
#dev_main img{
	margin:0 auto 8px;
}
/****** QRコード(FP SP) ******/
.qrcode2{
	width:200px;
	height:300px;
	margin:0 0px;
}
/****** QRコード(Android) ******/
/****** QRコード(iPhone) ******/
/****** QRコード(au) ******/
/****** QRコード(amazon) ******/
.qr_android,
.qr_iphone,
.qr_amazon,
.qr_au{
	width:153px;
	height:163px;
	margin:0 22px 10px;
	background-size: 153px 163px;
	background-repeat:no-repeat;
}
.qr_android{	background-image: url("../img/qrbase/android.png");}
.qr_iphone{		background-image: url("../img/qrbase/iphone.png");}
.qr_amazon{		background-image: url("../img/qrbase/amazon.png");}
.qr_au{			background-image: url("../img/qrbase/au.png");}
/****** QRコード(本体) ******/
.qrcode{
	cursor:pointer;
	width:95px;
	margin:58px auto 0;
}





/* ===== プレスリリース：詳細 =============================*/
#press_back{
	margin:0px auto 20px;
	height:16px;
	line-height:16px;
	font-weight:bold;
	text-align:center;
}
#press_back span{
	width:773px;
	display:block;
	text-align:left;
	padding-left:5px;
}
#press_back span:hover{
	background-color:#faeeee;
}
#press_time{
	color:#676767;
	margin-bottom:15px;
}
#press_title{
	margin-bottom:15px;
	font-size:150.0%;
	font-weight:bold;
	color:#ba6464;
	line-height:130%;
}
#press_main a:link{text-decoration:underline;}
#press_main{
	margin:15px 0 40px;
}
.press_main_msg{
	margin:15px 0px 0px;
	font-size:81.3%;
	line-height:140%;
}
.press_main_msg a{
	font-size:100%;
}
.press_main_msg span.sub_title{
	font-size:125.0%;
	line-height:200%;
}
#press_table a:link{text-decoration:underline;}
#press_table{
	width:100%;
	margin:10px 0;
	border-collapse:collapse;
	color:#676767;
}
#press_table td{
	padding:20px 0;
	padding-left:5px;
	font-size:81.3%;
	line-height:150%;
}
#press_table a{
	font-size:100%;
}
#press_table td:nth-child(2n-1){
	width:150px;
	text-align:center;
}
#press_table td:nth-child(2n){
	padding-left:30px;
}
#press_info{
	margin:20px 0 10px;
	font-size:125.0%;
	font-weight:bold;
	color:#ba6464;
}
#press_copy{
	font-size:81.3%;
	margin:5px 0;
	margin-left:10px;
}






/* こびとソーシャル用 説明看板 */
.caitionGreen{
	background-color: #fffad2;
	border:5px solid #5ead49;
	font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
	font-size:93.8%;
	line-height: 120%;
}
.caitionGreen p{
	padding:10px 5px;
	border-bottom:#5a3324 2px dashed;
}
.caitionGreen p:last-child{
	border-bottom:#000 0px solid;
}
/* こびとソーシャル用 ゲーム画面画像 */
.k_gameimg{
	display:inline;
	padding:5px 0px;
}







/* プライバシーポリシー */
#privacy_main{
	margin-top:20px;
}
#privacy_main h1{
	margin:10px 0;
	font-weight:bold;
}
#privacy_main table{
	padding-left:16px;
	width:784px;
	line-height:120%:
}
#privacy_main td{
	font-size:87.5%;
}
#privacy_main td h2{
	margin:10px 0;
	font-weight:bold;
	font-size:112.5%;
}








/*
//===========================================================================
//     汎用系
//===========================================================================
*/
/* ====== 背景色 白 ========================== */
.back_white{
	background-color:#fff;
}
/* ====== 背景色 採用TOPのあれ ========================== */
.back_ado{
	background-color:#f8f1e4;
}
/* ====== 背景色 採用代表msg ========================== */
.back_yellow{
	background-color:#fffdf2;
}
/* ====== 背景色 黄色(中項目と同じ色) ========================== */
.back_yellow2{
	background-color: #fff5e1;
}
.bg_o{
	background-color:#ffe5d6;
}
.bgcol3{
	background-color:#f7f1e3;
}
.bgcol4{
	background-color:#4e4234;
}
.bg_blue{
	background-color:#e7f9ff;
}
.bg_blue2{
	background-color:#99CCFF;
}

/* ====== 文字色 オレンジ ========================== */
.fc_o{
	color:#ee6f20;
}
.fc_1{
	color:#676767;
}
/* ====== 汎用style 文字太字 ======================= */
.fontBold{
	font-weight: bold;
}
/* ====== 文字影(右下) =================== */
.fontShadow{
	text-shadow: 2px 2px 2px #000;
}
/* ====== 文字制限 =================== */
h1.fontLimit{
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
/* ====== 【デバッグ用】divにborder=================== */
div.debugBorder{
	border:1px solid #f00;
}
div.debugBorder > div{
	border:1px solid #0f0;
}
div.debugBorder > div > div{
	border:1px solid #00f;
}
div.debugBorder > div > div > div{
	border:1px solid #ff0;
}
div.debugBorder > div > div > div > {
	border:1px solid #f0f;
}











/* =====================================================================*/
/*								ボタン									*/
/* =====================================================================*/
.btAU:link, .btAU:visited{
	color: #fff;
}
.btAU{
	display:inline-block;
	width: 130px;
	padding:10px 0;
	border-radius: 5px;
	color: #fff;
	font-size:112.5%;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	line-height:16px;
	background: -webkit-gradient( linear, left top, left bottom,
		from(#ff9a00),
			color-stop(0.4, #ff9a00),
			color-stop(0.7, #ff6d00),
		to(#ff6d00)
	);
	background: -moz-linear-gradient(top, #ff9a00, #ff9a00 40%, #ff6d00 70%, #ff6d00);
	background: linear-gradient(to top, #ff9a00 0%, #ff9a00 60%, #ff6d00 70%, #ff6d00 100%);
}
.btAU:hover{
	color: #000;
	background: -webkit-gradient( linear, left top, left bottom,
		from(#ffe200),
			color-stop(0.4, #ffe200),
			color-stop(0.7, #ffa800),
		to(#ffa800)
	);
	background: -moz-linear-gradient(top, #ffe200, #ffe200 40%, #ffa800 70%, #ffa800);
	background: linear-gradient(to top, #ffe200 0%, #ffe200 60%, #ffa800 70%, #ffa800 100%);
}


/* -------------------------------------------------------------------*/
/* 横いっぱいリンク(更新情報) */
.cssBT10{
	cursor:pointer;
	width:100%;
	padding:5px 0;
	padding-left:10px;
	font-size: 81.3%;
	
	border-radius:10px;
	border:2px solid#fee6ae;
	background-color:#fdd59d;
}
.cssBT10:hover{
	color:#555;
	background-color:#fee6ae;
}
/* -------------------------------------------------------------------*/
/* プレスとか(jsでアニメーション) */
.cssBT11{
	cursor:pointer;
	width:70%;
	padding:9px 0 6px;
	padding-left:10px;
	
	font-size: 81.3%;
	font-weight:bold;
	border-radius:10px;
	background-color:#fcc48c;
	background: -webkit-gradient(linear, left top, right top, from(#fcc48c),color-stop(0.6,#fcc48c),to(#fff));
	background: -moz-linear-gradient(right, #fcc48c, #fcc48c 60%, #fff);
	background: linear-gradient(to right, #fcc48c 0%, #fcc48c 60%, #fff 100%);
}
.cssBT11:hover{
	width:100%;
	color:#000;
	background-color:#ffd59d;
	background: -webkit-gradient(linear, left top, right top, from(#ffd59d),color-stop(0.6,#fdd59d),to(#fff));
	background: -moz-linear-gradient(right, #fcc48c, #fcc48c 60%, #fff);
	background: linear-gradient(to right, #ff9955 0%, #ff9955 60%, #fff 100%);
}

/* 募集要項 > キャリア採用 */
#about_about{}

#about_table2{
	width:100%;
	margin-bottom:30px;
	border:1px solid #1c305c;
	border-collapse:collapse;
	color:#676767;
}
#about_table2 td{
	padding:30px 0;
	padding-left:20px;
	border-bottom:1px solid #1c305c;
	font-size:93.8%;
}
#about_table2 td:first-child{
	width:145px;
}
#about_table2 td:nth-child(2){
	padding-left:45px;
}

#about_table2 .about_table-floatarea{
	width:100%;
}
#about_table2 .about_table-floatarea .a{
	float:left;
	width:230px;
	font-size:93.8%;
}
#about_table2 .about_table-floatarea .b{
	float:left;
	width:198px;
	font-size:93.8%;
}
#about_table2 .about_table-floatarea .c{
	float:left;
	width:100%;
	font-size:93.8%;
}



/* 採用お問い合わせボタン */
.mailButton{
	margin:2px auto;
	border:3px;
	border-radius:5px;
	padding:15px 30px;
	color:#333;
	box-shadow:1px 1px 2px #000;
}
.mailButton:active{
	position:relative;
	top:1px;
	left:1px;
	box-shadow:none;
}