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

/*######################################################
基本設定
######################################################*/
@import url(//fonts.googleapis.com/earlyaccess/mplus1p.css);/*font-family: "Mplus 1p";*/
@import url(//fonts.googleapis.com/earlyaccess/roundedmplus1c.css);/*font-family: "Rounded Mplus 1c";*/
@import url(//fonts.googleapis.com/earlyaccess/hannari.css);/*font-family: "Hannari";*/
@import url(//fonts.googleapis.com/earlyaccess/kokoro.css);/*font-family: "Kokoro";*/
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);/*font-family: "Sawarabi mincho";*/
@import url(//fonts.googleapis.com/earlyaccess/sawarabigothic.css);/*font-family: "Sawarabi Gothic";*/
@import url(//fonts.googleapis.com/earlyaccess/nikukyu.css);/*font-family: "Nikukyu";*/
@import url(//fonts.googleapis.com/earlyaccess/nicomoji.css);/*font-family: "Nico Moji";*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);/*font-family: "Noto Sans Japanese";*/
html {
	height: 100%;
}
body {
    background-color: #fff;
	color: #151515;
	font-family: 'Montserrat', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	height: 100%;
	padding: 0;
}

/* パンクズリスト　ここから */
.topicpath{
	font-size: 12px;
	text-align: right
}
.topicpath ol li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
}

.topicpath ol li:before {
        /* liの前に記号追加 */
        content: " > ";
}

.topicpath ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content: none;
}
/* パンクズリスト　ここまで */


/*テキスト右寄せ*/
.txt_{
	
	text-align: left!important;
}

/* --- 新着情報エリアここから --- */
div.update {
width: 700px; /* 新着情報エリアの幅 */
max-width: 100%;
font-size: 100%;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
font-size: 100%;
}

/* --- 日付エリア --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
font-size: 100%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
font-size: 100%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* --- 新着情報ここまで --- */

/* --- 会社概要ナビここから --- */
/* --- 1番目のメニュー --- */
/* --- ナビゲーション --- */
div.privacyNav1 {
font-size: 80%  !important;
}
/* --- メニューエリア --- */
div.privacyNav1 ul.nl {
margin: 20px 0  !important; /* メニューのマージン（上下、左右） */
padding: 0  !important;
list-style-type: none  !important;
text-align: center  !important; /* メニューのセンタリング */
}
/* --- メニュー項目 --- */
div.privacyNav1 ul.nl li {
display: inline  !important;
padding: 0 7px 0 13px  !important; /* 項目のパディング（上右下左） */
background: url(http://www.chinawork.co.jp/img/menu_triangle1_box.gif) no-repeat 0 0.2em  !important; /* 項目の背景（マーカー） */
}

/* --- 2番目のメニュー --- */
/* --- ナビゲーション --- */
div.privacyNav2 {
font-size: 80%  !important;
}
/* --- メニューエリア --- */
div.privacyNav2 ul.nl {
margin: 20px 0  !important; /* メニューのマージン（上下、左右） */
padding: 0  !important;
list-style-type: none  !important;
text-align: center  !important; /* メニューのセンタリング */
}
/* --- メニュー項目 --- */
div.privacyNav2 ul.nl li {
display: inline  !important;
padding: 0 7px 0 11px  !important; /* 項目のパディング（上右下左） */
background: url(http://www.chinawork.co.jp/img/triangle1.gif) no-repeat 0 0.2em  !important; /* 項目の背景（マーカー） */
}
/* --- 会社概要ナビここまで --- */

/* --- コンサルナビここから --- */
/* --- リストエリア --- */
ul.list {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list li {
padding: 0 0 5px 15px; /* 項目のパディング（上右下左） */
background: url(http://www.chinawork.co.jp/img/triangle1.gif) no-repeat 3px 0.2em; /* マーカー画像 */
line-height: 130%;
}
/* --- コンサルナビここまで --- */

/* --- TOPメイン画像ナビゲーションバーここから --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background: #4e83b3 url(img/hor_menu6_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 2px #84aed2 solid; /* 上境界線 */
border-bottom: 2px #2c5170 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
max-width: 100%; /* メニューの幅 */
height: 100%;
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #4e83b3 url(img/hor_menu6_off.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #2c5170 solid; /* メニューの左境界線 */
border-right: 1px #84aed2 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 25%; /* 項目の幅 */
height: 100%;
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #84aed2 solid; /* リンクエリアの左境界線 */
border-right: 1px #2c5170 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
line-height: 100%; /* 行の高さ */
}
/* 英字部分 */
div.nav ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 英字の文字色 */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #5e91bd url(hor_menu6_on.gif) repeat-x top; /* ポイント時の背景 */
}
div.nav ul.nl li a:hover span.en {
color: #fde337; /* ポイント時の英字の文字色 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* ---TOPメイン画像ナビここまで--- */

img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
	vertical-align: bottom;
	padding: 0;
}
img_main{
	width: 100%;
	height: auto;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img:hover {
	opacity: 0.5;
}

p {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	text-indent: 1.0em;
	line-height: 1.6em;
	color: #151515;
}
p.max {
	margin: 20px 20px 20px 20px;
	padding: 20px 10px 20px 10px;
	text-indent: 1.0em;
	padding: 0;
	font-size:16px;
	line-height: 160%;
	margin-bottom: 1.5em;
}
p.max-b {
	margin: 20px 20px 20px 20px;
	padding: 20px 10px 20px 10px;
	text-indent: 1.0em;
	padding: 0;
	font-size:16px;
	line-height: 160%;
	margin-bottom: 1.5em;
	font-weight:bold;
}
p.max-b-red {
	margin: 20px 20px 20px 20px;
	padding: 20px 10px 20px 10px;
	text-indent: 1.0em;
	padding: 0;
	font-size:16px;
	line-height: 140%;
	margin-bottom: 1.5em;
	font-weight:bold;
	color: #c00000;
}
p.max-b20 {
	margin: 20px 20px 20px 20px;
	padding: 20px 10px 20px 10px;
	text-indent: 1.0em;
	padding: 0;
	font-size:20px !important;
	line-height: 140%;
	margin-bottom: 1.5em;
	font-weight:bold !important;
}
p.middle {
	margin: 20px 20px 20px 20px;
	padding: 20px 10px 20px 10px;
	text-indent: 1.0em;
	padding: 0;
	font-size:14px;
	line-height: 160%;
	margin-bottom: 1.5em;
}
p.min {
	margin: 20px 10px 10px 10px;
	padding: -10px 10px 10px 10px;
	font-size:14px;
	line-height:160%;
	text-indent: 0em;
}
p.min00 {
	margin: 10px 10px 10px 10px;
	padding: 10px 0 0 0;
	font-size: 14px;
	line-height:160%;
	text-indent: 1em;
	font-weight: bold;
}
p.min00-noindent {
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 14px;
	line-height:160%;
	text-indent: 0em;
	font-weight: bold;
}
p.min01 {
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;
	font-size: 14px;
	line-height:120%;
	text-indent: 0em;
	font-weight: bold;
}
p.min02 {
	margin: 0 10px 0 10px;
	padding: 0;
	font-size:14px;
	line-height:140%;
	text-indent: 0em;
}
p.min03 {
	margin: 0 10px 0 10px;
	padding: 0 0 10px 0;
	font-size:14px;
	line-height:160%;
	text-indent: 2.0em;
}
p.min04 {
	margin: 10px;
	padding: 0 0 10px 0;
	font-size:14px;
	line-height:160%;
	text-indent: 0em;
}
p.top_tabmenu{
	margin: 10px 10px 10px 10px;
	text-indent: 1.0em;
	padding: 0;
	height: 100%;
}
strong.all_times {
	background: linear-gradient(transparent 40%, rgb(255, 170, 170) 40%);
	font-size: 28px;

}

.contact{
	font-family: "Hiragino Sans";
    font-size: 25px;
	src: local(HiraginoSans-W6);
    font-weight: bold;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	color: #000;
	background-color: #fff;
	width: 500px;
	max-width: 90%;
	border: 1px double #fcbe29;
}

.css_btn_class {
	font-size:18px;
	font-weight:normal;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:2px solid #ee1eb5;
	padding:7px 35px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #ff5bb0), color-stop(87%, #ef027d) );
	background:-moz-linear-gradient( center top, #ff5bb0 18%, #ef027d 87% );
	background:-ms-linear-gradient( top, #ff5bb0 18%, #ef027d 87% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
	background-color:#ff5bb0;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #c70067;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fbafe3;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fbafe3;
 	box-shadow:inset 1px 1px 0px 0px #fbafe3;
}.css_btn_class:hover {text-decoration: none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(18%, #ef027d), color-stop(87%, #ff5bb0) );
	background:-moz-linear-gradient( center top, #ef027d 18%, #ff5bb0 87% );
	background:-ms-linear-gradient( top, #ef027d 18%, #ff5bb0 87% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
	background-color:#ef027d;
}.css_btn_class:active {
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com */

.button1 {
	font-size: 18px;
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-indent: 0em;
}
.button1 a {
	color: #FFF;
	display: inline-block;
	padding: 0.5em 2em;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.2);
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #0059B2;
	border-bottom-color: #20559a;
	border-radius: 3px;
	background-color: #0071E1;
	background: -moz-linear-gradient(top, #2693FF, #0071E1);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#2693FF), to(#0071E1));
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#2693FF', EndColorStr='#0071E1');
}
.button1 a:hover {
	background: -moz-linear-gradient(top, #2082E3, #0166CB);
	background: -webkit-gradient(linear, left top, left bottom, from(#2082E3), to(#0166CB));
 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#2082E3', EndColorStr='#0166CB');
}
.button1 a:active {
	box-shadow: 0px 1px 0px rgba(255,255,255,0.6), inset 0px 1px 6px rgba(0,0,0,0.1);
	text-shadow:none;
	background: -moz-linear-gradient(top, #025AB1, #1C71C5);
	background: -webkit-gradient(linear, left top, left bottom, from(#025AB1), to(#1C71C5));
 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#025AB1', EndColorStr='#1C71C5');
}
.font-max{
	font-size: 22px !important;
}
.border
{
    clear: both;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0163a6;
    padding: 0;
	width: 700px;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	background-color: #def1fd;
	text-align: center;
	margin-bottom: 1.5em;
}
.border_profile
{
    clear: both;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0163a6;
    padding: 0;
	width: 700px;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	background-color: #def1fd;
	text-align: left;
	margin-bottom: 1.0em;
}
.border02{
	clear: both;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000080;
    padding: 0.5em;
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 1.5em;
}
.border03{
	clear: both;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000080;
    padding: 0;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	margin-bottom: 1.5em;

}
.border04{
	clear: both;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000080;
    padding: 0;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	margin-bottom: 1.5em;
	background-color: #e5f8ff;
}

.box-9 {
	clear: both;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    border: 1px solid #ccc;
    border-top: 4px solid #1c66fe;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    margin: .5em 0;
    padding: 0;
	width: 700px;
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 1.5em;

}
/* --- 画像の回り込みここから --- */
div.imagebox_left{
	float: left;
	padding: 0 5px 5px 5px;
}

.imagebox_left span{
	display: block;
	font-size: x-small;
	text-align: center;
}

div.clear{
	clear: both;
	margin: 0 0 10px 0;
}
/* --- 画像の回り込みここまで --- */

/* --- パンクズリスト（ここから） --- */
/* --- リストエリア --- */
ol.topicPath {
margin: 10px 10px 10px 10px;
padding: 0;
list-style-type: none;
font-size: 80%;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}
/* --- パンクズリスト（ここまで） --- */

/* TabAreaここから
-------------------------- */

#recommend .tab-index ul {
	width: 100%;
	text-align: center;
}
#recommend .tab-index li {
	width: 25%;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #ccc;
	background-color: #f4f4f4;
	float: left;
 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.width50 {width: 50%!important;}
#recommend .tab-index a {
	display: block;
	width: 100%;
}
#recommend .tab-index li:not(:last-child) {
	border-right: 1px solid #ccc;
}
#recommend .tab-index .active a {
	background-color: #001a43;
	color: #fff;
}
#recommend .tab-contents {
	display: none;
}
#recommend .tab-contents.active {
	display: block;
}
#tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7{
	padding-top: 35px;

}



/* CSS3 TabAnimationここまで
-------------------------- */

.defaultlist2
,.defaultlist2 li{
	clear: both;
	padding: 0;
	margin: 0;
}
.defaultlist2 li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 0px 0px 5px 0px !important;
	padding: 0;
}
.list2 li{
	position:relative;
	padding-left:0 ;
	list-style-position: inside;
	padding: 0;
	margin: 0 0 0 10px;
	
}
.list2 li:before{
	content:''; 
	display:inline-block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left: 5px;
	right: 5px; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #69b4e6;
	vertical-align:top;
	padding: 0;
}
.defaultlist5
,.defaultlist5 li{
	clear: both;
	padding: 0;
	margin: 0;
}
.defaultlist5 li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 0px 0px 5px 0px !important;
	padding: 0;
}
.list5 li {
	position: relative;
	padding: 0;
}
.list5 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0em;
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 100%;
	padding: 0;
}
.defaultlist4
,.defaultlist4 li{
	clear: both;
	padding: 0;
	margin: 0 0 -10px 0;
	line-height: 140%;
	text-indent:none;
}
.defaultlist4 li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0 !important;
	text-indent:none !important;
}
.list4 li{
	position:relative;
	padding-left:20px;
	padding-bottom:-20px;
}
 
.list4 li:after, 
.list4 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#ff0000; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
		padding-bottom:-20px;
}
.list4 li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
		padding-bottom:-20px;
} 
.defaultlist7
,.defaultlist7 li{
	clear: both;
	padding: 0;
	margin: 0;
}
.defaultlist7 li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 0px 0px 5px 0px !important;
	padding: 0;
}
.list7 li {
	position: relative;
}
.list7 li::after,
.list7 li::before {
	display: block;
	content: '';
	position: absolute;
}
.list7 li::after {
	top: .35em;
	left: -0.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
.list7 li::before {
	z-index: 2;
	top: .625em;
	left: -1.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.defaultlist1
,.defaultlist1 li{
	padding: 0;
	margin: 0;
}
.defaultlist1 li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 0px 0px 5px 0px !important;
	padding: 0;
}
.list1 li{
	position:relative;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
}
 
.list1 li:before{
	content:'・'; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #aaa;
	margin-bottom:10px;
}
.underline{
    border-bottom: 2px solid #ff3333;

}

.box {
	float: left;
	align: center;
	vertical-align:middle;
	max-width:100%;
	max-height: 110%;
    width: 700px;
	padding: 0 0 -10px 0;
	margin: 10px 0 0 0;
	border-style: none;
	background-color: #fff;
	max-height: 80%;
}
.boxleft{
	float: left;
	margin: 10px 0 20px 10px;
	padding: 0;
	max-width:100%;
	max-height: 100%;
	border-style: none;

}
.boxright{
	float: right;
	margin: 10px 10px 10px 0;
	padding: 0;
	border-style: none;
	max-height: 100%;
}
.boxContainer {
	overflow: hidden;
	align: center;
	width: 100%;
	clear: all;
}
.boxContainer:after {
    clear: both;
}
.block{
	padding: 10px;
	margin: 0 0 0 0;
	background: #fff;
	border: 1px #ccc solid;
	box-shadow: 0 2px 3px 0 #ddd;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
	-webkit-box-shadow: 0 2px 3px 0 #ddd;
	max-width: 100%;
	height: 100%;
}
.block02{
	padding: 10px;
	margin: 0 0 0 0;
	background: #fee2e2;
	border: 1px #ccc solid;
	box-shadow: 0 2px 3px 0 #ddd;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
	-webkit-box-shadow: 0 2px 3px 0 #ddd;
	max-width: 100%;
	height: 100%;
}
.block2{
	color: #fff;
	padding: 20px;
	background: #b2946c;
	position: relative;
	z-index: 10;
}
.block2:before{
	content: "";
	position: absolute;
	background: #b2946c;
	margin: 4px;
	border: 2px #fff solid;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: -10;
}
.block3{
	padding: 20px;
	border: #ff7f92 dashed 1px;
	background: #fff;
}

/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}
hr.main {
   border-width: 1px 0px 0px 0px; /* 太さ1px */
   border-style: dashed; /* 線種を破線に */
   border-color: gray;   /* 線色を灰色に */
   height: 1px;         /* 高さ(※古いIE用) */
   width: 650px;
   max-width: 100%;
   padding: 0;
}
hr.style3 {
	border-top: 1px dashed #8c8b8b;
}
/* --- ページ切り替えここから --- */
/* --- ページングエリア --- */
div.paging {
margin: 10px 0;
}

/* --- メニューエリア --- */
div.paging ul.nl {
margin: 0;
padding: 4px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: right; /* メニューのセンタリング */
font-size: 80%; /* メニューの文字サイズ */
}
/* --- メニュー項目 --- */
div.paging ul.nl li {
display: inline;
margin-right: -1px; /* 項目の右マージン */
}

/* --- リンク --- */
div.paging ul.nl li a {
display: inline-block;
padding: 4px 8px; /* リンクエリアのパディング（上下、左右） */
background: #f9f9f9 url(page_gen.gif) repeat-x top; /* リンクエリアの背景 */
border: 1px #c0c0c0 solid; /* リンクエリアの境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.paging ul.nl li a:hover {
background: #004080 url(page_act.gif) repeat-x top; /* ポイント時の背景 */
border: 1px #000080 solid; /* ポイント時の境界線 */
text-decoration: underline; /* テキストの下線（あり） */
color: #ffffff; /* ポイント時の文字色 */
}

/* --- アクティブな項目 --- */
div.paging ul.nl li strong {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background: #004080 url(page_act.gif) repeat-x top; /* 項目の背景 */
border: 1px #000080 solid; /* 項目の境界線 */
color: #ffffff; /* 項目の文字色 */
}

/* --- リンクしない項目（前へ・次へ） --- */
div.paging ul.nl li span {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background: #f9f9f9 url(page_gen.gif) repeat-x top; /* 項目の背景 */
border: 1px #c0c0c0 solid; /* 項目の境界線 */
color: #808080; /* 項目の文字色 */
}/* --- ページ切り替えここまで --- */

@media (max-width: 480px) {
body {
	font-size: 14px;
}
br { display : none ; }
p {
	margin: 10px 10px 10px 10px;
	padding: 10px;
	text-indent: 0em;
	line-height: 1.6em;
	margin-bottom: 10px;
}
hr.style3 {
	border-top: 1px dashed #8c8b8b;
}
.boxleft{
	float: left;
	margin: 10px;
	padding: 0;
	max-width:100%;
	max-height: 100%;
	border-style: none;
	text-indent: none;

}
.boxright{
	float: right;
	margin: 10px;
	padding: 0;
	border-style: none;
	max-height: 100%;
	text-indent: none;
	margin-bottom: 1.5em;
}
.box-9 {
    padding: 0;
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 2.5em;
}
h3{
	margin-top: 10px;
	}
h3.enclose{
	margin-top: 10px;
}
table_05{
	max-width: 100%;
	table-layout: fixed;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* --- ページ切り替えここから --- */
/* --- ページングエリア --- */
div.paging {
margin: 20px 0;
}

/* --- メニューエリア --- */
div.paging ul.nl {
margin: 0;
padding: 4px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center; /* メニューのセンタリング */
font-size: 80%; /* メニューの文字サイズ */
}
/* --- メニュー項目 --- */
div.paging ul.nl li {
display: inline;
margin-right: -1px; /* 項目の右マージン */
}

/* --- リンク --- */
div.paging ul.nl li a {
display: inline-block;
padding: 4px 8px; /* リンクエリアのパディング（上下、左右） */
background: #f9f9f9 url(page_gen.gif) repeat-x top; /* リンクエリアの背景 */
border: 1px #c0c0c0 solid; /* リンクエリアの境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.paging ul.nl li a:hover {
background: #004080 url(page_act.gif) repeat-x top; /* ポイント時の背景 */
border: 1px #000080 solid; /* ポイント時の境界線 */
text-decoration: underline; /* テキストの下線（あり） */
color: #ffffff; /* ポイント時の文字色 */
}

/* --- アクティブな項目 --- */
div.paging ul.nl li strong {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background: #004080 url(page_act.gif) repeat-x top; /* 項目の背景 */
border: 1px #000080 solid; /* 項目の境界線 */
color: #ffffff; /* 項目の文字色 */
}

/* --- リンクしない項目（前へ・次へ） --- */
div.paging ul.nl li span {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background: #f9f9f9 url(page_gen.gif) repeat-x top; /* 項目の背景 */
border: 1px #c0c0c0 solid; /* 項目の境界線 */
color: #808080; /* 項目の文字色 */
}/* --- ページ切り替えここまで --- */

/* --- TOPメイン画像ナビゲーションバーここから --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background: #4e83b3 url(img/hor_menu6_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 2px #84aed2 solid; /* 上境界線 */
border-bottom: 2px #2c5170 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
max-width: 100%; /* メニューの幅 */
height: 100%;
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #4e83b3 url(img/hor_menu6_off.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #2c5170 solid; /* メニューの左境界線 */
border-right: 1px #84aed2 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 25%; /* 項目の幅 */
height: 100%;
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #84aed2 solid; /* リンクエリアの左境界線 */
border-right: 1px #2c5170 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
line-height: 100%; /* 行の高さ */
}
/* 英字部分 */
div.nav ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 英字の文字色 */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #5e91bd url(hor_menu6_on.gif) repeat-x top; /* ポイント時の背景 */
}
div.nav ul.nl li a:hover span.en {
color: #fde337; /* ポイント時の英字の文字色 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* ---TOPメイン画像ナビここまで--- */


}
/*######################################################
共通箇所
######################################################*/

/*//////////////////////////////////////
header
//////////////////////////////////////*/
header {
	width: 1024px;
	overflow: hidden;
	padding: 10px calc(50% - 512px);
}
header .logo {
	display: inline-block;
	width: 200px;
	position: relative;
	margin-right: 20px;
}
header .logo:hover {
	opacity: 0.5;
	text-decoration: none;
}
header .logo:before {
	content: "中国ビジネスサポートサイト";
	position: absolute;
	top: 0;
	right: 0;
	color: #333;
	font-size: 12px;
}
header .logo:after {
	content: "www.chinawork.co.jp/";
	display: block;
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 16px;
}
header .logo img {
}
header form {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #999;
	padding: 5px 0;
}
header form .site_search {
}
header form .site_search input[type="text"] {
	border: solid 3px #ddd;
	border-radius: 5px;
	padding: 5px;
}
header form .site_search input[type="submit"] {
	border-radius: 5px;
	border: none;
	font-family: 'Open Sans', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding: 5px 10px;
	color: #fff;
	background: #333;
}
header form .site_search input[type="submit"]:hover {
	opacity: 0.5;
}

@media (max-width: 480px) {
	br { display : none ; }
	hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

header {
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
}
header .logo {
	width: 100%;
	display: block;
	margin: 10px 0 0;
	text-align: center;
}
header .logo:hover {
}
header .logo:before {
	left: 40px;
	margin: auto;
}
header .logo:after {
}
header .logo img {
	width: 210px;
}
header form {
	display: block;
	text-align: center;
}
header form .site_search {
}
header form .site_search input[type="text"] {
}
header form .site_search input[type="submit"] {
}
header form .site_search input[type="submit"]:hover {
}
h3{
	margin-top: 10px;

	}
}
/* h */
h1 {

}

h2.main {
	clear: both;
	padding: .5em 0 .75em .75em;
	border-left: 6px solid #c00000;
	border-bottom: 1px solid #c00000;
	border-width: 100%;
	color: #c00000;
	margin: -10px 0 30px 0;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	text-indent:1em;
	clear: both;
	font-size: 18px;
    font-weight: bold;
	width: 680px;
	max-width:100%;
	font-size: 18px;
}
h2.gradetion{
	clear: both;
	padding: .5em .75em .5em .5em;
	margin: 0 0 0 0;
	background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
	background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	font-size: 18px;
	max-width:100%;
}
h3.main{
	clear: both;
	padding: -.5em 1.0em 1.0em 1.0em;
	border-bottom: 1px solid #ccc;
	border-width: 100%;
	font-weight: bold;
	margin: 10px 0 10px 0;
	text-indent:.3em;
	font-family:'ヒラギノ角ゴ ProN W3','Meiryo', 'メイリオ', 'sans-serif';
	font-size: 18px;
	width: 100%;
	line-height:1.6em;
	margin-bottom: 1.0em;
	margin-top: .5em;
}
h3.new{
	font-weight: bold;
	font-size: 16px !important;
	color: #F00;
}
h3.border{
	clear: both;
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-bottom: 1px solid #ccc;
	border-width: 100%;
	font-size: 18px;
	width: 670px;
	max-width: 100%;
	margin-bottom: 1.0em;
	margin-top: .5em;
}
h3.enclose{
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-width: 100%;
	font-weight: bold;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo', 'メイリオ', 'sans-serif';
	font-size: 18px;
	margin-bottom: 1.0em;
	margin-top: .5em;
}

/* table */
table#table-01 {
    width: 100%;
	table-layout: fixed;
    border: 1px #E3E3E3 solid;
    border-spacing: 0;
    background: #D5F0F0 url(img/bg_02.gif) repeat-x 0 100%;
}

table#table-01 th {
    padding: 5px;
    border: #98DCDC solid;
    border-width: 0 0 1px 1px;
    background: #73CECE url(img/bg_02_header.gif) repeat-x 0 100%;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#table-01 td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #8ED9D9 #8ED9D9 #FFFFFF;
    color: #1A4444;
    text-align: center;
}
table#table-01_02 td {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #A2DBA8 #A2DBA8 #FFFFFF;
    color: #1A4444;
    text-align: center;
	font-size:1.2em;
	
}
td.table-01{
	background-color: white;
}

/* 会社概要tableここから */
table.type02 {
	width:700px;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.type02 th {
    width: 150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #eee;
}

table.type02 td {
    width: 350px;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.type03 {
	width: 700px;
    max-width: 100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 3px solid #369;
}

table.type03 th {
    width: 90px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #153d73;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.type03 td {
    width: 349px;
	max-width: 100%;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* 会社概要tableここまで */

.table_05{
	width:700px;
max-width: 100%;
table-layout: fixed;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.table_05 th{
table-layout: fixed;
padding: 6px; text-align: left;
vertical-align: top;
color: #666666;
background: url(bg.jpg) repeat-x top left #eee;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.table_05 td{
max-width: 25%;
table-layout: fixed;
padding: 6px;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.table_06{
	width:700px;
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
table-layout: fixed;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.table_06 th{
padding: 6px;
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
table-layout: fixed;
text-align: left;
vertical-align: top;
color: #666666;
background: url(bg.jpg) repeat-x top left #eee;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.table_06 td{
padding: 6px;
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
table-layout: fixed;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}

/* --- フローチャート --- */
/* --- リストエリア --- */
ol.flow {
width: 300px; /* リストエリアの幅 */
max-width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 16px;
}

/* --- リスト項目 --- */
ol.flow li {
max-width: 100%;	
font-size: 16px;
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(../img/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow li.last {
max-width: 100%;
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
font-size: 16px;
}

/* --- ボックス --- */
ol.flow dl {
max-width: 100%;
margin: 0;
font-size: 16px;
}

/* --- タイトルエリア --- */
ol.flow dt {
max-width: 100%;
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background: #ffffff url(../img/maru4_300_top.gif) no-repeat top; /* タイトルエリアの背景 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
font-size: 16px;
}
/* --- タイトル --- */
ol.flow dt strong {
max-width: 100%;
margin-left: 3px;
color: #2b2b2b;
font-size: 16px;
}

/* --- 本文エリア --- */
ol.flow dd {
max-width: 100%;
font-size: 16px;
margin: 0;
padding: 15px 15px; /* 本文エリアのパディング（上下、左右） */
background: #ffffff url(../img/maru1_300_bottom.gif) no-repeat bottom; /* 本文エリアの背景 */
color: #2b2b2b;
line-height: 150%;

}
/* --- フローチャート(ここまで) --- */

/* --- フローチャート(商標登録) --- */
.msr_flow02 {
  max-width: 100%;
  color: #000000;
  list-style: none;
  overflow: hidden;
  padding-top: 20px;
  font-size: 16px;
}
.msr_flow02 li {
  max-width: 100%;
  background-color: #1B73BA;
  line-height: 60px;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 16px;
  min-width: 100px;
  padding: 0 10px 0 40px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
}
.msr_flow02 li:first-child {
  max-width: 100%;
  padding-left: 20px;
  font-size: 16px;
}

/* 三角形下部 */
.msr_flow02 li::after {
  max-width: 100%;
  background-color: #1B73BA;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  height: 30px;
  margin-left: auto;
  margin-right: -30px;
  margin-top: -30px;
  position: relative;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  width: 30px;
  font-size: 16px;
}

/* 三角形上部 */
.msr_flow02 li::before {
  max-width: 100%;	
  background-color: #1B73BA;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  float: right;
  height: 30px;
  margin-bottom: -30px;
  margin-left: auto;
  margin-right: -30px;
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  width: 30px;
}

/* 右端の設定 */
.msr_flow02 .active {
  max-width: 100%;
  background-color: #17619C;
  color: #FFFFFF;
}
.msr_flow02 .active::before, .msr_flow02 .active::after {
  max-width: 100%;
  background-color: #17619C;
}
/* --- フローチャート(商標登録) ここまで--- */

/* nav */
nav {
	float: right;
	width: 500px;
	margin-top: 18px;
	max-width: 100%;
}
nav ul {
	display: flex;
	/* background: #ACBDB8; */
	width: 100%;
}
nav ul li {
	flex: 1;
	text-align: center;
	border-right: solid 1px #999;
	position: relative;
	font-size: 14px;
	max-width: 100%;
}
nav ul li:last-of-type {
	border: none;
	max-width: 100%;
}
nav ul li a {
	display: block;
	color: #333;
	position: relative;
	padding: 19px 0 0px;
	max-width: 100%;
}
nav ul li a:hover {
	opacity: 0.5;
	text-decoration: none;
	max-width: 100%;
}
nav ul li a:before, nav ul li a:after {
	content: "";
	position: absolute;
	max-width: 100%;
}
nav ul li:nth-of-type(1) a:before {
	height: 0px;
	width: 0px;
	display: block;
	top: 0px;
	left: 0px;
	right: 0;
	margin: auto;
	border: 10px solid transparent;
	border-bottom-color: #333;
	border-top: 0;
	max-width: 100%;
}
nav ul li:nth-of-type(1) a:after {
	height: 4px;
	width: 2px;
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: auto;
	border: 6px #333 solid;
	border-top-width: 3px;
	border-bottom: 0;
	max-width: 100%;
}
nav ul li:nth-of-type(2) a:before {
	width: 18px;
	height: 14px;
	background: #333;
	top: 2px;
	left: 0px;
	right: 0;
	margin: auto;
	max-width: 100%;
}
nav ul li:nth-of-type(2) a:after {
	height: 15px;
	width: 15px;
	border-bottom: 1px #fff solid;
	border-right: 1px #fff solid;
	top: -7px;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
	max-width: 100%;
}
nav ul li:nth-of-type(3) a:before {
	height: 4px;
	width: 4px;
	border: 5px solid #333;
	display: block;
	top: 0px;
	left: 0px;
	right: 0;
	margin: auto;
	border-radius: 50%;
	max-width: 100%;
}
nav ul li:nth-of-type(3) a:after {
	height: 0px;
	width: 0px;
	top: 12px;
	left: 0;
	right: 0;
	margin: auto;
	border: 10px transparent solid;
	border-top-color: #333;
	border-width: 6px 5px 0px 5px;
}
nav ul li:nth-of-type(4) a:before {
	height: 6px;
	width: 4px;
	border: 3px solid #333;
	border-bottom: none;
	border-radius: 50% 50% 0 0;
	top: 0px;
	left: 14px;
	right: 0;
	margin: auto;
}
nav ul li:nth-of-type(4) a:after {
	width: 14px;
	height: 10px;
	background: #333;
	top: 7px;
	left: 0px;
	right: 0;
	margin: auto;
}
nav ul li:nth-of-type(5) a:before {
	top: 2px;
	left: 0px;
	right: 0;
	margin: auto;
	width: 7px;
	height: 12px;
	box-shadow: inset 0 0 0 32px #333, 0px 4px #333, 7px 4px #333;
}
nav ul li:nth-of-type(5) a:after {
	width: 1px;
	height: 1px;
	top: 3px;
	left: -5px;
	right: 0;
	margin: auto;
	box-shadow: inset 0 0 0 32px #fff, 2px 0 #fff, 0 2px #fff, 2px 2px #fff, 7px 6px #fff, 9px 6px #fff, 0 4px #fff, 7px 4px #fff, 9px 4px #fff, 2px 4px #fff;
}
nav #sp_btn {
	display: none;
}
nav .btn {
	display: none;
}
nav .cbtn {
	display: none;
}

@media (max-width: 480px) {
	box-9{
	max-width: 100%;
}
	br { display : none ; }
	hr.style3 {
	border-top: 1px dashed #8c8b8b;
}
h3.main{
	margin-top: 10px;
	margin-bottom: 10px;

}
table#table-01 {
    width: 100%;
	table-layout: fixed;
	max-width: 100%;
 margin-bottom: 1.5em;
 }
/* 会社概要tableここから */
table.type02 {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
	table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.type02 th {
    width: 40px;
    margin: 10px;
    font-weight: bold;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #eee;
}

table.type02 td {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	table-layout: fixed;
    padding: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.type03 {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
	table-layout: fixed;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    border-left: 3px solid #369;
}

table.type03 th {
    width: 40px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #153d73;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.type03 td {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width: 100%;
	table-layout: fixed;
    margin: 10px;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* 会社概要tableここまで */
.table_05{
	align: center;
	width:300px;
max-width: 100%;
table-layout: fixed;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.table_05 th{
table-layout: fixed;
padding: 6px; text-align: left;
vertical-align: top;
color: #666666;
background: url(bg.jpg) repeat-x top left #eee;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.table_05 td{
max-width: 25%;
table-layout: fixed;
padding: 6px;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.table_06{
	width:300px;
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
table-layout: fixed;
border-collapse: collapse;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.table_06 th{
margin: 5px;
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
table-layout: fixed;
text-align: left;
vertical-align: top;
color: #666666;
background: url(bg.jpg) repeat-x top left #eee;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}
.table_06 td{
padding: 6px;
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
table-layout: fixed;
border-bottom: 1px dotted #999;
border-left: 1px solid #ccc;
}

/* --- フローチャート(商標登録) --- */
.msr_flow02 {
  max-width: 100%;
  color: #000000;
  list-style: none;
  overflow: hidden;
  padding-top: 10px;
  font-size: 12px;
}
.msr_flow02 li {
  max-width: 25%;
  background-color: #1B73BA;
  line-height: 20px;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 12px;
  min-width: 40px;
  padding: 0 10px 10px 20px;
  text-align: center;
  text-decoration: none;
}
.msr_flow02 li:first-child {
  max-width: 25%;
  padding-left: 10px;
  font-size: 12px;
}

/* 三角形下部 */
.msr_flow02 li::after {
  max-width: 80%;
  background-color: #1B73BA;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  height: 10px;
  margin-left: auto;
  margin-right: -10px;
  margin-top: -10px;
  position: relative;
  transform: skew(-10deg);
  -o-transform: skew(-10deg);
  -ms-transform: skew(-10deg);
  -moz-transform: skew(-10deg);
  -webkit-transform: skew(-10deg);
  width: 10px;
  font-size: 12px;
}

/* 三角形上部 */
.msr_flow02 li::before {
  max-width: 80%;	
  background-color: #1B73BA;
  border-right: 1px solid #FFFFFF;
  content: " ";
  display: block;
  float: right;
  height: 10px;
  margin-bottom: -10px;
  margin-left: auto;
  margin-right: -10px;
  transform: skew(10deg);
  -o-transform: skew(10deg);
  -ms-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -webkit-transform: skew(10deg);
  width: 10px;
}

/* 右端の設定 */
.msr_flow02 .active {
  max-width: 80%;
  background-color: #17619C;
  color: #FFFFFF;
}
.msr_flow02 .active::before, .msr_flow02 .active::after {
  max-width: 80%;
  background-color: #17619C;
}
/* --- フローチャート(商標登録) ここまで--- */

nav {
	display: block;
	margin: 0;
}
nav ul {
}
nav ul li {
	border: solid 1px #fff;
	margin-bottom: 5px;
}
nav ul li:last-of-type {
	border: solid 1px #fff;
}
nav ul li a {
	background: #fff;
	color: #666;
}
nav ul li.active a {
	/* color: #fff; */
	/* background: #999; */
}
nav ul li a:hover {
}
nav #sp_btn {
}
nav .btn {
	position: fixed;
	top: 0px;
	right: 0px;
	display: block;
	color: #fff;
	width: 50px;
	height: 50px;
	z-index: 9999;
	background: #666;
	cursor: pointer;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	border-radius: 0 0 0 5px;
	box-sizing: border-box;
}
nav .btn b {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	bottom: 5px;
	margin: auto;
	font-size: 12px;
	font-weight: bold;
}
nav .btn b:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
	height: 3px;
	width: 32px;
	box-shadow: inset 0px 0px 0px 0px #fff, 0px -8px #fff, 0 -16px #fff;
}
nav #sp_btn:checked ~ .btn {
	right: 80%;
}
nav .cbtn {
	z-index: 99;
	display: none;
	top: 0;
	left: 0;
	position: fixed;
}
nav #sp_btn:checked ~ .cbtn {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
nav ul {
	position: fixed;
	z-index: 1000;
	display: block;
	font-size: 0.9em;
	background-color: #666;
	width: 80%;
	right: -80%;
	padding: 5%;
	list-style-type: none;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	box-sizing: border-box;
	height: 100%;
	top: 0px;
	overflow: scroll;
}
nav #sp_btn:checked ~ ul {
	right: 0px;
}
}
.gnav {
	width: 1024px;
	max-width: 100%;
	padding: 0px calc(50% - 512px);
	display: flex;
	background: #001A43;
	font-size: 16px;
}
.gnav li {
	position: relative;
	flex: auto;
	text-align: center;
}
.gnav li a {
	display: block;
	margin: 0;
	padding: 12px 0;
	line-height: 1;
	color: #fff;
}
.gnav li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #001A43;
}
.gnav li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	transition: .2s;
}
.gnav li ul li a {
	padding: 12px 15px;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
}
.gnav > li:hover > a {
	background: rgba(255,255,255,0.5);
	text-decoration: none;
}
.gnav > li:hover li:hover > a {
	background: rgba(255,255,255,0.5);
	text-decoration: none;
}
.gnav li:hover > ul > li {
	overflow: visible;
	height: auto;
}
.gnav li ul li ul {
	top: 0;
	left: 100%;
}
.gnav li:last-child ul li ul {
	left: -100%;
	width: 100%;
}
.gnav li ul li ul li a {
}
.gnav li:hover ul li ul li:hover > a {
}
.gnav li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #999;
}
.gnav li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #454e08;
}

/*.gnav.fixed */
.gnav.fixed {
	position: fixed;
	z-index: 100;
	top: 0;
	background: #001A43;
	animation-name: navi;
	animation-duration: 1s;
	animation-timing-function: ease;
}
@keyframes navi {
 0% {
 top: -143px;
}
 100% {
 top: 0;
}
}

@media (max-width: 480px) {
	br { display : none ; }
	hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

.gnav {
	width: 100%;
	flex-direction: column;
	font-size: 12px;
	margin-bottom: 0;
}
.gnav li {text-align: left;}
.gnav li a {
	line-height: 2;
	padding: 5px 10px;
}
.gnav li ul {
	display:none;
}
.gnav li a:hover {
}
/*.gnav.fixed */
.gnav.fixed {
	position: relative;
	z-index: 100;
	top: 0;
	background: #001A43;
	animation-name: navi;
	animation-duration: 1s;
	animation-timing-function: ease;
}
@keyframes navi {
 0% {
 top: 0;
}
 100% {
 top: 0;
}
}
}
/*//////////////////////////////////////
footer
//////////////////////////////////////*/
footer {
}
.footer_twitter{
	align: center;
	vertical-align: middle;
}
.footer_profile {
	width: 1024px;
	padding: 30px calc(50% - 512px);
	border-top: solid 1px #ddd;
	background: #333;
	color: #fff;
	text-align: center;
	font-size: 12px;
}
.footer_profile b {
	display: block;
	font-weight: bold;
	font-size: 16px;
}
.footer_menu{
    width: 1024px;
    padding: 0px calc(50% - 512px);
    background: #333;
    text-align: center;
}
	.footer_menu a{color: #fff;padding: 0 10px;border-right: solid 1px #fff;}
	.footer_menu a:last-of-type{border: none;}
	.footer_menu a:hover{}
footer small {
	display: block;
	text-align: center;
	background: #333;
	color: #999;
	font-size: 12px;
	padding: 30px 0;
}

a.page_top {
	transition: 1s;
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: block;
	text-indent: -9999px;
	border: 6px #ccc solid;
	border-radius: 50px;
	width: 65px;
	height: 65px;
	float: right;
	box-sizing: border-box;
	visibility: hidden;
	opacity: 0;
}
a.page_top:before {
	content: '';
	height: 0;
	width: 0;
	display: block;
	border: 12px transparent solid;
	border-bottom-color: #ccc;
	position: absolute;
	top: 0px;
	left: 15px;
	border-radius: 3px;
}
a.page_top:after {
	content: '';
	height: 20px;
	width: 10px;
	display: block;
	background: #ccc;
	position: absolute;
	top: 21px;
	left: 22px;
	border-radius: 2px;
}
a.page_top.fixed {
	visibility: visible;
	opacity: 1;
}
a.page_top.fixed:hover {
	opacity: 0.5;
}


@media (max-width: 480px) {
	br { display : none ; }
	hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

footer {
}
.footer_profile {
	width: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
}
.footer_profile b {
}
	.footer_menu{
    width: 100%;
    font-size: 12px;
}
	.footer_menu a{}
	.footer_menu a:hover{}
footer small {
	font-size: 11px;
}
	
a.page_top {
	border-radius: 50px;
	width: 46px;
	height: 46px;
}
a.page_top:before {
	border: 14px transparent solid;
	border-bottom-color: #ccc;
	left: 3px;
	top: -10px;
	border-radius: 3px;
}
a.page_top:after {
	height: 15px;
	width: 13px;
	top: 13px;
	left: 11px;
	border-radius: 2px;
}
}
/*//////////////////////////////////////
side
//////////////////////////////////////*/
.business_info {
	border: 1px solid #001A43;
} 
.business_info ul {
	font-size: 12px;
	list-style: inherit;
	margin-left: 20px;
	line-height: 1.0;
	border: 1px solid #001A43;
}
.business_info ul li {

}
.business_info ul li b {
	display: block;
	font-size: 14px;
}
.business_info ul li a {
	display: block;
	font-size: 14px;
}
.report {
}
.report dl {
}
.report dl a {
}
.report dt {
	position: relative;
	padding-left: 15px;
	margin-left: 5px;
}
.report dt:before {
	content: "■";
	position: absolute;
	left: 0;
	top: 0;
}
.report dd {
	margin: 0 0 10px 25px;
}
.keizai{
	display:none;
}
.china_market{}
.china_market ul{
    font-size: 12px;
}
.china_market ul li{
    margin-bottom: 1px;
}
.china_market ul li ul{
    list-style: disc;
    margin-left: 20px;
}
.china_market ul li ul li{}
@media (max-width: 480px) {
	br { display : none ; }
	hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

.business_info {
}
.business_info ul {
	display: none;
	margin-bottom: 20px;
}
.business_info ul li {
}
.business_info ul li b {
}
.business_info ul li a {
}
.report {
}
.report dl {
	display: none;
	margin-bottom: 20px;
}
.report dl a {
}
.report dt {
}
.report dt:before {
}
.report dd {
}

.keizai{
	display:block;
}
.keizai ul{
	display:none;
	font-size: 12px;
    list-style: inherit;
    margin-left: 20px;
    line-height: 1.4;
}
.keizai ul li{
	margin-bottom: 5px;
}
.china_market{}
.china_market ul{
	display:none;}
.china_market ul li{}
.china_market ul li ul{
    display: block;
}
.china_market ul li ul li{}
}
/*//////////////////////////////////////
全体要素
//////////////////////////////////////*/
.container {
	width: 1024px;
	padding: 0px calc(50% - 512px) 100px;
	overflow: hidden;

}
.main {
	float: left;
	width: 700px;

}
.side {
	float: right;
	width: 300px;

}
.data_sales + .side {
	display:none;
}
.side > div{
	margin-bottom: 30px;
}
.ttl {
	border: solid 1px #001A43;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 15px;
	padding: 0;
	pointer-events : none;
	text-indent: 0.5em;
	height: 100%;
}
.main .ttl{
	background:#001A43;
	border: none;
	color: #fff;
	padding: 0;
	margin: 0;
}
@media (max-width: 480px) {
	br { display : none ; }
.container {
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px 30px;
}
.main {
	float: none;
	width: auto;
	margin-bottom: 20px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 020px;
}
.side {
	float: none;
	width: auto;
}
.china_market_member + .side,
.data_sales + .side {
	display:block;
}
.side > div{
	margin-bottom: 0;
}
.ttl {
	position: relative;
	pointer-events: inherit;
	padding: 5px 30px 5px 5px;
	transition: 1s;
	color: #fff;
	background: #333;
	border-bottom: solid 1px #333;
	font-size: 15px;
}
.ttl.active {
	background: #fff;
	color: #333;
	border-bottom: dotted 1px #ddd;
}
.ttl:after {
	position: absolute;
	content: "▶";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
	text-align: right;
	padding: 5px;
	box-sizing: border-box;
}
.ttl.active:after {
	content: "▼";
}
}
/*######################################################
個別設定
######################################################*/
.page_ttl{
    width: 100%;
    margin: 0px auto 30px;
    background: url(../img/slide/top_img03.png) center;
    background-size: cover;
    font-size: 32px;
    height: 200px;
    /* box-sizing: border-box; */
    padding: 20px calc(50% - 512px);
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 5px #000;
}
@media (max-width: 480px) {
	br { display : none ; }
	.page_ttl{
    width: 100%;
    height: 100px;
    font-size: 24px;
    background-size: cover;
    padding: 20px;
    box-sizing: border-box;
}
}
/*//////////////////////////////////////
TOPページ
//////////////////////////////////////*/
.top_img {
	text-align: center;
	height: 400px;
	margin-bottom: 30px;
	width: 100%;
	font-family: "Sawarabi mincho";
	font-size: 54px;
	color: #fff;
	text-shadow: 2px 2px 6px #000;
	pointer-events: none;
}
.top_img #slider{
}

.top_img #slider div{padding: 150px 0 0;box-sizing: border-box;}
.top_img .skippr-nav-container{
	display:none;
}
.cnt_link{
    display: flex;
    margin: 0 -5px 30px;
}
.cnt_link a{
    flex: 1;
    text-align: center;
    background: #001A43;
    border-radius: 5px;
    color: #fff;
    margin: 0 5px;
    line-height: 50px;
}
.cnt_link a:hover{
    text-decoration: none;
    opacity: 0.5;
}
.info_txt {
	margin-bottom: 30px;
	border: solid 2px #001A43;
	border-radius: 5px;
	padding: 50px 20px 20px;
	font-size: 19px;
	position: relative;
	overflow: hidden;
}
.info_txt:before{
	content:"Concept";
	position: absolute;
	top: -47px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 300px;
	text-align: center;
	background: #001A43;
	color: #fff;
	border-radius: 50%;
	font-size: 30px;
	padding: 40px 0px 0px;
}
.info {
	margin-bottom: 30px;
}
.info dl {
}
.info dl a {
}
.info dt {
	position: relative;
	padding-left: 18px;
}
.info dt:before {
	content: "";
	position: absolute;
	top: 4px;
	/* bottom: 0; */
	left: 0;
	/* margin: auto; */
	width: 14px;
	height: 14px;
	background: #333;
}
.info dd {
	padding: 5px 18px;
	margin-bottom: 10px;
	border-bottom: solid 1px #ddd;
	overflow: hidden;
}
.info dd table {
	margin: 5px;
}
.info dd table tr {
}
.info dd table th {
	padding: 5px 10px;
	font-weight: bold;
	text-align: left;
}
.info dd table td {
	padding: 5px 10px;


}
.info dd ul {
	list-style: inherit;
	margin-left: 20px;
}
.info dd ul li {
}
.repo {
	margin-bottom: 30px;
    overflow:hidden;
		border: solid 1px #001a43;
}
.repo strong {
	background: #ddd;
	display: block;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 10px;
	
}
.repo dl {
	overflow-y: auto;
	max-height: 100%;
	margin: 10px 10px 10px 10px;
	padding: 0;
	
}
.repo dt, .repo dd {
	position: relative;
	padding-left: 18px;
	margin-bottom: 5px;
}
.repo dt:before, .repo dd:before {
	content: "";
	position: absolute;
	top: 4px;
	/* bottom: 0; */
	left: 0;
	margin: auto;
	width: 14px;
	height: 14px;
	background: #333;
}
.repo dd:before {
	background: #999;
}
.repo b {
	display: block;
	border: double 5px #ddd;
	padding: 10px;
}
.img_right {
	float: right;
	margin-left: 14px;
}

.office_info{
	width: 700px;
	max-width: 100%;
	margin: 20px 0 0 0;
}
.office_info ul{
    font-size: 12px;

    margin-left: -20px;
}
.office_info ul li{

    margin-left: 30px;
    float: left;
    width: calc(50% - 30px);
}
.office_info ul li img{
    width: 145px;
    float: left;
    margin-right: 10px;
	list-style:none;
}
.office_info ul li .office_txt{
    float: left;
    width: 140px;
	list-style:none;
}
.office_info ul li b{
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

@media (max-width: 480px) {
	br { display : none ; }
.top_img {height: 150px;font-size: 16px;}
.top_img #slider{}
.top_img #slider div{
    padding: 56px 0 0;
}
.top_img .skippr-nav-container{}
.cnt_link{
    flex-wrap: wrap;
    margin: 0 -2px 20px;
}
.cnt_link a{
    flex: inherit;
    white-space: nowrap;
    width: calc(50% - 4px);
    margin: 2px;
    font-size: 11px;
}
.cnt_link a:hover{}
.info_txt {font-size: 14px;}
.info {
	margin-bottom: 0;
}
.info dl {
	display: none;
	margin-bottom: 20px;
}
.info dl a {
}
.info dt {
}
.info dt:before {
}
.info dd {
}
.info dd table {
	margin: 5px 0;
}
.info dd table tr {
	display: block;
}
.info dd table th {
	display: block;
	padding: 5px 10px 0 0;
}
.info dd table td {
	display: block;
	padding: 0 10px 5px;
}
.info dd ul {
}
.info dd ul li {
}
.repo {margin: 0;}
.repo_inner {
	display: none;
	margin-bottom: 20px;
}
.repo strong {
}
.repo dl {
    height: inherit;
}
.repo dt, .repo dd {
}
.repo dt:before, .repo dd:before {
}
.repo dd:before {
}
.repo b {
}
.img_right {
	float: none;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
	.office_info{
}



.office_info ul{

	display:none;
	margin: 0;
	}
.office_info ul li{
    float: none;
    margin: 0 0 30px;
    width: auto;
}
.office_info ul li img{
    width: calc(50% - 10px);
}
.office_info ul li .office_txt{
    width: 50%;
}
.office_info ul li b{}
}

/*//////////////////////////////////////
中国現地調査
//////////////////////////////////////*/
.china_research{}
.china_research strong{
    display: block;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.china_research_list{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 3rem 0;
    padding-top: 2rem;
}
.china_research_list:before{
	content: "　■中国現地受託調査実績";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;

	font-size: 18px;
}
.china_research_cnt{
    width: 50%;
	height: 470px;
	max-height: 100%;
    padding: 0 10px 30px;
    box-sizing: border-box;
}
.china_research_cnt b{
    display: block;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 0px;
    background: #8DB3E2;
    color: #fff;
}
.china_research_cnt dl{}
.china_research_cnt dt{
    margin: 20px 0 10px;
}

.china_research_cnt dd{
    position: relative;
    padding-left: 15px;
    margin-left: 15px;
    font-size: 12px;
    margin-bottom: 5px;
}
.china_research_cnt dd:before {
    content: "■";
    position: absolute;
    left: 0;
    top: -2px;
}
.china_research_cnt li{
    position: relative;
    padding-left: 15px;
    margin-left: 15px;
    list-style: none;
    font-size: 12px;
}
.china_research_cnt li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: -2px;
}
.china_research_cnt small{
    text-align: right;
    display: block;


    font-size: 12px;
}
.china_research_price{
    margin-bottom: 3rem;
}
.china_research_price b{
    display: block;
    font-size: 18px;
    font-weight: bold;
    background: #8DB3E2;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}
.china_research_price table{
    width: 100%;
    margin-top: 2rem;
    border: solid 2px #ccc;
    border-right: none;
    border-bottom: none;
}
.china_research_price caption{
    text-align: left;
    font-weight: bold;
}
.china_research_price tr{}
.china_research_price th{
    background: #8DB3E2;
    border: solid 2px #ccc;
    border-left: none;
    border-top: none;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
}
.china_research_price td{
    border: solid 2px #ccc;
    border-left: none;
    border-top: none;
    padding: 5px 10px;
    vertical-align: middle;
    text-align: center;
}
.china_research_price td:nth-of-type(1){
    text-align: left;
}
.contact_area{
    background: #8DB3E2;
    position: relative;
    padding: 20px 20px 20px 80px;
    margin: auto;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.contact_area:before {
	content:"";
	width: 55px;
	height: 55px;
	border: solid 3px #ccc;
	background: #fff;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 10px;
	border-radius: 50%;
	box-sizing: border-box;
}
.contact_area:after {
	content:"";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	top: 0;
	bottom: 0;
	left: 20px;
	box-shadow: inset 0 0 0 32px #8DB3E2,10px 0px #8DB3E2,20px 0px #8DB3E2,30px 0px #8DB3E2,25px 5px #8DB3E2,20px 10px #8DB3E2,15px 15px #8DB3E2,25px -5px #8DB3E2,20px -10px #8DB3E2,15px -15px #8DB3E2;
	margin: auto;
}
.contact_area b{
    display: block;
    font-size: 18px;
    font-weight: bold;
}
@media (max-width: 480px) {
	br { display : none ; }
	.china_research{}
.china_research strong{
    font-size: 18px;
}
	.china_research_list{
    flex-direction: column;
}
.china_research_list:before{
}
.china_research_cnt{
    width: 100%;
	height: 100%;
    padding: 0 0 30px;
}
.china_research_cnt b{}
.china_research_cnt dl{}
.china_research_cnt dt{}
.china_research_cnt dd{}
.china_research_cnt li{}




.china_research_cnt small{}
.china_research_price{}
.china_research_price b{}
.china_research_price table{}
.china_research_price caption{}
.china_research_price tr{
    display: block;
}
.china_research_price th{
    display: none;
}
.china_research_price td{
    display: block;
    text-align: left;
}
.china_research_price td:before{
	content:"";
	display: block;
	background: #8DB3E2;
	margin: -5px -10px 5px;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
}
.china_research_price td:nth-of-type(1):before{
	content:"調査委項目";
}
.china_research_price td:nth-of-type(2):before{
	content:"概要費用";
}
.china_research_price td:nth-of-type(3):before{
	content:"所要日数";
}
.contact_area{
    width: 100%;
    font-size: 14px;
    padding: 10px 10px 10px 65px;
}
.contact_area:before {
	content:"";
	width: 42px;
	height: 42px;
	border: solid 3px #ccc;
}
.contact_area:after {
	width: 3px;
	height: 3px;
	box-shadow: inset 0 0 0 32px #8DB3E2,6px 0px #8DB3E2,12px 0px #8DB3E2,18px 0px #8DB3E2,15px 3px #8DB3E2,12px 6px #8DB3E2,9px 9px #8DB3E2,15px -3px #8DB3E2,12px -6px #8DB3E2,9px -9px #8DB3E2;
}
.contact_area b{}
}

/*//////////////////////////////////////
中国マーケット攻略会員
//////////////////////////////////////*/
.china_market_member{
    width: 100%;
}
.china_market_cnt{
    margin-bottom: 5px;
}
.china_market_txt{
    margin: 0 5px 0px 0px;
}
.china_market_cnt b{
    display: block;
    background: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 0 0;
    margin-bottom: 10px;
}
.china_market_cnt dl{
    counter-reset: count;
}
.china_market_cnt dl b{
    color: #333;
    background: inherit;
    font-size: 18px;
    padding: 0;
}
.china_market_cnt dt{
    position: relative;
    padding: 0 0 0 25px;
    font-size: 16px;
    margin-left: 10px;
    font-weight: bold;

}
.china_market_cnt dt:before {
    counter-increment: count;
    content: counter(count);
    position: absolute;
    top: 2px;
    left: 0;
    color: #fff;
    background: #999;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    font-size: 14px;
}
.china_market_cnt dd{
    margin: 0 0 10px 40px;
}

.china_market_cnt ul{
	clear: both;
    font-size: 21px;
    font-weight: bold;
    margin-left: 5px;
}
.china_market_cnt li{
	margin: 0;
	padding: 0;
	}
.china_market_cnt li:before{
	content:"";
	margin-right: 1rem;
}

.china_market_member .contact_area{
    background: #DBDB04;
}
.china_market_member .contact_area:after {
	box-shadow: inset 0 0 0 32px #DBDB04,10px 0px #DBDB04,20px 0px #DBDB04,30px 0px #DBDB04,25px 5px #DBDB04,20px 10px #DBDB04,15px 15px #DBDB04,25px -5px #DBDB04,20px -10px #DBDB04,15px -15px #DBDB04;
}
@media (max-width: 480px) {
	br { display : none ; }
.china_market_member{}
.china_market_cnt{}
.china_market_txt{}
.china_market_cnt b{}
.china_market_cnt dl{}
.china_market_cnt dl b{}
.china_market_cnt dt{}
.china_market_cnt dt:before {}
.china_market_cnt dd{}
.china_market_cnt ul{
    font-size: 16px;
    font-weight: normal;
    margin-left: 10px;
}
.china_market_cnt li{
    margin-bottom: 10px;
    padding-left: 10px;
}
.china_market_cnt li:before{
    white-space: pre;
    margin: 0 0 0 -10px;
    font-weight: bold;
}
.china_market_cnt li:nth-of-type(1):before{
    content: "";
}
.china_market_cnt li:nth-of-type(2):before{
    content: "";
}
.china_market_member .contact_area{
    width: 100%;
    font-size: 14px;
    padding: 10px 10px 10px 65px;
}
.china_market_member .contact_area:before {
	content:"";
	width: 42px;
	height: 42px;
	border: solid 3px #ccc;
}
.china_market_member .contact_area:after {
	width: 3px;
	height: 3px;
	box-shadow: inset 0 0 0 32px #DBDB04,6px 0px #DBDB04,12px 0px #DBDB04,18px 0px #DBDB04,15px 3px #DBDB04,12px 6px #DBDB04,9px 9px #DBDB04,15px -3px #DBDB04,12px -6px #DBDB04,9px -9px #DBDB04;
}
.contact_area b{}
}

/*//////////////////////////////////////
レポート・データ販売
//////////////////////////////////////*/
.data_sales{
    width: 100%;
}
.cate_list{
    margin: 0 -1px 30px;
    position: relative;
    padding-top: 2rem;
}
.cate_list:before{
	content:"";
	position: absolute;
	top: 0;
	left: 1px;
}
.cate_list input[type="radio"] {
  display: none;
}
.cate_list label{
    border: solid 1px #ccc;
    text-align: center;
    margin: 1px;
    cursor: pointer;
    padding: 10px 10px;
    box-sizing: border-box;
    background: #999;
    color: #fff;
    position: relative;
    float: left;
    width: calc((100% - 10px) / 5);
}
.cate_list label:hover{
    background: #8DB3E2;
}
.cate_list input:checked + label {
  background: #8DB3E2;
}
.cate_list input:checked + label:before{
	content:"";
	height: 0px;
	width: 0px;
	display: block;
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	border: 0px transparent solid;
	border-top-color: #ccc;
	border-width: 15px 8px 0px 8px;
}
.cate_list input:checked + label:after{
	content:"";
	height: 0px;
	width: 0px;
	display: block;
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	margin: auto;
	border: 0px transparent solid;
	border-top-color: #8DB3E2;
	border-width: 14px 7px 0px 7px;
}
.cate_list table {
  display: none;
  clear: both;
  margin-top: 70px;
  border: solid 2px #ccc;
  border-right: none;
  border-bottom: none;
  font-size: 12px;
}
.cate_list table th {
    background: #666;
    border: solid 2px #ccc;
    border-left: none;
    border-top: none;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
}
.cate_list table td {
    border: solid 2px #ccc;
    border-left: none;
    border-top: none;
    padding: 5px 10px;
    vertical-align: middle;
    text-align: center;
}
.cate_list table td:nth-of-type(1){}
.cate_list table td:nth-of-type(2){
    text-align: left;
}
.cate_list table td:nth-of-type(3){}
.cate_list table td:nth-of-type(4){}
.cate_list table td:nth-of-type(5){}
.cate_list table td:nth-of-type(6){
    /* width: 70px; */
}
.cate_list table td:nth-of-type(7){
    width: 80px;
	max-width: 100%;
}
.cate_list table td form:nth-of-type(1){
    font-size: 11px;
    display: block;
    margin-bottom: 5px;
}
.cate_list table td form:nth-of-type(1) select{
    font-family: 'Open Sans', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 12px;
}
.cate_list table td form:nth-of-type(1) input{
    font-family: 'Open Sans', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 11px;
    border: solid 1px #ccc;
    border-radius: 3px;
    background: #8DB3E2;
    color: #fff;
    margin-top: 3px;
}
.cate_list table td form:nth-of-type(1) input:hover{
	opacity:0.5;
}
.cate_list table td form:nth-of-type(2){
    line-height: 1;
    font-size: 11px;
}
.cate_list table td form:nth-of-type(2) input[type="image"]:hover{
	opacity:0.5;
}
.cate_list table td form:nth-of-type(2) img{
    display: none;
}
.cate_list table td form:nth-of-type(2):after{
	content:"PayPalで購入";
}
#cate01:checked ~ .cate01,
#cate02:checked ~ .cate02,
#cate03:checked ~ .cate03,
#cate04:checked ~ .cate04,
#cate05:checked ~ .cate05 {
  display: block;
}
@media (max-width: 480px) {
	br { display : none ; }
.data_sales{}
.cate_list{
    padding-top: 4rem;
}
.cate_list:before{}
.cate_list input[type="radio"] {}
.cate_list label{
    width: calc((100% - 4px) / 2);
}
.cate_list label:hover{}
.cate_list input:checked + label {}
.cate_list input:checked + label:before{
    content: none;
}
.cate_list input:checked + label:after{
    content: none;
}
.cate_list table {
    margin-top: 150px;
}
.cate_list table tr {
    display: block;
}
.cate_list table th {
    display: none;
}

.cate_list table td {
    display: block;
    text-align: left;
    box-sizing: border-box;
    border-bottom: dotted 1px #ccc;
}
.cate_list table td:nth-of-type(1){
    background: #666;
    color: #fff;
}
.cate_list table td:nth-of-type(2){}
.cate_list table td:nth-of-type(3){}
.cate_list table td:nth-of-type(4){}
.cate_list table td:nth-of-type(5){}
.cate_list table td:nth-of-type(6){
    width: 100%;
}
.cate_list table td:nth-of-type(7){
    border-bottom: solid 2px #ccc;
    text-align: center;
    width: 100%;
}
.cate_list table td:before{
	content:"";
	font-weight:bold;
	color: #8DB3E2;
	white-space: pre;
}
.cate_list table td:nth-of-type(1):before{
	content:"番号：";
	color: #fff;
}
.cate_list table td:nth-of-type(2):before{
	content: "商品名：\A";
}
.cate_list table td:nth-of-type(3):before{
	content: "発行元：\A";
}
.cate_list table td:nth-of-type(4):before{
	content:"発刊/著者名：";
}
.cate_list table td:nth-of-type(5):before{
	content:"税込価格（本体税別）：";
}
.cate_list table td:nth-of-type(6):before{
	content:"概要：";
}
.cate_list table td:nth-of-type(7):before{
	content:"";
}
.cate_list table td form:nth-of-type(1){}
.cate_list table td form:nth-of-type(1) select{}
.cate_list table td form:nth-of-type(1) input{}
.cate_list table td form:nth-of-type(1) input:hover{}
.cate_list table td form:nth-of-type(2){}
.cate_list table td form:nth-of-type(2) input[type="image"]:hover{}
.cate_list table td form:nth-of-type(2) img{}
.cate_list table td form:nth-of-type(2):after{}
#cate01:checked ~ .cate01,
#cate02:checked ~ .cate02,
#cate03:checked ~ .cate03,
#cate04:checked ~ .cate04,
#cate05:checked ~ .cate05 {display: block;}

}

/*//////////////////////////////////////
個人情報保護方針・免責事項
//////////////////////////////////////*/
.disclaimer{
	margin: 0;
	padding: 0;
}
.disclaimer_cnt{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;	
}
.disclaimer_cnt b{
    display: block;
    background: #999;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 10px;
	width: 685px;
	max-width:100%;
}
.disclaimer_cnt dl{}
.disclaimer_cnt dl dt{
    font-weight: bold;
    font-size: 16px;
    margin-top: 2rem;
}
.disclaimer_cnt dl dd{
    margin: 0.5rem;
}
.disclaimer_cnt ul{
    list-style: inherit;
    padding-left: 2rem;
    margin-top: 10px;
}
.disclaimer_cnt ul li{}
@media (max-width: 480px) {
	br { display : none ; }
.disclaimer{}
.disclaimer_cnt{}
.disclaimer_cnt b{}
.disclaimer_cnt dl{}
.disclaimer_cnt dl dt{}
.disclaimer_cnt dl dd{}
.disclaimer_cnt ul{}
.disclaimer_cnt ul li{}
}



/*//////////////////////////////////////
サイトマップ
//////////////////////////////////////*/
/* --- サイトマップエリア --- */
ul.sitemap {
width: 100%; /* サイトマップエリアの幅 */
margin: 0;
padding: 0;
font-weight: bold; /* 一旦全ての文字を太字にする */
list-style-type: none;
font-size: 80%;
color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url(../img/v_line1.gif) no-repeat left top; /* 1階層目の背景 */
line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 49.9%; /* セクションの幅 */
float: left;
}
ul.sitemap ul.separator {
background: url(../img/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
background: url(../img/v_line7.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(../img/triangle7.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li li {
padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
background: url(../img/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/*//////////////////////////////////////
中国の法規、法令、政策情報
//////////////////////////////////////*/
.data_seisaku{
    width: 100%;
}
.data_seisaku .cate_list:before{
	content:"";
}
.data_seisaku .cate_list table td:nth-of-type(6){
    text-align: left;
}
@media (max-width: 480px) {
	br { display : none ; }
.data_seisaku .cate_list table td:nth-of-type(7){
	text-align:left;
}
.data_seisaku .cate_list table td:nth-of-type(1):before{
	content:"管理番号：";
	color: #fff;
}
.data_seisaku .cate_list table td:nth-of-type(2):before{
	content: "法規名：\A";
}
.data_seisaku .cate_list table td:nth-of-type(3):before{
	content: "公布機関名：\A";
}
.data_seisaku .cate_list table td:nth-of-type(4):before{
	content:"文書番号：\A";
}
.data_seisaku .cate_list table td:nth-of-type(5):before{
	content:"交付時期：\A";
}
.data_seisaku .cate_list table td:nth-of-type(6):before{
	content:"主要内容：\A";
}
.data_seisaku .cate_list table td:nth-of-type(7):before{
	content:"中国語原文：\A";
}
}