.mx-component-area{
min-height:800px;
}
.contents_main {
    width: 90%;
    margin: 0 5%;
  float:left;
  padding: 32px 0;
}

.chart{
      width: 90%;
    margin: 0 auto;
    padding: 0 0 30px;
}

.submenu-inner .active{
    color:#1c5275!important;
}


.blog_cate{
  margin-top:32px;
}

.resplc-loadmore {
display: none!important;
}

/*---------------------------------------------------------------
# Package - Joomla Template based on Sboost Framework   
# ---------------------------------------------------------------
# Author - mixwebtemplates http://www.mixwebtemplates.com
# Copyright (C) 2008 - 2013 mixwebtemplates.com. All Rights Reserved.
# Websites: http://www.mixwebtemplates.com
-----------------------------------------------------------------*/



.menufooter_menu01 li{
float:left;
padding:10px 10px;
color:#ccc;
}

.menufooter_menu01 li a{
color:#fff;
}

.menufooter_menu01 li a:hover{
color:#bbb;
background-color: transparent;
}

body.bg{color: #222;background-color:#ffffff}
body{font-family:メイリオ,Meiryo,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Osaka,Helvetica,Arial,ＭＳ Ｐゴシック;font-size:12px;line-height:150%}

a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
.mx-base{margin-left:auto;margin-right:auto}
.mx-block{float:left;display:inline}
.mod-block {padding:0px}
.mx-inner{padding-left:10px;padding-right:10px;}
.mx-block .first {margin-left:-10px}
.mx-block .last {margin-right:-10px}
.mx-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both;margin-bottom:10px}
.top-bg{padding-top:10px}
#page1, #page2, #page3, #page4, #page5, #page6, #page7 {padding: 45px 0px;}

/*top bar*/
#mx-top-header {margin-top:3px;}
#mx-banner,
#mx-bookmarks,
#mx-search,
#members-area{float:right}
#mx-search {margin-top:10px;}
#mx-top-menu{margin-top:10px;float:left}
#mx-top-menu ul.menu {margin:0;padding:0;}
#mx-top-menu li{display:inline-block;list-style:none;border-left:1px solid #ccc;padding:0 5px;line-height:12px}
#mx-top-menu li a{color:#6f6f6f}

/*Header*/
#welcome .mx-inner {padding:0}
#header {position:relative}
.slider .mx-inner {padding:0}
a#logo,#logo-text,a#logom{float:left}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;}

/*Module positions bottom*/
#mx-bottom .mx-inner{}

/*search*/
#mx-search .mod-search input#mod-search-searchword, 
#mx-search .mod-search input#mod-finder-searchword{background:#fff url(../images/search.png) no-repeat 3% 50%;padding: 4px 3px 4px 30px; margin:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 0 6px rgba(0,0,0,0.3);
}

/* Layout */
#mx-leftcol, #mx-rightcol, #mx-maincol ,#mx-sideleft, #mx-sideright, #inner_content {float:left}
#mx-leftcol, #mx-rightcol, #mx-maincol {padding:10px 0}
#sj-br{position: absolute; top: 0px; left: -5500px;}

/*Font Resizer*/
div.font-sizer{width:62px;height:16px;line-height:16px;float: right;}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:18px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0;}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-19px 0}
div.font-sizer a.btn_fs_small{background-position:-37px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-19px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-37px -16px}

/* Breadcrumbs */
#mx-breadcrumbs .mx-inner {padding:0}
#mx-breadcrumbs .breadcrumb {
	margin:0;
	background:transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7	
}

/* Footer */
#mx-footer {color: #222; background: #fff;}
#mx-bft { padding:10px}
#mx-footer .cp {float:left; line-height:26px; width: 100%;text-align: center;}

/*Footer Navigation*/
#mx-footer-nav{float:right}
#mx-footer-nav ul{list-style-type:none;padding:0;margin:0 0 5px 0}
#mx-footer-nav li{background:none;padding:0;display:inline} 
#mx-footer-nav .nav > li > a:hover {background:none;}
#mx-footer-nav a{font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 8px;color:#838181}
a#pagetop{float:right;color:#111; }
span.designed_by {display:block;}
/*logo*/
a#logo{background:url(../../../images/logos/logo.png) no-repeat;width:100%!important;background-position:50% 50%!important;margin-bottom: 10px;
}

