@charset "utf-8";
/* **************************************************************** *
 * @desc@ でじこの部屋
 * @edit@ 2018/07/05
 * **************************************************************** */
body{
	background:#fff;
	-webkit-user-select:none;
	-webkit-user-drag:none;
	-webkit-touch-callout:none
	-khtml-user-select:none;
	-khtml-user-drag:none;
	-moz-user-select:none;
	-moz-user-drag:none;
	user-select:none;
	user-drag:none;
}
img{
	max-width:100%;
	line-height:0;
	vertical-align:bottom;
}
a{
	color:#375;
	transition:all 0.3s;
}
a:hover{
	color:#90c31f;
}
a img{
	transition:all 0.3s;
}
a:hover img{
	opacity:0.6;
}
h1,h2,p,dl,dt,dd{
	margin:0;
	padding:0;
}
ul,ol,li{
	list-style:none;
	margin:0;
	padding:0;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
}
/* ================================================================ *
 * @desc@ レイアウト
 * ================================================================ */
#Wrap{
	margin:20px 0;
	width:100%;
}
#Container{
	position:relative;
	margin:0 auto;
	padding:50px 0 30px;
	width:980px;
	background:transparent url(../img/ct_bg.png) center top repeat-x;
	font-size:1.3rem;
	line-height:1.5em;
}
#Container>h1{
	margin-left:30px;
	margin-right:30px;
}
#Container>section{
	padding:0 30px;
}
.mainNav{
}
.mainNav li{
	width:230px;
}
.mainNav a{
	overflow:hidden;
	outline:none;
	border:none;
	display:block;
	width:100%;
	height:55px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-9999px;
}
.mainNav>li:nth-of-type(1) a{
	background-image:url(../img/nv_whatdigi_01.png);
}
.mainNav>li:nth-of-type(1) a:hover{
	background-image:url(../img/nv_whatdigi_02.png);
}
.mainNav>li:nth-of-type(2) a{
	background-image:url(../img/nv_chara_01.png);
}
.mainNav>li:nth-of-type(2) a:hover{
	background-image:url(../img/nv_chara_02.png);
}
.mainNav>li:nth-of-type(3) a{
	background-image:url(../img/nv_gema_01.png);
}
.mainNav>li:nth-of-type(3) a:hover{
	background-image:url(../img/nv_gema_02.png);
}
.mainNav>li:nth-of-type(4) a{
	background-image:url(../img/nv_history_01.png);
}
.mainNav>li:nth-of-type(4) a:hover{
	background-image:url(../img/nv_history_02.png);
}
.mainNav>li:nth-of-type(5) a{
	background-image:url(../img/nv_top_01.png);
}
.mainNav>li:nth-of-type(5) a:hover{
	background-image:url(../img/nv_top_02.png);
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Wrap{
		margin:0;
	}
	#Container{
		padding:5px 0 80px;
		width:auto;
	}
	#Container>h1{
		margin-left:60px;
		margin-right:10px;
	}
	#Container>section{
		padding:0 10px;
	}
}
/* ================================================================ *
 * @desc@ ヘッダ / フッタ
 * ================================================================ */
#Wrap>header{
	position:relative;
	margin:0 auto;
	border-bottom:4px solid #ffff66;
	border-radius:12px 12px 0 0;
	width:980px;
	background:#86e690 url(../img/hd_bg.png) right top repeat-y;
}
#Wrap>header>div{
	padding:14px 28px 9px;
}
#Wrap>header .snsBoxData{
	position:absolute;
	right:0;
	bottom:-35px;
	z-index:2000;
}
#Top #Wrap>header .snsBoxData{
	right:auto;
	left:30px;
}
#Wrap>header .snsBoxData a:hover img{
	opacity:1;
}
#DejikoNav{
	position:fixed;
	left:0;
	top:10px;
	z-index:5000;
	border-radius:0 10px 10px 0;
	border-width:3px 3px 3px 0;
	border-style:solid;
	border-color:rgba(136,136,0,0.7);
	padding:9px 10px;
	width:235px;
	background:rgba(255,255,102,0.9);
	text-align:center;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
	transition:all 0.4s;
}
#DejikoNav.close{
	left:-260px;
}
#Top #DejikoNav{
	display:none;
}
#DejikoNav .mainNav li{
	margin:0 auto;
	padding:1px 0;
}
#DejikoNav .mainNav>li:nth-of-type(5){
	padding:10px 0 1px;
}
#DejikoNav .btn{
	position:absolute;
	right:-55px;
	top:102px;
	z-index:5010;
	border-radius:0 6px 6px 0;
	padding:12px 10px 13px 12px;
	width:30px;
	height:25px;
	background:rgba(136,136,0,0.9);
	text-align:center;
	cursor:pointer;
	box-shadow:1px 1px 1px rgba(0,0,0,0.2);
}

