@charset "utf-8";

div#container {
	width: 960px;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

div#container > #wrapper {
	margin-left: 0;
	padding: 0;
	/*padding: 0 15px;*/
	color: #333;
	background-color:transparent;
}

div#container > #wrapper .inner{
	padding: 0 15px;
	margin-bottom: 50px;
}

div#container .breadcrumb {
	font-size: 10px;
	margin-bottom: 15px;
}

div#container .breadcrumb a img {
	vertical-align: middle;
}

div#container h1 {
	font-size: 26px;
	color: #fff;
	background-color: #333;
	padding: 10px 15px;
}

div#container p.caption {
	font-size: 15px;
	background-color: #efefef;
	padding: 20px 15px;
	margin-bottom: 50px;
}

div#container p.txt {
	color: #333;
	padding: 15px 45px;
}

.red { color: #f06; }
.right {
	padding: 4px 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: left;
}


div#container { width: 990px; }




/*========================================
共通設定
========================================*/
div#container > #wrapper .inner {
	padding: 0px 0px;
	margin-bottom: 50px;
}

div.jigyo div.innner { padding: 0 !important; }
div.jigyo div.menu {
	float: left;
	width: 200px;
	border-top: 4px solid #005bac;
}

div.jigyo div.detail {
	float: right;
	width: 765px;
}

div#container p.caption{
	margin-bottom: 25px;
}

div#container .f-l {float: left;}
div#container .f-r {float: right;}

div#container .Timg {
	vertical-align: baseline;
}
/*========================================
左メニュー設定
========================================*/
div#container div.jigyo div.menu .on {
	color: #fff;
	background: #005bac url("/jigyo/mslync_uc/images/common/circle-right_on.png") no-repeat 6px 9px;
}

div#container div.jigyo div h2.on {
	background: #005bac !important;
}

div#container div.jigyo div.menu .on * {
	color: #FFF;
}

div#container div.jigyo div.menu a {
	text-decoration: none;
	color: #333;
	display: block;
}

div.jigyo div.menu h2 {
	padding: 6px;
	margin-top: 1px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-top: 0px;

	font-size: 12px;
	font-weight: bold;
	text-align: center;

	background: #f5f5f5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
div.jigyo div.menu ul {
	list-style: none;
	margin-bottom: 20px;
}

div.jigyo div.menu ul.navi {
	border: 1px solid #ccc;
	border-top: none;
}

div.jigyo div.menu ul.navi li {
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
	padding: 5px 2px 5px 23px;
}

div.jigyo div.menu ul.navi li.nbd {border: 0px;}

div.jigyo div.menu ul.navi li.hd {
	border-top: 1px solid #ccc;
	background: url("/jigyo/mslync_uc/images/common/circle-right_off.png") no-repeat 6px 9px;
}

div.jigyo div.menu ul.navi li:hover {
	background: #005bac;
	color: #fff;
}

div.jigyo div.menu ul.navi li.hd:hover {
	background: #005bac url("/jigyo/mslync_uc/images/common/circle-right_on.png") no-repeat 6px 9px;
}

div.jigyo div.menu ul.navi li.on.hd {
	background: #005bac url("/jigyo/mslync_uc/images/common/circle-right_on.png") no-repeat 6px 9px;
}

div.jigyo div.menu ul.navi li.lv2.on {
	background: #005bac;
}

div#container div.jigyo div.menu ul.navi li:hover * {
	color: #ffffff;
}

div#container div.jigyo div.menu ul.navi li.on * {
	color: #ffffff;
}

/* アコーディオン1 */

div#container div.jigyo div.menu ul.navi div.acMenu_box div.acMenu_title {
	float: left;
	border: 1px solid #ccc;
	border-top: none;
	padding: 0 2px 0 23px;
	width: 173px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}

div#container div.jigyo div.menu ul.navi div.acMenu_box{
	height: 30px;
}


div#container div.jigyo div.menu ul.navi div.acMenu_box a:hover{
	text-decoration: underline;
	color: #005bac;
}



div.jigyo div.menu ul.navi .button_acMenu {
	position: absolute;
	cursor: pointer;
	padding-left: 4px;
	padding-top: 7px;
}

div.jigyo div.menu ul.navi .button_acMenu img{
}

