/* top.css */

.top-img {
	width:65%;
	height:auto;
	margin-right:15px;
	float:left;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display:inline-block;
	max-width:auto;
	height:auto;
}


#webform-area .radio {
	float:left;
	margin-left:20px;
}

#webform-area .webform-button {
	clear:both;
	text-align:center;
	margin-bottom:10px;
}

hr {
    margin-top: 5px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

/*-------------------------------
   panel-webform
-------------------------------*/
.panel-webform {
	border-color:#B3D9FF;
	margin-bottom:20px;
}

.panel-webform .panel-heading {
	padding-top:15px;
	padding-bottom:15px;
	font-size:x-large;
	font-weight:bold;
	color:#fff;
	background-color:#0099ff;
	border-color:#B3D9FF;
}

a .panel-heading {
	color: #16a085; 
}

a .panel-heading:hover {
	color:#87cefa;
}

.panel-webform>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#B3D9FF;
}
.panel-webform>.panel-heading .badge {
	color:#f5f5f5;
	background-color:#333;
}
.panel-webform>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#B3D9FF
}

/*-------------------------------
	table webform
-------------------------------*/
.tbl-webform {
	border:1px #000 solid;
	width:90%;
}
.tbl-webform th,.tbl-webform td {
	border:1px #000 solid;
	padding:5px;
	width:10%;
	text-align:center;
}
.tbl-webform th {
	background-color:#6CF;
}


/*-------------------------------
　SSC FD
-------------------------------*/
#fd {display:none;}

.tel_scroll-sp {
	position:fixed;
	bottom:2px;
	right:2px;
	z-index:3;
	margin-bottom:0px;
}

.modal-dialog-center {
	padding-top:50%;
}

.btn-fd {
	padding:13px 15px;
}

.btn-fd:focus ,
.btn-fd:hover {
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-filter:"alpha(opacity=100)";
}

/*-------------------------------
   panel-default
-------------------------------*/
.navbar-top {
	background-color:#0068B6;
}

.panel-default {
	margin-bottom:20px;
}

#ranking .panel-default {
	margin-bottom:0px;
}

/* 20180529 
#news .panel-default {
	margin-bottom:0px;
}
*/

.panel-info {
	margin-bottom:20px;
}

.panel-top {
	border-color:#99c2e1;
	margin-bottom:20px;
}
.panel-top>.panel-heading {
	color:#333;
	background-color:#99c2e1;
	border-color:#99c2e1;
}

.panel-top>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#99c2e1;
}
.panel-top>.panel-heading .badge {
	color:#f5f5f5;
	background-color:#333;
}
.panel-top>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#99c2e1;
}

.panel-top .move_link {
	background-color:#FF0000;
	float:right;
	margin:5px 15px -10px 0px;
}
.panel-top .move_link:hover {
	opacity:0.6;
}

/*-------------------------------
   panel-title-sp
-------------------------------*/
.panel-heading-sp {
	padding:5px 10px;
	font-weight:bold;
}

.panel-title-sp {
	font-size:90%;
	padding:1px;
}

#news .ptitle-btn-right-index-sp{
	position:absolute;
	top:-25px;
	right:0px;
 	font-size:12px;
	font-weight:normal;
	padding:3px 6px;
	text-align:center;
	color:#000;
	background:#fff;
	border-radius:3px;
}

/*-------------------------------
   panel-alert
-------------------------------*/

.panel-alert {
	display: table;
	width:100%;
	margin-top:16px;
	border:1px solid transparent;
	border-radius: 5px;
	border-color:#eeafb9;
}

.panel-alert-title {
	display:table-cell;
	width: 200px;
	vertical-align: middle;
	padding:8px 8px;
	border-radius: 5px 0 0 5px;
	background: #eeafb9;
	font-size:100%;
	font-weight:bold;
	text-align:center;
}

.panel-alert-body {
	display: table-cell;
	min-height:40px;
	vertical-align:middle;
	padding:0px 8px;
	border-radius:0 5px 5px 0;
	background:#fff;
	font-weight:bold;
}

.panel-alert-body li {
	line-height:2em;
	font-weight:bold;
}

a.panel-alert-link {
	color:#ed0a00;
}

/*-------------------------------
   panel-alert-sp
-------------------------------*/

.panel-alert-sp {
	width:100%;
	margin-top:16px;
	border:1px solid transparent;
	border-radius: 5px;
	border-color:#eeafb9;
}

.panel-alert-title-sp {
	/*width: 240px;*/
	vertical-align: middle;
	background: #eeafb9;
	font-size:100%;
	font-weight:bold;
	text-align:center;
}

