@charset 'UTF-8';

@import url("base_new.css");
@import url("common.css");
@import url("navi_new.css");

/* -----------------------------------------------------------------------------
>> 「ブレインマンションについて」共通
----------------------------------------------------------------------------- */


/* 商品ラインナップ */
h2.lineup_mv{
	width:930px;
	height:auto;
	padding:0 !important;
	display: block;
	margin-bottom:10px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
}

/* コンテンツボックス -------------------------------------------------------------*/
#Larea .header1{
/*
	background-color: #F8F8F8;
	padding: 10px;
	border: 1px solid #B6B6B6;
	*/
	margin-bottom:25px;
}
#Larea .header1 h2{
	font-size: 30px;
	font-weight:bold;
	color: #111;
	line-height:1em;
	text-shadow:-1px -1px 0px #DDC,1px 1px 0px #FFF;
}
#Larea .content_box1{
	width: 640px;
	padding:20px;
	margin-bottom:25px;
	font-size: 16px;
	background-color: #FFF;
	border: 1px solid #B6B6B6;
	border-radius:2px;
	-moz-border-radius:2px:
	-webkit-border-radius:2px;
	behavior: url(css/PIE.htc);
	position:relative;
}
#Larea .content_box1 h2{
	font-size: 30px;
	color: #111;
	line-height:1em;
	margin-bottom:15px;
	font-family: "ヒラギノ明朝 Pro W6", "ヒラギノ明朝 Pro W3", "小塚明朝 Std B", "小塚明朝 Std H", "小塚明朝 Pro H", "小塚明朝 Pro B", "HGP明朝B", "ＤＦ平成明朝体W9", "ＤＦＰ平成明朝体W9", "ＤＦＧ平成明朝体W9", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro";
	font-weight:bold;
}
#Larea .content_box1 h3{
	font-size: 24px;
	font-weight:bold;
	color: #2d4b9b;
	margin-bottom:15px;
	margin-top:50px;
	padding-left: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
#Larea .content_box1 .midasi1{
	display:inline-block;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	margin-top:30px;
	margin-bottom:10px;
	color: #FFF;
	background-color: #F96;
	padding-right: 20px;
	border-radius:5px;
	-moz-border-radius:5px:
	-webkit-border-radius:5px;
	behavior: url(css/PIE.htc);
	position:relative;
}

/* -----------------------------------------------------------------------------
>> ブレインマンションについて - info_001
----------------------------------------------------------------------------- */


/* ブレインマンションとは */
.information_001  #Larea .intro{
	background-image: url(../img/parts/infobrain_intro.jpg);
	height: 162px;
	width: 382px;
	padding-top: 20px;
	padding-right: 280px;
	padding-left: 20px;
	border:none;
	font-size: 16px;
	margin-bottom:25px;
	background-color: #FFF;
}

.information_001 #Larea .intro strong{
	font-size: 24px;
	color: #2d4b9b;
}

/* 商品ラインナップ　詳細 */
.lineup-detail article{
	margin-bottom: 50px;
}
.lineup-detail section,
.lineup-detail section#sec_thumb {
	padding-bottom:20px;
	padding-top:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #757472;
	position: relative;
	clear:both;
}

.lineup-detail section h3,
.lineup-detail section#sec_thumb h3 {
	margin-bottom: 28px;
}
.lineup-detail section p {
	line-height:30px;
	font-size:16px;
/*	clear:left;*/
}
/*-- Feature ---------------------------------------------------*/
.feature_box h3{
	font-size:20px;
	font-weight:bold;
	color: #C03;
	font-family: "ヒラギノ明朝 Pro W6", "ヒラギノ明朝 Pro W3", "小塚明朝 Std B", "小塚明朝 Std H", "小塚明朝 Pro H", "小塚明朝 Pro B", "HGP明朝B", "ＤＦ平成明朝体W9", "ＤＦＰ平成明朝体W9", "ＤＦＧ平成明朝体W9", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro";
	margin-bottom:10px !important;
}

h3.gb{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.8em;
	font-weight: bold;
	color: #000000;
}

span.red{
	color:#D0121B;
}

