/*head_area*/
#page_head{
	float: left;
	display: inline;
	width: 800px;
	height: 40px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
#page_head img{
	width: 800px;
	height: 40px;
}
.top_head{
	width:760px;
	/*height:220px;*/
	margin-left:20px;
}
.top_head .logo_tatsuoka{
	width:160px;
}
.top_head .top_topics{
	float:left;
	display:inline;
	width:423px;
/*	height:200px;
	background-image: url(../../../file/mct_image/top_topics_bg_m.jpg);
	background-repeat:no-repeat;*/
	margin-bottom:28px;
	margin-left:10px;
	margin-right:35px;
	box-shadow: 1px 1px 7px 7px rgba(0,0,0,0.1) inset;
    border-radius: 10px;
    background-color: #fafafa;
    padding: 10px;
    box-sizing: border-box;
}
.top_head .top_topics a{
	font-size:9pt;
	color:#428ADD;
}
.top_head .top_topics .news_area{
	float:left;
	display:inline;
	width:222px;
/*	height:150px;
	margin-left:12px;
	margin-right:6px;*/
	border-right:1px solid #555555;
	font-size:8pt;
	padding-right:5px;
	box-sizing:border-box;
}
.top_head .top_topics #strong{
	color:#44736A;
}
.top_head .top_topics .news_area #bottom_line{
	border-bottom:1px solid #555555;
}
.top_head .top_topics .news_head{
	float:left;
	display:inline;
	width:400px;
	height:auto;
	margin-top:12px;
	margin-bottom:3px;
	/*margin-left:12px;*/
	color:#1e84ff;
}
.top_head .top_topics .news_text{
	float:left;
	display:inline;
	/*width:215px;*/
	height:auto;
	margin-bottom:3px;
	padding-bottom:3px;
	line-height:1.5em;
	font-size:9pt;
}
.top_head .top_topics .news_text img{
	float:right;
	display:inline;
}
.top_head .top_topics .top_blog_area{
	float:left;
	display:inline;
	width:180px;
	margin-top:0px;
	padding-left: 10px;
    box-sizing: border-box;
}
.top_head .top_topics .top_blog_area .top_blog_head{
	float:left;
	display:inline;
	width:100%;
	font-size:10pt;
	color:#428ADD;
	line-height:1.2em;
	margin-bottom:5px;
}
.top_head .top_topics .top_blog_area .top_blog_frame{
	float:left;
	display:inline;
	width:100%;
	height: 110px;
	border: none;
}
.top_head .top_topics .top_blog_area .top_blog_title{
	float:left;
	display:inline;
	width:100%;
	font-size:9pt;
}
.top_head .top_topics .top_blog_area .top_blog_date{
	float:left;
	display:inline;
	width:100%;
	color:#777777;
	font-size:8pt;
}
.top_head .top_topics .top_blog_area .top_blog_text{
	float:left;
	display:inline;
	width:95%;
	font-size:8pt;
}
.top_head .top_topics .top_blog_area .top_blog_text img{
	float:left;
	display:inline;
	margin-right:5px;
}
.banner_area{
	width:120px;
}
.banner_area a img{
	opacity:0.4;
	filter:alpha(opacity=40);
}
.banner_area a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
#car{
	float:left;
	display:inline;
	width:800px;
	height:40px;
}
#menu_area_m{
	float:left;
	display:inline;
	width:382px;
	height:auto;
}
#menu_area_m .menu_area_img{
	float:left;
	display:inline;
	width:100%;
	height:auto;
	margin-bottom:0px;
}
#menu_area_m .menu_box_m{
	float:left;
	display:inline;
	width:185px;
	height:auto;
	margin-left:6px;
}
#menu_area_m .menu_box_m .menu_title_m{
	float:left;
	display:inline;
	width:100%;
	height:auto;
	margin-top:20px;
}
#menu_area_m .menu_box_m .menu_column_m{
	float:left;
	display:inline;
	width:180px;
	height:20px;
	margin-left:5px;
}
#menu_area_m .menu_box_m .menu_column_m .menu_point_m{
	float:left;
	display:inline;
	width:10px;
	height:20px;
}
#menu_area_m .menu_box_m .menu_column_m .menu_m{
	float:left;
	display:inline;
	width:162px;
	height:auto;
	margin-top:2px;
	margin-left:3px;
}
#menu_area_l{
	float:left;
	display:inline;
	width:418px;
	height:auto;
}
#menu_area_l .menu_area_img{
	float:left;
	display:inline;
	width:100%;
	height:auto;
}
#menu_area_l .menu_box_l{
	float:left;
	display:inline;
	width:193px;
	height:auto;
	margin-left:10px;
}
#menu_area_l .menu_box_l .menu_title_l{
	float:left;
	display:inline;
	width:100%;
	height:auto;
	margin-top:20px;
}
#menu_area_l .menu_box_l .menu_column_l{
	float:left;
	display:inline;
	width:188px;
	height:20px;
	margin-left:5px;
}
#menu_area_l .menu_box_l .menu_column_l .menu_point_l{
	float:left;
	display:inline;
	width:10px;
	height:20px;
}
#menu_area_l .menu_box_l .menu_column_l .menu_l{
	float:left;
	display:inline;
	width:175px;
	height:auto;
	margin-top:2px;
	margin-left:1px;
}
#menu_ex_area{
	float:left;
	display:inline;
	width:800px;
	height:auto;
	margin-top:15px;
	margin-left:0px;
	padding-top:5px;
	padding-bottom:8px;
	border-top:1px solid #428ADD;
	border-bottom:1px solid #428ADD;
}
#menu_ex_area .menu_ex_box{
	float:left;
	display:inline;
	width:222px;
	height:auto;
	margin-top:9px;
	margin-right:0px;
	/*margin-left:38px;*/
	margin-left:120px;
}
#menu_ex_area .menu_ex_box .menu_ex_icon{
	float:left;
	display:inline;
	width:56px;
	height:auto;
	margin-right:1px;
}
#menu_ex_area .menu_ex_box .menu_ex_column{
	float:left;
	display:inline;
	width:162px;
	height:auto;
	margin-bottom:3px;
}
#menu_ex_area .iso_area{
	float:left;
	display:inline;
	width:279px;
	height:auto;
	margin-top:9px;
}
h1{
	float:left;
	display:inline;
	width:503px;
	height:auto;
	margin-top:40px;
	margin-bottom:15px;
	margin-left:144px;
}
.top_about_tatsuoka{
	float:left;
	display:inline;
	width:503px;
	height:auto;
	margin-left:144px;
}
.top_about_service{
	float:left;
	display:inline;
	width:503px;
	height:auto;
	margin-left:144px;
	background-image: url(../../../file/mct_image/service_image.gif);
	background-position: right;
	background-repeat: no-repeat;
}