div.jigyo div.menu ul.navi .button_acMenu.active img{
	visibility: hidden;
}

div.jigyo div.menu ul.navi .button_acMenu.active{
	background: url("../images/common/minus.png") no-repeat 4px 7px;
}

div.jigyo div.menu ul.navi div.acMenu ul {
	margin-bottom: 0;
}

div.jigyo div.menu ul.navi div.acMenu ul li {
	background-image: none;
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px 2px 5px 23px;
}

/* アコーディオン1開いてる状態の時 */
div#container div.jigyo div.menu ul.navi div.acMenu_title_on a{
	float: left;
	border: 1px solid #ccc;
	border-top: none;
	padding: 0 2px 0 23px;
	width: 173px;
	height: 30px;
	line-height: 30px;
	color: #005bac;
	font-size: 12px;
}

div.jigyo div.menu ul.navi .button_acMenu_op {
	position: absolute;
	cursor: pointer;
	padding-left: 4px;
	padding-top: 7px;
}

div#container div.jigyo div.menu ul.navi .button_acMenu_op img{
}

div.jigyo div.menu ul.navi .button_acMenu_op.active img{
	visibility: hidden;
}

div.jigyo div.menu ul.navi .button_acMenu_op.active{
	background: url("../images/common/plus.png") no-repeat 4px 7px;
}

/* アコーディオン2 */

div#container div.jigyo div.menu ul.navi div.acMenu_box_2 div.acMenu_title_2 {
	float: left;
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px 2px 5px 23px;
	width: 173px;
	font-size: 12px;
}

div#container div.jigyo div.menu ul.navi div.acMenu_box_2{
	height: 30px;
}


div#container div.jigyo div.menu ul.navi div.acMenu_box_2 a:hover{
	text-decoration: underline;
	color: #005bac;
}



div.jigyo div.menu ul.navi .button_acMenu_2 {
	position: absolute;
	cursor: pointer;
	padding-left: 4px;
	padding-top: 7px;

}

div.jigyo div.menu ul.navi .button_acMenu_2 img{
}

div.jigyo div.menu ul.navi .button_acMenu_2.active img{
	visibility: hidden;
}

div.jigyo div.menu ul.navi .button_acMenu_2.active{
	background: url("../images/common/minus.png") no-repeat 4px 7px;
}

div.jigyo div.menu ul.navi div.acMenu_2 ul {
	margin-bottom: 0;
}

div.jigyo div.menu ul.navi div.acMenu_2 ul li {
	background-image: none;
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px 2px 5px 23px;
}

/* アコーディオン2開いてる状態の時 */
div#container div.jigyo div.menu ul.navi div.acMenu_box_2 div.acMenu_title_2_on a {
	float: left;
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px 2px 5px 23px;
	width: 173px;
	color: #005bac;
	font-size: 12px;
}


div.jigyo div.menu ul.navi .button_acMenu_2_op {
	position: absolute;
	cursor: pointer;
	padding-left: 4px;
	padding-top: 7px;

}

div#container div.jigyo div.menu ul.navi .button_acMenu_2_op img{
}

div.jigyo div.menu ul.navi .button_acMenu_2_op.active img{
	visibility: hidden;
}

div.jigyo div.menu ul.navi .button_acMenu_2_op.active{
	background: url("../images/common/plus.png") no-repeat 4px 7px;
}


/* バナー */
div.jigyo div.menu ul.navi li.lv2.last{
	border-bottom: 1px solid #cccccc;
}

div.jigyo div.menu ul.banner li {
	margin-bottom: 1em;
}

div.jigyo div.menu ul.banner li.contact,
div.jigyo div.menu ul.banner li.dl {
	border: 1px solid #cccccc;
}

div.jigyo div.menu ul.banner li.contact {
	padding: 3px;
}

div#container div.jigyo div.menu ul.banner li.contact p {
	width: 195px;
	margin: 0 auto;
}

div#container div.jigyo div.menu ul.banner li.contact div {
	text-align: center;
}

div.jigyo div.menu ul.banner li.dl {
	background: #0084ab;
	text-align: center;
	padding: 5px;
}

div#container div.jigyo div.menu ul.banner li.dl p {
	background: #FFF;
	-webkit-border-radius: 5px;
	border-radius: 3px;
	margin-bottom: 3px;
}

