@charset"utf-8";
/*
-----------------------------------------------
brush-up! Web Site layout
latest up-date: 25 July 2015
----------------------------------------------- */


/* **************************************************************************** */
/*
/* common setting
/*
/* **************************************************************************** */

html { height:100%;}
body { height:100%; text-align:center; background:#f4f4f4;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .clearfix, *:first-child+html .clearfix { zoom: 1; } /* IE6, IE7 */

.not{margin-top:0 !important; vertical-align:top;}
.nor{margin-right:0 !important;}
.nob{margin-bottom:0 !important;}
.nol{margin-left:0 !important;}

.nobt{border-top:none !important;}
.nobr{border-right:none !important;}
.nobb{border-bottom:none !important;}
.nobl{border-left:none !important;}

.bt{border-top:1px solid #ccc !important;}
.br{border-right:1px solid #ccc !important;}
.bb{border-bottom:1px solid #ccc !important;}
.bl{border-left:1px solid #ccc !important;}

.hide{display: none;}

.fulcrumwrap{ position:relative; left:50%; top:0;}
.fulcrum{ position:relative; left:-720px; top:0; width:1440px;}



/* **************************************************************************** */
/*
/* wrapper Include
/*
/* **************************************************************************** */

#wrapper 		{ height:100%; text-align:left; min-width:1024px;}
#headerwrap 	{ position:fixed; z-index:1000; width:100%; height:135px; background:#311203; background:rgba(49,18,3,.8); box-shadow:0px 2px 12px rgba(0,0,0,.15);}
#containerwrap 	{ position:relative; z-index:999; margin:0 auto; max-width:1440px; text-align:center; background:#fafafa;}
#footerwrap 	{ position:relative; padding:40px 0; text-align:center; border-top:1px solid #ddd; background:#e9e9e9;}



/* Header Include
--------------------------------------------------
----------------------------------------------- */
#header 	{ position:relative; z-index:1001; margin:0 auto; text-align:center; width:1024px; min-width:1024px; max-width:1440px; height:130px;}
#headerwrap .sns { position:absolute; top:10px; right:14px;}
#branding 	{ position:relative; margin:0 auto; padding:5px 0 0; width:190px; height:78px;}
#branding h1, #branding p { margin:0; padding:0; line-height:1;}


.home #headerwrap { top:-84px;}
.home #branding { display:none;}
.home #headerwrap .sns { position:absolute; top:86px; right:14px;}


/* container Include
--------------------------------------------------
----------------------------------------------- */
.inner { position:relative; margin:0 auto; width:1000px;}

#container { margin:0 auto; padding:80px 0; width:1000px; }
#container article { position:relative; padding:14px 60px 60px; text-align:left; background:rgba(255,255,255,1); box-shadow:0px 2px 12px rgba(0,0,0,.15);}
.page #container article { position:relative; margin:100px 0 0; padding:14px 60px 60px; text-align:left; background:rgba(255,255,255,1); box-shadow:0px 2px 12px rgba(0,0,0,.15);
	background:#fafafa; box-shadow:0 0 0;}



/* footer Include
--------------------------------------------------
----------------------------------------------- */
#footer .site-name p { margin:0; padding:0; text-align:center;}
#copyright{ margin:0; padding:60px 0; text-align:center; font-size:11px; font-family:font-family: 'Lato', Helvetica, sans-serif;}




/* column System
--------------------------------------------------
----------------------------------------------- */
.section {}
.section:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .section, *:first-child+html .section { zoom: 1; } /* IE6, IE7 */

.column {}
.column:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}  
* html .column, *:first-child+html .column { zoom: 1; } /* IE6, IE7 */