.panel-alert-body-sp {
	display: table-cell;
	min-height:40px;
	vertical-align:middle;
	padding:0px 8px;
	border-radius:5px;
	background:#fff;
	font-weight:bold;
}

.panel-alert-body-sp li {
	line-height:2em;
	font-weight:bold;
}

a.panel-alert-link-sp {
	color:#ed0a00;
}

/*-------------------------------
   menu
-------------------------------*/

/*　TOPカルーセル切り替え時間*/
$('.carousel').carousel({
	interval:5000,
	pause:'hover'
})


.carousel{
	margin-bottom:20px;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .next.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}

.carousel-caption{
	position:absolute;
	bottom:10px;
	
}

.carousel-control.left {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

.carousel-indicators{
	position:absolute;
	bottom:-15px;	
}

.menu{
	padding:10px;
	background-color:#FFF;
	margin-bottom:0px;
	border:1px solid #999;
}

.menu h6{
	color:#000;
	font-size:1.375em;
}

#carouselstop{
	font-size:12px;
	float:right;

}

.menu ul,
.menu ol{	
	margin:0;
	padding:0;
	line-height:1.2;
	list-style:none;
}

.menu li a{
	position:relative;
	display:block;
	margin:0 0 25px 0;
	padding:15px 30px 15px 10px;
	font-size:18px;
	font-weight:bold;
	vertical-align:baseline;
	border:solid 1px #aaa;
	color:#FFF;
	text-decoration:none;
	background-color:#FFF;
}

.menu li a.first{
	background-color:#0099CC;
}

.menu li a.first:hover{
	background-color:#00ace6;
	color:#333;
}

.menu li a.second{
	background-color:#999999;
}

.menu li a.second:hover{
	background-color:#a6a6a6;
	color:#333;
}

.menu li a.third{
	background-color:#3CB371;
}

.menu li a.third:hover{
	background-color:#47c17e;
	color:#333;
}

.menu li a.last{
	background-color:#FF9900;
	margin:0 0 15px 0;
}

.menu li a.last:hover{
	background-color:#ffa31a;
	color:#333;
}


.menu li a:before{
	position:absolute;
	right:10px;
	top:50%;
	content:'＞';
	margin:-8px 0 0 0;
	font-weight:bold;
	color:#FFF;
	line-height:1;
}

#fav .navbar-collapse .navbar-top .navbar-nav.navbar-right:last-child ,
#fav .navbar-collapse .navbar-top .navbar-nav.navbar-right > li > a:hover,
#fav .navbar-collapse .navbar-top .navbar-nav.navbar-right > li > a:focus {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

/*-------------------------------
   #flow
-------------------------------*/
#flow .btn span.glyphicon {
	font-size:24px;
}

/* index_choose */
.choose_index a {
	color:#FFF;
}

.choose_index span {
	margin-right:10px;
}

.label {
	width:61px;
	display:inline-block;
	vertical-align:text-top;
}

.label-win {
  background-color: #3498db;
}

.label-mac {
  background-color: #a3b1b2;
}

.label-android {
  background-color: #2ecc71;
}

.label-hbox {
  background-color: #e67e22;
}

.label-mihariban {
  background-color: #009952;
}

.label-webfilter {
  background-color: #cc3366;
}

.label-other {
  background-color:#F66;
}

.label.label-ranking {
	width:45px;
	font-size:14px;
	margin-right:7px;
	background-color:#66CCFF;
}

/*-------------------------------
   btn-responsive
-------------------------------*/
.btn-responsive {
	font-size:90%;
	line-height:1.2;
}

/*-------------------------------
   choose-btn
-------------------------------*/

.btn-win {
	background-color:#3498db;
	color:#FFF;
	width:210px;
	height:50px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:22px;	
	font-weight:normal;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #246a99;
}

.btn-hbox {
	background-color:#F90;	
	color:#FFF;
	width:210px;
	height:50px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:22px;	
	font-weight:normal;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #b26b00;
}

.btn-mac {
	background-color:#778899;
	color:#FFF;
	width:210px;
	height:50px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:22px;	
	font-weight:normal;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #535f6b;
}

.btn-webfilter {
	background-color:#CD5C5C;
	color:#FFF;
	width:210px;
	height:50px;
	text-align:center;
	padding-top:2px;
	text-decoration:none;
	outline:none;
	font-size:15px;	
	font-weight:normal;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #8f4040;
}