div#container div.jigyo div.menu ul.banner li.dl p:hover {
	opacity: .8;
}

div#container div.jigyo div.menu ul.banner li.dl p a {
	padding: 5px 0;
	font-weight: bold;
}



/*========================================
詳細部分設定
========================================*/
body .inner{
	font-size: 14px;
	color: #333;
}

div.jigyo div.detail section {
	margin-bottom: 60px;
	overflow: hidden;
}
div.jigyo div.detail section > p {
	margin-bottom: 20px;
}

div.jigyo div.detail section h2 {
	border-left: 4px solid #005bac;
	padding-left: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	color: #333;
	font-size:20px;
}

div.jigyo div.detail ul {
	padding-left: 1.5em;
}

div.jigyo div.detail .btn {
	font-weight: bold;
	font-size:20px;
	display: inline-block;
	background-color: #0084ab;
	padding: 0.5em 1em;
}

#container div.jigyo div.detail .btn a {color: #FFF;}

div.jigyo div.detail ul.bottomNavi li a {
	text-decoration: none;
}

div#container div.jigyo div.detail ul.bottomNavi li:hover a:hover {
	color: #000000 !important;
}

div#container div.jigyo div.detail ul.bottomNavi li.on a {
	color: #000000 !important;
}

/*========================================
第二階層以下設定
========================================*/

.mt_10{
	margin-top: 10px !important;
}

.mt_20{
	margin-top: 10px !important;
}

.mt_30{
	margin-top: 30px !important;
}

.mt_50{
	margin-top: 50px !important;
}
.mt_70 {
	margin-top: 70px;
}

.mb_10{
	margin-bottom: 10px !important;
}

.mb_18{
	margin-bottom: 18px !important;
}

.mb_20{
	margin-bottom: 20px !important;
}

.mb_30{
	margin-bottom: 30px !important;
}

.mb_35{
	margin-bottom: 35px !important;
}

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

.mb_60{
	margin-bottom: 60px !important;
}

.mr_20{
	margin-right: 20px !important;
}

.ml_10{
	margin-left: 10px !important;
}

.ml_20{
	margin-left: 20px !important;
}
.ml_35{
	margin-left: 35px !important;
}

.mr_14{
	margin-right: 10px !important;
}

.p10 {
	padding: 10px !important;
}

.thead_1{
	width: 100px !important;
}

.tid1 {
	padding-left: 1em;
	text-indent: -1em;
}
.tac {
	text-align: center !important;
}

.tar {
	text-align: right !important;
}

.tal {
	text-align: left !important;
}

.bold {
	font-weight: bold !important;
}

.point_1{
	background-color: #f94258;
	color: #fff;
	padding: 0 5px;
}

.point{
	background-color: #f94258;
	color: #fff;
	padding: 0 5px;
}

th.width_1{
	width: 50px
}

.fw {
	overflow: hidden !important;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.w30p {
	width: 30% !important;
}

.w45p {
	width: 45% !important;
}
.w48p {
	width: 48% !important;
}
.w60 {
	width: 60%;
}
.w65 {
	width: 65%;
}
.w66p {
	width: 66% !important;
}

.w480 {
	width: 480px;
}

.fs8 {
	font-size: 8px;
}
.fs10 {
	font-size: 10px;
}
.fs12 {
	font-size: 12px;
}
.fs14 {
	font-size: 14px;
}
.fs16 {
	font-size: 16px;
}
.fs_17 {
	font-size: 17px;
}
.fs18 {
	font-size: 18px;
}
.fs20 {
	font-size: 20px;
}

.dl-box {
	text-align: center;
}

.dl-btn {
	background: #0084AB;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px #005771;
	-webkit-box-shadow: 0px 2px #005771;
	box-shadow: 0px 2px #005771;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#005771');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#005771')";
}

.dl-btn a {
	display: block;
	font-size: 16px;
	padding: 0 10px;
	text-decoration: none;
	color: #FFF !important;
}

.into a {
	padding: 10px 100px;
}

.dl-btn a i {
	font-size: 32px;
	padding: 5px;
	vertical-align: sub;
}

.dl-btn:hover {
	opacity: .8;
}

/*========================================
個別設定
========================================*/
div#container .caption span{
	font-size: 17px;
	font-weight: bold;
	color: #f70052;
	display: block;
	text-align: center;
}

