@charset "utf-8";
/* CSS Document */

/*
Theme Name: FORCIA
Theme URI: http://www.ex-tra.jp/
Description: The FORCIA theme edited by Experience Transporters.
Author: Experience Transporters
Version: 1.0
*/

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.8em;
	line-height:160%;
	margin:0px;
	padding:0px;
	color:#555;
	background-color:#f3f3f3;
}
a:focus {
	outline:none;
}
a:link {
	text-decoration:none;
	color:#3d639f;
}
a:visited {
	text-decoration:none;
	color:#3d639f;
}
a:hover {
	text-decoration:underline;
	color:#4caede;
}
img {
	vertical-align:top;
	border:0px;
}
em {
	font-style:normal;
}
td, th {
	vertical-align:top;
}
h1, h2, h3, h4 {
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:1em;
}
ul,ol {
	margin:0px;
	padding:0px;
}
.area_left ul, .area_left ol {
	margin:0px 0px 20px 25px;
	padding:0px;
}
.area_onecolumn ul, .area_onecolumn ol {
	margin:0px 0px 20px 25px;
	padding:0px;
}
li {
	margin:0px;
	padding:0px;
}
p {
	margin:0px 0px 10px;
}
li.widget {
	list-style:none;
	margin:0px;
	padding:0px;
}
#sidebar p {
	margin:0px 0px 10px;
}
#header {
	font-size:0.9em;
	width:100%;
	background-image:url("/wp/images/header_background.gif");
	background-repeat:repeat-x;
}
#header_content {
	width:950px;
	margin:0px auto;
}
h1.smlread span, h2.smlread span{
	display:block;
	padding:34px 0px 0px 5px;
}
.head_left {
	width:410px;
	float:left;
}
.head_right {
	width:540px;
	float:right;
}
.head_right ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.head_right ul li {
	float:left;
	margin:0px;
	padding:0px;
}
#wrapper {
	width:100%;
	background-color:#FFF;
	padding:20px 0px 10px;
}
.bread {
	width:100%;
	background-color:#deebfe;
}
.bread_body {
	width:950px;
	margin:0px auto;
	padding:10px 0px 10px 0px;
	clear:both;
	color:#3d639f;
	font-size:0.85em;
}
.bread a {
	color:#3d639f;
}
.breadh {
	width:400px;
	float:right;
	padding-left:10px;
	text-align:right;
}
#container {
	width:950px;
	padding:0px;
	margin:0px auto;
}
.content {
}
.main_visual {
	margin-bottom:20px;
}
.area_left {
	float:left;
	width:710px;
}
.area_right {
	float:right;
	width:360px;
	background-image:url(/wp/images/top_right_background.gif);
	min-height:360px;
	background-repeat:no-repeat;
}
.area_onecolumn {
	width:950px;
}
.top_content {
}
.top_content_body {
	padding-top:20px;
}
.top_navi {
	background-image:url("/wp/images/top_navi_background.gif");
	padding:5px;
	margin-bottom:20px;
}
.top_navi a:link, .top_navi a:visited {
	color:#333;
}
.top_navi_body {
	background-image:url("/wp/images/top_navi_background_gray.gif");
}
.top_navi ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.top_navi ul li {
	float:left;
	padding:10px;
	width:155px;
}
.list_title {
	font-size:1em;
	background-image:url(/wp/images/page_title.gif);
	line-height:30px;
	margin:0px 0px 0px 0px;
	color:#333;
}
.list_title em, .side_title em {
	float:left;
	padding-left:20px;
	line-height:30px;
}
.list_title a, .side_title a {
	float:right;
	margin:5px 10px 5px 0px;
	padding:2px 10px 2px 10px;
	border:1px solid #CCC;
	background-color:#FFF;
	font-size:8pt;
	line-height:14px;
	zoom:1;
}
.list_title a:hover, .side_title a:hover {
	background-color:#f4fbfe;
	color:#333;
	text-decoration:none;
}
.side_title {
	font-size:1em;
	background-image:url(/wp/images/side_title.gif);
	line-height:30px;
	margin:0px 0px 10px 0px;
	color:#333;
}
.side_subtitle {
	color:#3d639f;
	border-bottom:1px solid #3d639f;
	padding:2px 0px 2px 0px;
	font-size:8pt;
}
.list_news {
	clear:both;
	padding-bottom:10px;
}
.list_news h4, .list_news img {
	float:left;
	display:block;
}
.list_news h3 {
	float:right;
}
.list_news h3 {
	width:485px;
}
.list_news h4 {
	width:120px;
}
.list_news span {
	width:105px;
}
.top_case {
	clear:both;
}
.top_case h3 {
	margin-bottom:10px;
}
.case_top {
	padding:10px;
	border:1px solid #CCC;
	margin-right:20px;
}
.entry-title {
	color:#333;
	font-size:1.2em;
	border-bottom:5px solid #ccc;
	margin:10px 0px 10px 0px;
}
.entry-title-blue {
	font-size:1.2em;
	border-bottom:5px solid #3d639f;
	margin:10px 0px 20px 0px;
}
.entry-title-red {
	color:#111111;
	font-size:1.2em;
	border-bottom:2px solid #ff0000;
	margin:10px 0px 5px 0px;
}
.entry-title-gray {
	color:#333;
	font-size:1em;
	border-bottom:2px solid #ccc;
	margin:10px 0px 10px 0px;
}
.entry-title-green {
	color:#808080;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:2px solid #adec52;
	margin:10px 0px 10px 0px;
}
.page-title {
	font-size:1em;
	background-image:url(/wp/images/page_title.gif);
	line-height:30px;
	margin:0px 0px 20px 0px;
	padding-left:20px;
	color:#333;
}
.page-title-onecolumn {
	font-size:1em;
	background-image:url(/wp/images/page_title_onecolumn.gif);
	line-height:30px;
	margin:0px 0px 20px 0px;
	padding-left:20px;
	color:#333;
}
.entry-content {
	margin-bottom:20px;
}
#sidebar {
	float:right;
	width:230px;
}
.side_content {
	margin-bottom:30px;
}
.side_home {
	padding:0px 5px 0px 5px;
}
.side_home_box {
	padding:5px;
	margin-bottom:5px;
	background-color:#F6F6F6;
}
.side_page, .side_blog {
	padding:0px 5px 0px 5px;
}
.side_home h3 {
	background-repeat:no-repeat;
	color:#333;
	background-image:url(/wp/images/list_no_arrow.gif);
	display:block;
	padding:0px 0px 0px 10px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #CCC;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f3f3f3;
}
.side_home ul {
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style-type:none;
}
.side_home ul li {
	margin:0px;
	padding:0px;
	line-height:30px;
}
.side_home ul li a:link, .side_home ul li a:visited {
	color:#333;
	background-image:url(/wp/images/list_arrow_orange_second.gif);
	display:block;
	padding:0px 5px 0px 30px;
	border-top:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-position:top;
	background-repeat:no-repeat;
	text-decoration:none;
	zoom:1;
}
.side_home ul li a:hover {
	color:#333;
	background-image:url(/wp/images/list_arrow_orange_second_on.gif);
	background-color:#f4fbfe;
	display:block;
	padding:0px 5px 0px 30px;
	border-top:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-position:top;
	background-repeat:no-repeat;
	text-decoration:none;
	zoom:1;
}
.side_blog ul {
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style-type:none;
}
.side_blog ul li {
	margin:0px;
	padding:0px;
}
.side_blog h3 {
	background-repeat:no-repeat;
	color:#333;
	background-image:url(/wp/images/list_no_arrow.gif);
	display:block;
	padding:0px 0px 0px 10px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #CCC;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f3f3f3;
}
.side_blog ul li a:link, .side_blog ul li a:visited {
	color:#333;
	background-image:url(/wp/images/list_arrow_orange_second.gif);
	display:block;
	line-height:30px;
	padding:0px 0px 0px 30px;
	border-top:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-position:top;
	background-repeat:no-repeat;
	text-decoration:none;
	zoom:1;
}
.side_blog ul li a:hover {
	color:#333;
	background-image:url(/wp/images/list_arrow_orange_second_on.gif);
	background-color:#f4fbfe;
	display:block;
	line-height:30px;
	padding:0px 0px 0px 30px;
	border-top:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-position:top;
	background-repeat:no-repeat;
	text-decoration:none;
	zoom:1;
}
.side_page ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.side_page ul li {
	margin:0px 0px 20px 0px;
	padding:0px;
}
.side_page ul ul li {
	margin:0px;
	padding:0px;
}
.side_page ul ul {
	margin:0px 0px 0px 0px;
}
.side_page ul li a:link, .side_page ul li a:visited {
	background-repeat:no-repeat;
	color:#333;
	background-image:url(/wp/images/list_arrow_orange.gif);
	display:block;
	padding:0px 0px 0px 30px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #CCC;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f3f3f3;
	zoom:1;
}
.side_page ul li a:hover {
	background-repeat:no-repeat;
	color:#333;
	background-image:url(/wp/images/list_arrow_orange_on.gif);
	display:block;
	padding:0px 0px 0px 30px;
	line-height:30px;
	text-decoration:none;
	border:1px solid #CCC;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#ddf4fc;
	zoom:1;
}
.side_page ul ul li a:link, .side_page ul ul li a:visited,
.side_page ul li.current_page_item li a:link, .side_page ul li.current_page_item li a:visited  {
	color:#333;
	background-image:url(/wp/images/list_arrow_orange_second.gif); 
	display:block;
	padding:0px 5px 0px 30px;
	border-top:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-decoration:none;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFF;
	font-size: 90%;
	zoom:1;
}
.side_page ul ul li a:hover,
.side_page ul li.current_page_item li a:hover {
	color:#333;
	background-image:url(/wp/images/list_arrow_orange_second_on.gif);
	background-color:#f4fbfe;
	display:block;
	padding:0px 5px 0px 30px;
	border-top:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-decoration:none;
	background-position:top;
	background-repeat:no-repeat;
	zoom:1;
}
.side_page ul ul ul li a:link, .side_page ul ul ul li a:visited  {
	font-size:10pt;
	line-height:25px;
	color:#333;
	background-image:none; 
	display:block;
	padding:0px 5px 0px 30px;
	border-top:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-decoration:none;
	background-position:top;
	background-repeat:no-repeat;
	zoom:1;
}
.side_page ul ul ul li a:hover {
	font-size:10pt;
	line-height:25px;
	color:#333;
	background-image:none;
	background-color:#f4fbfe;
	display:block;
	padding:0px 5px 0px 30px;
	border-top:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-decoration:none;
	background-position:top;
	background-repeat:no-repeat;
	zoom:1;
}
.side_blog ul li.current-year a:link, .side_blog ul li.current-year a:visited, .side_blog ul li.current-year a:hover,
.side_blog ul li.current-cat a:link, .side_blog ul li.current-cat a:visited, .side_blog ul li.current-cat a:hover,
.side_blog ul li.current_page_item a:link, .side_blog ul li.current_page_item a:visited .side_blog ul li.current_page_item a:hover,
.side_page ul li.current_page_item a:link, .side_page ul li.current_page_item a:visited, .side_page ul li.current_page_item a:hover,
.side_page ul ul li.current_page_item a:link, .side_page ul ul li.current_page_item a:visited, .side_page ul ul li.current_page_item a:hover {
	background-image:url(/wp/images/list_arrow_orange_current.gif);
	background-color:#CCC;
	color:#333;
}
.side_page ul ul ul li.current_page_item a:link, .side_page ul ul ul li.current_page_item a:visited, .side_page ul ul ul li.current_page_item a:hover,
.side_page ul ul ul li.current_page_parent a:link, .side_page ul ul ul li.current_page_parent a:visited, .side_page ul ul ul li.current_page_parent a:hover {
	background-image:none;
	background-color:#CCC;
	color:#333;
}
ul.side_widget {
	padding:0px 5px 0px 5px;
}
#footer {
	width:100%;
	padding:10px 0px 10px 0px;
}
.footer_body {
	color:#333;
	width:950px;
	padding:5px 0px 5px 0px;
	margin:0px auto;
	font-size:0.8em;
	line-height:20pt;
}
.footer_body a:link, .footer_body a:visited {
	color:#333;
}
.pmark {
	text-align:center;
}
.footer_left {
	float:left;
}
.footer_right {
	float:right;
}
.caption {
	font-size:0.8em;
	line-height:120%;
}
.gray_box {
	padding:5px;
	border:1px solid #CCC;
	background-color:#EFEFEF;
}
.white_box {
	padding:10px;
	border:1px solid #CCC;
	background-color:#FFF;
}
.font_big {
	font-size:1.2em;
	margin-bottom:20px;
}
.bold {
	font-weight:bold;
}
.floatl {
	float:left;
}
.floatr {
	float:right;
}
.imagel {
	float:left;
	padding:0px 10px 10px 0px;
}
.imager {
	float:right;
	padding:0px 0px 10px 10px;
}
ul.layout_list {
	list-style:none;
	margin:0px;
	padding:0px;
	clear:both;
}
ul.layout_list li {
	margin:0px;
	padding:0px;
	float:left;
}
ul.layout_list p {
	padding:0px 10px 0px 10px;
}
ul.service_bottom {
	list-style:none;
	padding:0px;
	margin:40px 0px 0px 0px;
}
ul.service_bottom li {
	float:left;
	margin-right:25px;
	padding:0px;
}
ul.service_bottom li.service_bottom_last {
	margin:0px;
	padding:0px;
}
.service_contact {
	text-align:center;
	margin:40px 0px 40px 0px;
	padding:20px;
}
.recruit_entry {
	margin:20px 0px 20px 0px;
	padding:20px 60px 20px 60px;
	background-color:#deebfe;
}
table.table_recruit {
	border-collapse:separate;
	border-spacing:20px;
}
table.table_recruit td {
	border: 5px solid #DEEBFE;
	padding: 0px;
	width:210px;
}
.spook_icon {
	background-image:url("/wp/images/service_spook_iconbackground.gif");
	background-repeat:repeat-y;
}
.bottom_long {
	margin-bottom:80px;
}
.bottom_short {
	margin-bottom:40px;
}
p.vision_read {
	margin:0px 40px 20px 40px;
	font-size:1.2em;
}
ul.vision_list {
	list-style:none;
	margin:0px;
	padding:0px;
}
li.vision_list {
	width:210px;
	padding:4px;
	margin:0px 10px 0px 0px;
	border:1px solid #CCC;
	float:left;
}
li.vision_list p {
	padding:5px;
	margin:0px 0px 0px 0px;
}
ul.flow_list {
	margin:0px 5px 0px 5px;
}
li.flow_list {
	width:165px;
	padding:5px
	height:300px;
}
li.flow_list p {
	margin:0px 5px 0px 5px;
	padding:0px 5px 10px 5px;
}
dl.faq_list {
}
dl.faq_list dt {
	background-color:#EFEFEF;
	color:#333;
	padding:5px;
}
dl.faq_list dd {
	margin:10px 10px 10px 30px;
	color:#333;
	padding:5px;
	border-left:5px solid #eee; 
}
.tabisupatto_outline {
	border:1px solid #CCC;
	width:100%;
	height:450px;
	position:relative;
	background-image:url("/wp/images/service_tabisupatto_background.jpg");
	background-color:#c9d8f0;
	background-repeat:no-repeat;
}
.tabisupatto_register {
	position:absolute;
	left:63px;
	top:26px;
}
.tabisupatto_portal {
	position:absolute;
	left:357px;
	top:26px;
}
.tabisupatto_tour {
	position:absolute;
	left:357px;
	top:310px;
}
.tabisupatto_site {
	position:absolute;
	left:460px;
	top:350px;
}
.tabisupatto_navi {
	position:relative;
}
.case_summary {
	border:1px solid #CCC;
	padding:10px;
	background-color:#fff;
}
.case_body {
	font-size:0.85em;
	margin:0px 10px 0px 10px;
}
li.case_list {
	width:230px;
}
li.case_list .floatl {
	padding-left:17px;
	background-image:url(/wp/images/service_case_arrow.gif);
	line-height:19px;
	background-repeat:no-repeat;
}
li.case_list .floatr {
	padding-left:17px;
	background-image:url(/wp/images/service_case_mic.gif);
	line-height:19px;
	background-repeat:no-repeat;
}
.case_box {
	padding:5px;
	border:1px solid #CCC;
	margin:5px;
}
p.case_date {
	font-weight:bolder;
	font-size:1.2em;
	border-bottom:1px solid #CCC;
	margin:0px 0px 5px 0px;
}
.case_year dl {
	clear:both;
	margin-bottom:30px;
}
.case_year dl dt {
	float:left;
	width:210px;
	padding:0px;
	margin:0px;
	line-height:20px;
	clear:both;
}
.case_year dl dd {
	float:left;
	width:500px;
	padding:0px;
	margin:0px;
	line-height:20px;
}
.case_year dl dd img {
	height:20px;
}
.case_box span {
	display:block;
	text-align:center;
}
.cto_index {
	border-bottom:2px solid #adec52;
}
.link_inner {
	display:block;
	margin:0px;
	padding-left:0px;
	background-image:url(/wp/images/service_case_arrow.gif);
	line-height:19px;
	background-repeat:no-repeat;
	background-position:left top;
	text-align:left;
}
.lunch {
	border:1px dotted #CCC;
	padding:20px;
}
.pmember {
	margin:0px 0px 5px 0px;
}
.pdf {
	padding-right:60px;
	background-image:url("/wp/images/icon_pdf.gif");
	background-position:right;
	background-repeat:no-repeat;
	line-height:18px;
}
.sitemap {
	margin-bottom:20px;
}
.sitemap ul {
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}
.sitemap ul li {
	margin:0px 0px 0px 20px;
	padding:2px 0px 2px 0px;
}
.gray_table {
	border:1px solid #CCC;
	border-collapse:collapse;
	margin-bottom:20px;
}
.gray_table td, .gray_table th {
	padding:5px;
	border:1px solid #CCC;
}
.gray_cell {
	background-color:#EFEFEF;
}
.gray_font {
	color:#a9a9a9;
}
.text_center {
	text-align:center;
}
.link_detail {
	text-align:right;
}
.wp-pagenavi {
	clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color:#eeeeee;
}

.wp-pagenavi span.current {
	background-color:#efefef;
}

#id_shellfish, #id_bivalves{ position: absolute; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.case_interview_year dl {
	clear:both;
	margin-bottom:30px;
}
.case_interview_year dl dt {
	float:left;
	width:100px;
	padding:0px;
	margin:0px;
	line-height:20px;
}
.case_interview_year dl dd {
	float:left;
	width:610px;
	padding:0px;
	margin:0px;
	line-height:20px;
}
.case_interview_year dl dd img {
	height:20px;
}
.company_history  {
	border:1px solid #a9a9a9;
	padding:20px;
}

.company_history dl {
	clear:both;
	margin-bottom:20px;
}
.company_history dl dt {
	font-size:1.2em;
	clear: left;
	float:left;
	width:50px;
	padding:0;
	margin:0;
	text-align: right;
	line-height:15px;
}
.company_history dl dd {
	float:left;
	width:550px;
	padding:0 0 0 20px ;
	margin:0 ;
	line-height:15px;
}
.company_history dl dd img {
	height:20px;
}
p.case_company_year{
	font-weight:bolder;
	font-size:1.2em;
	border-bottom:1px solid #CCC;
	margin:0px 0px 0px 10px;
	padding-left:5px;
}
