@charset "utf-8";


/*
 * 設定初期化項目
 * 必要な場合はこの場所でタグの初期設定をおこなう
*/
*{
 font-size:inherit;
 font-style:normal;
 font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
 color:inherit;
}

html{
	margin: 0;
	padding: 0;
}

body{
	background-color: #fff;
	font-size: 14px;
	line-height: 1;
	color:#363636;
}

html, body, form, fieldset, p, div, img,
header,section,article,nav,aside,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li{
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
}
nav{ clear:both; }

input,textarea{
 box-sizing:border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing:border-box;
}

p, address{ line-height:140% }

/* pageLayout */

#pageLayout,
#mainContents,
#pageheader,
#pageFooter{
 	position:relative;
  margin:0 auto;
  min-width:320px;
  max-width:650px;
  clear:both;
}


#mainContents{
 min-width:310px;
 max-width:640px;
}

/* 最上位のHeader用設定 */
#pageheader{
 height:32px;

 background-image:url(../../img/bf/cssImages/background.png);
 background-position:100% 0;
 background-repeat:no-repeat;
}

#pageFooter{
 position:relative;
 margin-top:20px;
 margin-bottom:15px;

 font-size:12px;
 text-align:center;
}

.repeat-block{
 position:relative;
 clear:both;
}

#pageFooter p{
 padding:3px 0;
 width:100%;
 background-color:#3E1400;
 color:#fcfcfc;
}

/* main title用途通常は講座名など */

#mainTitle,
#mainTitle01{
 position:relative;
 font-size:16px;
 color:#fff;
 text-align:center;
}

.subTitle{
 margin:0 auto 5px;
 padding:4px 0;
 clear:both;
 text-align:center;
 color:#030;
}




/*
資料請求・受講申込・その他の大型ボタン
*/

.big-button,
.big-button02,
.big-button03{
 position:relative;
 clear:both;
}
.big-button ul,
.big-button02 ul,
.big-button03 ul{ list-style:none; }

.big-button li,
.big-button02 li{
 position:relative;
 text-align:center;
}

.big-button03 li{ position:relative; }

.big-button li:first-child{ margin-left:0; }



/*
 ページ下部総合リンク
*/

#totalList-Navi{
 position:relative;
 margin:16px 0 0;
 clear:both;
}

#totalList-Navi ul{
 list-style-type:none;
}

.naviTitle{
 padding:5px 3px 5px 32px;
 font-size:16px;

 background-image:url(../../img/bf/cssImages/background.png);
 background-position:-760px -413px;
 background-repeat:no-repeat;
}

.naviLink{
 list-style-type:none;
}
.naviLink li,
.naviLink div{
 position:relative;
 border-bottom:1px dotted #999;

 background: #ffffff; /* Old browsers */
 background: -moz-linear-gradient(top,  #ffffff 50%, #fff8ee 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#fff8ee)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #ffffff 50%,#fff8ee 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #ffffff 50%,#fff8ee 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #ffffff 50%,#fff8ee 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #ffffff 50%,#fff8ee 100%); /* W3C */

}

.nav-subTitle{
 background-color:#ddd;
 color:#fff;
 
 background-image:url(../../img/bf/cssImages/background.png);
 background-position:0 -350px;
 background-repeat:no-repeat; 
}

.subT-b01, .subT-b02, .subT-b03, .subT-b04{
 display:block;
 padding:8px 35px 4px;
 height:19px;
 overflow:hidden;
 background-image:url(../../img/bf/cssImages/background.png);
 background-repeat:no-repeat; 
}
.subT-b01{ background-position:-760px -450px; }
.subT-b02{ background-position:-760px -490px; }
.subT-b03{ background-position:-760px -530px; }
.subT-b04{ background-position:-760px -570px; }



.naviLink a{
 font-size:12px;
 text-decoration:none;
}

/* footer リンク */
#footer-nav{
 position:relative;
 margin-top:0;
 list-style:none;
}
#footer-nav li{
 margin-bottom:5px;
 height:25px;
 overflow:hidden;
 list-style:none;
}

#footer-nav li:nth-child(odd){
 padding-right:2%;
 width:calc(50% - 2%);
 float:left;
 clear:both;
 text-align:right;
}

#footer-nav li:nth-child(even){
 padding-left:2%;
 width:calc(50% - 2%);
 float:right;
 text-align:left;
}

#footer-nav a{
 display:block;
 padding:10px 0;
 height:7px;
 font-size:12px;
}

#footer-nav li:nth-child(2n+1):last-child {
  width: 100%;
  text-align:center;
}

#footer-nav li:nth-child(2n+1):last-child a{
 display:inline-block;
 padding:10px 20px;
}

/* sub & float block */
.full-width,
.nest-block,
.nest-nospace-block,
#info-TextBlock{
 position:relative;
 margin-top:5px;
 clear:both;
}
.full-width{ text-align:center; }

.floatLeft{
 float:left;
 clear:left;
}

.floatRight{
 float:right;
 clear:right;
}

.flatBlock{ position:absolute; }

.full-width img{ margin-left:5px; }

.full-width img:first-child{ margin:0; }

/* space setting */	
.tw10{ margin-top:10px; }
.tw20{ margin-top:20px; }
.tw30{ margin-top:30px; }

.bwp20{ padding-bottom:20px; }


/* all omake! */
.repeat-block:after,
.nest-block:after,
.nest-nospace-block:after,
#info-TextBlock:after,
.full-width:after,
.big-button ul:after,
#totalList-Navi:after,
#footer-nav:after
{
	display:block;
	height:0;
	visibility:hidden;
	content:".";
	clear:both;
}