.btn-guard {
	background-color:#009952;
	color:#FFF;
	width:210px;
	height:50px;
	text-align:center;
	padding-top:2px;
	text-decoration:none;
	outline:none;
	font-size:15px;	
	font-weight:normal;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #006b39;
}

.btn-android {
	background-color:#2ECC71;
	color:#FFF;
	width:210px;
	height:50px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:22px;	
	font-weight:normal;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #208e4f;
}

.btn:focus ,
.btn:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-filter:"alpha(opacity=70)";
}

/*-------------------------------
   choose-btn-sp
-------------------------------*/

.btn-win-sp {
	background-color:#3498db;
	color:#FFF;
	width:70px;
	height:70px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	padding:13px 0px;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #246a99;
}

.btn-hbox-sp {
	background-color:#F90;	
	color:#FFF;
	width:70px;
	height:70px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	padding:13px 0px;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #b26b00;
}

.btn-mac-sp {
	background-color:#778899;
	color:#FFF;
	width:70px;
	height:70px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	padding:13px 0px;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #535f6b;
}

.btn-android-sp {
	background-color:#2ECC71;
	color:#FFF;
	width:70px;
	height:70px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-weight:normal;
	padding:13px 0px;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #208e4f;
}

.btn-webfilter-sp {
	background-color:#CD5C5C;
	color:#FFF;
	width:160px;
	height:50px;
	text-align:center;
	padding-top:10px;
	text-decoration:none;
	outline:none;
	font-size:12px;	
	font-weight:normal;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #8f4040;
}

.btn-guard-sp {
	background-color:#009952;
	color:#FFF;
	width:160px;
	height:50px;
	text-align:center;
	padding-top:10px;
	text-decoration:none;
	outline:none;
	font-size:12px;	
	font-weight:normal;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #006b39;
}

.btn-test-sp {
	background-color:#009952;
	color:#FFF;
	width:60px;
	height:60px;
	text-align:center;
	padding-top:10px;
	text-decoration:none;
	outline:none;
	font-size:12px;	
	font-weight:normal;
	margin-top:10px;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #006b39;
}

.big {
	font-size:150%;
}

.btn:focus ,
.btn:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-filter:"alpha(opacity=70)";
}

/*-------------------------------
   index-news-panel-btn
-------------------------------*/
#news .ptitle-btn-right-index{
	position:absolute;
	top:-23px;
	right:0px;
 	font-size:12px;
	font-weight:normal;
	padding:6px 9px;
	text-align:center;
	color:#000;
	background:#fff;
	border-radius:3px;
}

#news a.ptitle-btn-right-index:focus ,
	  a.ptitle-btn-right-index:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-filter:"alpha(opacity=70)";
}

.label-new {
	color:#d9534f;
	background-color:#FFF;
	border:2px solid #d9534f;
	margin-left:5px;
}

/*-------------------------------
   service-img
-------------------------------*/
.imgaction:focus ,
.imgaction:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-filter:"alpha(opacity=70)";
}

/*-------------------------------
   config-choose
-------------------------------*/
.btn-blue {
	background-color:#009499;
	color:#FFF;
	width:150px;
	height:75px;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:13.5px;
	font-weight:normal;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #00676b;
}

.btn-blue-w {
	background-color:#fff;
	color:#009499;
	width:150px;
	height:75px;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:13.5px;
	font-weight:normal;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:3px solid #009499;
}

.btn-red {
	background-color:#CD5C5C;
	color:#FFF;
	width:150px;
	height:75px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:13.5px;
	font-weight:normal;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #8f4040;
}

.btn-red-w {
	background-color:#fff;
	color:#CD5C5C;
	width:150px;
	height:75px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:13.5px;
	font-weight:normal;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:3px solid #CD5C5C;
}

.btn-green {
	background-color:#009952;
	color:#FFF;
	width:150px;
	height:75px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:13.5px;
	font-weight:normal;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:2px solid #006b39;
}

.btn-green-w {
	background-color:#fff;
	color:#009952;
	width:150px;
	height:75px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
	outline:none;
	font-size:13.5px;
	font-weight:normal;
	border-bottom:6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:3px solid #009952;
}

.btn-blue-w:focus ,
.btn-blue-w:hover {
	color:#4cb4b7;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-filter:"alpha(opacity=70)";
}

.btn-red-w:focus,
.btn-red-w:hover {
	color:#dc8d8d;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-filter:"alpha(opacity=70)";
}
.btn-green-w:focus,
.btn-green-w:hover {
	color:#4cb786;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-filter:"alpha(opacity=70)";
}