@charset:utf-8;
/* CSS Document */

.fontNormal{
	color:#0071BC;
	font-size:30px;
}
.fontAlert{
	color:#f00;
	font-size:30px;
}
a{ cursor:pointer; }

.radius_none{ -webkit-border-radius: 0px; }

/* box */
#top_menu .box{
	float:left;
	text-align:center;
	padding:30px 0 0 0;
	line-height:1.6;
	width:80%;
}

.midashi_red{
	font-weight:bold;
	font-size:16px;
	color:#FF5A5A;
	border-left:7px solid #FF9191;
	padding:2px 10px;
}

.midashi{
	font-weight:bold;
	font-size:16px;
	color:rgb(29, 144, 230);
	padding:2px 10px 2px 6px;
}

.honbun{
	padding:0 0 0 10px;
	line-height: 140%;
}

/* �ｿｽg�ｿｽb�ｿｽv�ｿｽﾌゑｿｽ�ｿｽm�ｿｽ轤ｹ */
.infomation{
	border: 2px solid #FF6666;
	padding:10px;
	background-color:#fff;
	margin : 20px;
}

.infomation p{
	margin:0;
	padding:0;
	color:#333;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
}

/* �ｿｽ竭ｫ�ｿｽ�ｿｽ�ｿｽ�ｿｽ */
.supplement{
	background-color:#EFF4FF;
	border: 2px solid #A1C8FD;
	padding:5px;
	margin-left:0px;
}

.supplement h1{
	margin:5px;
	color:#2B72FF;
	font-size:14px;
	border-left:5px solid #2B72FF;
	padding:2px 4px;
	margin-left:0px;
	line-height:14px;
}

.supplement h2{
	margin:5px;
	font-size:12px;
	line-height:12px;
	margin-left:10px;
	font-weight:normal;
}

.chui{ color:#f00; }
.input-number{ text-align:right; }

/*---------------------------------------------------------------------
 Global navigation
----------------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
}

@media (max-width: 767px) {
	body { padding: 0px; }
}
@media only screen and (min-width : 781px) {
	body {
		padding: 0px!important;
		margin: 0px!important;
	}
}

h1.logo {
	float: left;
	margin: 0;
	padding: 3px 20px;
	color: #fff;
	display: inline;
}
h1.logo_sp{
	display: none;
}

#menu-container {
	clear: both;
	height: 46px;
	background: #556;
}

#neat-menu { float: left; }

#neat-menu a { text-decoration: none; }

#neat-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#neat-menu>ul>li {
	float: left;
}

#neat-menu ul li a {
	display: block;
	border: solid #fff;
	border-width: 0 1px 0 0;
	color: #fff;
	font-size: 14px;
	line-height: 48px;
    padding: 0px 15px 0px;
}


#neat-menu>ul>li:first-child>a { border-radius: 0 0 0 0; }

#neat-menu ul ul {
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	padding: 0;
	height: 0;
	opacity: 0;
	width: 240px;
	z-index: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background: #fff;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.12), 0px 0px 6px 0px rgba(0,0,0,0.04);
}

#neat-menu ul li:hover ul {
	margin-top: 0\2;
	height: auto;
	opacity: 1;
	visibility: visible;
}

#neat-menu ul ul li:first-child a { border-top-width: 0; }
#neat-menu ul ul a {
	border-right-width: 0;
	border-top: 1px solid #D1D1D1;
	color: #444;
	line-height: 24px;
	padding: 7px 12px;
}

#neat-menu ul ul a:hover {
	background: #556;
	border-top: 1px solid #4791D6;
	color: #fff;
}


/*---------------------------------------------------------------------
 Mobile Setting
----------------------------------------------------------------------*/
@media screen and (min-width: 900px) {
	header.mobile { display: none; }
	span.member a {
		margin-right: 10px;
		float: right;
		line-height: 46px;
		text-decoration: none;
		color: #fff;
	}
	span.member a:hover { text-decoration: underline; }

	#menu-search {
		float: right;
		margin: 8px 10px 0 0;
		background: #fff;
	}

	#menu-search form {
		height: 26px;
		padding: 0 8px;
		position: relative;
		width: 150px;
	}

	#menu-search form input {
		font-size: 13px;
		height: 26px;
		background: none repeat scroll 0 0 transparent;
		border: medium none;
		float: left;
		outline: medium none;
		padding: 0;
		width: 100%;
	}
}
@media screen and (max-width: 899px) {
	/**
	.pc { display: none; }
	*/

	h1.logo {
		display: none;
	}
	h1.logo_sp {
		float: left;
		margin: 0;
		padding: 3px 4px;
		color: #fff;
		display: inline;
	}
	header {
		height: 50px;
		background: #556;
	}
	
	header {
		height: 50px;
		background: #556;
	}


	label i { color: #fff; }

	#neat-menu ul li {
        padding-bottom: 0px;
	}
	#neat-menu ul li a {
		padding: 16px 7px 13px 8px;
	    line-height: 18px;
	}
	.member{
		display:none;
	}

	nav ul li { position: relative; }
	label i.fa-plus,
	label i.fa-minus {
		position: absolute;
		top: 15px;
		right: 15px;
	}

	input[id^="dropdown"],
	ul[class^="dropdown"] { display: none; }

	input[id^="dropdown"]:checked+ul[class^="dropdown"] {
		height: auto;
		display: block;
	}

	#menu-search form { height: 40px; }
	#menu-search form input {
		margin: 4%;
		padding: 0 3%;
		font-size: 13px;
		height: 40px;
		width: 84%;
	}
}

