/*-------------------------------
	layout.css
-------------------------------*/
html {
	min-height:100%;
	position:relative;
}
body {
	font-size:1.5em;
	margin-bottom:4em;
}
@media (max-width: 767px) {
	body {
		margin-bottom:8em;
	}
}
img {max-width:100%;height:auto;}

.logo {padding:10px;}
.support {padding:0px 0px 15px 10px;}
.support img {width:100%;}

.white{color:#FFFFFF;}
.red {color:#FF0000;}
.blue {color:#06C;}
.green {color:#009933;}
.gray {color:#999999;}
.orange {color:#FF9900;}
.bol {font-weight:bold;}
.big {font-size:110%;}
.big-xl {font-size: x-large;}
.normal {font-size:100%;}
.text-v-top {vertical-align:text-top;}
.text-v-mid {vertical-align:middle;}
.text-v-btm {vertical-align:text-bottom;}
.text-under {text-decoration:underline;}
.glyphs-text {
	font-weight:bold;
	color:#666666;
	padding-left:5px;
}
.alert h6 {margin-top:0;}
.img-bor {
	border: 1px solid #000;
}
.no-line {white-space:nowrap;}

#header .navbar-form {
	padding-right:0px;
	margin-right:0px;
}

.line a {
	border:1px #999999;
	border-style:solid solid solid none;
	padding:3px 0;
	text-align:center;
	width:30px;
}

.line a:hover {
	color:#CCC;
}

.line a:first-child {
	border-style:solid;
}

.ver-mid {
	vertical-align:middle;
	font-weight:bold;
	margin-left:3px;
}

/*-------------------------------
	privacy
-------------------------------*/
.privacy-title {
	font-size:1.5em;
	font-weight:bold;
	margin-top:0px;
	padding-top:0px;
}

.privacy-rev {
	text-align:right;
}

.policy:first-child {
	margin-top:20px;

}
.policy {
	margin-top:35px;
}

/*-------------------------------
	footer
-------------------------------*/
footer {
	background-color:#0068B6;
	color:#ffffff;
	bottom:0;
	height:4em;
	width:100%;
	font-size:0.8em;
	position:absolute;
}
@media (max-width: 767px) {
	footer {height:8em;}
}
#footer_nav {
	margin:0 auto;
	padding:10px 0;
	line-height:1.2;
}

#footer_nav ul {
	display:inline;
	position:relative;
	overflow:hidden;
	float:left;
	padding-left:0px;
}

#footer_nav ul li {
	border-left:1px solid #999999;
	padding-left:12px;
	float:left;
	display:inline;
}

#footer_nav ul li a {
	display:block;
	text-decoration:underline;
	margin-right:12px;
	color:#ffffff;
}

#footer_nav .copyrigh {
	float:right;
	text-align:right;
}


/*-------------------------------
	#fontSize
-------------------------------*/
#fontSize {
	clear:both;
	float:right;
	padding-top:5px;
}

#fontSize p {
	float:left;
	padding-right:5px;
	font-size:14px;
	line-height:2.6;
}

#fontSize li {
	float:left;
	cursor: pointer;
	list-style: none;
	text-align: center;
	padding-left:5px;
}


/*-------------------------------
	#footer
-------------------------------*/
#footer .navbar {
	margin-bottom:0px;
}

#footer .copyright {
	clear:both;
	font-size:10px;
	color:#666666;
	padding-top:10px;
}

#footer .operation {
	font-size:10px;
	color:#666666;
}

.footer_sub ul {
	margin:0px;
	padding:0px;
}

.footer_sub li:first-child {
	border-left:none;
	padding-left:0px;
}

.footer_sub li {
	float:left;
	list-style-type:none;
	padding-right:10px;
	padding-left:10px;
	border-left:1px solid #666;
}

/*-------------------------------
	#service
-------------------------------*/
#service .row {
	padding:10px 10px 0px 10px;
}

#service .col-sm-3 {
	padding-bottom:10px;
}

#service .col-sm-4 {
	padding-bottom:10px;
}

/*-------------------------------
	#news
-------------------------------*/
#news h1.panel-title{
	position:relative;
}

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

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

#news .list-group time {
	padding-right:20px;
}

/*　ページタイトル、背景色 */
.panel-title {
	font-size:1.25em;
	background-color:transparent;
	color:#000; 
}

.panel-body {
	word-wrap:break-word;
}

#feedback {
	padding:10px 0px 20px 20px;
}

.top_lnk {
	text-align:right;
	margin-top:15px;
}

.top_lnk a {
	border-bottom:1px solid;
}

/*-------------------------------
	カテゴリバー
------------------------------- */
.categorybar {
/*	margin-top:20px; */
}

.faq_contents {
/*	margin:15px; */
	margin:15px 15px 30px;
}
@media (max-width: 767px) {
	.faq_contents {
		margin:5px;
	}
}

.categorybar_top {
	margin: 0 0 20px 0;
	font-size:1.25em;
	line-height:1.2;
	padding:5px 0px 0px 12px;
	border-bottom:solid 1px #999;
	border-left:solid 10px #999;
}
@media (max-width: 767px) {
	.categorybar_top {
		margin: 0 0 10px 0;
		font-size:1em;
		line-height:1.2;
		padding:5px 0px 0px 5px;
		border-bottom:solid 1px #999;
		border-left:solid 10px #999;
	}
}