.feature_box p {
	margin-bottom:30px !important;
	background-image: url(../img/parts/text_uline.gif);
	background-repeat: repeat;
/*	width:566px;*/
}
.feature_box ul{
	margin-top:15px;
	margin-bottom:15px;
}
.feature_box li{
	color: #C03;
	margin-bottom:10px;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	line-height: 1.2em;
	background-image: url(../img/icon/icon_51.gif);
	background-position: left 5px;
}

.room_style{
	margin-top: -5em;
}

.feature_box_1 h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px !important;
	}


.feature_box_1 div.displayflex {
	display: flex;
	height: auto;
	display:-webkit-box;
  	display:-ms-flexbox;
}

.feature_box_1 div h4{
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 2rem;
/*	flex: 1;*/
	-webkit-box-pack: 1;
	-ms-flex-pack: 1;
	margin-right: 4rem;
	/*border-right: 1px #000000 solid;*/
	height:50px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	padding: 1rem 0 2rem 0;
	margin-top: 1.5rem;
}


.feature_box_1 ul{
	margin-top:15px;
	margin-bottom:15px;
	flex: 2;
	-webkit-box-flex: 2;
	-ms-flex: 2;
}

.feature_box_1 ol{
	margin-top:15px;
	margin-bottom:15px;
	flex: 2;
	-webkit-box-flex: 2;
	-ms-flex: 2;
	list-style-type: decimal;
	margin-left: 4rem;
}

.feature_box_1 ul li{
	font-size: 1rem;
	color: black;
	margin-bottom:10px;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	line-height: 1.8rem;
	background-image: url(../img/icon/icon_53.gif);
	background-position: left 9px;
}

.feature_box_1 ol li{
	font-size: 1.3rem;
	color: #00479D;
	margin-bottom:10px;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:3px;
	line-height: 1.8rem;
	background-position: left 9px;
	list-style-type: decimal;
	font-weight: bold;
	
}

.feature_box_1 ol li span{
	color: black;
	font-weight: normal;
	font-size: 1.1rem;
	
}

.feature_box_2 p {
	margin-bottom:30px !important;
	background-image: url(../img/parts/text_uline.gif);
	background-repeat: repeat;
/*	width:566px;*/
}

.feature_box_2 h4{
	font-size: 1.1rem;
	color: #00479D;
	font-weight: bold;
	margin-bottom: 1.2rem;
}

.feature_box_2 p span{
	color: #00479D;
	font-weight: bold;
	font-size: 1.3rem;
}


.feature_box_2 ul{
	margin-top:15px;
	margin-bottom:15px;
	
}
.feature_box_2 li{
	font-size: 1rem;
	font-weight: bold;
	color: #00479D;
	margin-bottom: 1rem;
	}

.feature_box_2 li li{
	font-size: 1rem;
	font-weight:normal;
	}

.feature_box_1 ul span{
	color: #00479D;
	font-weight: bold;
	margin-right: 2rem;
	font-size: 1.3rem;
}

.feature_box_1 a{
	display: block;
	padding: 2rem;
	background-color: #00479D;
	color: white;
	font-size: 1.3rem;
	font-weight: bold;
}

.feature_box_1 a:hover{
	background-color: #191970;
	}



.box{
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 20px;

}
.img-left {
	float:left;
	margin : 0 15px 0 -26px;00479D
	display:inline-block;
}
.img-right {
	float:right;
	margin : -80px -31px 0 15px;
	display: inline-block;
}
.img-left2 {
	float:left;
	display:inline-block;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0px;
}
.img-right2 {
	float:right;
	display: inline-block;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 0;
	margin-left: 15px;
}
/*-- Construction Example --------------------------------------*/
.lineup-detail .ex_box img{
	margin-right:40px;
}

.lineup-detail .left-area{
	width:450px;
	float:left;
}
.lineup-detail .right-area{
	width:450px;
	float:right;
}


/* 加盟店一覧 */
.franchise_list #sec_1 iframe{
	width:640px;
	height:500px;
	border: 1px solid #CCC;
}
.franchise_list table{
	width:100%;
}
.franchise_list th{
	white-space: nowrap;	
}

.franchise_list th,
.franchise_list td{
	font-size:12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding: 5px;
	border-top-color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
}
.franchise_list table .bg1{
	background-color:#DDD;
}
.franchise_list table .bg2{
	background-color:#EEE;
}

