/* 管理画面レイアウト */
@charset utf-8;

/* 管理画面ベースcss */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{text-align:left;color:#222328;font:13px; line-height:1.3em;-webkit-text-size-adjust:none;font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p{font-weight:400;line-height:1.6em}
li,ul{list-style-type:none;margin:0}
a{text-decoration:none;}
a:hover{-webkit-transition: all .2s;transition: all .2s;}
img {vertical-align: bottom;}
.text-link{text-decoration:underline}

.wrapper {
	height: 100%;
	position:relative;
}

.main {
	float: right;
	width:100%;
	position:relative;
}
.main article{
	padding:32px;
}
.main .contents {
	height: 100%;
}
.main .contents-inner {
	margin-left:240px;
}
/* aside */
.aside{
	float:left;
	position: absolute;
	width:240px;
	height:100vh;
	min-height: 100%;
	background:#322E2D;
	color:#fff;
}

.aside h2{
	padding:32px 0 24px;
	text-align:center;
	border-bottom:solid 1px #000;
	font-size:18px;
}
.aside .backnumber-list > li{
	border-bottom:solid 1px #000;
	padding:16px 16px 16px 24px;
	font-size:12px;
}
.aside .backnumber-list > li.preview{
	background:#474342;
}
.aside .backnumber-list > li dl{
	padding-bottom:8px;
}
.aside .mail-type{
	text-align:right;
}
.aside .mail-type > li{
	display:inline;
}
.preview{
	position: relative;
}
.preview h3{
	font-size:22px;
	padding-bottom:8PX;
	border-bottom:solid 1px #e5e5e5;
}
.preview .deta{
	padding:8px 0 32px;
	display:block;
	text-align:right;
	font-size:13px;
}
.preview p{
	line-height:1.6em
}
.preview .txt p{
	font-size:14px
}
.blank-data{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	text-align:center;
	width: 100%;
	height: 100%;
}
.blank-data div{
	background-position:center;
}
.blank-data:hover div{
	background:rgba(0,0,0,.3) url(../img/sample.png) no-repeat center;
	position: relative;
	height: 100vh;
	-webkit-transition: all .2s;transition: all .2s;
}