#Wrap>footer{
	position:relative;
	margin:0 auto;
	border-radius:0 0 12px 12px;
	width:980px;
	background:#86e690;
}
#Wrap>footer .copy{
	padding:8px 30px;
}
#Wrap>footer .totop{
	position:fixed;
	right:45px;
	bottom:-90px;
	z-index:10000;
	cursor:pointer;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
#Wrap>footer .totop.show{
	bottom:20px;
	-webkit-animation:totop 0.5s ease-in-out 1;
	animation:totop 0.5s ease-in-out 1;
}
@-webkit-keyframes totop{
	0%{-webkit-transform:translateY(0px);}
	50%{-webkit-transform:translateY(-20px);}
	75%{-webkit-transform:translateY(0px);}
	90%{-webkit-transform:translateY(-5px);}
	100%{-webkit-transform:translateY(0px);}
}
@keyframes totop{
	0%{transform:translateY(0px);}
	50%{transform:translateY(-20px);}
	75%{transform:translateY(0px);}
	90%{transform:translateY(-5px);}
	100%{transform:translateY(0px);}
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Wrap>header{
		border-radius:0;
		width:auto;
		background-image:none;
	}
	#Wrap>header>div{
		padding:5px 15px;
	}
	#Wrap>header h1{
		width:115px;
	}
	#Wrap>header .snsBoxData{
		left:auto !important;
		right:0 !important;
		bottom:5px;
	}
	#DejikoNav{
		top:5px;
	}
	#Top #DejikoNav{
		display:block;
	}
	#DejikoNav .btn{
		top:55px;
	}
	#Wrap>footer{
		border-radius:0;
		width:auto;
		text-align:center;
	}
	#Wrap>footer .copy{
		padding:8px 15px;
	}
	#Wrap>footer .totop.show{
		bottom:40px;
	}
}
/* ================================================================ *
 * @desc@ 共通
 * ================================================================ */
.djkSbj01{
	overflow:hidden;
	margin:0 0 30px;
	border:5px solid #86e690;
	border-radius:14px;
	padding:0 20px 0 0;
	background:#fff;
	line-height:0;
	text-align:left;
	vertical-align:bottom;
	box-shadow:5px 4px 0 rgba(255,255,102,1.0);
}
.djkSbj02{
	margin:0 0 15px;
	border:none !important;
	border-radius:0 20px 20px 0 !important;
	padding:5px 21px 3px 9px !important;
	background:#86e690 !important;
	color:#006b2e !important;
	font-size:1.5rem !important;
	line-height:1.1em !important;
	font-weight:bold !important;
	text-align:left;
	text-shadow:1px 1px 0 rgba(255,255,255,0.2) !important;
	box-shadow:5px 4px 0 rgba(255,255,102,1.0) !important;
}
.djkSbj02 img{
	line-height:0;
	vertical-align:bottom;
}
.headLead{
	color:#264;
	font-size:1.4rem;
	line-height:1.7em;
	text-align:center;
}
.headLead p{
	display:inline-block;
	border-radius:10px;
	padding:10px 20px;
	background:rgba(255,255,255,0.8);
	text-align:left;
	box-shadow:0 0 10px rgba(255,255,255,0.6);
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
}
/* ================================================================ *
 * @desc@ TOP>.mainBox
 * ================================================================ */
#Top .mainBox{
	position:relative;
	border-bottom:2px solid #ffff66;
	min-height:440px;
}
#Top .mainBox .visual{
	overflow:hidden;
	position:absolute;
	right:5px;
	top:-160px;
	z-index:500;
	height:600px;
	text-align:right;
}
#Top .mainBox .visual img{
	max-height:110%;
}
#Top .mainBox nav{
	position:relative;
	z-index:1000;
	width:500px;
}
#Top .mainBox nav .mainNav li{
	display:inline-block;
	padding:0 5px 3px 0;
}
#Top .mainBox nav .bn{
}
#Top .mainBox nav .bn li{
	display:inline-block;
	padding:10px 5px 0 0;
}
#Top .mainBox .update{
	margin-top:30px;
	width:380px;
}
#Top .mainBox .update>dl{
	overflow:auto;
	margin:0;
	padding:10px 8px;
	height:150px;
	background:rgba(255,255,200,0.2);
}
#Top .mainBox .update dt{
}
#Top .mainBox .update dd{
	margin:0 0 6px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Top .mainBox{
		position:relative;
		border-bottom:none;
		min-height:auto;
	}
	#Top .mainBox .visual{
		position:static;
		margin-bottom:15px;
		border-bottom:2px solid #ffff66;
		height:400px;
		text-align:center;
	}
	#Top .mainBox .visual img{
		max-height:100%;
	}
	#Top .mainBox nav{
		width:auto;
		text-align:center;
	}
	#Top .mainBox nav .mainNav{
		display:none;
	}
	#Top .mainBox nav .bn{
		margin-top:0;
	}
	#Top .mainBox nav .bn li{
		padding:0 0 10px;
	}
	#Top .mainBox .update{
		margin-top:20px;
		width:auto;
	}
}
/* ================================================================ *
 * @desc@ TOP>.columnBox
 * ================================================================ */