ul.NaviTop {
	width: 722px;
	margin: 0 auto 20px;
}

ul.bottomNavi {
	background-color: #d6e2ed;
	padding: 1em;
	list-style-type: none;
	overflow: hidden;
	position: relative;
	zoom: 1;
	font-size: 14px;
	font-weight: bold;
}

ul.bottomNavi li.on {
	background: url(../img/list_on.png) no-repeat 0 8px;
}

ul.bottomNavi li {
	float: left;
	margin-left: 1em;
	padding-left: 1em;
	background: url(../img/list_off.png) no-repeat 0 8px;
}

ul.bottomNavi li a {
	text-decoration: none;
	color: #005bac;
}

ul.bottomNavi li a:hover{
	color: #000;
}

.operation h3{
	font-size: 16px;
	background: #01b0f0;
	color: #fff;
	padding: 8px 10px;
	width: 15%;
	text-align: center;
}

.menu .banner .contact h3{
	font-size: 12px;
	font-weight: bold;
	color: #1aa354;
	border: none;
	padding: 0;
	margin: 0;
	text-align: center;
	background: none;
}

h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	border-radius: 8px;
}

h5{
	font-size: 16px;
	background: #01b0f0;
	color: #fff;
	padding: 8px 10px;
	width: 15%;
	text-align: center;
	border-radius: 9px;
}

.elist:before{
	content: "■";
	color:#3333ee;
}

.flex {display: flex;}
.flex.wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex.between{justify-content: space-between;}
.flex.around{justify-content: space-around;}

.flex.row3 > *:nth-child(n + 4) {
	margin-top: 20px;
}

.flex.row4 > * {width: 22%;}

.schema{
	margin-top: 15px;
}

.schema .back-grey{
	background: #d9d9d9;
}

.schema .back-grey p{
	padding: 10px;
}

.schema .back-red{
	background: #ffcccc;
}

.schema .back-red p{
	padding: 10px;
}

.back-blue{
	background: #deebf7;
	padding: 15px;
}

.triangle1{
	width: 0;
	height: 0;
	border-left: 20px solid #ccc;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.Blink{
	width: 30%;
	border: 1px solid #000;
	display: block;
	text-decoration: none;
}
div.Blink{visibility: hidden;}
.Blink:hover {

}

.Blink p{
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding: 10px;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.Blink p img {
	display: inline-block;
}

.Blink .thum {
	height: 200px;
}

ul.ul,
ul.ul li {list-style-type: disc;}


ul.check li {
	position: relative;
}
ul.check li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.d_btn {
	background: #0cb050;
	padding: 10px;
	border-radius: 8px;
	text-decoration: none;
}
div.detail ul.bottomNavi {
	background-color: #efefef;
	padding: 1em;
	margin-right: 15px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
	zoom: 1;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}

.d-vue .about dl {margin-top: 30px;}
.d-vue .about dl dt {
	background: #C00000;
	width: 200px;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.d-vue .about dl dd {
	background: #F2F2F2;
	padding: 10px;
	font-size: 18px;
}

div.jigyo div.detail.thermometer {
	float: none;
	width: 100%;
}

div.jigyo div.detail.thermometer .Feature div p {
	width: 80%;
	margin: 0 auto;
	background: #ED7D31;
	color: #FBEF3C;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
}
div.jigyo div.detail.thermometer .Feature div p + p {
	margin-top: 10px;
}
div.jigyo div.detail.thermometer .Lineup dl dt {
	background: #0070ba;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	margin-bottom: 20px;
}
div.jigyo div.detail.thermometer .function table {
	width: 100%;
	margin-bottom: 30px;
}
div.jigyo div.detail.thermometer .function table tr > *{
	padding: 10px;
	color: #000;
}
div.jigyo div.detail.thermometer .function table tr th {
	background: #0070ba;
	color: #fff;
	font-weight: bold;
}

div.jigyo div.detail.thermometer .function table .bg_type01 {
	background: #edeff7;
}

div.jigyo div.detail.thermometer .function table .bg_type02 {
	background: #d8deef;
}

div.jigyo div.detail.thermometer .function table tr td {
	border-right: 3px solid #fff;
}