@media (max-width: 768px){
a#logo{background:url(../../../images/logos/logo.png) no-repeat;background-position:50% 50%!important;background-size:90%;max-width:275px;}  
}

/* clr */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/* template colors */
div.color-site{height:16px;line-height:16px; margin-top:6px; text-align: right;}
div.color-site a {padding: 1px 6px; height: 16px; 
box-shadow:0 0 3px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);}
div.color-site a.btn_fs_blue{ background: #399cdd; color: #399cdd;}
div.color-site a.btn_fs_red{ background: #c30; color: #c30;}
div.color-site a.btn_fs_orange{ background: #f99d26; color: #f99d26;}
div.color-site a.btn_fs_green{ background: #99cc33; color: #99cc33;}
div.color-site a.btn_fs_brown{ background: #cc9966; color: #cc9966;}
div.color-site a.btn_fs_lilac{ background: #ad77bb; color: #ad77bb;}




/* Button, Input */

input, select, textarea, .inputbox, button, .button, input[type="button"], input[type="submit"] {
	padding: 3px;
}

input[type="button"], input[type="text"] {}

input[type="button"] { }

select, input[type="text"], input[type="password"], input[type="email"], textarea, .inputbox, .validate-username, .validate-password { 
	border: 0; background: #4892c2; color:#666;
	-webkit-box-shadow: 0 0 0 1px #ccc inset; box-shadow: 0 0 0 1px #ccc inset;
	border-radius: 3px; -webkit-border-radius: 3px;
}

#ol-topsl .inputbox, #ol-botsl .inputbox, #ol-user-panel .inputbox {}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover,
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
.inputbox:hover, .inputbox:focus, select:hover, select:focus,
 textarea:hover, textarea:focus { background: #b0cee1; color:#666; }


select.inputbox:focus {outline:none;}

.browserChrome input[type="text"]:focus, .browserChrome input[type="password"]:focus, .browserChrome input[type="email"]:focus,
.browserSafari input[type="text"]:focus, .browserSafari input[type="password"]:focus, .browserSafari input[type="email"]:focus,
.browserChrome .inputbox:focus, .browserChrome  textarea:focus,
.browserSafari .inputbox:focus, .browserSafari textarea:focus {outline: none;}

/* buttons */
.button, button, input[type="button"], input[type="submit"] {
	line-height:24px;
	color: #888;
	text-transform: uppercase; 
	border:0; 
	font-size: 11px !important;
	cursor:pointer;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	outline: none;
	text-align: center;
	text-decoration: none;
	padding: 4px 15px !important;
	text-shadow: 0 1px 1px rgba(0,0,0, 0.1);
	-webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 0 0 0 1px #BBBBBB inset;	
	-ms-box-shadow: 0 0 0 1px #bbbbbb inset;	
	box-shadow: 0 0 0 1px #BBBBBB inset;
	background: #f6f6f6;
	background-image: -webkit-linear-gradient(top,  #fff, #eee);
	background-image: -moz-linear-gradient(top, #fff, #eee);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #fff, #eee);
}


.button:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	color:#666 !important;
	cursor: pointer; text-decoration: none !important;
	background: #eee;
	background-image: -webkit-linear-gradient(top,  #fff,  #ddd);
	background-image: -moz-linear-gradient(top,  #fff,  #ddd);
	background-image: -ms-linear-gradient(top,  #fff,  #ddd);
	background-image: -o-linear-gradient(top,  #fff,  #ddd);
}
/* TipTip CSS  */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 19;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #222;
	padding: 4px 8px;
	/*border: 1px solid rgba(255,255,255,0.25);*/
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,0.92);
	background-image: -o-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));
	background-image: -ms-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));
	background-image: -moz-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#f1f1f1));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: rgb(225,225,225);
	border-top-color: rgba(225,225,225,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: rgb(225,225,225);
	border-bottom-color: rgba(225,225,225,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: rgb(255,255,255);
	border-right-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: rgb(255,255,255);
	border-left-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(255,255,255);
	border-top-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(255,255,255);
	border-bottom-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(255,255,255);
	border-right-color: rgba(255,255,255,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(255,255,255);
	border-left-color: rgba(255,255,255,0.92);
}

.menufooter_menu01 li{
  float:left;
    padding:10px 10px;
  color:#ccc;
}

.menufooter_menu01 li a{
  color:#fff;
}
.menufooter_menu01 li a:hover{
  color:#2e2c2b;
  background-color: transparent;
}




table {
border: none;

border-top: solid 1px #808080;

margin: 0 0 20px 10px;
padding: 0;
outline.htmlmedia="all"
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
}

tbody {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}

tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
margin: 0;
font-weight: normal;
font-style: normal;
  font-size:12px;
}


table th, table td {

line-height: 1.6;
}

th {
background: url(/img/bg_dot_a.gif) repeat;
border-bottom: solid 1px #808080;
padding: 10px;
width: 15%;
vertical-align: top;
background-color:#eaeaea;
  font-size:12px;
}
th {
text-align: left;
font-style: normal;
margin: 0;
font-weight: normal;
display: table-cell;
  font-size:12px;
}

table td {
font-size:14px;
line-height: 1.6;
}

td {
/* background: #f2f2f2; */
padding: 10px;

border-bottom: solid 1px #808080;
vertical-align: middle;
margin: 0;
font-weight: normal;
font-style: normal;
}

h2{
  width:100%;
  float: left;
  clear: both;
  line-height: 32px;
  font-size: 22px;
border-bottom: 1px solid #ddd;
}
.detail{
width: 100%;
margin: 0 auto;
}
.item-page h1{
font-family:'Hiragino Mincho ProN',serif;
 ;
}

.title02{
margin-left:10px;
padding-bottom: 6px;
}

.enterprise_00{
padding: 20px 0px; float: left; width: 100%;
}

.enterprise_title{
padding:0px 0px 0px 0px;
  border-bottom:solid 1px #111;
  font-size:15px;
  margin-bottom: 5px;
  font-weight: bold;
}

.enterprise_color{
color:#00a4e3;
font-size:14px;
line-height:1.6em;
padding-bottom:10px;
    
}

.enterprise_01{
padding:10px 10px 60px 10px;
}
.enterprise_21 {
padding: 10px 10px 40px 10px;
}
.enterprise_02{
font-size:13px;
}
.enterprise_pin{
background: url(../images/pin.png) left center no-repeat;
  padding-left:20px;
  font-size: 20px;
  margin-bottom: 10px;
}
.enterprise_11{
    padding-left:20px;
    font-size: 14px;
}
.enterprise_p{
  padding:10px 0px;

}
.enterprise_12{
float:right;
}

.content_main00{
  width: 100%; margin: 40px auto;
}

.content_submain{
  min-height: 600px;
}

.content_main {
width: 90%;
margin: 40px auto;
overflow: hidden;
}
.content_main02{
  width: 90%; margin: 40px auto;
  overflow:hidden; 
  
}

.content_main03{
  width: 94%; 
  padding: 20px 0px;
  float: left;
}

.content_main04{
float: left; margin-right: 70px;
}

@media (max-width: 480px) {	
.content_submain{
  min-height: 0px;
}
.content_main{
  width: 100%; margin: 20px auto;
}
.asset480_01{
  display: none;
}
.asset480_02{
  display: block !important;
}
  
}

@media (max-width: 480px) {	
.content_main_text{
  width: 100%; margin: 0px auto; font-size: 110%;
}
.company_t{margin: 0 auto; font-size: 12px;width: 100%!important;"
}  
.company_02{padding:0px 0px 20px 0;float: left;width: 100%;"
}
}
.company_1{padding: 0px 0px!important; float: left;
}
.company_t{margin: 0 auto; font-size: 12px;width: 100%;"
}

.company02{
padding:20px 0px;
}
.enterprise_00{
padding-top:50px;
}
.content_main_text{
  width: 77%; margin: 0px auto; font-size: 120%;float: left;
}
.title{
  width: 100%; 
  margin: 0 auto;;
  border-bottom: 1px solid #808080;
}

.content_main_text_f{
  width: 65%; margin: 0px auto; font-size: 120%;
}

.fcp_wrapper{
 margin:20px 0px; 
  
}
.contact_text{
    padding: 15px 20px;
  }

.contact_1{
  padding-right: 1em;
  float: left
}

.fcp_page{
  width: 100%;
margin: 20px auto;
background:  url(../../../images/contact/contact01.jpg) right center no-repeat;
  background-size: 45%;
}

.fcp_sendrow {
margin: 0 auto;
width: 100px;
}

.fcp_form input.button{
  min-width: 80px;
  
}

.asset_013{
  float: left;  
padding-left: 70px;
}

.asset_box001{
width: 100%;
  float: left;
}

.asset_box002{
float: left;
padding: 3em 0em;
}

.asset_001{
float: left;
padding-top: 2em;
width: 63%;
font-size: 15px;
line-height: 30px;
}

.asset_002{
float: right;
width: 60%;
font-size: 15px;

line-height: 30px;
padding-left: 10px;
}

.asset_box003{
/*padding: 13em 0em 20em 0em;*/
margin-bottom:40px;
float:left;
}

.asset_003{
padding-top: 1.5em;
float: left;
width: 63%;
font-size: 15px;
line-height: 30px;
}

.asset_012_1{
float: right;
}

.asset480_02{
  display: none;
}

.subtitle{
padding-bottom: 3em;
padding-left: 6.5em;
font-size: 15px;
color: #45BEF7;
font-weight: 700;
}

.policy-box{
    width: 44%;
    float: left;
    margin-bottom: 40px;
    padding: 0 3%;
}

.policy-box02{
    width: 44%;
    float: left;
    margin-bottom: 40px;
    padding: 0 3%;
}

.subtitle{
padding-bottom: 3em;
}

.content_title01{
font-size: 18px;
background: url(../../../images/pin.png) no-repeat 0 2px;
padding-left: 20px;
/*letter-spacing: 3px;*/
}

.content_title02{
font-size: 18px;
background: url(../../../images/pin.png) no-repeat 0 2px;
padding-left: 20px;
/*letter-spacing: 3px;*/
}

.content_inside01{
padding: 25px 40px;
font-size: 14px;
}

.border-bottom{
  width: 83%;
margin: 0 auto;
border-bottom: 1px solid #808080;
  padding: 3em;
}

.asset_012{
float: right;

}

.policy_img{
padding-bottom: 0px;
    width: 80%;
    margin: 0 10%;
}

.policy_img02{
padding-bottom: 0px;
    width: 80%;
    margin: 0 10%;
}

.border-line01{
border-top: dashed 1px #7A7A7A;
border-bottom: dashed 1px #7A7A7A;
padding-top: 20px;
padding-bottom: 20px;
}

.asset_000{
float: left;
width: 57%;
font-size: 15px;
padding-left: 30px;
line-height: 30px;
}

.content_subtitle{
font-size: 19px;
color: #2199d0;
text-align: center;
  padding: 10px 0 32px;

}

.content_main000{
width: 100%;
margin: 40px auto;
}

@media (max-width: 768px) {
.asset_001{
float: left;
width: 63%;
font-size: 14px;
line-height: 25px;
padding-top:0px;    
}
.asset_002{
float: right;
width: 63%;
font-size: 14px;
    padding:0px;

line-height: 25px;
}
.asset_003{
float: left;
width: 63%;
font-size: 14px;
line-height: 25px;
    padding-top:0px;
}
.asset_013{
float: left;
padding-left: 70px;
padding-top: 50px;
}
.asset_012{
float: right;
padding-right: 80px;
padding-top: 30px;
}
.content_subtitle{
width: 90%;
padding-bottom: 3em;
text-align: center;
font-size: 14px;
color: #45BEF7;
font-weight: 700;
padding-right: 1em;
}

.content_main000{
    text-align: center;
width: 100%;
}

.content_subtitle{
padding-bottom: 3em;
    padding-left: 3em;
font-size: 14px;
color: #45BEF7;
font-weight: 700;
}
.content_main000{
width: 100%;
margin: 40px auto;
}
.policy-box{
padding-left: 3em;
width: 40%;
float: left;
}
  
.policy_img{
padding-left: 50px;
max-width: 250px;
margin-top: 40px;
}

.policy_img02{
padding-left: 50px;
max-width: 250px;
padding-bottom: 0px;
margin-top: 40px;
}
  
.content_inside01 {
padding: 25px 40px;
font-size: 12px;
height: 70px;
}

  .content_title01{
font-size: 16px;
background: url(../../../images/pin.png) no-repeat 0 2px;
padding-left: 20px;
letter-spacing: 3px;
  }
.content_title02{
font-size: 16px;
background: url(../../../images/pin.png) no-repeat 0 2px;
padding-left: 20px;
letter-spacing: 3px;
}
}

@media (max-width: 1140px){
.asset_012{
padding-bottom: 15px;
padding-right: 0px;
padding-top: 0px;
float:right;
vertical-align: middle;
text-align: center;
    width: 37%;
}

.asset_013{
width: 100%;
padding-left: 0px;
padding-top: 0px;
float:left;
vertical-align: middle;
text-align: center;
}
  
.asset_012_1{
float:none;
}


@media (max-width: 650px) {
.fcp_page {
    background: none;
}
.content_main00{
width: 90%;
margin: 0px auto;
}

.content_main000{
width: 90%;
margin: 20px auto;
}

.content_subtitle{
padding-bottom: 3em;
padding-left: 10px;
font-size: 14px;
color: #45BEF7;
font-weight: 700;
width: 90%;
text-align: center;
padding-right: 0px;
margin-top: 40px;
  }
  
.asset_001{
width: 100%;
float: left;
padding: 0px;
line-height: 2em;
}
  
.asset_box001 {
width: 100%;
float: left;
margin-top: 40px;
}

.asset_012{

padding-bottom: 15px;
    padding-right: 0px;
    padding-top: 0px;
      float: none;
      width: 100%;
}
  
.asset_013{
padding-left: 0px;
padding-top: 0px;
  }

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

.asset_box002{
width: 100%;
float: left;
padding-top: 20px;
}

.asset_002{
width: 100%;
float: left;

padding-bottom: 15px;
    padding-right: 0px;
line-height: 30px;
}

.asset_box{
float: left;
padding-top: 20px;
}
  
.asset_003{
width: 100%;
float: left;
    padding-right: 0px;
line-height: 30px;
padding-top: 0px;
}

.policy-box{
padding-left: 10px;
width: 90%;
float: left;
}

.content_inside01{
padding: 20px 0px 0px 0px;
font-size: 12px;
height: 140px;
}

.policy_img{
padding: 0px;
max-width: 100%;
margin: 0px;
}

.policy-box02{
padding-left: 10px;
width: 90%;
float: left;
padding-top: 60px;
}

.policy_img02{
padding: 0px;
max-width: 100%;
margin: 0px;
}
}

@media (max-width: 640px) {
.content_main {
min-height:none;
    }
.content_main_text_adoption {
width: 55%; margin: 0px auto; font-size: 110%;
}
.adoption_text{
margin-top: 0px;
}

.title {
width: 100%;
      margin: 0;
border-bottom: 1px solid #808080;
}
.title02 {
margin-left: 0px;
padding-bottom: 6px;
    }
    
.asset480_01{
  display: none;
}
.asset480_02{
  display: block !important;
}
*/.asset_box003 {
padding: 13em 0em 30px 0em;
margin-bottom:40px;
float:left;
}*/

}

@media (max-width: 480px) {	
.content_main_text_adoption {
   margin: 0px； auto; font-size: 110%;
}
.adoption_text {
margin-top: 10px;
}
    
.title {
width: 100%;
margin: 0;
border-bottom: 1px solid #808080;
}
.title02 {
margin-left: 0px;
padding-bottom: 6px;
    }
.asset_box001 {
width: 100%;
float: left;
margin-top: 20px;
}
        #mx-footer .cp {
float: left;
line-height: 26px;
width: 100%;
text-align: center;
font-size: 9px;
}
}
 @media (max-width: 1024px) and (min-width: 1024px) {
.content_main {
min-height:0px;
} 
  }