.franchise_list #sec_3 h3{	color:#006666;}
.franchise_list #sec_4 h3{	color:#006600;}
.franchise_list #sec_5 h3{	color:#777700;}
.franchise_list #sec_6 h3{	color:#4E6A00;}
.franchise_list #sec_7 h3{	color:#996600;}
.franchise_list #sec_8 h3{	color:#990000;}
.franchise_list #sec_9 h3{	color:#993366;}
.franchise_list #sec_10 h3{	color:#663399;}

.franchise_list #sec_3 tr:hover .bg1,
.franchise_list #sec_3 tr:hover .bg2,
.franchise_list #sec_3 tr:hover td{
	background-color:#CEF0DD !important;
}
.franchise_list #sec_4 tr:hover .bg1,
.franchise_list #sec_4 tr:hover .bg2,
.franchise_list #sec_4 tr:hover td{
	background-color:#D0F1CD !important;
}
.franchise_list #sec_5 tr:hover .bg1,
.franchise_list #sec_5 tr:hover .bg2,
.franchise_list #sec_5 tr:hover td{
	background-color:#EDF2CC !important;
}
.franchise_list #sec_6 tr:hover .bg1,
.franchise_list #sec_6 tr:hover .bg2,
.franchise_list #sec_6 tr:hover td{
	background-color:#E6F2CC !important;
}
.franchise_list #sec_7 tr:hover .bg1,
.franchise_list #sec_7 tr:hover .bg2,
.franchise_list #sec_7 tr:hover td{
	background-color:#F2EECC !important;
}
.franchise_list #sec_8 tr:hover .bg1,
.franchise_list #sec_8 tr:hover .bg2,
.franchise_list #sec_8 tr:hover td{
	background-color:#F1CDCD !important;
}
.franchise_list #sec_9 tr:hover .bg1,
.franchise_list #sec_9 tr:hover .bg2,
.franchise_list #sec_9 tr:hover td{
	background-color:#EED0E9 !important;
}
.franchise_list #sec_10 tr:hover .bg1,
.franchise_list #sec_10 tr:hover .bg2,
.franchise_list #sec_10 tr:hover td{
	background-color:#DFD1ED !important;
}



/* 商品サムネイル */
#content .footer {
	margin-top:50px;
}
#content #sec_thumb a{
	display:inline-block;
	width:170px;
	margin-right:15px;
	margin-bottom:15px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-shadow:-1px -1px 0px #DDC,1px 1px 0px #FEE;
}
#content #sec_thumb a img{
	width:170px;
}
#content .lu_box{
	width:300px !important;
	margin-right:15px;
	text-align:center;
	font-size: 12px;
	line-height:1.2em;
	float:left;
	margin-bottom:30px;
}
#content .lu_box a{
	width:300px;
	display:inline-block;
	margin-right:15px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-shadow:-1px -1px 0px #DDC,1px 1px 0px #FEE;
}
#content.information_201 h3{
	clear:both;
}

.information_301 .content_box2 h3{
	margin-top:0px !important;
}
.information_301 .sec h2{
	background-color: #E7CEB6;
	border-radius:20px;
	-moz-border-radius:20px:
	-webkit-border-radius:20px;
	behavior: url(css/PIE.htc);
	position:relative;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	font-weight:bold;
	margin-bottom:15px;
	font-family:inherit !important;
	font-size:1em !important;
}
.information_301 .sec h2 strong{
	font-size:24px
}
.information_301 .img_area{
	float:right;
	width:150px;
	margin-left:10px;
	text-align: center;
}
.information_301 .reform{
	text-align:center;
	padding:15px;
	margin-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.information_301 .content_box2 figure{
	width:170px;
	text-align:center;
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
}
.information_105 .content_box1 h3{
	margin-top:0px !important;
}
.information_105 .content_box1 .CollapsiblePanelTab:hover{
	background-color: #ECF1FF;
}

#content .footer .btn_area{
	text-align:center;
	margin-top:30px;
	clear:both;
	font-size:16px;
	text-shadow:-1px -1px 0px #DDC,1px 1px 0px #FEE;
}
#content .footer .type_s .btn_area a img{
	margin-left:10px;
	margin-right:10px;
}

.information_104 .left-area p,
.information_104 .right-area p{
	font-size:12px;
}