@charset "utf-8";

/* index用新規メニュー画像 */
#main2 ul.home_menu li.home_menu5{
	float:left;
	background: url("./business/images/bg_home_menu5.png") left top no-repeat;
	width:240px;
	height:200px;
}

#bsc img.size.float-left,
#bsc img.size.float-right{ height: auto; margin-bottom: .5rem; }
#bsc > img{ margin: 2rem auto; }

#bsc section{ font-size: 1rem; margin: 1rem auto; }
#bsc section+section{ margin-top: 2rem; }


/* margin bottom 調節用 */
#bsc .margin-b4rem{ margin-bottom: 4rem; }
#bsc .margin-b6rem{ margin-bottom: 6rem; }
#bsc .margin-b8rem{ margin-bottom: 8rem; }


/* float */
#bsc .float-left{ float: left; margin-right: 1rem;}
#bsc .float-right{ float: right; margin-left: 1rem; }


/* 下記classを付与した閉じタグの終わりにfloat解除を挿入 */
#bsc .float-end:after{
	content: '';
	height: 1px;
	clear: both;
	display: block;
}


/* 表示位置 */
#bsc .align-center{ display: block; text-align: center; }
#bsc .align-right{ text-align: right; }


/* display 指定 */
#bsc .disp-list { margin-left: 1.5rem; }
#bsc .disp-list > li{ display: list-item; list-style-type: disc; }
#bsc .disp-ib, #bsc .disp-ib > li{ display: inline-block; }
#bsc .disp-block{ display: block; }
#bsc .disp-block.align-center{ margin-left: auto; margin-right: auto; }
#bsc .table { display: table; table-layout: fixed; width: 100%; }
#bsc .table .row { display: table-row; }
#bsc .table .row > .cell{ display: table-cell; }


/* 見出し */
#bsc h3{ font-size: 1.6em;color: #222; margin-bottom: 1rem; font-weight: bold; }
#bsc h3.under-line{ border-bottom: 3px solid #969696; margin-bottom: 2rem; padding-bottom: .5rem; }
#bsc h4{ font-size: 1.4rem; color: #222; margin: 1.5rem auto; font-weight: bold; }
#bsc h4.under-line{ border-bottom: 3px solid #008298; margin-bottom: 2rem; padding-bottom: .5rem; }



/* マーカー文字 */
#bsc .marker{
	margin-left: .2em;
	margin-right: .2em;
	padding: 0 1px 1px;
	background: linear-gradient(transparent 50%, #b3dbe3 50%);
	font-weight: bold;
	letter-spacing: .05rem;
}
#bsc .marker.blue{background: linear-gradient(transparent 50%, #b3dbe3 50%);}
#bsc .marker.pink{background: linear-gradient(transparent 50%, #ffb6c1 50%);}



/* 文字サイズ */
#bsc .text,
#bsc .text > li{ font-weight: bold; line-height: 1.5;}
#bsc .text.small{ font-size: 1.4rem; }
#bsc .text.middle{ font-size: 2rem; }
#bsc .text.big{ font-size: 2.4rem; letter-spacing: .1rem; margin: 0 .25rem; }

/* 文字色 */
#bsc .text.orange{ color: #ff8624;}
#bsc .text.blue{ color: #008298; }
#bsc .text.red{ color: #ff6347; }


/* ol list */
#bsc .number_list{ margin: 1rem auto; width: auto; }
#bsc .number_list li{
	display: list-item;
	list-style-position: inside;
	list-style-type: decimal;
	background-position:left bottom;
	background-repeat:repeat-x;
	-moz-background-size: auto auto;
	background-size: auto auto;
	background-image: url("./business/images/dot_line.png");
	margin: .5rem;
	font-size: 1.1rem;
}


/* button */
#bsc .button:hover{
	cursor: hand;
	cursor:pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
#bsc .button{
	display: inline-block;
	background: #63b9c8;
	border: solid 4px #63b9c8;
	color: #fff;
	font-weight: bold;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin: .5rem 0;
	padding: .7rem 1rem;
	text-align: center;
}

#bsc .button a{ text-decoration: none !important; }
#bsc .button a .button:hover{ background: #fff; color: #63b9c8; }


/* celebration */
#celebration #bsc h3{
	border: 2px solid #64B9C8;
	padding: 4rem 2rem;
	margin-bottom: 2rem;
}
#celebration #bsc h3 span{ font-weight: normal; font-size: 1rem; }
#celebration #bsc .table .row .cell{ width: 25%; padding: 5px; }
#celebration #bsc .table .row .cell img{ width: 100%; }
#celebration #bsc section{ margin: 0; }

/* checkbox 開閉 */
label.click { display: block; font-weight: bold; padding: 0; margin: 0;}

input[type="radio"].on-off + .click_open{
	height: 0;
	overflow: hidden;
	padding: 0 !important;
}
input[type="radio"].on-off {display: none;}
input[type="radio"].on-off:checked + .click_open{ height: auto;}


/* joumou */
#bsc .joumou img{ width: 48%; }


/* ミテル広告賞 */
#bsc .miterukoukoku img { width: 100%; margin-bottom: 20px;}


/* 上毛新聞広告記事 */
#bsc .joumou_koukoku img{ width: 100%;}


/* 太陽光発電用 */
#solar #bsc section{ font-size: 1rem !important; }

#solar #bsc img{ max-width: 50%; }
#solar #bsc #img_solarpanel{ width: 280px; }
#solar #bsc #img_hyou{ max-width: 100%; }
#solar #bsc #img_midashi_tochigashi{ max-width: 100%; margin-bottom: 1rem; }
#solar #bsc #img_kouya{
	padding-right: 32%;
	display: block;
	background-position:right center;
	background-repeat:no-repeat;
	-moz-background-size: 28% auto;
	background-size: 28% auto;
	background-image: url("./business/images/float-right.jpg");
}

#solar #bsc #otoiawase .radius{
	border: 4px #666 solid;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding: 1rem;
}

#solar #bsc #otoiawase .text.middle{ font-size: 1.8rem; }

#solar #bsc #point { border: #cccccc 5px outset; padding: 10px; }
#solar #bsc #point ul li:not(.text){ font-size: 1.2rem; }
#solar #bsc #point ul+ul{ margin-top: 1rem; }
#solar #bsc #point ul li+li{ margin-top: .25rem; }
#solar #bsc #point ul li .middle{ font-size: 1.5rem; }

.solar-movie { margin-top: 30px;}

/* ▼地域貢献ページ用 */
#region #bsc .list_region{ font-size: 1.4rem; }
#region #bsc .list_region li+li{ margin-top: .5rem; }

/* ▼architecture.htm */
.attention{ color: #ff6347;}