/*------------- FOOTER SETTING ---------------------*/
footer {
	color: #324057;
	width: 100%;
	background-color: #eef1f6;
}

footer .containers {
	padding: 20px;
	height: 100%;
	box-sizing: border-box;
}

footer ul { margin: 0; }
footer ul li { display: inline-block; }
footer ul li:before { content: "■ "}
footer ul li:after { content: " / "; }
footer ul li:last-child:after { content: none; }
footer ul li a { color: #20a0ff; }

footer small { font-size: 80%; }


#top_menu #community{ background:url(/img/bcc/community.png) center 40px no-repeat #fff; }
#top_menu #report{ background:url(/img/bcc/report.png) center 40px no-repeat #fff; }

#top_menu .box h2{
	color:#0071BC;
	font-size:20px;
	padding:56px 0 16px;
	margin:0 auto;
	text-align:center;
}

#top_menu .box p{ margin:3px; }

/*------------- FOOTER ---------------------*/
#top_menu #footer{
	margin-top20px;
	color:#fff;
}

#top_menu #footer a{
	color:#fff;
	text-decoration:underline;
}

#top_menu #footer .copy{
	font-size:80%;
	color:#cccccc;
	padding-top:10px;
}



.qa_q {
 font-size:22px;
 height:100px;
 display:block;
 float:left;
 height:20px;
 padding-top:6px;
 margin-right:4px;
}
.qa_q_midashi { padding-top:4px;
}

.qa_a {
	font-size:22px;
	height:100px;
	display:block;
	float:left;
	height:20px;
	padding-top:6px;
	margin-right:4px;
}

.qa_a_midashi{
	margin:0 0 0 20px;
	color:#0071BC;
	font-weight:bold;
}
.qa_a_honbun{ margin:0 0 0 20px; }

.price_table{ font-size:12px; }
.price_table th{
	background-color: #f9694f;
	color: #fff;
}

table.price_table thead th{
	background-color: #fff;
	color: #016097;
}

table.price_table tr.stnd {
	background-color: #C3E9FF;
	font-weight: bold;
}

/* �ｿｽ�ｿｽ�ｿｽ�ｿｽ�ｿｽo�ｿｽ�ｿｽ */
.arrow_box {
	position: relative;
	background: #f0f0f0;
	border: 2px solid #c2e1f5;
	margin:30px 0px 0px 10px;
	padding:10px 10px 20px 10px;
	width:80%;

-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 1px #000;
box-shadow: 0px 0px 1px #000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(240, 240, 240, 0);
	border-bottom-color: #f0f0f0;
	border-width: 15px;
	left: 10%;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 19px;
	left: 10%;
	margin-left: -19px;
}

.arrow_footer{
	color:#333;
	float:right;
	font-size:10px;
}

/* BBS */
.bbs-footer{
	color:#333;
	float:right;
	font-size:10px;
}

/* �ｿｽ�ｿｽ�ｿｽm�ｿｽ轤ｹ */
.oshirase {
	font-weight:bold;
	font-size:16px;
	color:#B22222;
	border-left:5px solid #FF6666;
	padding:2px 5px;
}
.title{
	font-size: 1.8em;
	
}
.oshirase_title {
	font-weight:bold;
	font-size:12px;
	margin-left:8px;
	margin-top:3px;
}

.oshirase_content {
	margin-left:10px;
	margin-top:2px;
}


/* �ｿｽ�ｿｽ�ｿｽ�ｿｽ�ｿｽF */
.wysiwyg-color-black   { color: black; }
.wysiwyg-color-silver  { color: silver; }
.wysiwyg-color-gray    { color: gray; }
.wysiwyg-color-white   { color: white; }
.wysiwyg-color-maroon  { color: maroon; }
.wysiwyg-color-red     { color: red; }
.wysiwyg-color-purple  { color: purple; }
.wysiwyg-color-fuchsia { color: fuchsia; }
.wysiwyg-color-green   { color: green; }
.wysiwyg-color-lime    { color: lime; }
.wysiwyg-color-olive   { color: olive; }
.wysiwyg-color-yellow  { color: yellow; }
.wysiwyg-color-navy    { color: navy; }
.wysiwyg-color-blue    { color: blue; }
.wysiwyg-color-teal    { color: teal; }
.wysiwyg-color-aqua    { color: aqua; }