#Top .columnBox{
	position:relative;
	padding:30px;
}
#Top .columnBox:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Top .columnBox>.newsBox{
	float:right;
	width:660px;
}
#Top .columnBox>.newsBox>section{
	margin:20px 0 0;
	border-bottom:4px dotted #8c8;
	padding:0;
}
#Top .columnBox>.newsBox>section>h1{
	margin:0 0 20px;
	border-left:6px solid #8c8;
	padding:2px 15px 0 9px;
	color:#284;
	font-size:1.8rem;
	line-height:1.4em;
}
#Top .columnBox>.newsBox>section>h1>span{
	display:block;
}
#Top .columnBox>.newsBox>section>h1>span.date{
	color:#d60;
	font-size:0.8em;
	line-height:1.2em;
}
#Top .columnBox>.newsBox>section>h1>span>span{
	display:inline-block;
	vertical-align:middle;
}
#Top .columnBox>.newsBox>section .lead{
	margin:0 15px 10px;
	color:#264;
	font-size:1.4rem;
	line-height:1.7em;
}
#Top .columnBox>.newsBox>section .lead:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Top .columnBox>.newsBox>section .lead p{
	padding-bottom:10px;
}
#Top .columnBox>.newsBox>section .lead .inb{
	display:inline-block;
}
#Top .columnBox>.newsBox>section .lead img{
	margin-bottom:5px;
	vertical-align:top;
}
#Top .columnBox>.newsBox>section .lead img.right{
	float:right;
	margin-left:10px;
}
#Top .columnBox>.newsBox>section .lead img.left{
	float:left;
	margin-right:10px;
}
#Top .columnBox>.newsBox>section .pic{
	margin:0 15px 20px;
	text-align:center;
}
#Top .columnBox>.newsBox>section .pic ul{
}
#Top .columnBox>.newsBox>section .pic li{
	display:inline-block;
	margin:0 5px 10px;
}
#Top .columnBox>.newsBox>section .desc{
	margin:0 15px 10px;
	line-height:1.7em;
}
#Top .columnBox>.newsBox>section .desc:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#Top .columnBox>.newsBox>section .desc p{
	padding-bottom:10px;
}
#Top .columnBox>.newsBox>section table{
	margin:0 auto 20px;
	border-collapse:separate;
	border-spacing:0 2px;
	width:630px;
	font-size:1.3rem;
	line-height:1.3em;
}
#Top .columnBox>.newsBox>section table th{
	padding:5px 10px;
	width:7em;
	background:#fafabb;
	color:#440;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
}
#Top .columnBox>.newsBox>section table td{
	padding:5px 10px;
	background:#f9f9f9;
	text-align:left;
	vertical-align:middle;
}

