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

body {
	margin:0;
	padding:0;
	border-top:5px solid #174a9a;
	font-family: "Meiryo","メイリオ","Arial","ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro,osaka","ＭＳ Ｐゴシック",sans-serif;
}

div,p,li,span {
	font-size:12px;
}

.clearfix {
	*zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#logo_area {

}

#logo {
	width:150px;
	margin-top:0;
}

#menu_area {
	position:absolute;
	top:0;
	width:100%;
}

#menu_content {
	display:none;
	background:#FFF;
	border-bottom:5px solid #174a9a;
}

#menu_btn {
	background-color:#174a9a;
	width:120px;
	height:30px;
	float:right;
	margin-right:10px;
	border-radius:0 0 4px 4px;
	text-align:center;
	padding:7px 0 0 0;
	font-family:"Cabin Condensed";
	color:#FFF;
	font-size:18px;
	cursor:pointer;
}

.carret {
	width: 15px;
	margin-left: 5px;
	padding-bottom:3px;
}

#menu {
	margin:0;
	padding:0;
}

#menu li {
	background: url("../images/smart/carret_right.png") no-repeat scroll 98% 50% / 6px auto transparent;
	border-bottom: 1px solid #BFBFBF;
}

#menu li a {
	display:block;
	text-decoration:none;
	color:#333;
	padding:10px;
	font-size:12px;
}

#info_area {
}

.info_box {
	width:50%;
	float:left;
}
.infos {
	background:#4296d4;
	color:#FFF;
	border-radius:4px;
	margin:0px 5px 10px 10px;
	padding:5px;
	text-align:center;
}
.infos.last {
	margin:0px 10px 10px 5px;
}

.gray_box {
	background:#e6e6e1;
}

.gray_box p {
	margin:0;
	padding:5px;
}

#search_area {
	padding-right:4px;
}

.search_box {
	width:20%;
	float:left;
}

.search_btn {
	margin:4px 0px 4px 4px;
	background:#174a9a;
	color:#FFF;
	border-radius:4px;
	padding:3px;
	text-align:center;
	display:block;
	text-decoration:none;
}

.search_btn_text {
	font-size:11px;
	text-align:center;
	height:50px;
	line-height:1.5em;
	display:block;
	text-decoration:none;
	color:#FFF;
}


.search_carret {
	display:inline-block;
	width:10px;
}

.blog_title {
	font-family:"Cabin Condensed";
	border-bottom:1px solid #bfbfbf;
	padding-left:5px;
	font-size:28px;
	margin:5px 0;
}

.blog_green {
	color:#b4d200;
}

.blog_orange {
	color:#f9b300;
}

.blog_purple {
	color:#bf7eb1;
}

.blog_pink {
	color:#ff5c58;
}

.list_carousel {
	margin:0 !important;
}

.caroufredsel_wrapper {
	margin: 0 auto !important;
}

.pagination {
	text-align:center;
}

.pagination a {
	display:inline-block;
	text-indent:-9999px;
	width:14px;
	height:14px;
	border-radius:7px;
	margin:10px 5px;
	background:#dcdcdc;
}
.pagination a.active {
	background:#b4d200;
}

.blog_img_box {
	position: relative;
	text-align:left;
	font-size:10px;
	top:-136px;
	height:134px;
}

.blog_img_box.blog_carousel {
	top: -140px;
	height:130px;
}

.blog_img_subbox {
	bottom: -2px;
	position: absolute;
}

.blog_img_title {
	color:#FFF;
	font-size:24px;
	font-family:"Cabin Condensed";
	padding: 3px 0 0 5px;
	text-shadow:0 0 3px #333;
}

.blog_carousel .blog_img_title {
	font-size:18px;
	padding:0 0 0 5px;
}

.blog_img_date {
	background:url("../images/blog_img_content_bg.png");
	padding-left:10px;
	color:#FFF;
	width:65px;
	border-radius:15px 15px 0 0;
}
.blog_img_content {
	color:#FFF;
	background:url("../images/blog_img_content_bg.png");
	padding-left:5px;
}

.blog_articles {
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
	width:290px;
}

.blog_articles li {
	border: 3px solid #EAEAE2;
	height: 134px;
	width: 134px;
	float:left;
	margin-right:10px;
	list-style:none;
}

.blog_articles li.last {
	margin-right:0;
}

.blog_articles li > img {
	width:100%;
	height:100%;
}

.more_articles {
	cursor:pointer;
}

.blog_explain {
	padding:5px;
}

#footer {
	margin-top:20px;
}

#footer_menu {
	margin:0;
	padding:0;
	background:#f8f5ec;
}

#footer_menu li {
	
	border-top: 1px solid #BFBFBF;
}

#footer_menu li.last {
	border-bottom: 1px solid #BFBFBF;
}

#footer_menu li a {
	display:block;
	text-decoration:none;
	color:#333;
	padding:10px;
	font-size:12px;
}

#copyright {
	color:#993333;
	text-align:center;
	padding:10px 0;
	margin:0;
}

.nomado_title {
	width:100%;
}

.nomado_explain {
	background:url("../images/nomado_tile.gif");
	padding:5px;
	margin:0;
}

.nomado_open_btn {
	float: right;
	width: 100px;
	margin-top: -11px;
	cursor:pointer;
}

.nomado_close_btn {
	width:50px;
	float:right;
	margin-bottom:0px;
	cursor:pointer;
}

.nomado_detail {
	background:url("../images/nomado_tile.gif");
	padding:10px 10px 0;
	color:#FFF;
	font-size:12px;
	display:none;
}

.nomado_detail_bold {
	font-weight:bold;
	margin-bottom:5px;
}

/* iPhone用 */
@media screen and (max-device-width: 480px) {

	.blog_img_box {
		top:-140px;
		bottom:2px;
	}

	.blog_img_date {
	}
	
	.blog_img_title {
		font-size:18px;
	}
	
	.blog_img_content {
		font-size:10px;
	}

	.infos {
		line-height:16px;
	}
}
#content
{
	min-height:400px;
	
}
div #title {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding-left:5px;
}
input#btnSearch {
	width:20%;
	height:20px;
	background-image:url(../img/btn_mb.png);
	background-repeat:no-repeat;
	background-size: 100% 100%;
	border-radius: 5px; 
	border-width: 0;
    padding-left: 0;
    padding-right: 0;
}
input.hint {
    color: #CCC;
	font-weight:bold;

}












/*
*   PAGE INDEX MOBILE
*/
.page_index_mb #title{
    border-bottom: 1px solid #D6D7D8;
    margin-bottom: 7px;
}
.page_index_mb .search_sub{
    margin: 5px 0 0 10px;
    font-size:10px; 
    color:#444;
}
.page_index_mb .hint{
    color:#666666;
}
.page_index_mb .hint::-webkit-input-placeholder{
    color:#CCC;
}
.page_index_mb #btnSearch{
    height: 21px;
    vertical-align: middle;
    margin-bottom: 2px;
}
/*
*   //PAGE INDEX MOBILE
*/











/*
*   PAGE COMPANY SEARCH RESULT MOBILE
*/
.page_company_search_result_mb .authen_type{
    margin-top:-2px;
    background-color:#054883; 
    padding:7px; 
    padding-left:10px; 
    height:20px;
    color:#fff;
    font-weight: bold;
}
/*
*   //PAGE COMPANY SEARCH RESULT MOBILE
*/