@font-face {
	font-family: Utsukushi;
	src: url(../fonts/Utsukushi.eot?#iefix) format("embedded-opentype"), url(../fonts/Utsukushi.woff) format("woff"), url(../fonts/Utsukushi.ttf) format("truetype"), url(../webfont.svg#svgFontName) format("svg");
}
@font-face {
	font-family: icomoon;
	src: url(../fonts/icomoon.eot?eurekj#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?eurekj) format("truetype"), url(../fonts/icomoon.woff?eurekj) format("woff"), url(../fonts/icomoon.svg?eurekj#icomoon) format("svg");
	font-weight: normal;
	font-style: normal;
}

.title_bar { background-color: rgb(46, 99, 209); margin-top:15px;}

h1.title {
	padding: 10px 20px 10px 20px; line-height: 1.2em; font-size: 22px; margin:0 0 0px 0; color:#fff; font-weight:bold;
}

h1.title img { vertical-align:top; margin-right:3px;}


h1 span {
	color: rgb(153, 153, 153); font-size: 20px; display: block;
}
h1 span::first-letter {
	color: rgb(230, 23, 41);
}
h2 {
	padding: 15px 18px 13px; border-radius: 4px; line-height: 1.2em; font-size: 26px; margin-bottom: 20px; background-color: rgb(243, 243, 243);
}
h3 {
	padding: 17px 18px 14px; font-size: 24px; margin-bottom: 15px; position: relative;
}

h4 {
	padding: 8px 12px 3px; font-size: 24px; margin-bottom: 20px; border-left-color: rgb(204, 204, 204); border-left-width: 6px; border-left-style: solid;
}
@media handheld, only screen and (max-width:800px)
{
h1 {
	padding: 10px 0px 10px 20px; line-height: 1.2em; font-size: 20px; margin-bottom: 20px; 
}

h1.title {
	padding: 10px 10px 10px 10px; line-height: 1.2em; font-size: 20px;  
}

h2 {
	padding-bottom: 15px; font-size: 22px; margin-bottom: 10px;
}
h3 {
	padding: 17px 14px 15px; font-size: 20px;
}
h4 {
	font-size: 20px;
}
}
.pan {
	background: rgba(255, 255, 255, 0.9); padding: 10px 20px; width:100%; margin:0; text-align:right; font-size:12px;
}
.pan li {
	float: left; display: inline-block;
}
.pan li::after {
	margin: 0px 0.6em; color: rgb(149, 159, 165); display: inline-block; content: "\00bb";
}
.pan li.current {
	color: rgb(102, 102, 102); font-weight: bold;
}
.pan li.current::after {
	display: none;
}
.bg_next_future {
	background: url("../img/future/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_service {
	background: url("../img/service/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_filing {
	background: url("../img/service/technology/filing/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_documentcreation {
	background: url("../img/service/technology/documentcreation/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_gis {
	background: url("../img/service/technology/gis/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_survey {
	background: url("../img/service/technology/survey/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_systemdevelopment {
	background: url("../img/service/technology/systemdevelopment/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_web_mobile {
	background: url("../img/service/technology/web_mobile/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_media {
	background: url("../img/service/technology/media/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_archive {
	background: url("../img/service/technology/archive/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.bg_professional {
	background: url("../img/professional/img_main.png") fixed no-repeat center / cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.main_img_company {
	overflow: hidden; margin-bottom: 20px;
}

.box_mainimg {
	margin-bottom: 20px; position: relative;
}
.box_mainimg img {
	width: 100%;
}
.txt_main {
	border: currentColor; border-image: none; left: 6%; top: 32%; color: rgb(255, 255, 255); font-family: "Utsukushi"; font-size: 50px; font-weight: 300; margin-bottom: 40px; position: absolute; text-shadow: 1px 1px 3px #000;
}

.box_main_contents {
	background: rgba(255, 255, 255, 0.95); padding: 0px 0px 20px 0; border-radius: 3px;  border-image: none;
}


.box_main_contents img {max-width:100%;}

.box1-1 {
	margin-bottom: 20px;
}
.box1-1 .left_area {
	width: 50%; padding-right: 10px; float: left;
}
.box1-1 .right_area {
	width: 50%; padding-left: 10px; float: right;
}
.box1-1 img {
	width: 100%;
}
.box1-2 {
	margin-bottom: 20px;
}
.box1-2 .left_area {
	width: 30%; padding-right: 20px; float: left;
}
.box1-2 .right_area {
	width: 70%; float: right;
}
.box1-2 img {
	width: 100%;
}
.box2-1 {
	margin-bottom: 20px;
}
.box2-1 .left_area {
	width: 70%; padding-right: 20px; float: left;
}
.box2-1 .right_area {
	width: 30%; float: right;
}
.box2-1 img {
	width: 100%;
}
.box_article {
	background: rgb(255, 255, 255); border-radius: 3px; margin-bottom: 20px; border-top-color: rgb(230, 24, 41); border-top-width: 5px; border-top-style: solid; position: relative; -webkit-box-shadow: 1px 1px 8px -3px #777;
}
.box_article:hover {
	background: rgb(245, 245, 245);
}
.box_article:active {
	background: rgb(245, 245, 245);
}
.box_article a {
	color: rgb(51, 51, 51); text-decoration: none !important;
}
.box_article a {
	color: rgb(51, 51, 51); text-decoration: none !important;
}
.box_article a:hover {
	text-decoration: none !important;
}
.box_article a:active {
	text-decoration: none !important;
}
.img_article {
	height: 80px; line-height: 0; overflow: hidden;
}
.img_article img {
	width: 100%;
}
.box_article .detail {
	padding: 10px; text-align: center; color: rgb(102, 102, 102); font-size: 14px; border-top-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.category_article {
	padding: 5px; border: 1px solid rgb(238, 238, 238); border-image: none; text-align: center; line-height: 1.2em; font-size: 12px;
}
.c_01.category_article {
	background: rgb(230, 24, 41); color: rgb(255, 255, 255);
}
.c_02.category_article {
	background: rgb(42, 68, 89); color: rgb(255, 255, 255);
}
.c_03.category_article {
	background: rgb(146, 142, 104); color: rgb(255, 255, 255);
}
.status {
	background: rgb(223, 4, 3); padding: 6px 2px 0px; left: 10px; top: -8px; width: 45px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 14px; font-size: 12px; font-weight: bold; position: absolute;
}
.status::after {
	top: 0px; width: 0px; height: 0px; right: -3px; border-right-color: transparent; border-bottom-color: rgb(116, 1, 0); border-right-width: 3px; border-bottom-width: 3px; border-right-style: solid; border-bottom-style: solid; display: block; position: absolute; content: "";
}
.box_door {
	border-radius: 3px; margin-bottom: 20px; position: relative;
}
.box_door:hover {
	opacity: 0.8;
}
.box_door:active {
	opacity: 0.8;
}
.box_door a:hover {
	text-decoration: none !important;
}
.box_door a:active {
	text-decoration: none !important;
}
.img_door {
	height: 110px; line-height: 0; overflow: hidden;
}
.img_door img {
	width: 100%;
}
.tit_door {
	padding: 10px 0px; color: rgb(102, 102, 102); font-weight: bold; margin-bottom: 10px;
}
.tit_door::first-letter {
	color: rgb(230, 23, 41);
}
.box_c01 {
	background: rgb(245, 243, 238); padding: 20px; border-radius: 3px; margin-bottom: 20px;
}
.box_profile {
	border: 1px solid rgb(204, 204, 204); border-image: none; font-size: 14px; margin-bottom: 40px;
}
.box_profile .indent {
	padding: 20px;
}
.box_img {
	margin-bottom: 20px;
}
.box_img img {
	width: 100%;
}
.box_img .caption {
	text-align: right; color: rgb(102, 102, 102); font-size: 14px;
}
.indent40 {
	padding-left: 40px;
}
@media handheld, only screen and (max-width:767px)
{
.txt_main {
	top: 30%; font-size: 35px;
}
.img_article {
	height: 70px;
}
.box_door {
	margin-bottom: 0px;
}
.tit_door {
	height: 55px; font-weight: normal;
}
.img_door {
	height: 70px;
}
}
@media handheld, only screen and (max-width:480px)
{
.box1-1 .left_area {
	width: 100%; padding-right: 0px; float: none;
}
.box1-2 .left_area {
	width: 100%; padding-right: 0px; float: none;
}
.box2-1 .left_area {
	width: 100%; padding-right: 0px; float: none;
}
.box1-1 .right_area {
	padding: 0px; width: 100%; margin-bottom: 10px; float: none;
}
.box1-2 .right_area {
	padding: 0px; width: 100%; margin-bottom: 10px; float: none;
}
.box2-1 .right_area {
	padding: 0px; width: 100%; margin-bottom: 10px; float: none;
}
.txt_main {
	left: 10%; top: 20%; font-size: 26px;
}
.indent40 {
	padding-left: 0px;
}
}
.list_m01 {
	padding-left: 20px; margin-bottom: 20px;
}
.list_m01 li {
	margin: 0px 0px 5px; padding-left: 20px; position: relative;
}
.list_m01 li::before {
	background: rgb(170, 170, 170); left: 2px; top: 7px; width: 9px; height: 9px; display: block; position: absolute; content: ""; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);
}
.list_number {
	list-style: none; margin: 0px; padding: 0px; counter-reset: number;
}
.list_number li {
	line-height: 2em; padding-left: 2em; margin-bottom: 10px; margin-left: 5px; position: relative;
}
.list_number li::before {
	background: rgb(153, 153, 153); border-radius: 3px; left: -5px; width: 30px; height: 30px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; position: absolute; content: counter(number); counter-increment: number;
}
.list_relation {
	margin: 0px; padding: 0px;
}
.list_relation li {
	padding: 0px 5px !important; width: 32%; vertical-align: top; display: inline-block; position: static !important; box-sizing: border-box;
}
.list_door li {
	padding: 0px 2%; width: 25%; float: left; box-sizing: border-box;
}
@media handheld, only screen and (max-width:767px)
{
.list_door li {
	padding: 0px 10px;
}
}
@media handheld, only screen and (max-width:480px)
{
.list_relation li {
	width: 48%;
}
.list_door li {
	width: 50%;
}
}
.tit_A {
	
}
.tit_article {
	padding: 5px 10px; line-height: 1.4em; font-size: 14px; font-weight: bold; margin-bottom: 5px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid; min-height: 50px;
}
.tit_article span {
	color: rgb(102, 102, 102); font-size: 14px; display: block;
}
.tit_article span::first-letter {
	color: rgb(230, 23, 41);
}
@media handheld, only screen and (max-width:480px)
{
.tit_article {
	font-size: 14px; margin-bottom: 0px;
}
}
.tit_profile {
	background: rgb(51, 51, 51); padding: 10px 20px; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold;
}
.tit_profile2 {
	text-align: center; font-size: 16px; margin-bottom: 10px; position: relative;
}
.tit_profile2::before {
	background: linear-gradient(-45deg, transparent, rgb(204, 204, 204) 10%, rgb(204, 204, 204) 90%, transparent); top: 50%; width: 100%; height: 1px; display: block; position: absolute; z-index: 1; content: "";
}
.tit_profile2 span {
	margin: 0px 4em; padding: 0px 1em; text-align: left; display: inline-block; position: relative; z-index: 2; background-color: rgb(255, 255, 255);
}
.txt_article {
	padding: 0px 10px 5px; font-size: 14px; min-height: 55px;
}
.box_profile .txt_name {
	font-size: 18px; margin-bottom: 10px;
}
.txt_link {
	padding-left: 15px; margin-bottom: 15px;
}
.txt_link a {
	position: relative;
}
.txt_link a::before {
	border-width: 5px 6px; border-style: solid; border-color: transparent transparent transparent rgb(204, 204, 204); left: -15px; top: 50%; width: 0px; height: 0px; margin-top: -5px; display: inline-block; position: absolute; content: "";
}
.f_bold {
	font-weight: bold; margin-bottom: 15px;
}
.f_12 {
	font-size: 12px;
}
.f_14 {
	font-size: 14px;
}
.f_emphasis {
	font-size: 20px; font-weight: bold; margin-bottom: 15px;
}
.txt_red {
	color: rgb(230, 23, 41); margin-bottom: 15px;
}
.txt_indent {
	padding-left: 14px;
}
.number {
	line-height: 1.8em; text-indent: -2.5em; padding-left: 2.5em; margin-bottom: 15px;
}
.number span {
	background: rgb(153, 153, 153); padding: 4px 10px; border-radius: 3px; width: 30px; height: 30px; text-align: center; color: rgb(255, 255, 255); font-weight: bold; margin-right: 10px;
}
@media handheld, only screen and (max-width:480px)
{
.txt_article {
	display: none;
}
}
.btn_detail {
	margin-bottom: 20px;
}
.btn_detail a {
	margin: 0px auto; padding: 15px; border-radius: 3px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100%; text-align: center; font-size: 18px; display: block; cursor: pointer;
}
.btn_detail a:hover {
	background: rgb(243, 243, 243);
}
.btn_detail a:active {
	background: rgb(243, 243, 243);
}
.btn_detail a span {
	padding-left: 10px; position: relative;
}
.btn_detail a span::before {
	border-width: 5px 6px; border-style: solid; border-color: transparent transparent transparent rgb(204, 204, 204); left: 0px; top: 50%; width: 0px; height: 0px; margin-top: -5px; display: inline-block; position: absolute; content: "";
}
@media handheld, only screen and (max-width:480px)
{
.btn_detail a {
	text-align: left;
}
}
.b_btm {
	padding-bottom: 10px; margin-bottom: 20px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.table table {
	width: 100%;
}
.table th {
	padding: 10px 3px; 
}
.table td {
	padding: 10px 3px; 
}
.table th {
	text-align: left;
}
.table .txt_link {
	margin-bottom: 0px;
}
@media only screen and (max-width:600px)
{
.table {
	-ms-overflow-x: auto;
}
.table table {
	width: 600px;
}
}
@media only screen and (max-width:480px)
{
.table {
	font-size: 16px;
}
}
ul#tabs-list {
	list-style: none; margin: 0px; padding: 0px; text-align: center; border-bottom-color: rgb(223, 223, 223); border-bottom-width: 1px; border-bottom-style: solid;
}
ul#tabs-list a {
	text-decoration: none; display: block;
}
label.panel-label {
	width: 100%; color: rgb(102, 102, 102); display: block; cursor: pointer; -ms-user-select: none; transition-property: border-top, background-color, color; transition-duration: 200ms; background-color: rgb(236, 240, 241); -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-transition-property: border-top, background-color, color; -webkit-transition-duration: 200ms;
}
label.panel-label:hover {
	color: rgb(230, 23, 41);
}
#panels {
	background-color: rgba(255, 255, 255, 0.95);
}
#panels a {
	text-decoration: none;
}
#panels section {
	margin-bottom: 0px;
}
#panels .container {
	margin: 0px auto; width: 100%;
}
#panels section header label.panel-label {
	padding: 12px 24px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#panels section main {
	transition:opacity 600ms; -ms-overflow-y: hidden; max-height: 0px; box-sizing: border-box; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: opacity 600ms;
}
:checked#panel-1-ctrl ~ #panels #panel-1 main {
	padding: 40px 10px 10px; opacity: 1;
}
:checked#panel-2-ctrl ~ #panels #panel-2 main {
	padding: 40px 10px 10px; opacity: 1;
}
:checked#panel-3-ctrl ~ #panels #panel-3 main {
	padding: 40px 10px 10px; opacity: 1;
}
:checked#panel-4-ctrl ~ #panels #panel-4 main {
	padding: 40px 10px 10px; opacity: 1;
}
:checked#panel-5-ctrl ~ #panels #panel-5 main {
	padding: 20px 10px 10px; opacity: 1;
}
@media all and (max-width:767px)
{
:checked#nav-ctrl ~ #tabs-list #li-for-panel-1 {
	max-height: 46px; opacity: 1;
}
:checked#nav-ctrl ~ #tabs-list #li-for-panel-2 {
	max-height: 46px; opacity: 1;
}
:checked#nav-ctrl ~ #tabs-list #li-for-panel-3 {
	max-height: 46px; opacity: 1;
}
:checked#nav-ctrl ~ #tabs-list #li-for-panel-4 {
	max-height: 46px; opacity: 1;
}
:checked#nav-ctrl ~ #tabs-list #li-for-panel-5 {
	max-height: 46px; opacity: 1;
}
:checked#nav-ctrl ~ #tabs-list #open-nav-label {
	display: none;
}
#close-nav-label {
	padding: 0px; transition:max-height 200ms; color: rgb(236, 240, 241); text-transform: uppercase; line-height: 22px; letter-spacing: 1px; font-size: 12px; display: block; cursor: pointer; -ms-overflow-y: hidden; max-height: 0px; background-color: rgb(68, 68, 68); -webkit-transition: max-height 200ms;
}
:checked#nav-ctrl ~ #tabs-list #close-nav-label {
	padding: 8px 24px; display: none; max-height: 46px; opacity: 1;
}
#tabs-list {
	position: relative;
}
#tabs-list label.panel-label {
	padding: 12px 0px;
}
#tabs-list li {
	border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid;
}
#tabs-list #li-for-panel-1 {
	transition:max-height 200ms; -ms-overflow-y: hidden; max-height: 46px; -webkit-transition: max-height 200ms;
}
#tabs-list #li-for-panel-2 {
	transition:max-height 200ms; -ms-overflow-y: hidden; max-height: 46px; -webkit-transition: max-height 200ms;
}
#tabs-list #li-for-panel-3 {
	transition:max-height 200ms; -ms-overflow-y: hidden; max-height: 46px; -webkit-transition: max-height 200ms;
}
#tabs-list #li-for-panel-4 {
	transition:max-height 200ms; -ms-overflow-y: hidden; max-height: 46px; -webkit-transition: max-height 200ms;
}
#tabs-list #li-for-panel-5 {
	transition:max-height 200ms; -ms-overflow-y: hidden; max-height: 46px; -webkit-transition: max-height 200ms;
}
:checked#panel-1-ctrl ~ #tabs-list #li-for-panel-1 {
	max-height: 46px; opacity: 1;
}
:checked#panel-1-ctrl ~ #tabs-list #li-for-panel-1 label.panel-label {
	color: white; background-color: rgb(230, 23, 41);
}
:checked#panel-2-ctrl ~ #tabs-list #li-for-panel-2 {
	max-height: 46px; opacity: 1;
}
:checked#panel-2-ctrl ~ #tabs-list #li-for-panel-2 label.panel-label {
	color: white; background-color: rgb(230, 23, 41);
}
:checked#panel-3-ctrl ~ #tabs-list #li-for-panel-3 {
	max-height: 46px; opacity: 1;
}
:checked#panel-3-ctrl ~ #tabs-list #li-for-panel-3 label.panel-label {
	color: white; background-color: rgb(230, 23, 41);
}
:checked#panel-4-ctrl ~ #tabs-list #li-for-panel-4 {
	max-height: 46px; opacity: 1;
}
:checked#panel-4-ctrl ~ #tabs-list #li-for-panel-4 label.panel-label {
	color: white; background-color: rgb(230, 23, 41);
}
:checked#panel-5-ctrl ~ #tabs-list #li-for-panel-5 {
	max-height: 46px; opacity: 1;
}
:checked#panel-5-ctrl ~ #tabs-list #li-for-panel-5 label.panel-label {
	color: white; background-color: rgb(230, 23, 41);
}
#panels .container {
	width: 100%;
}
#panels section header {
	display: block;
}
}
@media all and (min-width:768px)
{
:checked#panel-1-ctrl ~ #tabs-list #li-for-panel-1 {
	border-top-color: currentColor; border-right-color: currentColor; border-top-width: medium; border-right-width: medium; border-top-style: none; border-right-style: none; cursor: default; pointer-events: none; box-shadow: none; transform: translate(0px, 1px); -webkit-transform: translate(0, 1px); -webkit-box-shadow: none;
}
:checked#panel-1-ctrl ~ #tabs-list :last-child#li-for-panel-1 {
	border-right-color: rgb(223, 223, 223); border-right-width: 1px; border-right-style: solid;
}
:checked#panel-1-ctrl ~ #tabs-list #li-for-panel-1 + li {
	border-left-color: rgb(223, 223, 223); border-left-width: 1px; border-left-style: solid;
}
:checked#panel-1-ctrl ~ #tabs-list #li-for-panel-1 label.panel-label {
	color: rgb(230, 23, 41); padding-top: 26px; border-top-color: rgb(230, 23, 41); border-top-width: 6px; border-top-style: solid; background-color: white;
}
:checked#panel-2-ctrl ~ #tabs-list #li-for-panel-2 {
	border-top-color: currentColor; border-right-color: currentColor; border-top-width: medium; border-right-width: medium; border-top-style: none; border-right-style: none; cursor: default; pointer-events: none; box-shadow: none; transform: translate(0px, 1px); -webkit-transform: translate(0, 1px); -webkit-box-shadow: none;
}
:checked#panel-2-ctrl ~ #tabs-list :last-child#li-for-panel-2 {
	border-right-color: rgb(223, 223, 223); border-right-width: 1px; border-right-style: solid;
}
:checked#panel-2-ctrl ~ #tabs-list #li-for-panel-2 + li {
	border-left-color: rgb(223, 223, 223); border-left-width: 1px; border-left-style: solid;
}
:checked#panel-2-ctrl ~ #tabs-list #li-for-panel-2 label.panel-label {
	color: rgb(230, 23, 41); padding-top: 26px; border-top-color: rgb(230, 23, 41); border-top-width: 6px; border-top-style: solid; background-color: white;
}
:checked#panel-3-ctrl ~ #tabs-list #li-for-panel-3 {
	border-top-color: currentColor; border-right-color: currentColor; border-top-width: medium; border-right-width: medium; border-top-style: none; border-right-style: none; cursor: default; pointer-events: none; box-shadow: none; transform: translate(0px, 1px); -webkit-transform: translate(0, 1px); -webkit-box-shadow: none;
}
:checked#panel-3-ctrl ~ #tabs-list :last-child#li-for-panel-3 {
	border-right-color: rgb(223, 223, 223); border-right-width: 1px; border-right-style: solid;
}
:checked#panel-3-ctrl ~ #tabs-list #li-for-panel-3 + li {
	border-left-color: rgb(223, 223, 223); border-left-width: 1px; border-left-style: solid;
}
:checked#panel-3-ctrl ~ #tabs-list #li-for-panel-3 label.panel-label {
	color: rgb(230, 23, 41); padding-top: 26px; border-top-color: rgb(230, 23, 41); border-top-width: 6px; border-top-style: solid; background-color: white;
}
:checked#panel-4-ctrl ~ #tabs-list #li-for-panel-4 {
	border-top-color: currentColor; border-right-color: currentColor; border-top-width: medium; border-right-width: medium; border-top-style: none; border-right-style: none; cursor: default; pointer-events: none; box-shadow: none; transform: translate(0px, 1px); -webkit-transform: translate(0, 1px); -webkit-box-shadow: none;
}
:checked#panel-4-ctrl ~ #tabs-list :last-child#li-for-panel-4 {
	border-right-color: rgb(223, 223, 223); border-right-width: 1px; border-right-style: solid;
}
:checked#panel-4-ctrl ~ #tabs-list #li-for-panel-4 + li {
	border-left-color: rgb(223, 223, 223); border-left-width: 1px; border-left-style: solid;
}
:checked#panel-4-ctrl ~ #tabs-list #li-for-panel-4 label.panel-label {
	color: rgb(230, 23, 41); padding-top: 26px; border-top-color: rgb(230, 23, 41); border-top-width: 6px; border-top-style: solid; background-color: white;
}
:checked#panel-5-ctrl ~ #tabs-list #li-for-panel-5 {
	border-top-color: currentColor; border-right-color: currentColor; border-top-width: medium; border-right-width: medium; border-top-style: none; border-right-style: none; cursor: default; pointer-events: none; box-shadow: none; transform: translate(0px, 1px); -webkit-transform: translate(0, 1px); -webkit-box-shadow: none;
}
:checked#panel-5-ctrl ~ #tabs-list :last-child#li-for-panel-5 {
	border-right-color: rgb(223, 223, 223); border-right-width: 1px; border-right-style: solid;
}
:checked#panel-5-ctrl ~ #tabs-list #li-for-panel-5 + li {
	border-left-color: rgb(223, 223, 223); border-left-width: 1px; border-left-style: solid;
}
:checked#panel-5-ctrl ~ #tabs-list #li-for-panel-5 label.panel-label {
	color: rgb(230, 23, 41); padding-top: 26px; border-top-color: rgb(230, 23, 41); border-top-width: 6px; border-top-style: solid; background-color: white;
}
ul#tabs-list {
	text-align: center; border-bottom-color: rgb(223, 223, 223); border-bottom-width: 1px; border-bottom-style: solid;
}
ul#tabs-list li {
	width: 32%; text-align: center; font-size: 1.2em; border-top-color: rgb(223, 223, 223); border-right-color: rgb(223, 223, 223); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; display: inline-block; box-sizing: border-box; box-shadow: 0px -2px 2px rgba(0,0,0,0.05); transition-property: border-top; transition-duration: 200ms; -webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05); -webkit-transition-property: border-top; -webkit-transition-duration: 200ms;
}
ul#tabs-list li:hover {
	border-top-color: currentColor; border-right-color: currentColor; border-top-width: medium; border-right-width: medium; border-top-style: none; border-right-style: none;
}
ul#tabs-list li:last-of-type:hover {
	border-right-color: rgb(223, 223, 223); border-right-width: 1px; border-right-style: solid;
}
ul#tabs-list li:hover + li {
	border-left-color: rgb(223, 223, 223); border-left-width: 1px; border-left-style: solid;
}
ul#tabs-list li label.panel-label {
	padding: 24px 0px; border-top-color: rgb(230, 23, 41); border-top-width: 0px; border-top-style: solid;
}
ul#tabs-list li label.panel-label:hover {
	padding-top: 25px; border-top-width: 6px;
}
#open-nav-label {
	display: none;
}
#close-nav-label {
	display: none;
}
#nav-ctrl {
	display: none;
}
}
@media all and (min-width:900px)
{
main {
	margin: 0px auto; width: 100%;
}
}
.panel-radios {
	left: 50%; top: 10px; width: 20px; display: none; position: fixed; z-index: 99; opacity: 0.5;
}
:nth-child(1).panel-radios {
	transform: translateX(-50px); -webkit-transform: translateX(-50px);
}
:nth-child(2).panel-radios {
	transform: translateX(-30px); -webkit-transform: translateX(-30px);
}
:nth-child(3).panel-radios {
	transform: translateX(-10px); -webkit-transform: translateX(-10px);
}
:nth-child(4).panel-radios {
	transform: translateX(10px); -webkit-transform: translateX(10px);
}
:nth-child(5).panel-radios {
	transform: translateX(30px); -webkit-transform: translateX(30px);
}
:nth-child(6).panel-radios {
	top: 30px; display: block; transform: translateX(-10px); -webkit-transform: translateX(-10px);
}
#introduction {
	margin: 0px auto; padding: 48px 24px; width: 90%; color: white;
}
#introduction h1 {
	text-align: center; font-weight: 300;
}
main h1 {
	text-align: center;
}
main hr {
	margin: 12px 0px; border-top-color: rgb(223, 223, 223); border-top-width: 1px; border-top-style: solid;
}
label.demo-label {
	padding: 4px 8px; border-radius: 2px; color: white; display: inline-block; cursor: pointer; -ms-user-select: none; background-color: rgb(230, 23, 41); -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
label.demo-label:hover {
	background-color: rgb(231, 76, 60);
}
#demo-child-toggle {
	display: none;
}
:checked#demo-child-toggle ~ #demo-parent #demo-child {
	color: rgb(230, 23, 41); text-transform: uppercase; font-weight: bold;
}
#demo-parent {
	margin-top: 8px;
}
code {
	border-radius: 2px; border: 1px solid rgb(223, 223, 223); border-image: none; color: rgb(230, 23, 41); font-family: Inconsolata, "Andale Mono", Andale, monowidth; background-color: rgb(236, 240, 241);
}
pre {
	border-radius: 2px; border: 1px solid rgb(223, 223, 223); border-image: none; color: rgb(230, 23, 41); font-family: Inconsolata, "Andale Mono", Andale, monowidth; background-color: rgb(236, 240, 241);
}
code {
	padding: 2px 6px;
}
pre {
	padding: 12px; line-height: 1.6;
}
pre strong {
	color: rgb(68, 68, 68);
}
section {
	margin-bottom: 20px;
}
.m00 {
	margin: 0px !important;
}
.mt00 {
	margin-top: 0px !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt55 {
	margin-top: 55px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt65 {
	margin-top: 65px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt70 {
	margin-top: 70px !important;
}


.mr00 {
	margin-right: 0px !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mb00 {
	margin-bottom: 0px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.ml00 {
	margin-left: 0px !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pb10 {
	padding-bottom: 10px !important;
}
.t_right {
	text-align: right;
}
.t_center {
	text-align: center;
}
.col-1-1 {
	position: relative;
}
.recommended {
	position: relative;
}
.news {
	position: relative;
}
.tit_border {
	left: 0px; top: 0px; width: 150px; height: 5px; position: absolute;
}
.w110 {
	margin: 0px auto; width: 110px;
}
.w50p {
	margin: auto; width: 50%;
}
@media handheld, only screen and (min-width:480px)
{
.pc_none {
	display: none;
}
}
@media handheld, only screen and (max-width:480px)
{
.sp_none {
	display: none;
}
.w50p {
	margin: auto; width: 100%;
}
}
[class^='icon-'] {
	text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none;
}
[class*=' icon-'] {
	text-transform: none; line-height: 1; font-family: "icomoon" !important; font-style: normal; font-variant: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none;
}
i {
	margin-right: 10px;
}
.icon-office::before {
	content: "\e903";
}
.icon-newspaper::before {
	content: "\e902";
}
.icon-price-tag::before {
	content: "\e908";
}
.icon-users::before {
	content: "\e905";
}
.icon-magic-wand::before {
	content: "\e906";
}
.icon-list2::before {
	content: "\e907";
}
.icon-star-full::before {
	content: "\e904";
}
.icon-plus::before {
	content: "\e90b";
}
.icon-info::before {
	content: "\e900";
}
.icon-previous2::before {
	content: "\e909";
}
.icon-next2::before {
	content: "\e90a";
}
.icon-table::before {
	content: "\e901";
}
.icon-mail2::before {
	content: "\e90c";
}