#Top .columnBox>.subBox{
	float:left;
	width:220px;
}
#Top .columnBox>.subBox>section{
	margin:0 0 30px;
}
#Top .columnBox>.subBox .bnList{
	width:200px;
	text-align:center;
}
#Top .columnBox>.subBox .bnList li{
	margin:8px 0 0;
}
#Top .columnBox>.subBox .bnList>li:first-child{
	margin-top:0;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Top .columnBox{
		padding:30px 10px 0;
	}
	#Top .columnBox>.newsBox{
		float:none;
		width:auto;
	}
	#Top .columnBox>.newsBox>section>h1{
		padding:2px 5px 0 9px;
		font-size:1.6rem;
		line-height:1.4em;
	}
	#Top .columnBox>.newsBox>section>h1>span>span{
		display:inline;
	}
	#Top .columnBox>.newsBox>section .lead{
		margin:0 0 10px;
	}
	#Top .columnBox>.newsBox>section .lead .inb{
		display:inline;
	}
	#Top .columnBox>.newsBox>section .lead img.right{
		float:none;
		margin-left:0;
	}
	#Top .columnBox>.newsBox>section .lead img.left{
		float:none;
		margin-right:0;
	}
	#Top .columnBox>.newsBox>section .pic{
		margin:0 0 20px;
	}
	#Top .columnBox>.newsBox>section .pic li{
		display:block;
		margin:0 0 10px;
	}
	#Top .columnBox>.newsBox>section .desc{
		margin:0 0 10px;
	}
	#Top .columnBox>.newsBox>section table{
		margin:0 auto 20px;
		display:block;
		border-spacing:0;
		width:100%;
	}
	#Top .columnBox>.newsBox>section table tbody{
		display:block;
	}
	#Top .columnBox>.newsBox>section table tr{
		display:block;
	}
	#Top .columnBox>.newsBox>section table th{
		display:block;
		padding:4px 10px 2px;
		width:auto;
	}
	#Top .columnBox>.newsBox>section table td{
		display:block;
		padding:5px 10px 10px;
	}
	#Top .columnBox>.subBox{
		margin-top:30px;
		float:none;
		width:auto;
	}
	#Top .columnBox>.subBox iframe{
		margin:0 auto !important;
		width:99% !important;
	}
	#Top .columnBox>.subBox .bnList{
		width:auto;
	}
}
/* ================================================================ *
 * @desc@ #What>.outlineBox
 * ================================================================ */
#What .outlineBox{
	margin-bottom:30px;
}
#What .outlineBox>div:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#What .outlineBox .pic{
	float:left;
	padding:20px 0 0;
	width:330px;
}
#What .outlineBox .desc{
	float:right;
	border-radius:10px;
	padding:20px 15px 5px;
	width:540px;
	background:rgba(255,255,255,0.4);
	color:#264;
	font-size:1.4rem;
	line-height:1.7em;
	text-shadow:0 0 3px rgba(255,255,255,1.0);
}
#What .outlineBox .desc p{
	padding-bottom:15px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#What .outlineBox .pic{
		float:none;
		margin:0 auto;
		padding:0;
	}
	#What .outlineBox .desc{
		float:none;
		border-radius:0;
		padding:20px 0 5px;
		width:auto;
		background:none;
		text-shadow:none;
	}
}
/* ================================================================ *
 * @desc@ #Chara>.listBox
 * ================================================================ */
#Chara .listBox{
	margin-bottom:100px;
}
#Chara .listBox ul{
	margin:20px 0 0;
	text-align:center;
}
#Chara .listBox li{
	display:inline-block;
	margin:0 5px 10px;
	vertical-align:top;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Chara .listBox ul{
		margin:10px 0;
	}
	#Chara .listBox li{
		margin:0 3px 10px;
		width:102px;
	}
}
/* ================================================================ *
 * @desc@ #Chara>.profileBox
 * ================================================================ */
#Chara .profileBox{
	margin:0 0 50px;
}
#Chara .profileBox>div{
	display:table;
	table-layout:fixed;
	margin:0 auto;
	border:10px solid #86e690;
	background:transparent url(../img/ct_bg.png) center top repeat-x;
	box-shadow:5px 4px 4px rgba(255,255,102,1.0);
}
#Chara .profileBox>div>div{
	display:table-cell;
	background:rgba(255,255,255,0.7);
	vertical-align:middle;
}
#Chara .profileBox>div>.pic{
	border-radius:16px 0 0 16px;
	padding:20px 30px;
	width:260px;
	text-align:center;
}
#Chara .profileBox>div>.desc{
	border-radius:0 16px 16px 0;
	padding:30px 20px 30px 0;
	width:380px;
}
#Chara .profileBox h1{
	color:#264;
	font-size:1.8rem;
	line-height:1.4em;
}
#Chara .profileBox ul{
	margin:5px 0 0;
	line-height:1.7em;
}
#Chara .profileBox li{
}
#Chara .profileBox .desc p{
	padding:20px 0 0;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Chara .profileBox>div{
		display:block;
		border-width:5px;
	}
	#Chara .profileBox>div>div{
		display:block;
	}
	#Chara .profileBox>div>.pic{
		border-radius:0;
		padding:20px 20px 0;
		width:auto;
		text-align:center;
	}
	#Chara .profileBox>div>.desc{
		border-radius:0;
		padding:30px 40px;
		width:auto;
	}
	#Chara .profileBox h1{
		margin-bottom:15px;
		text-align:center;
	}
}
/* ================================================================ *
 * @desc@ #Gema>.listBox
 * ================================================================ */