div.message-area {
	z-index:1031;
	font-size:20px;
	display: none;
	position: fixed !important;
	position: absolute;
	bottom: 30px;
	left: 50px;
	width: 90%;
	padding:5px 10px;
	margin:10px;
	background-color:#eee;
	/**
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	*/
}

div.message-area-info {
	border:3px solid #0071BC;
	background-color:#0071BC;
	color:#fff;
}

div.message-area-error {
	border:3px solid #b94a48;
	background-color:#b94a48;
	color:#fff;
}
div.error {
	padding:5px;
	display: block;
	background-color:#fff;
	width: 96%;
	margin:20px ;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:2px solid #FF4949;
}

.error p{
	padding:0;
	margin:0;
}

.errorTitle{
	font-weight:bold;
	color:#f00;
}

.errorHonbun{
	color:#f00;
	margin:2px 0 0 3px;
	padding-left:5px;
}

.jqplot-highlighter-tooltip { padding:10px ; }
.jqplot-highlighter-tooltip span {
	font-weight:bold;
	color: #333;
	font-size:16px;
	padding:10px ;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

[class^="icon-"]{ margin-right:2px; }

/*�ｿｽJ�ｿｽ�ｿｽ�ｿｽ[�ｿｽZ�ｿｽ�ｿｽ�ｿｽﾌ厄ｿｽ�ｿｽ�ｿｽ�ｿｽp�ｿｽﾉフ�ｿｽH�ｿｽ�ｿｽ�ｿｽg�ｿｽ�ｿｽ�ｿｽﾟゑｿｽ*/
.carousel-control{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* ======================================
	 Bootstrap�ｿｽﾌ�ｿｽ�ｿｽx�ｿｽ�ｿｽ�ｿｽ�ｿｽ�ｿｽp�ｿｽ�ｿｽ�ｿｽ�ｿｽ�ｿｽﾄ拡�ｿｽ�ｿｽ
====================================== */
.label-green,
.badge-green { background-color: #00DC58; }

.label-blue,
.badge-blue { background-color: #003399; }

/* �ｿｽt�ｿｽH�ｿｽ[�ｿｽ�ｿｽ�ｿｽ�ｿｽ�ｿｽ^�ｿｽe�ｿｽ�ｿｽ�ｿｽ�ｿｽ�ｿｽﾉゑｿｽ�ｿｽ�ｿｽ�ｿｽﾛに費ｿｽ�ｿｽ�ｿｽ�ｿｽ�ｿｽ*/
.form-horizontal .control-group { margin-bottom: 8px; }

.hide{ display:none; }
img.adjusted {
	width: 100%;
	top: 0;
	left: 0;
}

.Invitation {
	width: 130px;
	height: 40px;
	float:left;
}

@media (min-width: 768px) and (max-width: 979px) {
	.Invitation{
		width:100px;
	}
}

.MONTH_1 { background-color:#fff!important; }
.MONTH_2 { background-color:#FFF9BC; }
.MONTH_3 { background-color:#FFA3A3; }
.MONTH_4 { background-color:#FF8484; }
.MONTH_5 { background-color:#FF5151; }
.MONTH_OVER { background-color:#FF5151!important; }

/*�ｿｽA�ｿｽj�ｿｽ�ｿｽ�ｿｽ[�ｿｽV�ｿｽ�ｿｽ�ｿｽ�ｿｽ*/
@-webkit-keyframes
click-wave {
0% {
		width:24px;
		height:24px;
		opacity:.35;
		border-radius:300%;
		position:absolute;
}

100% {
		width:300px;
		height:300px;
		margin-left:-150px;
		margin-top:-150px;
		opacity:0;
		border-radius:300%;
}
}

@-moz-keyframes
click-wave {
0% {
		width:24px;
		height:24px;
		opacity:.35;
		position:relative
}

100% {
		width:200px;
		height:200px;
		margin-left:-80px;
		margin-top:-80px;
		opacity:0
}
}

@-o-keyframes
click-wave {
0% {
		width:24px;
		height:24px;
		opacity:.35;
		position:relative
}

100% {
		width:200px;
		height:200px;
		margin-left:-80px;
		margin-top:-80px;
		opacity:0
}
}

@keyframes
click-wave {
0% {
		width:24px;
		height:24px;
		opacity:.35;
		position:relative
}

100% {
		width:200px;
		height:200px;
		margin-left:-80px;
		margin-top:-80px;
		opacity:0
}
}

.radio-input {
		-webkit-appearance:none;
		-moz-appearance:none;
		-ms-appearance:none;
		-o-appearance:none;
		appearance:none;
		width:24px!important;
		height:24px!important;
		-webkit-transition:all .15s ease-out 0;
		-moz-transition:all .15s ease-out 0;
		transition:all .15s ease-out 0;
		background:#eee!important;
		border: solid 2px #2B72FF;
		color:#fff!important;
		cursor:pointer!important;
		display:inline-block!important;
		outline:none!important;
		position:absolute!important;
		margin-right:.5rem!important;
		z-index:1000!important;
		border-radius:20%;
}

.radio-input:hover { background:#9faab7 }
.radio-input:checked { background:#2B72FF!important }
.radio-input:checked::before {
		width:18px;
		height:24px;
		position:absolute;
		content:'\002713';
		display:inline-block;
		font-size:14.66667px;
		text-align:center;
		line-height:20px;
		border: none!important;
}
.radio-input:checked::after {
		-webkit-animation:click-wave .55s;
		-moz-animation:click-wave .65s;
		animation:click-wave .65s;
		background:#2B72FF!important;
		content:'';
		display:block;
		position:absolute;
		z-index:100;
		border: none!important;
}

.radio-input-label {
		position:relative;
		top:6px;
		left:28px;
		margin-bottom:10px!important;
}

.radio-input-label-mini {
		position:relative;
		top:6px;
		left:28px;
		margin-bottom:10px!important;
		max-width : 110px;
		padding :2px;
}

.radio-input-label-mini:hover { background-color : #E3F6FF; }

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

meter{
	border: 1px solid #ccc;
	height: 10px;
	width: 120px;
}
meter::-webkit-meter-bar { background: #eee; }
meter::-webkit-meter-optimum-value { background: #3ea2e0; }
meter::-webkit-meter-suboptimum-value{ background: #ff5656; }
meter::-webkit-meter-suboptimal-value { background: #FF9F9F; }
meter::-webkit-meter-even-less-good-value { background: #e0b23e; }

.well-mini{
	padding : 3px;
	border-radius: 3px;
	margin-bottom: 5px;
}

input[type="number"]{ text-align:right; }

.iframe-content iframe {
	width: 450px !important;
	height: 282px !important;
}

@media screen and (max-width:580px) {
	.iframe-content {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}

	.iframe-content iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

/* �ｿｽ_�ｿｽ�ｿｽ */
.blinking{
	display : inline!important;
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
		-moz-animation:blink 1.0s ease-in-out infinite alternate;
		animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

/* �ｿｽ_�ｿｽ�ｿｽ */
.blinking-slow{
	display : inline!important;
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
		-moz-animation:blink 2.0s ease-in-out infinite alternate;
		animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

/* �ｿｽl�ｿｽX�ｿｽg�ｿｽ�ｿｽ�ｿｽ�ｿｽ�ｿｽe�ｿｽ[�ｿｽu�ｿｽ�ｿｽ */
.childTable{
	padding:0px;
	margin:0px;
	font-size:10px;
}
.childTable p{ font-size:10px; }
.childTable tr{
	padding: 3px;
	margin-bottom : 0;
}
.childTable td{
	padding: 3px;
	margin-bottom : 0;
}
.childTable .input-append{ margin-bottom: 3px; }

/* �ｿｽ�ｿｽ�ｿｽi�ｿｽ鞫� */
.product-image{
	max-width : 40px;
	max-height:40px;
	margin : 2px;
}

/* �ｿｽA�ｿｽ�ｿｽ�ｿｽJ�ｿｽ[�ｿｽ�ｿｽ�ｿｽﾂゑｿｽ�ｿｽ�ｿｽ */
.clickable{ cursor: pointer; }

/* �ｿｽ�ｿｽ�ｿｽﾍチ�ｿｽF�ｿｽb�ｿｽN�ｿｽp */
.validateMsg{
	background-color:#FEFFDB;
	padding : 5px;
	/*
	display : table-cell;
	vertical-align: middle;
	*/
	display : table-footer-group;
}
.validateMsg:empty { background-color:#EFFFED; }
.validateMsg:empty:after {
	padding : 5px;
	color : #51D147;
	content: "\F058OK";
	font-family: FontAwesome;
		font-size: 1.3rem;
		font-weight:bold;
}

.hideSuccessMsg:empty:after {
	display : none;
	content: "";
}

.table th{
	background: #eef1f6;
	color : #444;
}


.table-scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.table-scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.table-scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}