@charset "UTF-8";

.split_box > div > .srv_name{
	font-size:18px;
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:15px;
	text-align:center;
}

.srv_logo{
	text-align:center;
	margin-bottom:10px;
}

.box_mb20{
	margin-bottom:20px;
}

.nomargin{
	margin:0!important;
}

.heading_case{
	clear:both;
	border:1px solid #005096;
	font-size:10px;
	font-size:1rem;
	margin:30px 0 20px 0;
	overflow:hidden;
}

.heading_case_haslink{
	border:1px solid #005096;
	font-size:10px;
	font-size:1rem;
	margin:30px 0 20px;
	overflow:hidden;
}

.heading_case > em,.heading_case > span{ display:block; font-size:15px; font-size:1.5rem; font-weight:700;}
.heading_case > em{ background-color:#005096; color:#fff; float:left; text-align:center; padding:15px 50px;}
.heading_case_haslink > em{ background-color:#005096; color:#fff; float:left; text-align:center; padding:15px 50px;}
.heading_case > span{ color:#333; float:right; padding:15px;}
.heading_case a { background:url(/common2/img/ico_box_arrow_mini.png) no-repeat right 50%; display:inline-block; font-weight:bold; line-height:1em; padding-right:15px;}
@media screen and (max-width: 640px) {
	.heading_case > em {font-size: 12px; padding: 15px;}
	.heading_case > span{font-size: 16px;}
	.heading_case a { margin-top: 1em; font-size: 16px;}
}

.heading_case_ex{background:url(/common2/img/ico_heading_case_ex_arrow.png) no-repeat 50% 50%; clear:both; margin:25px 0; overflow:hidden; position:relative;}
.heading_case_ex > dl{padding:5px; width:450px;}
.has_sidebar .heading_case_ex > dl{width:360px;}
.heading_case_ex > dl.case_before{background-color:#EBEBEB; float:left;}
.heading_case_ex > dl.case_after{background-color:#FCA03A; float:right;}
.heading_case_ex > dl > dt{font-size:16px; font-size:1.6rem; letter-spacing:1px; padding:10px 0; text-align:center;}
.heading_case_ex > dl.case_after > dt{color:#fff;}
.heading_case_ex > dl > dd > ul > li{border-color:#fff; border-style:solid; border-width:8px 0; font-size:12px; font-size:1.2rem; line-height:1.6em; margin-top:5px;}
.heading_case_ex > dl.case_before > dd > ul > li{background:#fff url(/common2/img/ico_heading_case_ex_before.png) no-repeat 11px 50%; padding:0 15px 0 55px;}
.heading_case_ex > dl.case_after > dd > ul > li{background:#fff url(/common2/img/ico_heading_case_ex_after.png) no-repeat 15px 50%; padding:0 15px 0 50px;}
.heading_case_ex > dl > dd > ul > li:first-child{margin-top:0;}
@media screen and (max-width: 640px) {
	.heading_case_ex {background: none;}
	.heading_case_ex > dl.case_before {float: none; margin-bottom: 40px; position: relative;}
	.heading_case_ex > dl.case_before::after {content:'▼'; color: #8E8E8E; display: block; font-size: 20px; line-height: 1; position: absolute; left: 0; bottom: -30px; text-align: center; width: 100%;}
	.has_sidebar .heading_case_ex > dl {width: 100%; box-sizing: border-box;}
	.heading_case_ex > dl > dt {font-size: 14px;}
	.heading_case_ex > dl > dd > ul > li {font-size: 12px;}
}


.h1 > a,.h2 > a,.h3 > a,.h4 > a{
	/*	text-decoration:none;*/
}

.has_link:hover{
	opacity:.5;
}

.article_date{
	font-size:13px;
	font-size:1.3rem;
	font-weight:700;
	margin:10px 0;
	line-height:1.231;
}

/**
 * テキスト
 */
.txt,.txt_small,.txt_smaller,.txt_large,.txt_larger{
	color:#575757;
	line-height:1.6em;
}
.txt_redu{
	font-size:12px;
	font-size:1.2rem;
}

.txt {font-size:13px; font-size:1.3rem;}
.txt_small {font-size:12px; font-size:1.2rem; line-height:1.5em;}
.txt_smaller {font-size:10px; font-size:1rem; line-height:1.5em;}
.txt_large {font-size:14px; font-size:1.4rem;}
.txt_larger{font-size:16px; font-size:1.6rem;}
@media screen and (max-width: 640px) {
	.txt {font-size:14px;}
	.txt_small {font-size:11px;}
	.txt_large {font-size:16px;}
	.txt_larger{font-size:16px;}
}

.txt_indent{
	text-indent:-1em;
	padding-left:1em;
}
p.txt_small,p.txt_smaller,p.txt_large,p.txt_larger{
	margin-bottom:1em;
}
p.txt_small.indent,p.txt_smaller.indent,p.txt_large.indent,p.txt_larger.indent{
	margin-left:1em;
}
.txt_center{
	text-align:center;
}
.txt_right{
	text-align:right;
}
.txt_teft{
	text-align:left !important;
}
em.warning{
	color:#f00;
	font-style:normal;
}
span.inactive{
	color:#999;
}

/**
 * 画像系
 */
.figure{
	border:1px solid #ccc;
	margin-bottom:10px;
	margin-top:15px;
	overflow:hidden;
	padding:20px 0;
	position:relative;
	text-align:center;
}
.figure.fit{
	padding:0;
}
.figure.almost-fit{
	padding:3px;
}
.figure.loose{
	padding:50px;
}
.figure > img{
}
@media screen and (max-width: 640px) {
	.figure > img {
		height: auto !important;
		width: 100% !important;
	}
}
.figure_caption{
	font-size:13px;
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:5px;
}
.figure_list{
	overflow:hidden;
	position:relative;
}
.figure_list>li{
	float:left;
}
.figure_list.cols-2>li{
	margin-left:17px;
}
.figure_list.cols-3>li{
	margin-left:19px;
}
.figure_list>li:first-child{
	margin-left:0;
}

/**
 * リンク系
 */
span.external{
	background:url(/common2/img/ico_link_external.png) no-repeat 50% 50%;
	display:inline-block;
	min-height:10px;
	width:20px;
}

.box_arrow{
	background:url(/common2/img/ico_box_arrow.png) no-repeat 0 3px;
	cursor:pointer;
	display:inline-block;
	padding-left:20px;
}

a.pdf{
	background:url(/common2/img/ico_pdf.png) no-repeat 0 3px;
	cursor:pointer;
	display:inline-block;
	padding-left:20px;
}
a.csv{
	background:url(/common2/img/ico_csv.png) no-repeat 0 3px;
	cursor:pointer;
	display:inline-block;
	padding-left:20px;
}
.list_inducer{
	margin-top:10px;
	margin-bottom:25px;
	text-align:right;
}
.list_inducer>a{
	background:url(/common2/img/ico_box_arrow_mini.png) no-repeat right 50%;
	display:inline-block;
	font-size:13px;
	font-size:1.3rem;
	font-weight:bold;
	line-height:1em;
	padding-right:15px;
	text-decoration:none;
}

.wrapped_link {border:1px solid #005096; margin:15px 0; padding:4px;}
.wrapped_link > a,.wrapped_link > span {background:url(/common2/img/ico_box_arrow.png) no-repeat 0 2px; display:inline-block; font-size:14px; font-size:1.4rem; font-weight:bold; padding-left:20px;}
.wrapped_link > a {text-decoration:none;}
@media screen and (max-width: 640px) {
	.wrapped_link > a,.wrapped_link > span {font-size: 14px;}
}


.toPageTop{
	overflow:hidden;
	position:relative;
}

.toPageTop > a{
	background:url(/common2/img/btn_footer_topagetop.png) no-repeat 0 0;
	display:block;
	float:right;
	height:30px;
	width:230px;
}

.toPageTop > a:hover{
	background-position:0 100%;
}

.anchor_list {position:relative; overflow:hidden; margin-bottom:20px;}
.anchor_list li {float:left; margin-right:20px;}
@media screen and (max-width: 640px) {
	.anchor_list li {float:none; padding-top: 0.5em; padding-bottom: 0.5em;}
}


.anchor_link{
	background:url(/common2/img/ico_box_anchor.png) no-repeat 0 3px;
	cursor:pointer;
	display:inline-block;
	padding-left:20px;
}

.img_list {margin-right:-16px; position:relative; overflow:hidden;}
.img_list li {float:left; margin-bottom:18px; margin-right:16px;}
@media screen and (max-width: 640px) {
	.img_list li {float:none; text-align: center;}
}


.pdf_list{
	margin:25px 0;
}

.pdf_list li{
	margin-bottom:7px;
}

/**
 * ボタン類
 */
.btn{ border:none; cursor:pointer; display:inline-block; font-size:15px; font-size:1.5rem; font-weight:700; margin-bottom:10px; padding:15px 30px; text-align:center; text-decoration:none!important;}
.btn:hover{opacity:.5;}
.btn.btn_blue{ background-color:#0067b7; color:#fff;}
.btn.btn_black{ background-color:#434343; color:#fff;}
.btn.btn_long{ width:300px;}
.btn.btn_middle{ padding:12px 30px; width:250px;}
.btn.btn_flex_long{ min-width:300px;}
.btn.btn_flex_middle{ padding:12px 30px; min-width:250px;}
.btn.align_l{ padding-left:20px; text-align:left;}
.btn.arrow_r{ background-image:url(/common2/img/ico_btn_arrow_white.png); background-repeat:no-repeat; background-position:right 50%;}
.btn.arrow_r[rel="external"]{ background-image:url(/common2/img/ico_btn_arrow_white_external.png); background-repeat:no-repeat; background-position:right 50%;}
.btn.arrow_l{ background-image:url(/common2/img/ico_btn_arrow_white_reverse.png); background-repeat:no-repeat; background-position:left 50%;}
.btn.arrow_d{ background-image:url(/common2/img/ico_btn_arrow_white_down.png); background-repeat:no-repeat; background-position:center bottom; padding-bottom:20px;}
@media screen and (max-width: 640px) {
	.btn {box-sizing: border-box; display: block; padding: 15px; border-radius: 4px; font-size: 13px; box-shadow: 0 2px 6px #aaa; margin: 0 auto;}
	.btn.btn_long {width: auto; max-width: 90%;}
	.btn.btn_middle {padding: 15px 30px 15px 15px; width: auto;}
}

.parallel_btns{ text-align:center;}
.parallel_btns > li{ display:inline-block; margin-left:40px;}
.parallel_btns > li:first-child{ margin-left:0;}
.parallel_btns.cols-2{ margin-top:65px; overflow:hidden; position:relative; text-align:left;}
.parallel_btns.cols-2 > li{ display:block; float:right; margin-left:0;}
.parallel_btns.cols-2 > li:first-child{ float:left;}
@media screen and (max-width: 640px) {
	.parallel_btns > li{ display:block;}
	.parallel_btns.cols-2{ margin-top:20px; text-align: center;}
	.parallel_btns.cols-2 > li{ display:block; float:none; text-align: center;}
	.parallel_btns.cols-2 > li:first-child{ float:none; margin-bottom: 10px;}
}

.btn_faq_inducer,.btn_rule_inducer{ display:block; width:382px; height:72px;}
.btn_faq_inducer:hover,.btn_rule_inducer:hover{ opacity:.5;}
.btn_faq_inducer{ background:url(/common2/img/btn_faq_inducer.png) no-repeat 0 0;}
.btn_rule_inducer{ background:url(/common2/img/btn_rule_inducer.png) no-repeat 0 0;}
.btn_faq_inducer_blank,.btn_rule_inducer_blank{ display:block; width:382px; height:72px;}
.btn_faq_inducer_blank:hover,.btn_rule_inducer_blank:hover{ opacity:.5;}
.btn_faq_inducer_blank{ background:url(/common2/img/btn_faq_inducer_blank.png) no-repeat 0 0;}
.btn_rule_inducer_blank{ background:url(/common2/img/btn_rule_inducer_blank.png) no-repeat 0 0;}
@media screen and (max-width: 640px) {
	.btn_faq_inducer,.btn_rule_inducer {background-size: 100% auto; display:inline-block; width:280px; height:72px;}
	.btn_faq_inducer_blank,.btn_rule_inducer_blank { display:block; width: 100%; background-size: contain; background-position: center;}
}

.free_trial_link{ height:93px; width:320px; margin:0 auto;}
a.free_trial_link{ height:93px; width:320px; background:url(/common2/img/bgi_trial.png) no-repeat 0 0; display:block; overflow:hidden; text-indent:100%; white-space:nowrap; margin:25px auto;}
@media screen and (min-width: 641px) {
	a.free_trial_link:hover{background-position:0 100%; margin:25px auto;}
}
@media screen and (max-width: 640px) {
	a.free_trial_link {height:81px; width:280px; background-size: 100% auto;}
}


.free_trial_monthly_link{ height:93px; width:320px; margin:0 auto;}
a.free_trial_monthly_link{ height:93px; width:320px; background:url(/common2/img/bgi_trial_monthly.png) no-repeat 0 0; display:block; overflow:hidden; text-indent:100%; white-space:nowrap; margin:25px auto;}
a.free_trial_monthly_link:hover{ background-position:0 100%; margin:25px auto;}


/**
 * ボックス
 */
.thickbox {background:url(/common2/img/bgi_checkers.png); margin-bottom:20px; margin-top:15px; padding:8px;}
.thickbox > .thickbox_inner {background:#fff; padding:20px;}
.thickbox > .thickbox_inner {border:1px solid #fff;}
@media screen and (max-width: 640px) {
	.thickbox > .thickbox_inner {background:#fff; padding:20px 10px;}
}

.dashbox{
	background:#eee;
	border:1px dashed #c3c3c3;
	color:#575757;
	margin-bottom:20px;
	padding:20px;
}


.figtxt_box{margin-bottom:20px; overflow:hidden; position:relative; }
.figtxt_box > .fig_block{float:right; padding:0 0 0 20px; }
.figtxt_box > .fig_block > img{border:1px solid #ccc; }
.figtxt_box.noborder > .fig_block > img{border:none; }
.figtxt_box.reverse > .fig_block{float:left; padding:0 20px 0 0; }
@media screen and (max-width: 640px) {
	.figtxt_box {padding: 0; margin: 0 0 20px 0;}
	.figtxt_box p:last-child {margin: 0;}
	.figtxt_box > .fig_block{float: none; padding: 0 0 1rem; text-align: center;}
	.figtxt_box > .txt_block {margin: 0 !important; min-height:auto !important; }
	.figtxt_box > .fig_block > img{box-sizing: border-box; height: auto; max-width: 100%; }
	.figtxt_box.reverse > .fig_block{float: none; padding:0 0 1rem; }
}

.split_box{ overflow:hidden; position:relative;}
.split_box > div{ border:1px solid #ccc; float:right; padding:10px; width:365px;}
.split_box.noborder > div{ border:none; padding:0; width:385px;}
.split_box > div:first-child{float:left;}
@media screen and (max-width: 640px) {
	.split_box > div{ float: none; width:auto;}
	.split_box > div:first-child{float:none; margin-bottom: 20px;}
	.split_box.noborder > div{width: auto;}
}

pre.codeline{
	background:#eee;
	border:1px dashed #c3c3c3;
	color:#575757;
	font-family:monospace;
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:20px;
	overflow-x:auto;
	padding:20px;
}

.service_features > div {background:#F7F7F7; clear:both; margin-top:5px; overflow:hidden; padding:30px; position:relative;}
.service_features > div:first-child {margin-top:0;}
.service_features > div > h3 {font-size:10px; font-size:1rem; font-weight:700; margin:-25px 0 10px -30px; min-height:44px; padding:22px 0 0 80px; position:relative;}
.service_features > div > h3 > em {background:url(/common2/img/bgi_service_features.png) no-repeat 0 0; color:#fff; display:block; font-size:16px; font-size:1.6rem; height:66px; left:0; line-height:66px; padding:0 2px 2px 0; position:absolute; text-align:center; top:0; width:66px;}
.service_features > div > h3 > span {color:#005096; font-size:18px; font-size:1.8rem;}
.service_features > div > .btns {margin-right:-30px; text-align:right;}
.service_features > div > .btns > li {display:inline-block;}
.service_features > div > .figure {border:1px solid #7b7b7b;}
.service_features > div > .feat_img {border:1px solid #7b7b7b; float:right; margin:0 0 20px 20px;}
.service_features > div > .feat_img > img {display:block;}
@media screen and (max-width: 640px) {
	.service_features > div {padding:15px;}
	.service_features > div > h3 {margin: -15px 0 15px -15px;}
	.service_features > div > h3 span {font-size: 20px;}
	.service_features > div > .btns {margin-right:-0; text-align:center;}
	.service_features > div > .figure {border-color: #ccc;}
	.service_features > div > .feat_img {border-color: #ccc; margin: 0 0 20px 0; float: none; text-align: center; background: #FFF;}
	.service_features > div > .feat_img > img {display:inline;}
}

/* 18/02/22　service_inquiry_leaderからCVエリアのクラスを以下に変更 */
.Service_Action_Area {margin: 50px auto 10px; padding: 20px 44px 35px; background: url(/common2/img/bgi_actionarea.gif);}
.Service_Action_Area p {color: #fff; font-size: 1.6rem; font-weight: 700; text-align: center;}
.Service_Action_Area ul {font-size: 0;}
.Service_Action_Area ul li {display: inline-block; font-size: 1.6rem; margin-right: 44px;}
.Service_Action_Area ul li:last-child {margin-right: 0;}
.Service_Action_Area ul li a {}
@media screen and (max-width: 640px) {
	.Service_Action_Area {padding: 30px 15px;}
	.Service_Action_Area p {font-size: 1.1rem;}
	.Service_Action_Area ul li {margin-right: 0; margin-bottom: 15px;}
	.Service_Action_Area ul li:last-child {margin-bottom: 0;}
}
/* 18/02/22　service_inquiry_leaderからCVエリアのクラスを以上に変更 */

.q_and_a_unit > div {border-bottom:1px dotted #999; margin-bottom:20px;}
.q_and_a_unit > div > dl {background:url(/common2/img/ico_qaunit_q.png) no-repeat 0 0;}
.q_and_a_unit > div > dl > dt,.q_and_a_unit > div > dl > dd {min-height:45px; padding:5px 0 0 70px;}
.q_and_a_unit > div > dl > dt {background:url(/common2/img/ico_qaunit_arrow.png) no-repeat 50% bottom; font-size:16px; font-size:1.6rem; font-weight:700; margin-bottom:15px; padding-bottom:30px;}
.q_and_a_unit > div > dl > dd {background:url(/common2/img/ico_qaunit_a.png) no-repeat 0 0;}
@media screen and (max-width: 640px) {
	.q_and_a_unit > div > dl > dt,
	.q_and_a_unit > div > dl > dd,
	.q_and_a_unit > div > dl > dd p {font-size: 14px; font-weight: normal; line-height: 1.5;}
	.q_and_a_unit > div > dl > dt,
	.q_and_a_unit > div > dl > dd {padding-left: 60px;}
}



.specialist-profile{
	background:#f7f7f7;
	border:1px solid #cacaca;
	margin-bottom:30px;
	padding:20px;
}
.specialist-profile > .figtxt_box{
	margin-bottom:0;
}
.specialist-profile > .figtxt_box > .fig_block > img{
	border:1px solid #dfdfdf;
}
.specialist-profile > .figtxt_box > .txt_block > p{
	color:#000;
}
.lineup_once{
	border:1px solid #ccc;
	padding:20px 25px;
	margin-bottom:25px;
}
.lineup_img{
	float:right;
}
.lineup_txt_area{
	float:left;
	display:block;
	width:485px;
}
.lineup_cat{
	color:#005096;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	line-height:1.4em;
	margin:0 0 15px;
}
.lineup_title{
	border-bottom:1px solid #333;
	font-size:14px;
	font-size:1.4rem;
	font-weight:400;
	line-height:1.4em;
	margin:0 0 10px;
	padding-bottom:5px;
	display:block;
	width:485px;
}

.sccamera_lineup_wrap {margin-right: -20px;}
.sccamera_lineup {position: relative; overflow: hidden;}
.scc_once {border: 1px solid #ccc; width: 228px; float: left; margin-right: 20px; margin-bottom: 20px; padding: 10px; text-align: center; }
.scc_camera_info {text-align: left; background: #eee; padding: 10px; min-height: 133px; }
.scc_camera_name {font-weight: 700; }
.scc_camera_info > ul > li {list-style: disc outside; margin-left: 20px; }
@media screen and (max-width: 640px) {
	.sccamera_lineup_wrap {margin-right: 0px;}
	.scc_once { width: auto; float: none; margin-right: 0;}
	.scc_camera_info {min-height: auto; }
}


/**
 * リスト系
 */
ul.plain{
	margin-top:15px;
}
ul.plain > li,ol.plain > li{
	margin-top:5px;
}
ul.plain > li:first-child,ol.plain > li:first-child{
	margin-top:0;
}
.ol,.ul{
	margin:0 0 5px;
	padding:0;
}
.ol > li,.ul > li{
	margin-top:5px;
}
.ol > li:first-child,.ul > li:first-child{
	margin-top:0;
}
.ol > li > .ol,.ol > li > .ul,.ul > li > .ol,.ul > li > .ul{
	margin-left:20px;
	margin-top:5px;
}
.ul > li{
	background:url(/common2/img/bgi_list.png) no-repeat 0 .6em;
	padding-left:15px;
}
.ol > li{
	list-style-type:decimal;
	margin-left:2em;
}
.dl > dt{
	font-weight:700;
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
}


.news_headlines {border-top:1px dotted #999;}
.news_headlines > li {background:url(/common2/img/ico_anchor_arrow.png) no-repeat right 50%; border-bottom:1px dotted #999; min-height:34px; overflow:hidden; padding:15px 50px 15px 130px; position:relative;}
.news_headlines > li > .date {font-size:13px; font-size:1.3rem; font-weight:700; left:0; line-height:160%; position:absolute; top:15px;}
.news_headlines > li > .news_label {border-radius:3px; color:#fff; font-size:10px; font-size:1rem; left:0; letter-spacing:-1px; padding:3px; position:absolute; text-align:center; top:35px; width:104px;}
.news_headlines > li > .news_label.event {background-color:#136CD8;}
.news_headlines > li > .news_label.info {background-color:#534691;}
.news_headlines > li > p {margin-bottom:0;}
.news_headlines_top {border:1px solid #d4d4d4; border-top:none; margin-bottom:50px; overflow:hidden; padding:15px 20px; position:relative;}
.news_headlines_top {border:none; -webkit-box-shadow:0 3px 2px #666; -moz-box-shadow:0 3px 2px #666; box-shadow:0 3px 2px #666;}
.news_headlines_top ul > li {margin-bottom:10px; overflow:hidden; position:relative; line-height:1.6;}
.news_headlines_top ul > li > .date {float:left; font-size:13px; font-size:1.3rem; font-weight:700; line-height:1.6; padding-right:10px;}
.news_headlines_top ul > li > a {display:block; overflow:hidden; text-decoration:none;}
.news_headlines_top.cols-2 {padding-top:10px;}
.news_headlines_top.cols-2 > div {float:left; width:49%;}
.news_headlines_top.cols-2 > div:first-child {border-right:1px solid #bcbcbc;}
.news_headlines_top.cols-2 > div > ul {margin-left:20px;}
.news_headlines_top.cols-2 > div:first-child > ul,
.news_headlines_top.cols-2 > div:first-child > .list_inducer {margin-left:0; margin-right:10px;}
.news_headlines_top.cols-2 > div > h3 {margin-top:0; margin-left:20px;}
.news_headlines_top.cols-2 > div:first-child > h3 {margin-left:0; margin-right:10px;}
h2 + .news_headlines_top {margin-top:-18px;}
@media screen and (max-width: 640px) {
	.news_headlines > li {padding:10px 20px 10px 0;}
	.news_headlines > li > .date {font-size:12px; line-height:1.6; position:relative; top:0;}
	.news_headlines > li > .news_label {border-radius:3px; color:#fff; display: inline-block; font-size:9px; line-height: 1; left:9em; top:11px; width:auto; padding: 3px;}
	.news_headlines_top ul > li {margin: 15px 0;}
	.news_headlines_top ul > li > .date {float:none; font-size: 12px; padding: 0;}
	.news_headlines_top ul > li > a {font-size: 14px; line-height: 1.3;}
	.news_headlines_top.cols-2 > div {float:none; width:auto;}
	.news_headlines_top.cols-2 > div:first-child {border:none;}
	.news_headlines_top.cols-2 > div:first-child > h3 {font-size: 16px; margin-right:0;}
	.news_headlines_top.cols-2 > div > ul {margin-left:0;}
	.news_headlines_top.cols-2 > div > h3 {margin: 15px 0 20px;}
}

.faq_headlines{margin-bottom:50px; display: none;}
.faq_headlines > li{ background:url(/common2/img/ico_faq_q.png) no-repeat 0 0; margin-top:12px; min-height:35px; padding:0 0 0 50px;}
.faq_headlines > li:first-child{ margin-top:0;}
.faq_headlines > li > a{ display:block; padding-top:.5em;}

.faq_list {border-bottom: 1px dotted #ccc;}
.faq_list > dt,.faq_list > dd{ padding:0 0 0 50px;}
.faq_list > dt{ background:url(/common2/img/ico_faq_q.png) no-repeat 0 center; border-top: 1px dotted #ccc; font-size:16px; font-size:1.6rem; font-weight:700; line-height:1.2em; padding:20px 10px 20px 50px; cursor: pointer;}
.faq_list > dd{ background:url(/common2/img/ico_faq_a.png) no-repeat 0 0; padding:0 10px 30px 50px;}
.faq_list > dd.last{ border-bottom:none;}
.faq_list > dd {display: none;}
.faq_list + p {margin-top: 1em;}
@media screen and (min-width: 641px) {
	.faq_list > dt:hover{ background-color: #eee;}
}
@media screen and (max-width: 640px) {
	.faq_list > dt,
	.faq_list > dd,
	.faq_list > dd div,
	.faq_list > dd p {font-size: 13px; word-break: break-all;}
	.faq_list + p {font-size: 10px; margin-top: 1em;}
}


.faq_categories{
	overflow:hidden;
	position:relative;
}
.faq_categories > li{
	background:url(/common2/img/ico_faq_category_folder.png) no-repeat 18px 50%;
	border:1px solid #21A2A5;
	float:left;
	margin-bottom:10px;
	padding:0 0 0 60px;
	width:442px;
}
.has_sidebar .faq_categories > li{
	width:326px;
}
.faq_categories > li.odd{
	margin-left:10px;
}
.faq_categories > li.type_0{
	background-color:#21A2A5;
}
.faq_categories > li.type_1{
	background-color:#127072;
}
.faq_categories > li > div{
	background:#fff;
	padding:15px;
}
.faq_categories > li > div > a{
	font-size:16px;
	font-size:1.6rem;
}
.faq_categories > li > div > span{
	font-size:12px;
	font-size:1.2rem;
}



.history_list{ overflow:hidden; position:relative;}
.history_list > dt{ border-bottom:1px solid #333; color:#000; font-size:16px; font-size:1.6rem; font-weight:700; line-height:1.6em;}
.history_list > dd{ padding:0 0 0 20px;}
.history_list > dd > dl{ overflow:hidden; position:relative;}
.history_list > dd > dl > dt{ clear:both; color:#000; float:left; font-size:14px; font-size:1.4rem; line-height:1.6em; padding-bottom:10px; padding-top:10px; width:50px;}
.history_list > dd > dl > dd{ border-bottom:1px dotted #999; padding-left:50px; padding-top:10px;}
@media screen and (max-width: 640px) {
	.history_list > dt{font-size: 16px;}
	.history_list > dd > dl > dt {font-size: 14px;}
}

.case_list {overflow:hidden; position:relative;}
.case_list > li {margin-bottom:20px; overflow:hidden; position:relative;}
.case_list.parallel > li {float:left; width:460px;}
.has_sidebar .case_list.parallel > li {width:350px;}
.case_list.parallel > li.odd {margin-left:40px;}
.has_sidebar .case_list.parallel > li.odd {margin-left:30px;}
.case_list > li > .wrapped_link {margin-top:0; margin-bottom:10px;}
.case_list > li > .thumb {float:left;}
.case_list > li > .info {margin-left:140px;}
@media screen and (max-width: 640px) {
	.case_list.parallel > li{float:none; width:100%;}
	.has_sidebar .case_list.parallel > li{width:100%;}
	.case_list.parallel > li.odd{margin-left:0;}
	.has_sidebar .case_list.parallel > li.odd{margin-left:0;}
	.case_list > li > .thumb {float:none;}
	.case_list > li > .info {margin-left: 0; margin-top: 10px;}
}

.link_list {overflow:hidden; position:relative;}
.link_list > dl {float:right; width:460px;}
.has_sidebar .link_list > dl {width:350px;}
.has_sidebar .link_list > dl.long {width:730px;}
.link_list.serial > dl {float:none; width:auto;}
.link_list > dl:first-child {float:left;}
.link_list.serial > dl:first-child {float:none;}
.link_list > dl > dt {background:#0067B7; color:#fff; font-size:14px; font-size:1.4rem; font-weight:700; margin-bottom:10px; padding:5px 10px;}
.link_list > dl > dd {margin-bottom:20px;}
.link_list > dl > dd ul > li {margin-top:5px;}
.link_list > dl > dd ul > li:first-child {margin-top:0;}
.link_list > dl > dd > ul > li > ul {margin-left:20px; margin-top:5px;}
.link_list.serial > .wrapped_link{ clear:both; margin-top:20px; width:50%;}
@media screen and (max-width: 640px) {
	.link_list > dl {float:none; width:auto;}
	.link_list > dl:first-child {float:none;}
	.has_sidebar .link_list > dl {width:auto;}
	.has_sidebar .link_list > dl.long {width:auto;}
	.link_list > dl > dt {font-size:14px;}
	.link_list > dl > dd ul > li {margin: 15px 0;}
	.link_list.serial > .wrapped_link {width: auto;}
}

.personal_prof_list{float:right; padding:0 0 15px 5px;}
.personal_prof_list > li{ background:#eee; border:1px solid #ccc; color:#575757; float:left; margin-left:15px; padding:5px;}
.personal_prof_list > li > img{ display:block; margin-bottom:10px;}
.personal_prof_list > li > p{ font-size:11px; font-size:1.1rem; line-height:1.5em; margin:0;}
.personal_prof_list > li > hr{ border:none; border-top:1px dashed #c3c3c3; height:1px; margin:5px 0;}
.personal_prof_list > li > dl > dt,.personal_prof_list > li > dl > dd{ font-size:11px; font-size:1.1rem; line-height:1.5em;}
.personal_prof_list > li > dl > dt{ font-weight:700;}
.personal_prof_list > li > dl > dd > ul > li{ list-style:disc outside; margin-left:20px;}
.code_and_prof{ margin-bottom:10px; overflow:hidden; position:relative;}
.company_prof_list{ border:1px solid #0067B7; border-width:5px 1px; margin-bottom:20px; overflow:hidden; padding:35px; position:relative;}
.company_prof_list > img{ float:left;}
.company_prof_list > dl{ float:right; overflow:hidden; position:relative; width:720px;}
.company_prof_list > dl h4{ border:none; margin:0; padding:0; line-height:1.231; font-weight:bold;}
.has_sidebar .company_prof_list > dl{ width:490px;}
.company_prof_list > dl > dt{ border-bottom:1px solid #000; color:#000; font-size:14px; font-size:1.4rem; font-weight:700; margin-bottom:10px; margin-top:20px; padding-bottom:5px;}
.company_prof_list > dl > dt:first-child{ margin-top:0;}
@media screen and (max-width: 640px) {
	.personal_prof_list{float:none; padding: 0; margin: 20px 0;}
	.personal_prof_list > li {float: none; margin: auto; padding: 20px; width: 50%;}
	.personal_prof_list > li img {margin: 0 auto;}
	.personal_prof_list > li > p {font-size: 12px; margin-top: 1em; width: auto !important;}
	.personal_prof_list.col-2 {overflow: hidden;}
	.personal_prof_list.col-2 > li {box-sizing: border-box; float: left; width: calc(50% - 5px); padding: 10px;}
	.personal_prof_list.col-2 > li:last-child {float: right;}
	.personal_prof_list.col-2 > li > p {font-size: 10px; margin-top: 1em;}
	.company_prof_list {padding: 30px;}
	.company_prof_list > img {float: none; display: block; margin: auto;}
	.company_prof_list > dl h4 {margin-top: 1em;}
	.has_sidebar .company_prof_list > dl {padding: 0; width: auto;}
}


.event_site_inducer{
	background:#eee;
	border:1px dashed #c3c3c3;
	margin-bottom:20px;
	padding:20px;
}
.event_site_inducer > ul > li{
	font-size:13px;
	font-size:1.3rem;
	font-weight:700;
	margin-top:10px;
}
.event_site_inducer > ul > li:first-child{
	margin-top:0;
}
.event_site_inducer > ul > li > a{
	text-decoration:none;
}
.parallel_banners{
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
}
.parallel_banners > li{
	float:right;
}
.parallel_banners > li:first-child{
	float:left;
}
@media screen and (max-width: 640px) {
.parallel_banners > li{
	float:none;
margin-top:20px;
}
.parallel_banners > li:first-child{
	float:none;
}
.parallel_banners li img{
	max-width:100%;
height:auto;
}
}

.ref_info{
	border:1px solid #ccc;
	margin-bottom:20px;
	overflow:hidden;
	padding:20px 25px;
	position:relative;
}
.ref_info dl > dt{
	border-bottom:1px solid #7b7b7b;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
	margin-bottom:10px;
	padding-bottom:5px;
}
.ref_info > .figtxt_box > .fig_block{padding-left:30px;}
@media screen and (max-width: 640px) {
	.ref_info {padding: 20px;}
	.ref_info > .figtxt_box > .fig_block{padding-left:0;}
}

.img_caption_list{
	margin-bottom:10px;
}
.img_caption_list > ul{
	overflow:hidden;
	position:relative;
}
.img_caption_list > ul > li{
	float:left;
	text-align:center;
	width:100%;
}
.img_caption_list.cols-2 > ul > li{
	width:50%;
}
.img_caption_list.cols-3 > ul > li{
	width:33%;
}
.img_caption_list.cols-4 > ul > li{
	width:25%;
	font-size:11px;
	font-size:1.1rem;
}
.img_caption_list > ul > li > div{
	margin:5px auto 0;
	text-align:center;
}
.recommended_users{
	margin:-8px -8px 0 0;
	overflow:hidden;
	position:relative;
}
@media screen and (max-width: 640px) {
	.recommended_users{
		margin: 0;
	}
}
.recommended_users > li{ background:url(/common2/img/bgi_recommended_users.png) no-repeat 15px center; border:1px solid #cacaca; float:left; font-size:13px; font-size:1.3rem; font-weight:700; line-height:1.6em; margin:8px 8px 0 0; padding:15px 15px 15px 55px; width:185px;}
@media screen and (max-width: 640px) {
	.recommended_users > li{float: none; font-size: 1.3rem; width: auto; margin: 0 0 10px ;}
}
.service_lineups{
	margin:-10px -17px 50px 0;
	overflow:hidden;
	position:relative;
}
.service_lineups > li{
	float:left;
	margin:10px 17px 0 0;
}

.related_services > ul{ margin-right:-15px; overflow:hidden; position:relative;}
.related_services > ul > li{ border:1px solid #cacaca; float:left; margin-bottom:15px; margin-right:15px; padding:25px 25px 40px; position:relative; width:200px;}
.related_services > ul > li > .srv_name{ font-size:18px; font-size:1.8rem; font-weight:700; margin-bottom:15px; text-align:center;}
.related_services > ul > li > .srv_link{ bottom:10px; position:absolute; text-align:center; width:200px;}
@media screen and (max-width: 640px) {
	.related_services > ul {margin-right: -5px; margin-left: -5px;}
	.related_services > ul > li {width: calc(50% - 10px); box-sizing: border-box; margin: 0 5px 15px 5px; padding: 15px 10px;}
	.related_services > ul > li p {font-size: 13px;}
	.related_services > ul > li > .srv_name{ font-size:16px; word-break: break-all;}
	.related_services > ul > li > .srv_link{ position:relative; width:auto;}
}

.srv_cap{
	margin-bottom:10px;
}
.step_list > ol > li{
	background:url(/common2/img/ico_qaunit_arrow.png) no-repeat 50% 12px;
	padding-top:50px;
}
.step_list > ol > li:first-child{
	background:none;
	padding-top:0;
}
.step_list > ol > li > .inner_div{
	border:1px solid #005096;
	color:#005096;
	padding:15px;
}
.step_list > ol > li:first-child > .inner_div{
	margin-top:0;
}
.pickup_topics > ul{
	margin-right:-20px;
	overflow:hidden;
	position:relative;
}
@media screen and (max-width: 640px) {
	.pickup_topics > ul{
		margin-right: 0;
	}
}
.pickup_topics > ul > li{
	border:1px solid #cacaca;
	float:left;
	margin-right:20px;
	width:383px;
}
.pickup_topics > ul > li > p{
	margin:0;
}
.pickup_topics > ul > li > p.lead{
	background:#f7fbfd url(/common2/img/ico_pickuptopics_bulb.png) no-repeat 16px 7px;
	color:#000;
	font-size:13px;
	font-size:1.3rem;
	font-weight:700;
	margin:5px;
	min-height:36px;
	padding:12px 10px 12px 60px;
}
.subject_solution_list > ul > li{
	border:1px solid #cacaca;
	margin-bottom:20px;
}
.subject_solution_list > ul > li > .user{
	background:#f7fbfd url(/common2/img/ico_subsollist_man.png) no-repeat 0 0;
	margin:20px;
}
.subject_solution_list > ul > li > .subject{
	background:url(/common2/img/ico_subsollist_man.png) no-repeat 0 0;
	margin:20px;
}


.showcase_carousel{ margin-left:auto; margin-right:auto; position:relative; width:670px;}
.showcase_carousel .item > .thumb,.showcase_carousel .item > .case_name,.showcase_carousel .item > .txt_small{ margin-left:auto; margin-right:auto; width:202px;}
.showcase_carousel .item > .thumb{ margin-bottom:15px;}
.showcase_carousel .item > .thumb > a{ display:block; text-align:center;}
.showcase_carousel .item > .thumb > a > img{ border:1px solid #ccc;}
.showcase_carousel .item > .case_name{ font-size:16px; font-size:1.6rem; font-weight:700; width:202px;}
.showcase_carousel .item > .case_name > a{ color:#000; text-decoration:none;}
.showcase_carousel .item > .txt_small{ padding-top:10px; width:202px;}
.showcase_carousel .slick-prev,.showcase_carousel .slick-next{ height:30px; margin-top:0; overflow:hidden; text-indent:150%; top:35px; white-space:nowrap; width:30px;}
.showcase_carousel .slick-prev{ background:url(/common2/img/btn_showcase_left.png) no-repeat 0 0; left:-60px;}
.showcase_carousel .slick-prev:focus{ background:url(/common2/img/btn_showcase_left.png) no-repeat 0 0; opacity:1;}
.showcase_carousel .slick-prev:hover{ background:url(/common2/img/btn_showcase_left.png) no-repeat 0 0; opacity:.5;}
.showcase_carousel .slick-next{ background:url(/common2/img/btn_showcase_right.png) no-repeat 0 0; right:-60px;}
.showcase_carousel .slick-next:focus{ background:url(/common2/img/btn_showcase_right.png) no-repeat 0 0; opacity:1;}
.showcase_carousel .slick-next:hover{ background:url(/common2/img/btn_showcase_right.png) no-repeat 0 0; opacity:.5;}
@media screen and (max-width: 640px) {
	.showcase_carousel{ width: auto;}
	.showcase_carousel .slick-prev{left:0;}
	.showcase_carousel .slick-next{right:0;}
}


.column_list{
	margin-right:-10px;
}
.column_once{
	width:450px;
	margin-bottom:20px;
	margin-right:10px;
	float:left;
}
.column_title_wrap{
	background:url(/common2/img/bgi_checkers.png);
	padding:4px;
}
.column_title{
	background:#fff;
	padding:10px;
	font-size:14px;
	font-size:1.4rem;
	font-weight:400;
	line-height:1.4em;
}
.column_title > a{
	background:url(/common2/img/ico_anchor_arrow.png) no-repeat right 50%;
	display:block;
	padding-right:10px;
	color:#000;
	text-decoration:none;
}
.column_title > a:hover{
	opacity:.5;
}
.column_sub{
	margin-top:7px;
}

/**
 * 表組み
 */

table.table_compact > tbody > tr > th,
table.table_compact > tbody > tr > td{padding:3px;}
table > tbody > tr > th.has_formlabel{padding-right:80px;}
table.matrix > tbody > tr > th,
table.matrix > tbody > tr > td{ font-size:13px; font-size:1.3rem; padding:7px 10px;}
table.matrix > tbody > tr:first-child > th{ font-size:12px; font-size:1.2rem; text-align:center;}
table.matrix > tbody > tr:first-child > th:first-child{ background-color:#737373; color:#fff;}
table.matrix > tbody > tr > td{ text-align:right;}
@media screen and (max-width: 640px) {
	table.matrix > tbody > tr > th,
	table.matrix > tbody > tr > td{ font-size:12px;}
	table.matrix > tbody > tr:first-child > th{ font-size:12px;}
}


.fig_and_table{
	overflow:hidden;
	position:relative;
}
.fig_and_table > .tablefig{
	float:left;
	padding-right:10px;
}
.fig_and_table > table{
	width:auto;
}
.table_and_table{
	overflow:hidden;
	position:relative;
}
.table_and_table > table:first-child{
	float:left;
	margin-right:4%;
	width:50%;
}
.table_and_table > table:last-child{
	width:46%;
}
.case_list > li > .info > table{
	margin-bottom:0;
}
.case_list > li > .info > table th{
	width:8em;
}



/**
 * ナビゲーション系
 */
.service_local_nav{ margin-bottom:50px; overflow:hidden; position:relative;}
.service_local_nav:last-of-type{ margin-bottom:0;}
.service_local_nav > li{ float:left; margin-left:6px;}
.service_local_nav > li:first-child{ margin-left:0;}
.service_local_nav > li > a{ background:url(/common2/img/bgi_localnav.png) no-repeat 0 0; color:#005096; display:block; font-size:14px; font-size:1.4rem; font-weight:700; line-height:54px; height:54px; overflow:hidden; padding:6px 0 0; text-align:center; text-decoration:none; width:126px;}
.service_local_nav > li.rows-2 > a{ height:42px; line-height:1.2em; padding-top:18px;}
.service_local_nav > li > a:hover,.service_local_nav > li.on > a{ background-position:0 100%; color:#fff;}
.service_local_nav > li.on > a{ cursor:default;}
.service_local_nav > li.trial > a{ background-position:100% 0;}
.service_local_nav > li.trial > a:hover,.service_local_nav > li.trial.on > a{ background-position:100% 100%;}
@media screen and (max-width: 640px) {
	.service_local_nav {font-size: 0; margin-left: -5px; margin-right: -5px; text-align: center;}
	.service_local_nav > li {display: inline-block; width: 136px; box-sizing: border-box; float: none; margin: 0; text-align: center; padding: 0 5px;}
	.service_local_nav > li > a {margin: 0; font-size: 14px;}
	.service_local_nav > li {vertical-align: top;}
}

/**
 * フォーム
 */
.form_steps{
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.form_steps > li{
	background:url(/common2/img/ico_formsteps_arrow.png) no-repeat 0 50%;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-left:86px;
}
.form_steps > li.on,.form_steps > li.off{
	background:url(/common2/img/ico_formsteps_arrow_black.png) no-repeat 0 50%;
}
.form_steps > li:first-child{
	background:none;
	padding-left:0;
}
.form_steps > li > div{
	border:3px solid #bdd0e5;
	color:#005096;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
	padding:15px 0;
	text-align:center;
	width:200px;
}
.has_sidebar .form_steps > li > div{
	width:190px;
}
.form_steps > li.on > div{
	background-color:#005096;
	border:3px solid #69a1e5;
	color:#fff;
}
.form_steps > li.off > div{
	background-color:#434343;
	border:3px solid #ccc;
	color:#fff;
}
.form_error{
	background:url(/common2/img/ico_formerror.png) no-repeat 20px 16px;
	border:1px solid red;
	color:red;
	margin-bottom:10px;
	padding:20px 20px 20px 55px;
}
.form_msg{
	border:1px solid #005096;
	color:#005096;
	margin-bottom:30px;
	padding:20px;
}
.form_error .txt,.form_msg .txt{
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:0;
}
.form_error .txt{
	color:red;
}
.form_msg .txt{
	color:#005096;
}
.form_error > ul > li,.form_msg > ul > li{
	margin-top:5px;
}
.form_error > ul > li:first-child,.form_msg > ul > li:first-child{
	margin-top:0;
}
.form_label{
	border-radius:5px;
	color:#fff;
	font-size:10px;
	font-size:1rem;
	margin-top:-8px;
	padding:2px 8px;
	position:absolute;
	right:20px;
	top:50%;
}
.form_label.mandatory{
	background-color:red;
}
.form_label.optional{
	background-color:#00f;
}

input[type="text"].form,input[type="button"].form,input[type="password"].form,select.form,textarea.form{
	border:1px solid #dfdfdf;
	margin-right:10px;
	padding:2px 5px;
}
textarea.form{
	font-size:13px;
	font-size:1.3rem;
}
input[type="checkbox"].form{
	margin-right:3px;
	vertical-align:text-top;
}
input[type="radio"].form{
	margin-right:3px;
	vertical-align:middle;
}
.touch input[type="checkbox"].form{
	vertical-align:middle;
}
.form.input_middle{
	width:430px;
}
.has_sidebar .form.input_middle{
	width:370px;
}
.form.input_short{
	width:180px;
}
.form.input_shorter{
	width:120px;
}
select.form.input_shorter{
	width:132px;
}
.form.input_4digit{
	width:4em;
}
.form.input_2digit{
	width:2em;
}
input[type="button"].form{
	background:#f1f1f1;
	border-radius:2px;
	font-size:10px;
	font-size:1rem;
	padding:4px 5px;
}
textarea.form{
	height:200px;
	width:660px;
}
.has_sidebar textarea.form{
	width:550px;
}
.checkbox_list.parallel{
	position:relative;
}
.checkbox_list.parallel > li{
	display:inline-block;
	padding-right:30px;
}
p.example{
	color:#979797;
	font-size:12px;
	font-size:1.2rem;
	padding-left:10px
	line-height:1.231;
	margin-bottom:0;
}
td p.example{
	display:inline-block;
}
.confirm_check{
	background:#f1f1f1;
	margin-bottom:20px;
	padding:8px 10px;
	text-align:center;
}


/**
 * sitemap, 404 pages
 */
.sitemap .sitemap_thickbox,.servicel .servicel_thickbox{
	background:none;
}
.sitemap .sitemap_thickbox .thickbox_inner{
	padding-top:0;
}
.sitemap .sitemap_thickbox .thickbox_inner dt{
	border:1px solid #005096;
	margin:0 0 15px;
	padding:4px;
	background:none;
}
.sitemap .sitemap_thickbox .thickbox_inner dt a{
	background:url(/common2/img/ico_box_arrow.png) no-repeat 0 2px;
	display:inline-block;
	font-weight:700;
	padding-left:20px;
	text-decoration:none;
}
.sitemap .sitemap_thickbox .thickbox_inner dd > ul{
	padding-left:25px;
}


p.indent{
	margin-left:1em;
}
.form_error p,
.form_msg p{
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:0;
}
.form_error p{
	color:#f00;
}
.form_msg p{
	color:#005096;
}
h2.sidebar_title{
	background:none;
	margin:0;
	padding:0;
	line-height:1.231;
}
h2.sidebar_title a{
	margin-right:0;
}
.split_box > div > h2{
	margin-top:0;
}

h3.heading_case{background:none; padding:0; line-height:1.231;}


.figtxt_box > .txt_block > h3:first-child{
	margin-top:0;
}
.q_and_a_unit > div > h3{
	margin-top:20px;
}

.technology_once h3{
	margin-bottom:15px;
}
.service_features > div > h3{
	line-height:1.231;
}

.company_vision_ttl{
	color:#0A69C0;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.6em;
	margin-bottom:1em;
}
small .btn{
	font-size:13.5px;
	font-size:1.35rem;
}
.txt_right,
p a.btn{
	line-height:1.231;
}
p.txt_right,
p.txt_right.txt{
	line-height:1.6;
}


/******** margin ********/
/* top */
.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;}
.mt70	{margin-top: 70px !important;}
.mt75	{margin-top: 75px !important;}
.mt80	{margin-top: 80px !important;}
.mt85	{margin-top: 85px !important;}
.mt90	{margin-top: 90px !important;}
.mt95	{margin-top: 95px !important;}
.mt100	{margin-top:100px !important;}
/* right */
.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;}
.mr45	{margin-right:45px !important;}
.mr50	{margin-right:50px !important;}
.mr55	{margin-right:55px !important;}
.mr60	{margin-right:60px !important;}
.mr65	{margin-right:65px !important;}
.mr70	{margin-right:70px !important;}
.mr75	{margin-right:75px !important;}
.mr80	{margin-right:80px !important;}
.mr85	{margin-right:85px !important;}
.mr90	{margin-right:90px !important;}
.mr95	{margin-right:95px !important;}
.mr100	{margin-right:100px !important;}
/* left */
.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;}
.ml45	{margin-left:45px !important;}
.ml50	{margin-left:50px !important;}
.ml55	{margin-left:55px !important;}
.ml60	{margin-left:60px !important;}
.ml65	{margin-left:65px !important;}
.ml70	{margin-left:70px !important;}
.ml75	{margin-left:75px !important;}
.ml80	{margin-left:80px !important;}
.ml85	{margin-left:85px !important;}
.ml90	{margin-left:90px !important;}
.ml95	{margin-left:95px !important;}
.ml100	{margin-left:100px !important;}
.ml200	{margin-left:200px !important;}
/* bottom */
.mb00	{margin-bottom:0px !important;}
.mb0	{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;}
.mb45	{margin-bottom:45px !important;}
.mb50	{margin-bottom:50px !important;}
.mb55	{margin-bottom:55px !important;}
.mb60	{margin-bottom:60px !important;}
.mb65	{margin-bottom:65px !important;}
.mb70	{margin-bottom:70px !important;}
.mb75	{margin-bottom:75px !important;}
.mb80	{margin-bottom:80px !important;}
.mb85	{margin-bottom:85px !important;}
.mb90	{margin-bottom:90px !important;}
.mb95	{margin-bottom:95px !important;}
.mb100	{margin-bottom:100px !important;}
/* all */
.ma00{	margin:0 !important;}
.ma05{	margin:5px !important;}
.ma10{	margin:10px !important;}
.ma15{	margin:15px !important;}
.ma20{	margin:20px !important;}
.ma30{	margin:30px !important;}
.ma40{	margin:40px !important;}
/******** padding ********/
/* top */
.pt05{	padding-top: 5px !important;}
.pt10{	padding-top:10px !important;}
.pt15{	padding-top:15px !important;}
.pt20{	padding-top:20px !important;}
.pt30{	padding-top:30px !important;}
.pt40{	padding-top:40px !important;}
/* right */
.pr05{	padding-right: 5px !important;}
.pr10{	padding-right:10px !important;}
.pr15{	padding-right:15px !important;}
.pr20{	padding-right:20px !important;}
.pr30{	padding-right:30px !important;}
.pr40{	padding-right:40px !important;}
/* left */
.pl05{	padding-left:5px !important;}
.pl10{	padding-left:10px !important;}
.pl15{	padding-left:15px !important;}
.pl20{	padding-left:20px !important;}
.pl30{	padding-left:30px !important;}
.pl40{	padding-left:40px !important;}
/* bottom */
.pb0{	padding-bottom:0px !important;}
.pb05{	padding-bottom:5px !important;}
.pb10{	padding-bottom:10px !important;}
.pb15{	padding-bottom:15px !important;}
.pb20{	padding-bottom:20px !important;}
.pb30{	padding-bottom:30px !important;}
.pb40{	padding-bottom:40px !important;}
/* all */
.pa00{	padding:0 !important;}
.pa05{	padding:5px !important;}
.pa10{	padding:10px !important;}
.pa15{	padding:15px !important;}
.pa20{	padding:20px !important;}
.pa30{	padding:30px !important;}
.pa40{	padding:40px !important;}
/******** percentage width **********/
.wp5 	{width:  5%;}
.wp10	{width: 10%;}
.wp15	{width: 15%;}
.wp20	{width: 20%;}
.wp25	{width: 25%;}
.wp30	{width: 30%;}
.wp35	{width: 35%;}
.wp40	{width: 40%;}
.wp45	{width: 45%;}
.wp50	{width: 50%;}
.wp55	{width: 55%;}
.wp60	{width: 60%;}
.wp65	{width: 65%;}
.wp70	{width: 70%;}
.wp75	{width: 75%;}
.wp80	{width: 80%;}
.wp85	{width: 85%;}
.wp90	{width: 90%;}
.wp95 	{width: 95%;}
.wp100	{width:100%;}
/******** color **********/
.red {color: #f00;}

/******** hidden **********/
.is_hidden {display: none !important;}
@media screen and (max-width: 640px) {
  .is_hidden_sp {display: none !important;}
}
@media screen and (min-width: 641px) {
	.is_hidden_pc {display: none !important;}
}