#Gema .listBox{
	margin:0 0 50px;
}
#Gema .listBox ul.thumbList{
	margin:20px 0 0;
	text-align:center;
}
#Gema .listBox ul.thumbList li{
	display:inline-block;
	margin:0 8px 10px;
	vertical-align:top;
}
#Gema .listBox ul.thumbList li a{
	display:block;
	min-height:120px;
}
#Gema .listBox ul.thumbList li span{
	display:block;
	margin:5px 0 0;
	padding:3px 10px;
	background:#d1f1da;
	color:#006d0f;
	font-weight:bold;
}
#Gema .listBox ul.pgList{
	margin:20px 0 0;
	text-align:center;
}
#Gema .listBox ul.pgList li{
	display:inline-block;
	margin:0 8px 10px;
	line-height:1.1em;
	vertical-align:middle;
	white-space:nowrap;
}
#Gema .listBox ul.pgList li span{
	color:#e00;
	font-weight:bold;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
}
/* ================================================================ *
 * @desc@ #History>.detailBox
 * ================================================================ */
#History .detailBox table.history{
	margin:20px 0;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#fc0;
	width:100%;
}
#History .detailBox table.history th,
#History .detailBox table.history td{
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#fc0;
	padding:4px 15px 3px;
	background:rgba(255,255,255,0.8);
	font-weight:normal;
	text-align:left;
}
#History .detailBox table.history .title{
	background:#ffc;
	color:#440;
	font-weight:bold;
}
#History .detailBox table.history .date{
	width:9em;
	background:#ffe;
	text-align:center;
}
#History .detailBox table.history .detail{
	width:30em;
}
#History .detailBox table.history .detail>p{
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#History .detailBox table.history{
		display:block;
		margin:20px auto;
		border-width:0;
		width:auto;
	}
	#History .detailBox table.history tbody{
		display:block;
	}
	#History .detailBox table.history tr{
		display:block;
	}
	#History .detailBox table.history .title{
		display:block;
		margin-top:20px;
		border-width:1px;
	}
	#History .detailBox table.history .date{
		display:block;
		border-width:0 1px 1px;
		border-bottom-style:dotted;
		width:auto;
		text-align:left;
	}
	#History .detailBox table.history .detail{
		display:block;
		border-width:0 1px 1px;
		width:auto;
	}
}
/* ================================================================ *
 * @desc@ #History>.listBox
 * ================================================================ */
#History .listBox .detailBox{
	display:table;
	table-layout:fixed;
	margin:15px 0;
	border-bottom:4px dotted #8c8;
	width:100%;
}
#History .listBox .detailBox .pic{
	display:table-cell;
	margin:0;
	padding:0 20px 15px 0;
	width:168px;
	vertical-align:top;
}
#History .listBox .detailBox dl{
	display:table-cell;
	margin:0;
	padding:0 0 15px;
	vertical-align:top;
}
#History .listBox .detailBox dt{
	margin:0 0 5px;
	color:#060;
	font-size:1.6rem;
	line-height:1.4em;
	font-weight:bold;
}
#History .listBox .detailBox dd{
	font-size:1.3rem;
	line-height:1.8em;
}
#History .listBox .thumbList ul{
	display:table;
	table-layout:fixed;
	margin:0 auto;
}
#History .listBox .thumbList li{
	display:table-cell;
	padding:9px 6px;
	width:72px;
	text-align:center;
	vertical-align:top;
}
#History .listBox .thumbList ul>li:first-child{
	padding-left:0;
}
#History .listBox .thumbList ul>li:last-child{
	padding-right:0;
}
#History .listBox .thumbList li>span{
	display:block;
}
#History .listBox ul.pgList{
	margin:20px 0 0;
	text-align:center;
}
#History .listBox ul.pgList li{
	display:inline-block;
	margin:0 8px 10px;
	line-height:1.1em;
	vertical-align:middle;
	white-space:nowrap;
}
#History .listBox ul.pgList li span{
	color:#e00;
	font-weight:bold;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ用
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#History .listBox .detailBox{
		display:block;
		width:auto;
	}
	#History .listBox .detailBox .pic{
		display:block;
		margin:0 auto;
		padding:0 0 15px;
		width:168px;
	}
	#History .listBox .detailBox dl{
		display:block;
	}
	#History .listBox .detailBox dt{
		margin:0 0 10px;
		text-align:center;
	}
	#History .listBox .detailBox dd{
		padding:0 10px;
	}
	#History .listBox .thumbList ul{
		display:block;
		text-align:center;
	}
	#History .listBox .thumbList li{
		display:inline-block;
		padding:9px 3px;
	}
	#History .listBox .thumbList ul>li:first-child{
		padding-left:3px;
	}
	#History .listBox .thumbList ul>li:last-child{
		padding-right:3px;
	}
}