.categorybar p {
	margin: 0 0 20px 0;
	font-size:1.25em;
	line-height:1.2;
	padding:5px 0px 5px 12px;
	border-bottom:solid 1px #999;
	border-left:solid 10px #999;
}
@media (max-width: 767px) {
	.categorybar p {
		margin: 0 0 10px 0;
		font-size:1em;
		line-height:1.2;
		padding:5px 0px 5px 5px;
		border-bottom:solid 1px #999;
		border-left:solid 7px #999;
	}
}

.categorybar_sm {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 1.5em;
    border: 2px solid #999;
    font-size: 1.25em;
    font-weight: bold;
    margin-top:50px;
}

.categorybar_sm:before {
    content:"";
    position: absolute;
    background: #999;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.categorybar_smsub {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em 0 0.8em 1.5em;
    border: 2px solid #999;
    font-size: 1.25em;
    font-weight: bold;
    margin-top:20px;
}

.categorybar_smsub:before {
    content:"";
    position: absolute;
    background: #999;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.categorybar_alert {
    position: relative;
    margin: 0 0 0.8em;
    padding: 0.8em 0 0.8em 1.5em;
    border: 2px solid #F00;
    font-size: 1.25em;
    font-weight: bold;
	color:#FF0000;
}

.categorybar_alert:before {
    content:"";
    position: absolute;
    background: #FF0000;
    top: 50%;
    left: 0.5em;
    margin-top :-15px;
    height: 30px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}


 
/* 1-1,1-2の記述 */
.listno {
	margin-top:30px;
	font-size:1.25em;
	color:#09F;
}

/* 関連情報 */
.div_ref {
	background-image:url(../../common/image/icon/icon_sup.gif);
	background-repeat:no-repeat;
	padding-top:18px;
	padding-left:20px;
	margin-top:7px;
	margin-left:7px;
	margin-bottom:10px;
}

.div_ref > a {
	display:inline-block;
	height:auto;
	width:auto;
	background-image:url(../../common/image/icon/arrow_red.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding-top:0px;
	font-size:1.00em;
	padding-left:16px;
}

/*-------------------------------
	side_bar 関連
------------------------------- */
.side_list {
	list-style-type:none;
}

.side_list li {
	margin-bottom:20px;
}

/*-------------------------------
	List 関連
------------------------------- */
.list_serach  li {
	margin-bottom:20px;
}

.list_ar {
	padding-left:20px;
}
.list_ar li {
	margin-bottom:20px;
}

.list_square {
	list-style-type:square;
	padding-left:20px;
}
.list_square li {
	margin-bottom:20px;
}

.list_circle {
	list-style-type:circle;
	padding-left:20px;
}
.list_circle li {
	margin-bottom:0;
}

.list_clear {
	padding-left:20px;
}
.list_clear li {
	margin-bottom:0;
}

.list_non li {
	list-style-type:none;
}
@media (max-width: 767px) {
	.list_ar, .list_square, .list_clear {
		padding-left:10px;
	}
}


/*-------------------------------
　対象　IE8対応
-------------------------------*/
.target {
	table-layout:auto\9;
	width:100%\9;
	word-wrap:break-word\9;
	overflow:hidden\9;
}

.target td {
	width:84%\9;
}

.target .text-right {
	width:16%\9;
	text-align:right;
}

.target img {
	padding-right:2px;
}

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

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

.tel_scroll button {
	font-size:small;
}

/*-------------------------------
　審査番号
-------------------------------*/
#div_probation {
/*	margin-bottom:5px; */
	text-align:right;
}

#probation {
	padding:1px 6px;
	border:#000000 1px solid;
	font-size:10px;
	margin:0px 0px 0px auto;
	color:#666666! important;
	line-height:130%;
/*	background-color:#fff! important; */
	text-align:center;
}


/*-------------------------------
　先頭へ
-------------------------------*/
#page-top {
	position:fixed;
	z-index:5;
 	bottom:15px;
	right:30px;
	font-size:1.25em;
	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-filter:"alpha(opacity=50)";
}

#page-top a {
	background:#666;
	text-decoration:none;
	color:#fff;
	padding:3px 9px;
	text-align:center;
	display:block;
	border-radius:5px;
}

#page-top a:hover {
	text-decoration:none;
	background:#999;
}

/*-------------------------------
	navtabs all
-------------------------------*/
#navtabs_all > li > a {
	background-color:#d7d7d7;
}

#navtabs_all > li.active > a {
	background-color:#FFF;
}

/*-------------------------------
	navtabs all_01
-------------------------------*/
#navtabs_all_01 > li > a {
	background-color:#d7d7d7;
}

#navtabs_all_01 > li.active > a {
	background-color:#FFF;
}

/*-------------------------------
	navtabs all_02
-------------------------------*/
#navtabs_all_02 > li > a {
	background-color:#d7d7d7;
}

#navtabs_all_02 > li.active > a {
	background-color:#FFF;
}

/*-------------------------------
	navtabs all_03
-------------------------------*/
#navtabs_all_03 > li > a {
	background-color:#d7d7d7;
}

#navtabs_all_03 > li.active > a {
	background-color:#FFF;
}

/*-------------------------------
	navtabs all_04
-------------------------------*/
#navtabs_all_04 > li > a {
	background-color:#d7d7d7;
}

#navtabs_all_04 > li.active > a {
	background-color:#FFF;
}

/*-------------------------------
	navtabs all_05
-------------------------------*/
#navtabs_all_05 > li > a {
	background-color:#d7d7d7;
}

#navtabs_all_05 > li.active > a {
	background-color:#FFF;
}