@charset "utf-8";

html{
	font-size:13px;
}
body{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'Verdana', 'sans-serif';
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:auto | grayscale;
}
#content .dum_img{
	margin:-1em;
	display:block;
}
.dum_img{
	max-width:100%;
	width:100%;
	height:auto;
}



#footer{
	padding:2em 0;
}
.sidebar-inner{
	overflow-y:auto;
}
.sidebar-inner-content{
	padding-bottom:20px;
}


/* ==========================================================================
	縦横の切り替え
========================================================================== */
#wrapper,
.sidebar-inner{
	position:relative;
}
#wrapper,
.sidebar{
	min-height:100%;
	height:auto !important;
	height:100%;
}
#header,
#footer,
.sidebar{
	position:absolute;
	position:fixed;
	z-index:9999;
}
#header,
#footer{
	left:0;
	width:100%;
	overflow:hidden;
}
#header{
	top:0;
}
#footer{
	bottom:0;
	text-align:center;
	color:#fff;
}
#leftbar{
	left:0;
	border-right:1px solid #a9a9a9;
}
#rightbar{
	right:0;
	border-left:1px solid #a9a9a9;
}

/* 横
========================================================================== */
#wrapper.portrait #footerInner a.portrait,
#wrapper.landscape #footerInner a.landscape,
#wrapper.auto #footerInner a.auto{
	text-decoration:underline;
}
#wrapper.auto #footerInner a.portrait,
#wrapper.auto #footerInner a.landscape,
#footerInner a{
	text-decoration:none;
}










/* ==========================================================================
	スライド表示
========================================================================== */
#wrapper{
	padding:
		90px/*header-close*/
		, 210px/*rightbar-open*/
		, 50px/*footer-close*/
		, 270px/*leftbar-open*/
	;
}
/* header用 */
#header{	height:90px/*header-close*/;	}
#header img{	max-height:90px/*header-close*/;	}
#wrapper .sidebar{	top:90px/*header-close*/;	}
#wrapper .ancher{
	margin-top:-90px/*header-close*/;
	padding-top:90px/*header-close*/;
}
/* footer用 */
#footer{	height:50px/*footer-close*/;	}
/* rightbar用 */
#rightbar{
	width:210px/*rightbar-open*/;
	right:0px;/*rightbar-open*/
}
/* leftbar用 */
#leftbar{
	width:270px/*leftbar-open*/;
	left:0px/*leftbar-open*/;
}

/* オープン
========================================================================== */
/* header用 */
#wrapper.header-open{	padding-top:130px/*header-open*/;	}
#wrapper.header-open #header{	height:130px/*header-open*/;	}
#wrapper.header-open #header img{	max-height:130px/*header-open*/;	}
#wrapper.header-open .sidebar{	top:130px/*header-open*/;	}
#wrapper.header-open .ancher{
	margin-top:-130px/*header-close*/;
	padding-top:130px/*header-close*/;
}
/* footer用 */
#wrapper.footer-open{	_padding-bottom:100%/*footer-open*/;	}
#wrapper.footer-open #footer{	height:100%/*footer-open*/;	}
/* rightbar用 */
#wrapper.rightbar-open{	padding-right:210px/*rightbar-open*/;	}
#wrapper.rightbar-open #rightbar{	right:0px;/*rightbar-open*/	}
/* leftbar用 */
#wrapper.leftbar-open{	padding-left:270px/*leftbar-open*/;	}
#wrapper.leftbar-open #leftbar{	left:0px/*leftbar-open*/;	}

/* クローズ
========================================================================== */
/* header用 */
#wrapper.header-close{	padding-top:90px/*header-close*/;	}
#wrapper.header-close #header{	height:90px/*header-close*/;	}
#wrapper.header-close #header img{	max-height:90px/*header-close*/;	}
#wrapper.header-close .sidebar{	top:90px/*header-close*/;	}
#wrapper.header-close .ancher{
	margin-top:-90px/*header-close*/;
	padding-top:90px/*header-close*/;
}
/* footer用 */
#wrapper.footer-close{	padding-bottom:50px/*footer-close*/;	}
#wrapper.footer-close #footer{	height:50px/*footer-close*/;	}
/* rightbar用 */
#wrapper.rightbar-close{	padding-right:0px/*rightbar-close*/;	}
#wrapper.rightbar-close #rightbar{	right:-210px/*rightbar-close*/;	}
/* leftbar用 */
#wrapper.leftbar-close{	padding-left:0px;/*leftbar-close*/	}
#wrapper.leftbar-close #leftbar{	left:-270px/*leftbar-close*/;	}

/* 表示切り替えボタン
========================================================================== */
#footer .slide-btn-wrap,
#scrollUpDownWrap{
	position:absolute;
	padding:.5em;
}
#footer .slide-btn-wrap i,
#scrollUpDownWrap i{
	font-size:16px;
	cursor:pointer;
}
#scrollUpDownWrap{
	top:0;
	right:0;
}
#footer .slide-btn-wrap{
	left:0;
	bottom:0;
}
.slide-btn-wrap{
	margin:3px;
}
.slide-btn-wrap i{
	margin:0;
}
.header-toggle .close,
.footer-toggle .close,
.leftbar-toggle .open,
.rightbar-toggle .open,
#wrapper.header-open .header-toggle .open,
#wrapper.footer-open .footer-toggle .open,
#wrapper.leftbar-open .leftbar-toggle .open,
#wrapper.rightbar-open .rightbar-toggle .open,
#wrapper.header-close .header-toggle .close,
#wrapper.footer-close .footer-toggle .close,
#wrapper.leftbar-close .leftbar-toggle .close,
#wrapper.rightbar-close .rightbar-toggle .close{
	display:none;
}
#wrapper.header-open .header-toggle .close,
#wrapper.footer-open .footer-toggle .close,
#wrapper.leftbar-open .leftbar-toggle .close,
#wrapper.rightbar-open .rightbar-toggle .close,
#wrapper.header-close .header-toggle .open,
#wrapper.footer-close .footer-toggle .open,
#wrapper.leftbar-close .leftbar-toggle .open,
#wrapper.rightbar-close .rightbar-toggle .open{
	display:inline-block;
}