@charset "utf-8";

/* ==================================================
layout
================================================== */
/* body
============================== */
* html body {
	text-align:center;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* wrapper
============================== */
#tmp_wrapper {
	/*width:760px;*/
	width:800px;
	margin:0 auto;
	color:inherit;
	background-color:#FFFFFF;
}
* html #tmp_wrapper {
	text-align:left;
}
/* main
============================== */
#tmp_wrap_main {
	padding:0 15px 10px;
	clear:both; /* 変更しない */
}
/* contents
============================== */
#tmp_contents,
#tmp_maincontents {
	width:100%; /* 変更しない */
}
/* format カラムのレイアウトのbaseロジック
============================== */
.wrap_col_nm {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
.col_nm {
	width:100%; /* 変更しない */
}
.wrap_col_lft_navi {
	float:left; /* 変更しない */
	position:relative; /* 変更しない */
	z-index:1; /* 変更しない */
}
.wrap_col_rgt_navi {
	float:right; /* 変更しない */
}
.column_full .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_lnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:right; /* 変更しない */
}
.column_rnavi .wrap_col_main {
	width:100%; /* 変更しない */
	float:left; /* 変更しない */
}
.col_main {
	padding:0; /* デザインによって変更 */
}
/* top
============================== */
.format_top .column_full .wrap_col_nm {
	margin-right:-230px; /* デザインによって変更 */
}
.format_top .column_full .wrap_col_nm2 {
	margin-right:230px; /* デザインによって変更 */
}
.format_top .column_full .wrap_col_lft_navi {
	width:210px; /* デザインによって変更 */
	margin-right:-230px; /* デザインによって変更 */
}
.format_top .column_full .col_lft_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_top .column_full .wrap_col_rgt_navi {
	width:210px; /* デザインによって変更 */
}
.format_top .column_full .col_rgt_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_top .column_full .col_main {
	margin-left:230px; /* デザインによって変更 */
}
/* free
============================== */
.format_free .wrap_col_nm {
	margin-right:-230px; /* デザインによって変更 */
}
.format_free .wrap_col_nm2 {
	margin-right:230px; /* デザインによって変更 */
}
.format_free .wrap_col_lft_navi {
	width:210px; /* デザインによって変更 */
	margin-right:-230px; /* デザインによって変更 */
}
.format_free .col_lft_navi {
}
.format_free .wrap_col_rgt_navi {
	width:210px; /* デザインによって変更 */
}
.format_free .col_rgt_navi {
	padding:10px; /* デザインによって変更 */
	color:inherit;
	background-color:#CCDDEE;
}
.format_free .column_full .col_main {
	margin-left:230px; /* デザインによって変更 */
}
.format_free .column_lnavi .col_main {
	margin-left:230px; /* デザインによって変更 */
}
.format_free .column_rnavi .wrap_col_main {
	margin-right:-230px; /* デザインによって変更 */
}
.format_free .column_rnavi .col_main {
	margin-right:230px; /* デザインによって変更 */
}
/* ==================================================
header
================================================== */
#tmp_header2 {
	clear:both;
	padding:7px 18px 9px 0;
	background:url(../images/header/header_bg.jpg) no-repeat right top;
}
#tmp_hlogo {
	float:left;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	font-size:0.1%;
	line-height:0.1;
}
#tmp_means {
	width:235px;
	float:right;
}
#tmp_foreign {
	color:inherit;
	padding:12px 3px 9px;
	background-color:#D2ECEC;
}
#tmp_foreign ul {
	float:right;
	list-style:none;
	border-left:1px solid #000000;
}
#tmp_foreign ul li {
	float:left;
	padding:0 5px;
	border-right:1px solid #000000;
}
#tmp_means_jp {
	width:286px; /* 日本語サイト制作時に追加 */
	float:right;
}
#tmp_means_cn {
	width:200px; /* 中国語サイト制作時に追加 */
	float:right;
	margin-right:-30px;
}
#tmp_means_kr {
	width:200px; /* 韓国語サイト制作時に追加 */
	float:right;
	margin-right:-30px;
}
/* Langage（日本語サイト制作時に追加）
============================== */
#infRoot{
	font-size: 80%;
	padding-right:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #D2ECEC;
	width: 100%;
	text-align:right;
}
#infRoot li{
	display: inline;
	margin-left: 5px;
	border-left: solid 1px black;
	padding-left: 5px;
}
#infRoot li.end{
	border-right: solid 1px black;
	padding-right: 5px;
}
/* primary
============================== */
#tmp_means_primary {
	font-size:0.1%;
	line-height:0.1;
}
/* func_txt */
#tmp_func_txt {
	margin:0 13px 0 0;
	font-size:0.1%;
	line-height:0.1;
	float:left;
}
#tmp_func_txt dt {
	float:left;
	margin-right:9px;
}
#tmp_func_txt dd {
	float:left;
	display:inline;
	margin-right:4px;
}
/* sitemap */
#tmp_sitemap {
	float:left;
	margin:0;
}
/* ==================================================
navi
================================================== */
/* gnavi
============================== */
/* pankuzu
============================== */
#tmp_pankuzu {
	padding:5px 15px 10px;
	clear:both;
}
/* lnavi
============================== */
#tmp_lnavi {
	margin-bottom:10px;
}
#tmp_lnavi_cnt {
	padding:5px;
}
#tmp_lnavi_cnt ul {
	margin-left:25px;
	list-style-image:url(../images/navi/lnavi/lnavi_icon.gif);
}
#tmp_lnavi_cnt ul li {
	margin-bottom:0.5em;
}
.list_btn {
	font-size:0.1%;
	line-height:0.1;
}
.list_btn p {
	margin-bottom:10px;
}
/* rnavi
============================== */
/* pnavi
============================== */
.pnavi {
	clear:both;
}
.pnavi .ptop {
	margin-bottom:0 !important;
}
.ptop {
	text-align:right;
	clear:both;
}
.ptop a {
	padding:0 0 5px 20px;
	background:url(../images/navi/pnavi/pnavi_icon.gif) no-repeat 0 0.1em;
}
/* ==================================================
main
================================================== */
#tmp_main {
	width:100%; /* 変更しない */
	clear:both; /* 変更しない */
}
/* plugin ▼変更しない
============================== */
.plugin {
	margin:0 0 10px;
	padding:10px;
	border:1px solid #CCCCCC;
	clear:both;
}
.plugin .plugin_img {
	margin:0 10px 0 0 !important;
	font-size:0.1%;
	line-height:0.1;
	float:left;
}
.plugin p {
	margin:0 !important;
}
/* ==================================================
footer
================================================== */
#tmp_footer {
	padding:5px 10px 20px 15px;
	clear:both;
	border-top:8px solid #EFEFEF;
	background:url(../images/footer/footer-bg.jpg) repeat-x left bottom;
}
#tmp_footer_cnt {
	clear:both;
	position:relative;
}
#tmp_footer_cnt address {
	margin:0 170px 0.2em 0;
	font-style:normal;
}
#tmp_flogo {
	position:absolute;
	right:0;
	bottom:0;
}
/* ==================================================
class
================================================== */
/* text
============================== */
.underline {
	text-decoration:underline; /* 変更しない */
}
.strike {
	text-decoration:line-through; /* 変更しない */
}
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
.txt_red {
	color:#990000; /* デザインによって変更 */
	background-color:transparent; /* 変更しない */
}
.txt_green {
	color:#007500; /* デザインによって変更 */
	background:transparent; /* 変更しない */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.txt_big {
	font-size:140%; /* 変更しない */
}
.txt_small {
	font-size:80%; /* 変更しない */
}
.space_lft1 {
	padding-left:1em; /* 変更しない */
}
p.indent1 {
	text-indent:1em; /* 変更しない */
}
/* image ▼変更しない
============================== */
.float_lft {
	margin-right:20px !important;
	margin-bottom:10px !important;
	clear:both;
	float:left;
}
.float_rgt {
	margin-bottom:10px !important;
	margin-left:20px !important;
	clear:both;
	float:right;
}
.clear {
	clear:both;
}
/* noicon ▼変更しない
============================== */
ul.noicon {
	margin-left:3.2em !important;
	text-indent:-1.5em !important;
	list-style:none !important;
	list-style-image:none !important;
}
ul.noicon ul,
ul.noicon ol,
ul.noicon p,
ul.noicon h1,
ul.noicon h2,
ul.noicon h3,
ul.noicon h4,
ul.noicon h5,
ul.noicon h6,
ul.noicon table,
ul.noicon div {
	text-indent:0 !important;	
}
ul ul.noicon,
ol ul.noicon {
	text-indent:-1.5em !important;
	margin-left:1.5em !important;	
}
/* ==================================================
parts
================================================== */
/* col2 ▼変更しない
============================== */
div.col2 {
	width:100%;
}
div.col2 div.col2L {
	display:table;
	width:49%;
	margin-right:2%;
	float:left;
}
div.col2 div.col2R {
	display:table;
	width:48%;
	float:left;
}
/* nestcol2 ▼変更しない
============================== */
div.col2 div.col2 div.col2L {
	width:48%;
	margin-right:4%;
}
div.col2 div.col2 div.col2R {
	width:47%;
}
/* fixed_col2 ▼変更しない
   編集領域には使わない（イベントカレンダー・定型等に使う）
============================== */
div.fixed_col2 {
	width:100%;
}
div.fixed_col2 div.fixed_col2L {
	display:table;
	width:49%;
	margin-right:2%;
	float:left;
}
div.fixed_col2 div.fixed_col2R {
	display:table;
	width:48%;
	float:right;
}
/* col3 ▼変更しない
============================== */
div.col3 {
	width:100%;
}
div.col3 div.col3L,
div.col3 div.col3M {
	display:table;
	width:32%;
	margin-right:2%;
	float:left;
}
div.col3 div.col3R {
	display:table;
	width:31%;
	float:left;
}
/* img_cap ▼変更しない
============================== */
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* ==================================================
system
================================================== */
/* indent ▼変更しない
============================== */
div.section,
blockquote {
	padding:0 0 0 1em;
}
/* bgcolor
============================== */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
td.bg_glay,
th.bg_glay {
	color:inherit;
	background-color:#F5F5F3; /* デザインによって変更 */
	width:25%;
}
td.bg_glay2,
th.bg_glay2 {
	color:inherit;
	background-color:#ECECE8; /* デザインによって変更 */
}
td.bg_glay3,
th.bg_glay3 {
	color:inherit;
	background-color:#E2E2DC; /* デザインによって変更 */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.col_nm:after,
#tmp_contents:after,
#tmp_maincontents:after,
#tmp_header:after,
#tmp_header2:after,
#tmp_means:after,
#tmp_func_txt:after,
#tmp_means_primary:after,
#tmp_main:after,
.plugin:after,
.pnavi:after,
#tmp_footer:after,
#tmp_footer_cnt:after,
div.col2:after,
div.fixed_col2:after,
div.col3:after,
#tmp_foreign:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}

/* for IE7.0 */
*:first-child+html #tmp_contents,
*:first-child+html #tmp_maincontents,
*:first-child+html #tmp_header,
*:first-child+html #tmp_header2,
*:first-child+html #tmp_means,
*:first-child+html #tmp_func_txt,
*:first-child+html #tmp_means_primary,
*:first-child+html #tmp_main,
*:first-child+html .plugin,
*:first-child+html .pnavi,
*:first-child+html #tmp_footer,
*:first-child+html #tmp_footer_cnt,
*:first-child+html div.col2,
*:first-child+html div.fixed_col2,
*:first-child+html div.col3,
*:first-child+html #tmp_foreign {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_contents,
* html #tmp_maincontents,
* html #tmp_header,
* html #tmp_header2,
* html #tmp_means,
* html #tmp_func_txt,
* html #tmp_means_primary,
* html #tmp_main,
* html .plugin,
* html .pnavi,
* html #tmp_footer,
* html #tmp_footer_cnt,
* html div.col2,
* html div.fixed_col2,
* html div.col3,
* html #tmp_foreign {
	display:inline-block; /* 変更しない */
}


/*企業選択ナビゲーション
--------------------------------------------*/
/*第一カテゴリー*/
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	overflow: hidden;
	outline: none;
}
.nav ul {
	list-style: none;
	display: none;
}
.nav li {
	list-style: none;
	margin-bottom: 5px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.nav li a
 {
	background-color: #6699FF;
	color: #FFFFFF;
	display: block;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 8px;
	border: 1px solid #6699FF;
	-webkit-transition: all 1s;
	transition: all 1s;
	cursor: pointer;
}
.nav li a:hover {
	color: #6699FF;
	background-color: #FFFFFF;
}
/*第二カテゴリー*/
.nav ul li {
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom:3px;
}
.nav ul li a {
	color: #FFFFFF;
	border: 1px solid #66CCFF;
	padding: 5px;
	background-color: #66CCFF;
	cursor: pointer;
}
.nav ul li a:hover {
	color: #66CCFF;
}
/*企業選択*/
.nav ul ul li a {
	background-color: #FFFFFF;
	color: #666666;
	border: 1px solid #999999;
}
.nav ul ul li a:hover {
	color: #FFFFFF;
	background-color: #999999;
}

/*メインエリア
--------------------------------------------*/
.content_category {
	clear: both;
	overflow: hidden;
}
.content_category .main {
	width: 540px;
	margin:0;
	/*float: right;*/
	/*min-height: 480px;*/
}
.content_category .main h1 {
	background: url(../images/h1_bg.jpg) no-repeat right top;
	font-size: 1.5em;
	border-bottom: 1px solid #66CCFF;
	margin-bottom: 10px;
	padding-left: 10px;
	color: #006DC4;
	/*height: 40px;*/
	padding-top: 20px;
	padding-bottom: 10px;
}
.content_category .main h1 a {
	color: #006DC4;
	text-decoration: underline;
}
.content_category .main h1 a:hover {
	color: #FF6600;
	text-decoration: none;
}
.content_category .main h2 {
	background: url(../images/h2_bg.jpg) no-repeat;
	font-size: 1.1em;
	padding-left: 5px;
	margin-bottom: 10px;
	color: #666666;
	border-left: 5px solid #ccc;
	background-position: right bottom;
	min-height: 22px;
	padding-top: 7px;
	padding-bottom: 2px;
}
.content_category .main h2 a {
	color: #6699FF;
}
.content_category .main h2 a:hover {
	color: #FF6600;
}
.content_category .main h3 {
	border-left: 5px solid #4D90FE;
	padding: 5px;
	color: #666;
}
.content_category .main p {
	line-height: 1.4em;
	margin-bottom: 5px;
	padding-right: 7px;
	padding-left: 7px;
}
.content_category .main ol {
	clear: both;
	overflow: hidden;
	padding-left: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.content_category .main ol li {
	float: left;
	margin-right: 20px;
	margin-left: 10px;
}
.content_category .main .arrow {
	line-height: 37px;
	margin-bottom: 0px;
	margin-right: 10px;
	background: url(../images/img_arrow.gif) no-repeat;
	padding-left: 50px;
	margin-left: 10px;
}
/*掲載企業ピックアップ*/
.content_category .main .pickup {
	background-color: #4D90FE;
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
	margin-top: 10px;
	padding: 7px 10px;
}
.content_category .main .photo {
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
}
.content_category .main .photo .box {
	/*width: 180px;
	border: 1px solid #ccc;*/
	/*float: left;*/
	margin-right: 10px;
	/*margin:0 auto;*/
	padding: 5px;
	/*text-align: center;*/
}
.content_category .main .photo .box img {
	max-width: 230px;
	border: 1px solid #ccc;
	padding:5px;
}
.content_category .main .company-pic {
	width: 49%;
	margin-bottom: 20px;
	float: left;
	margin-right: 1%;
	min-height: 200px;
}
.content_category .main .cat .company-pic h3 {
	line-height: 1.5em;
	padding-top: 0px;
	padding-bottom: 0px;
}
.content_category .main .cat .company-pic h3 a {
	display: block;
	color: #6699FF;
}
.content_category .main .cat .company-pic h3 a:hover {
	color: #FF3300;
}
/*ボックス内改行*/
.content_category .main .photo .box span:before {
	content: "\A";
	white-space: pre;
}
.content_category .main .photo .box:last-child {
	margin-right: 0;
}
.content_category .main .photo img {
	max-width: 180px;
	max-height: 135px;
}
/*企業説明ページ
--------------------------------------------*/
/*問合せ先ボタン*/ 
.content_category .main .inquiries {
	margin-bottom: 10px;
	text-align: right;
}
.content_category .main ul {
	margin-left: 30px;
	margin-bottom: 10px;
}
.content_category .main ul li {
	list-style-type: decimal;
}
/*企業説明テーブル*/
.content_category .main table {
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	width: 100%;
	margin-bottom: 20px;
}
.content_category .main table tbody tr th {
	background-color: #CCCCCC;
	padding: 5px;
	width: 120px;
	border: 1px solid #FFFFFF;
	vertical-align: middle;
}
.content_category .main table tbody tr td
,.container .content .main table tbody tr td.image
{
	padding: 5px;
	border: 1px solid #fff;
	line-height: 1.4em;
	vertical-align: middle;
}
.container .content .main table tbody tr td.image {
	vertical-align: top;
	text-align:center;
}
.content_category .main table tbody tr td img {
	max-width: 170px;
	vertical-align: middle;
}
/*見出し*/
.content_category .main table tbody tr .leed {
	background-color: #eeeeee;
	vertical-align: middle;
	width:190px;
}
.content_category .main table tbody tr .name {
	vertical-align: middle;
}
/*リスト*/
.content_category .main table tbody tr td ul {
	margin-bottom: 0px;
	margin-left: 25px;
}
.content_category .main table tbody tr td ul li {
	list-style-type: disc;
	line-height: 1.5em;
}
/*順位付きリスト*/
.content_category .main table tbody tr td ol {
	margin-bottom: 0px;
}
.content_category .main table tbody tr td ol li {
	width: 98%;
}
.content_category .main table tbody tr td ol li ul {
	padding: 0px;
	margin-left: 10px;
}
.content_category .main table tbody tr td a {
	font-weight: bold;
	color: #FF6600;
}
/*改行*/
.content_category .main table tbody tr td ol li span:before {
	content: "\A";
	white-space: pre;
}

.content_category .main table tbody tr td.leed1 {
	width:190px;
}
span.cnowrap{
	white-space:nowrap;
}