@charset "UTF-8";

/* home
--------------------------------------------------------------------------*/
#home .main { padding-top: 20px; }
#home .main .box .inner { padding: 15px; }
#container .main .area-2col,
#container .main .area-3col { width: 1020px; margin-bottom: 20px; }
#container .main .area-2col .fl { width: 740px; }
#container .main .area-2col .fr { width: 260px; }
#container .main .area-3col li { width: 327px; float: left; padding-right: 20px; }
#container .main .area-3col li.last { width: 326px; padding-right: 0; }
#home h2 {
	color: #666666;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	padding: 12px 8px 10px 16px;
	height: 20px;
	border-radius: 6px 6px 0 0;
	position:relative;
}
#home h2.beginner, #home h2.fb, #home h2.tw {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_l.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_l.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_l.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_l.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_l.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_l.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_l.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_l.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_l.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#home h2.fb, #home h2.tw { font-size: 120%; font-family: Arial, Helvetica, sans-serif; }
#home h2.tw { position: relative; }
#home h2.site {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_s.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_s.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_s.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_s.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_s.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_s.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_s.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_s.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_s.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#home h2.column {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_re.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_re.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_re.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_re.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_re.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_re.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_re.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_re.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_re.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#home h2.user {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_pe.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_pe.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_pe.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_pe.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_pe.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_pe.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_pe.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_pe.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_pe.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#home h2.event {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_bl.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_bl.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_bl.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_bl.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_bl.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_bl.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_bl.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_bl.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_bl.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#home h2.recommend {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_gr.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_gr.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_gr.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_gr.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_gr.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_gr.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_gr.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_gr.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_gr.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#home h2.glossary {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_ye.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_ye.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_ye.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_ye.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_ye.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_ye.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_ye.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_ye.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_ye.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#home h2.news {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_or.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_or.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_or.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_or.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_or.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_or.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_or.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_or.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_or.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#home h2.category {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_wl.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_wl.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_wl.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_wl.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_wl.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_wl.png) no-repeat left bottom, -ms-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_wl.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #ddd 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_wl.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_wl.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
#home h2.beginner a, #home h2.user a, #home h2.news a, #home h2.event a, #home h2.channel a, #home h2.glossary a, #home h2.news a { color: #666666; }
#home h2.beginner a:hover, #home h2.user a:hover, #home h2.news a:hover, #home h2.event a:hover,
#home h2.channel a:hover, #home h2.glossary a:hover, #home h2.news a:hover { text-decoration: none; }
#home h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 6px;
	background: none;
}
#home h4 {
	color: #444;
	font-size: 95%;
	line-height: 1.2;
}
#home .information { margin-bottom: 20px; font-size: 95%; color: #666; }
#home .information h4 { color: #666; font-weight: bold; margin-bottom: 8px; letter-spacing: 1px; }
#home .information li { list-style-type: disc; margin-left: 20px; }
#home .information li a { text-decoration: underline; }
#home .information p { margin-bottom: 8px; }
#home .main-visual,
#home .main .pr-list { margin-bottom: 0; }
#home .support { margin-bottom: 16px; }
#home .main-visual .bxslider li {
	background: #fff;
	width: 740px;
	height: 240px;
}
#home .main-visual .bxslider li img { border-radius: 6px; }
#home .about-content { position: relative; }
#home .about-content h2 { position: absolute; top: -12px; left: 65px; height: 0; padding: 0; }
#home .about-content .about { margin: 40px 0 15px; text-align: center; }
#home .begginer-list { margin-bottom: 12px; }
#home .main .toprank { min-height: 435px; }
#home .main .access-ranking { margin-bottom: 0; }
#home .main .access-ranking li.no5 { border-bottom: 1px solid #ccc; border-radius: 0; }
#home .main .access-ranking li.last { border-bottom: none; border-radius: 6px; }
#home .beginner-list a h3, #home .recommend-list a h3,
#home .column-list a h3, #home .user-list a h3,
#home .event-list a h3, #home .glossary-list a h3 { color: #3366CC; }
#home .beginner-list .inner .unit { width: 708px; }
#home .beginner-list .inner .unit .fl { width: 320px; padding-bottom: 20px; }
#home .beginner-list .inner .unit .fr { width: 370px; }
#home .beginner-list .inner .unit .fl .leftcol li { float: left; width: 156px; padding-bottom: 8px; }
#home .beginner-list .inner .unit .fl .leftcol li.left { padding-right: 4px; }
#home .beginner-list .inner .unit .fr .rightcol li .unit { width: 360px; clear: both; }
#home .beginner-list .inner .unit .fr .rightcol li .fl { width: 80px; padding-bottom: 15px; }
#home .beginner-list .inner .unit .fr .rightcol li .fr { width: 270px; padding-bottom: 15px; }
#home .beginner-list .inner .unit .fl .leftcol a:hover,
#home .beginner-list .inner .unit .fr .rightcol a:hover li .fr,
#home .news-list .inner a:hover li .fr { text-decoration: underline !important; }
#home .recommend-list .inner a:hover li .fr,
#home .column-list .inner a:hover li .fr,
#home .user-list .inner a:hover li .fr,
#home .news-list .inner a:hover li,
#home .event-list .inner a:hover li { text-decoration: underline; }
#home .column-list .inner li .unit,
#home .user-list .inner li .unit,
#home .news-list .inner li .unit,
#home .recommend-list .inner li .unit { width: 290px; clear: both; }
#home .column-list .inner li .fl,
#home .user-list .inner li .fl,
#home .news-list .inner li .fl,
#home .recommend-list .inner li .fl { width: 80px; text-align: center; padding-bottom: 15px; }
#home .column-list .inner li .fr,
#home .user-list .inner li .fr,
#home .news-list .inner li .fr,
#home .recommend-list .inner li .fr { width: 200px; padding-bottom: 15px; }
#home .recommend-list .inner li.last .fl, #home .recommend-list .inner li.last .fr,
#home .column-list .inner li.last .fl, #home .column-list .inner li.last .fr,
#home .user-list .inner li.last .fl, #home .user-list .inner li.last .fr,
#home .news-list .inner li.last .fl, #home .news-list .inner li.last .fr { padding-bottom: 0; }
#home .user-list { min-height: 405px; }
#home .event-list .inner li div { padding-right: 25px; position: relative; }
#home .event-list .inner li h4 { padding-left: 50px; }
#home .event-list .inner li h4 span { color: #666; }
#home .event-list .inner li h4.ml { padding-left: 0; }
#home .event-list .inner li { padding-bottom: 15px; }
#home .event-list .inner li .entry { position: absolute; bottom: 0; left: -15px; }
#home .event-list .inner li .entry2 { position: absolute; bottom: 15px; left: -15px; }
#home .event-list .inner li .cancel { font-size: 85%; line-height: 1.4; color: #666; padding: 8px 25px 0 0; }
#home .beginner-list .inner .unit .fl .leftcol,
#home .beginner-list .inner .unit .fr .rightcol li .unit,
#home .recommend-list .inner li .unit,
#home .column-list .inner li .unit,
#home .user-list .inner li .unit,
#home .news-list .inner li .unit,
#home .news-list .inner li { position: relative; }
#home .news-list .inner li .fl { text-align: center; }
#home .news-list .inner .line { padding: 0 0 10px 35px; }
#home .news-list .inner .line2 { padding: 0 0 10px 0; }
#home .main .new { position: absolute; top: -6px; left: -10px; z-index: 10; }
#home .glossary-list { min-height: 380px; }
#home .glossary-list .inner .box { border: none; border-radius: 0; box-shadow: none; }
#home .glossary-list .inner .img { text-align: center; padding-bottom: 5px; }
#home .glossary-list .glossary-archive h2 { display: none; }
#home .glossary-list .glossary-archive h3 { font-size: 105%; padding-top: 8px; }
#home .glossary-list .glossary-archive .block-word p { line-height: 1.4; }
#home .news-list .inner li .update { font-weight: bold; }
#home .site-list { min-height: 442px; }
#home .main .anchor { position: relative; }
#home .social .social-box { min-height: 440px; background: #fff; }
#home .social .social-box .inner { text-align: left; padding: 10px 10px 8px; }
#home .social .social-box .inner .fl { width: 355px; }
#home .social .social-box .inner .fr { width: 355px; }
#home .social .social-box .inner h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	letter-spacing: 1px;
	background: #f0f0f0;
	padding: 6px 8px;
	border-radius: 4px 4px 0 0;
}
.timeline-Widget .timeline-Header {
	border-top: 1px solid #E9EAED !important;
	border-left: 1px solid #E9EAED !important;
	border-right: 1px solid #E9EAED !important;
}
.timeline-Widget .timeline-Tweet {
	border-left: 1px solid #E9EAED !important;
}
#home .main .box .inner .link-list {
	clear: both;
	float: right;
	padding-bottom: 10px;
}
#home .main .box .inner .link-list a {
	text-decoration: underline;
	font-size: 85%;
	background: url(../images/icon_bc-navi.gif) no-repeat 0 50%;
	padding-left: 8px;
}
#home .user-list .inner .link-list,
#home .news-list .inner .link-list { padding-top: 10px; }
#home .glossary-list .inner .link-list { margin-top: 8px; }


/* lower
--------------------------------------------------------------------------*/
.main .box h2 {
	color: #73A71F;
	font-size: 180%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.02em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	padding: 15px 8px 15px 20px;
	height: 25px;
	border-radius: 6px 6px 0 0;
	position: relative;
}
.main .box h2.lower,
#comics .main h2.lower,
#seminar .main .seminar-followup h2.lower {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_lower.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_lower.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_lower.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_lower.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_lower.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_lower.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #eee 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_lower.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_lower.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
	z-index: 100;
}
:root .box h2.lower,
:root #comics .main h2.lower,
:root #seminar .main .seminar-followup h2.lower {
	background: url(../images/bg_line_lower.png) no-repeat left bottom \0/; /* IE9 */
}
.main .box-column h2,
#news .main h2,
#glossary .main h2,
#comics .main h2,
#seminar .main h2,
#search .main h2 {
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background: url(../images/bg_line_lower_s.png) no-repeat left bottom, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDQpIiAvPgo8L3N2Zz4=);
	background: url(../images/bg_line_lower_s.png) no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(0.75, #fff), color-stop(1.00, #eee));
	background: url(../images/bg_line_lower_s.png) no-repeat left bottom, -webkit-linear-gradient(top, #fff 0%, top, #fff 75%, #eee 100%);
	background: url(../images/bg_line_lower_s.png) no-repeat left bottom, -moz-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_lower_s.png) no-repeat left bottom, -o-linear-gradient(top, #fff 0%, #fff 75%, #eee 100%);
	background: url(../images/bg_line_lower_s.png) no-repeat left bottom, linear-gradient(to bottom, #fff 0%, #fff 40%, #eee 100%);
	-pie-background: url(http://hajimeteweb.jp/common/images/bg_line_lower_s.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	-pie-background: url(https://hajimeteweb.jp/common/images/bg_line_lower_s.png) no-repeat left bottom, linear-gradient(#FFFFFF, #eee);
	behavior: url(/PIE.htc);
}
:root .box-column h2,
:root #news .main h2,
:root #glossary .main h2,
:root #comics .main h2,
:root #seminar .main h2,
:root #search .main h2 {
	background: url(../images/bg_line_lower_s.png) no-repeat left bottom \0/; /* IE9 */
}
#news .main h2 { font-size: 160%; }
#column .main .box h3,
#user .main .box h3,
#news .main .box h3,
#glossary .main .box h3,
#qa .main .box h3,
#seminar .main .box h3,
#campaign .main .box h3,
#inquiry .main .box h3,
#system .main .box h3 {
	color: #73A71F;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.05em;
	padding: 15px 8px 17px 0;
	margin: 40px 0 30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/bg_line_b.png) no-repeat left bottom;
}
#column .main .box h3.first,
#user .main .box h3.first,
#qa .main .box h3.first,
#seminar .main .box h3.first {
	margin: 0 0 30px !important;
}
.lower .main .inner {
	font-size: 110%;
}
#column .main .box .inner,
#user .main .box .inner {
	padding: 30px 30px 10px;
}
#column .main .page-info,
#user .main .page-info {
	background: #73A71F;
	padding: 22px 20px 20px;
	color: #fff;
	margin-top: -1px;
	position: relative;
	z-index: 101;
}
#column .main .page-info h3,
#user .main .page-info h3 {
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-shadow: none;
	background: none;
	margin: 0 0 8px 0;
	padding: 0;
	letter-spacing: 0.01em;
}
.main .box-title {
	background: #73A71F;
	padding: 15px 30px 20px;
	color: #fff;
	margin-top: -1px;
	position: relative;
	z-index: 101;
}
.main .box-title .column-head {
	font-weight: bold;
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	margin-bottom: 4px;
}
.main .box-title .subtitle {
	font-weight: bold;
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
}
.main .box-title .column-head span {
	padding-left: 15px;
}
.main .box-title .new {
	color: #FFA64D;
}
#news .contents .box-title h3#title,
#glossary .contents .box-title h3#title,
#comics .main .box-title h3#title,
#column .main .box-title h3#title,
#user .contents .box-title h3#title,
#manga .contents .box-title h3#title {
	font-size: 150%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	color: #FFFF00;
	background: none;
	margin: 2px 0;
	padding: 0;
	letter-spacing: 0.01em;
}
#glossary .contents .box-title h3#title2 {
	color: #333;
	font-size: 150%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	background: none;
	margin: 2px 0;
	padding: 0;
	letter-spacing: 0.01em;
}
#column .contents .box-column h3,
#user .contents .box-column h3 {
	color: #73A71F;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.3;
	padding: 0 0 10px 4px;
	margin: 30px 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/bg_h3_m.gif) no-repeat left bottom;
}
#column .contents .box-column h4 {
	color: #333;
	font-size: 130%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	margin: 40px 0 20px;
}
#column .contents .box-column h4.first {
	margin: 10px 0 20px;
}
#column .contents .box-column h5,
#manga .contents .box-column h5 {
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	font-weight: bold;
	padding-bottom: 0;
}
#column .contents .box-column h5.head {
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	font-weight: bold;
	border-left: 5px solid #333;
    margin: 20px 0;
    padding: 1px 0 1px 8px;
}
#column .contents .box-column .txt p,
#column .contents .box-column .txt2 p,
#user .contents .box-column .txt p {
	margin-bottom: 25px;
	line-height: 1.9;
}
#column .contents .box-column .txt { padding: 30px 0; }
#user .contents .box-column .txt { padding: 30px 0 5px; }
#column .contents .box-column .txt2 { padding: 25px 25px 0; background: #f8f8f8; border: 1px solid #ccc; margin-bottom: 40px; }

#column .contents .box-column a .headline {
	color: #73a71f;
	font-size: 120%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2 !important;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px 15px;
	background: #ffffe6;
	margin: 30px 0 10px !important;
}
#column .contents .box-column a .line { padding: 20px 15px; }
#column .contents .box-column .boxl-9 a,
#column .contents .box-column .boxr-9 a { text-decoration: none; }
#column .contents .box-column a:hover .headline { background: #FFFFCC; }

.contents .box-column .txt em {
	font-weight: bold;
	font-style: normal;
}
.contents .box-column .txt .line {
	padding-top: 40px;
	border-top: 1px dotted #999;
}
.contents .box-column .txt .line_b {
	padding-bottom: 40px;
	border-bottom: 1px dotted #999;
}
.contents .box-column .period {
	padding-top: 20px;
	border-top: 1px dotted #999;
}
.contents .box-column .txt a { outline: none; text-decoration: underline; }
.contents .box-column .txt ul { margin: 0 0 20px; }
.contents .box-column .txt ul li {
	list-style: disc;
	line-height: 1.8;
	margin-left: 20px;
	padding-bottom: 4px;
}
.contents .box-column .txt ul li em { font-weight: bold; }
.contents .box-column .txt ul li.mbx0 {
	margin-bottom: -10px;
	padding-bottom: 0;
}
.contents .box-column .txt ul li ul { margin-top: 5px; }
.contents .box-column .txt ul li ul li {
	list-style: disc;
	line-height: 1.8;
	margin-left: 20px;
	padding-bottom: 0;
}
.contents .box-column .txt ul.list2 li {
	list-style: disc;
	line-height: 1.8;
	margin-left: 20px;
	padding-bottom: 20px;
}
.contents .box-column .txt ul li ul.circle li {
	list-style: circle;
	line-height: 1.8;
	margin-left: 20px;
}
.contents .box-column .txt ul.none li {
	list-style: none;
	line-height: 1.8;
	margin-left: 5px;
	padding-bottom: 0;
}
.contents .box-column .txt ul.inline li {
	list-style-type: none;
	display: inline;
}
.contents .box-column .txt ul.source {
	font-size: 85%;
	padding-bottom: 20px;
}
.contents .box-column .txt ul.source li span { padding-right: 8px; }
.contents .box-column .txt ul.alph { margin: 0 0 20px; }
.contents .box-column .txt ul.alph li {
	list-style: none;
	line-height: 1.8;
	margin-left: 20px;
	padding-bottom: 4px;
}
.contents .box-column .txt ul.less { margin: 0 0 20px; }
.contents .box-column .txt ul.less li {
	list-style: disc;
	line-height: 1.4;
	margin-left: 20px;
	padding-bottom: 4px;
}
.contents .box-column .txt ul.line2nd li {
	width: 250px;
	float: left;
}
.contents .box-column .txt ol {
	margin: 0 0 20px -10px;
	/margin: 0 0 20px 30px;
}
.contents .box-column .txt ol li {
	list-style: decimal;
	line-height: 1.8;
}
.contents .box-column .txt ol li.mbx0 {
	margin-bottom: -10px;
	padding-bottom: 0;
}
.contents .box-column .txt ol.col-num {
	margin: 0 0 0 -20px;
	/margin: 0 0 40px 20px;
}
.contents .box-column .txt ol.col-num li {
	list-style: decimal;
	line-height: 1.8;
}
.contents .box-column .txt ol.col-num li .image { margin-top: 20px; }
.contents .box-column .txt ol.col-num ul.disc li {
	list-style: disc;
	line-height: 1.8;
}
.contents .box-column .txt ol.num {
	margin: 0 0 30px -20px;
	/margin: 0 0 40px 20px;
}
.contents .box-column .txt ol.num li {
	list-style: decimal;
	line-height: 1.8;
	padding-bottom: 10px;
}
.contents .box-column .txt ol li th,
.contents .box-column .txt ol li td { font-size: 100%; }
.contents .box-column .prologue {
	border-top: 1px dotted #999;
	padding: 30px 0 20px;
}
.contents .box-column .hint {
	background: #C00;
	color: #FFF;
	margin-right: 8px;
	padding: 2px 8px;
	font-size: 14px;
}
.contents .box-column .hint-line {
	background: #eee;
	margin-top: 25px;
	margin-bottom: 15px !important;
	padding-left: 8px;
}
.contents .news-author {
	padding: 15px;
	border: 1px solid #ddd;
	margin: 20px 0;
}
.contents .manga-author {
	background: #eafbc6;
	padding: 0 20px;
}
#manga .contents .manga-author h5 {
	font-size: 105%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
}
#manga .contents .manga-author h5 span.normal { font-style: normal; }
.contents .manga-author .txt { border-top: 1px dotted #666; padding: 15px 0; }
.contents .news-author .fl { width: 60px; }
.contents .news-author .fr { width: 570px; }
.contents .news-author .fr a,
.contents .manga-author .txt a { text-decoration: underline; }
.contents .news-author .fr p,
.contents .manga-author .txt p { line-height: 1.5; }
.contents .news-author .fr .profile { margin-top: 10px; font-size: 95%; }
.contents .manga-author .txt .profile { margin-top: 10px; }
.main .column-bottom { margin: 30px 0 20px; }
#comics .main .column-bottom { margin: 20px 0 30px; }
.main .btn-backlist a,
.main .btn-backlist2 a {
	display: block;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	line-height: 47px;
	max-height: 47px;
	border-radius: 5px;
	background: url(../images/icon_arrow05.png) no-repeat right center #FF9900;
}
.main .btn-backlist a:hover,
.main .btn-backlist2 a:hover {
	background: url(../images/icon_arrow05.png) no-repeat right center #FD861A;
}
#news .contents .btn-backlist {
	width: 350px;
	margin: 30px auto;
}
#glossary .contents .btn-backlist {
	width: 220px;
	margin: 30px auto;
}
#comics .main .btn-backlist {
	width: 330px;
	margin: 30px auto;
}
#comics .main .btn-backlist2 {
	width: 420px;
	margin: 30px auto;
}
#column .contents .btn-backlist {
	width: 420px;
	margin: 0 auto;
}
#column .contents .btn-backlist a {
	font-size: 110%;
}
#books .main .btn-backlist {
	width: 330px;
	margin: 0 auto;
}

/* socialmedia bottan */
#container .main .sm-btns .fb_iframe_widget { position: absolute; }
#container .main .sm-btns {
	/*float: left;*/
	clear: both;
	margin-top: 10px;
	z-index: 95;
}
#container .main .sm-btns li {
	float: left;
	margin-right: 10px;
	display: block;
	font-size: 0;
	width: 110px;
	height: 20px;
}
#container .main .sm-btns li.google { width: 62px; }
#container .main .sm-btns li.twitter { width: 75px; }

/* views */
.main .views {
	float: right;
	margin-top: -25px;
	font-size: 95%;
}
.main .views span {
	font-size: 140%;
	font-weight: bold;
	color: #fff;
	padding: 0 4px;
}

/* pdf */
.main .pdf-dl {
	background: #F3F3F3;
	padding: 9px 0;
}
.main a .pdf-dl {
	font-size: 95%;
	line-height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
}
.main a .pdf-dl .pdf {
	background: url(../images/icon_pdf.png) no-repeat scroll left 0;
	padding: 0 0 10px 20px;
}
.main a:hover .pdf-dl {
	background: #EFEFEF;
	color: #333;
}

/* lp btn */
#container .main .box-invite,
#container .contents .box-invite {
	clear: both;
	border: 2px solid #ddd;
	padding: 20px;
}
#container .main .box-invite .fl { width: 120px; }
#container .contents .box-invite .fl { width: 100px; }
#container .main .box-invite .fr { width: 770px; }
#container .contents .box-invite .fr { width: 520px; }
#container .main .box-invite .fr p {
	font-size: 110%;
	margin-bottom: 5px;
}
#container .contents .box-invite .fr p {
	font-size: 100%;
	margin-bottom: 5px;
}
#container .main .box-invite p em {
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	margin-left: -10px;
}
#container .main .box-invite ul { margin: 20px 0 15px; }
#container .main .box-invite ul li { float: left; }
#container .main .box-invite ul li.last { padding-left: 20px; }
#container .main .box-invite ul li p { font-size: 115%; font-weight: bold; margin-bottom: 5px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	background: url(../images/icon_bc-navi.gif) no-repeat left 10px;
	padding-left: 10px;
}
#column .main .box-invite,
#column .contents .box-invite { margin-bottom: 50px; }
#user .main .box-invite { margin-bottom: 20px; }
#manga .main .box-invite { margin-top: 20px; }

/* writer */
.main .box-author { clear: both; background: #EAFBC6; padding: 20px; }
#column .main .box-author .box-pic { float: left; width: 100px; }
#column .main .box-author .box-prof { float: right; width: 580px; }
#column .main .box-author .box-prof h5 { font-size: 105%; }
#column .main .box-author .box-prof h5 span { font-size: 90%; }
#column .main .box-author .degree { color: #333; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; margin-bottom: 15px; }
#column .main .box-author .degree a:hover { text-decoration: underline; }
#user .contents .box-author .box-pic { float: left; width: 212px; }
#user .contents .box-author .box-pic img { border: 1px solid #eee; }
#user .contents .box-author .box-prof { float: right; width: 470px; margin-top: 5px; }
#user .contents .box-author .box-prof h5 { font-size: 105%; line-height: 1.4; font-weight: bold; }
#seminar .contents .box-author .box-pic { float: left; width: 100px; }
#seminar .contents .box-author .box-prof { float: right; width: 520px; }
#seminar .contents .box-author .box-prof p { font-size: 90%; }
#seminar .contents .box-author .box-prof h5 { font-size: 105%; font-weight: bold; margin-bottom: 3px; }
#seminar .contents .box-author .box-prof h5 span { font-size: 90%; }
#seminar .contents .box-author .degree { color: #73a71f; margin-bottom: 15px; }
#seminar .contents .box-author .degree a:hover { text-decoration: underline; }
#manga .contents .box-author .box-pic { float: left; width: 100px; }
#manga .contents .box-author .box-prof { float: right; width: 580px; }
#manga .contents .box-author .box-prof h5 { font-size: 105%; }
#manga .contents .box-author .box-prof h5 span { font-size: 90%; }
#manga .contents .box-author .box-prof h5 span.normal { font-size: 100%; }
#manga .contents .box-author .degree { color: #333; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; margin-bottom: 15px; }
#manga .contents .box-author .degree a:hover { text-decoration: underline; }
#column .contents .box-author .box-prof a,
#user .contents .box-author .box-prof a,
#seminar .contents .box-author .box-prof a,
#manga .contents .box-author .box-prof a { text-decoration: underline; }
#column .contents h6,
#seminar .contents h6 { font-size: 100%; line-height: 1.4; margin: 15px 0; }
#column .contents .box-author p,
#user .contents .box-author p,
#seminar .contents .box-author p,
#manga .contents .box-author p { line-height: 1.6; }

/* box */
.contents .box-column .unit { width: 680px; }
.contents .box-column .unitlist { width: 680px; }
.contents .box-column .unit2 { width: 600px; margin: 0 auto; }
.contents .box-column .unit .boxl-1 { float: left; width: 320px; margin: 5px 0 20px; }
.contents .box-column .unit .boxr-1 { float: right; width: 343px; margin: 5px 0 20px; }
.contents .box-column .unit .boxl-2 { float: left; width: 343px; margin: 5px 0 20px; }
.contents .box-column .unit .boxr-2 { float: right; width: 320px; margin: 5px 0 20px; }
.contents .box-column .unit .boxl-3 { float: left; width: 400px; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-3 { float: right; width: 257px; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-4 { float: left; width: 320px; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-4 { float: right; width: 320px; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-5 { float: left; width: 360px; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-5 { float: right; width: 240px; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-6 { float: left; width: 420px; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-6 { float: right; width: 240px; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-7 { float: left; width: 240px; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-7 { float: right; width: 420px; margin: 5px 0 10px; }
.contents .box-column .unit .boxl-8 { float: left; width: 180px; margin: 5px 0 0; }
.contents .box-column .unit .boxr-8 { float: right; width: 440px; margin: 5px 0 0; }
.contents .box-column .unit .boxl-9 { float: left; width: 330px; margin: 5px 0 10px; }
.contents .box-column .unit .boxr-9 { float: right; width: 330px; margin: 5px 0 10px; }
.contents .box-column .unit2 .boxl-1 { float: left; width: 225px; margin: 5px 0 10px; }
.contents .box-column .unit2 .boxr-1 { float: right; width: 400px; margin: 5px 0 10px; }
.contents .box-column .unit .caption { margin: -22px auto 40px !important; padding: 4px; background: #f4f4f4; text-align: center; font-size: 90%; }
.contents .box-column .unitlist p { float: left; width: 210px; margin-bottom: 0 !important; } 
.contents .box-column .unitlist p.pr { padding: 0 20px 8px 0; }
.contents .box-column .unitlist p img { border: 1px solid #ccc; }
.contents .box-column ul.boxlist li { float: left; margin-left: 0; padding-right: 8px; list-style-type: none !important; }
.contents .box-column ul.boxlist li.last { padding-right: 0; }

/* pagenext */
.main .pagenext {
	clear: both;
	text-align: center;
	padding: 17px 0 5px;
	margin: 15px 0;
}
.main .pagenext a { margin-right: 5px; margin-bottom: 5px; }
.main .pagenext a,
.main .pagenext a:link,
.main .pagenext a:visited {
	display: inline-block;
	padding: 5px 10px;
	color: #333;
	background: #E6E6E6;
	text-decoration: none;
}
.main .pagenext a:hover { background: #E5FABA; }
.main .pagenext a.selected:hover { background: #638E1A; }
.main .pagenext a.selected { background: #73A71F; color: #FFF; }
.main .pagenext a.prev,
.main .pagenext a.next { background: none; }
.main .pagenext a.prev:hover,
.main .pagenext a.next:hover { text-decoration: underline !important; }

#column .contents .pagenext { margin: -20px 0 20px; }
#column .contents .pagenext a:link,
#column .contents .pagenext a:visited
#column .contents .pagenext a.prev:hover,
#column .contents .pagenext a.next:hover { text-decoration: none; }
#column .contents .pagenext a.selected:hover { color: #FFF; }

#manga .contents .pagenext { margin: 0 0 15px; }
#manga .contents .pagenext a.prev {
	display: inline-block;
	padding: 5px 10px;
	color: #333;
	background: #E6E6E6;
	text-decoration: none;
}
#manga .contents .pagenext a.next {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	background: #73A71F;
	text-decoration: none;
}

/* pagenext-prev */
.main .column-pager .fl, .main .column-pager .fr { margin-bottom: 30px; }
.main .column-pager a:hover .fl, .main .column-pager a:hover .fr { background: #67981F; }
.main .column-pager a .fl, .main .column-pager a .fr {
	border: 1px solid #ccc;
	background: #73a71f;
	padding: 12px 15px;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0.05em;
}

/* side backnumber */
.aside .column-backnumber {
	background: #FFF;
	margin-bottom: 20px;
}
.aside .column-backnumber li {
	font-size: 95%;
	line-height: 1.6;
	border-bottom: 1px solid #ccc;
}
.aside .column-backnumber li.title {
	font-size: 100%;
	background: #73A71F;
	color: #fff;
	padding: 15px 12px 12px;
	line-height: 1.4;
	border-radius: 6px 6px 0 0;
	border-bottom: none;
}
.aside .column-backnumber ul a { text-decoration: none; }
.aside .column-backnumber li a {
	display: block;
	padding: 10px 12px;
	color: #003366;
	text-decoration: none;
}
.aside .column-backnumber li a:hover {
	color: #003366;
	background: #f2fddf;
}
.aside .column-backnumber li.active a {
	background: #f2fddf;
}
.aside .column-backnumber li span {
	color: #333;
	font-size: 90%;
	margin-left: 15px;
}
.aside .user-list {
	background: #FFF;
	margin-bottom: 20px;
}
.aside .user-list li.title {
	padding: 15px 12px 12px;
    font-size: 100%;
	color: #fff;
	border-radius: 6px 6px 0 0;
	background: #73A71F;
}
.aside .user-list a li {
	font-size: 100%;
	line-height: 1.4;
	color: #003366;
	padding: 12px 14px;
	border-bottom: 1px solid #ccc;
	-webkit-transition: background-color 1s linear;
}
.aside .column-backnumber li:last-child,
.aside .user-list a li.last { border-bottom: none; }
.aside .user-list a li:hover { background: #EFEFEF; }
.aside .user-list a { text-decoration: none; }
.aside .writer-notice {
	background: #FFF;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 0 5px #efefef;
	margin-bottom: 20px;
}
.aside .writer-notice .title {
	padding: 14px 12px 12px;
    font-size: 100% !important;
    font-weight: bold;
	color: #fff;
	background: #73A71F;
	border-radius: 6px 6px 0 0;
}
.aside .writer-notice .txt { padding: 10px 12px; }
.aside .writer-notice .txt p { font-size: 95%; }
.aside .writer-notice .txt a { text-decoration: underline; }


/* news
--------------------------------------------------------------------------*/
#news .main .box h3 { margin: 0 0 20px; }
#news .main .box .inner { padding: 20px 30px; }
#news .newly-list { margin: -5px 0 20px; }
#news .newly-list h4 {
	font-size: 110%;
	line-height: 1.3;
	font-weight: bold;
	color: #72A51F;
	margin-bottom: 5px;
}
#news .newly-list .unit {
	padding: 10px 15px;
	/*border-bottom: 1px dotted #ddd;*/
}
#news .newly-list .unit .fl { width: 510px; }
#news .newly-list .unit .fr { width: 90px; text-align: center; }
#news .newly-list .unit span.new { padding-left: 12px; color: #004E9B; }
#news .newly-list .unit span.now { color: #ff751a; }
#news .newly-list a:hover .unit { background: #f2fddf; }
#news .newly-list a:hover .unit p { color: #333; }
#news .news-list {
	margin: -10px 0 20px;	
}
#news .news-list h4 {
	font-size: 100%;
	line-height: 1.4;
	color: #003366;
}
#news .news-list li {
	padding: 18px 15px;
	border-bottom: 1px solid #ddd;
}
#news .newly-list a,
#news .news-list a { text-decoration: none; outline: none; }
#news .news-list li a:hover { text-decoration: underline; }
#news .news-details h3#explain { position: relative; }
#news .news-details h3#explain span {
	position: absolute;
	top: 6px;
	right: 0;
}
#news .news-details h4 {
	margin: 30px 0 20px;
	background: url(../images/bg_h3_m.gif) no-repeat left bottom;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.05em;
	color: #72a51f;
	padding-bottom: 10px;
}
#news .news-details h4 span {
	padding-right: 10px;
}
#news .news-details h5 {
	font-weight: bold;
	margin-bottom: 15px;
}
#news .news-details h5.head {
	border-left: 5px solid #333;
	padding: 2px 0 2px 8px;
	margin-bottom: 10px;
	line-height: 1.3;
}
#news .news-details .inner { margin: 10px 0 0; }
#news .news-details .inner .txt { margin-bottom: 40px; }
#news .news-details .inner .txt p { margin-bottom: 30px; }
#news .news-details .inner .txt .img,
#news .news-details .inner .txt .imgb { text-align: center; margin-top: 30px; }
#news .news-details .inner .txt .imgb img { border: 1px solid #ddd; }
#news .news-details .inner .txt .w300 { width: 300px; margin: 0 auto; }
#news .news-details .inner .txt .w350 { width: 350px; margin: 0 auto; }
#news .news-details .inner .txt .w400 { width: 400px; margin: 0 auto; }
#news .news-details .inner .txt .w450 { width: 450px; margin: 0 auto; }
#news .news-details .inner .txt .w500 { width: 500px; margin: 0 auto; }
#news .news-details .inner .txt .caption {
	background: #f4f4f4;
	padding: 7px 10px;
	font-size: 90%;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 40px;
}
#news .news-details .inner .txt .captionl {
	background: #f4f4f4;
	padding: 7px 10px;
	font-size: 90%;
	text-align: left;
	margin-top: -20px;
	margin-bottom: 40px;
}
#news .news-details .inner .txt .captiont {
	padding: 0 10px;
	font-size: 90%;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 40px;
}
#news .news-details .inner .captionc {
	font-size: 85%;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
}
#news .news-details .inner .txt .fl,
#news .news-details .inner .txt .fr {
	margin: 10px 0;
}
#news .news-details .inner .txtline {
	background: #f6f6f6;
	padding: 15px;
}
#news .news-details .inner .txtline p {
	margin-bottom: 20px;
}
#news .news-details .reference {
	padding: 20px 15px 15px;
	border: 1px dotted #ccc;
	margin: 20px 0 30px;
}
#news .news-details .besiege {
	padding: 20px 15px;
	border: 1px dotted #ccc;
	background: #F8F8F8;
	margin: 20px 0 30px;
}
#news .news-details .besiege p {
	margin-bottom: 0 !important;
}
#news .news-details .sm-btns li {
	margin-left: 0;
	padding-right: 0;
}
#news .news-details ul li {
	list-style-type: disc;
	margin-left: 20px;
	line-height: 1.6;
	padding: 0 10px 6px 0;
}
#news .news-details ol li {
	list-style-type: decimal;
	margin-left: -15px;
	line-height: 1.6;
	padding-bottom: 6px;
}
#news .news-details ol li .caption {
	margin: 10px 0 30px !important;
}
#news .news-details ol li ul li {
	list-style-type: disc;
	margin-left: 15px;
	line-height: 1.2;
	padding: 10px 10px 0 0;
}
.chrome #news .news-details ol li ul li {
	margin-left: 20px;
}
#news .news-details ol li p {
	margin-bottom: 8px !important;
}
#news .news-details ul.nest li {
	list-style-type: circle;
	margin-left: 20px;
	line-height: 1.6;
	padding: 0 10px 6px 0;
}
#news .news-details ul.nest li li {
	list-style-type: disc;
	margin-left: 20px;
	line-height: 1.4;
	padding: 4px 10px 2px 0;
}
#news .news-details ul.none li {
	list-style-type: none;
	margin-left: 0;
	line-height: 1.6;
	padding: 0 10px 6px 0;
}
#news .news-details ul.line li {
	width: 280px;
	float: left;
	margin-left: 15px;
}
#news .news-details .listbox > li {
	width: 300px;
	float: left;
	list-style-type: none;
	margin: 0 15px 0 0;
	padding: 0;
}
#news .news-details .listbox li p {
	margin: 10px 0 15px !important;
}
#news .news-details .inner .txt a,
#news .news-details .reference a {
	text-decoration: underline;
}
#news .news-details table.base {
	width: 100%;
}
#news .news-details table.base th,
#news .news-details table.base td {
	padding: 10px;
}
#news .news-details table.base th {
	background: #F5F5F5;
	white-space: nowrap;
}
#news .contents table.base ol {
	margin-bottom: 5px;
}
#news .contents table.base ol li {
	list-style-type: decimal;
	margin-left: -10px;
	padding-bottom: 0;
}
#news .news-details table.rank {
	margin-bottom: 30px;
}
#news .news-details table.rank th {
	padding: 4px;
	width: 70px;
	font-weight: normal;
	background: #f2fddf;
	border-bottom: 1px solid #fff;
}
#news .news-details table.rank th.higher {
	background: #73a71f;
	font-weight: bold;
	color: #fff;
}
#news .news-details table.rank td {
	padding: 4px 4px 4px 10px;
	border-bottom: 1px solid #fff;
}
#news .news-details .explain h6 {
	color: #FF751A;
	font-size: 120%;
	font-weight: bold;
	margin-top: 20px;
}
#news .news-index .topic,
#news .news-details .topic {
	background: url(../../news/images/img_topic.png) no-repeat;
	width: 286px;
	height: 52px;
	position: absolute;
	top: -1px;
	right: 60px;
	display: block;
}
#news .news-index .topic p,
#news .news-details .topic p {
	position: relative;
}
#news .news-index .topic p span,
#news .news-details .topic p span {
	font-size: 14px;
	color: #FF751A;
	position: absolute;
	top: 19px;
	left: 80px;
}
#news .news-details .talk { margin: 20px 0; }
#news .news-details .talk em { font-size: 130%; color: #3366cc; }
#news .news-details .talk .fl {
	float: left;
	width: 60px;
	border: none;
	text-align: left;
	padding: 0;
}
#news .news-details .talk .fr {
	float: right;
	width: 595px;
	border: none;
	padding: 0;
}
#news .news-details .comment1 {
	background: #EFEFEF;
	border-radius: 4px;
	padding: 15px 20px;
	margin-top: 12px;
	position: relative;
}
#news .news-details .comment1 .triangle,
#news .news-details .comment3 .triangle {
	background: url(../images/news_comment1.png) no-repeat;
	position: absolute;
	left: -18px;
	height: 15px;
	width: 18px;
}
#news .news-details .comment2 {
	background: #f2fddf;
	border-radius: 4px;
	padding: 15px 20px;
	margin-top: 12px;
	position: relative;
}
#news .news-details .comment2 .triangle,
#news .news-details .comment4 .triangle {
	background: url(../images/news_comment2.png) no-repeat;
	position: absolute;
	left: -18px;
	height: 15px;
	width: 18px;
}
#news .news-details .talk-sample {
	margin: 20px 0 30px;
	padding: 10px 20px 15px;
	border: 1px dotted #ccc;
}
#news .news-details .talk-sample p {
	margin-bottom: 0 !important;
}
#news .news-details .talk2 .fl {
	float: left;
	width: 38px;
	border: none;
	text-align: left;
	padding: 0;
}
#news .news-details .talk2 .fr {
	float: right;
	width: 570px;
	border: none;
	padding: 0;
}
#news .news-details .comment3 {
	background: #EFEFEF;
	border-radius: 4px;
	padding: 10px 20px;
	margin-top: 0;
	position: relative;
}
#news .news-details .comment4 {
	background: #f2fddf;
	border-radius: 4px;
	padding: 10px 20px;
	margin-top: 0;
	position: relative;
}
#news .marker {
	position: fixed;
	bottom: 250px;
	right: 150px;
	z-index: 200;
	display: none;
}
#news .marker a {
	width: 102px;
	height: 122px;
	display: block;
	outline: none;
}
#news .marker a:hover {
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	opacity: 0.85;
}


/* glossary
--------------------------------------------------------------------------*/
#glossary .main .box h3 { margin: 40px 0 20px; }
#glossary .main .box h3.first { margin: 0 0 20px; }
#glossary .contents .glossary-index .inner { padding-top: 20px; }
#glossary .contents .glossary-index h4 {
	background: #EFEFEF;
	color: #003366;
	padding: 6px 8px;
	font-weight: bold;
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	margin-bottom: 18px;
}
#glossary .contents .glossary-list {
	padding: 0 12px;
	margin-bottom: 20px;
}
#glossary .contents .glossary-list li {
	width: 210px;
	float: left;
	padding-bottom: 10px;
}
#glossary .contents .glossary-list li.wid {
	width: 400px;
	float: left;
}
#glossary .contents .glossary-list li a {
	background: url(../images/icon_word.png) no-repeat 0 50%;
	padding-left: 37px;
	display: inline-block;
	line-height: 30px;
}
#glossary .contents .glossary-list li.picture a {
	background: none;
	padding-left: 0;
	display: inline-block;
	line-height: 30px;
}
#glossary .contents .glossary-list li.picture a img {
	padding-right: 7px;
}
#glossary .contents .glossary-list li .new {
	color: #FF751A;
	font-size: 80%;
	padding-left: 7px;
}
#glossary .contents .glossary-list li .min {
	font-size: 93%;
	letter-spacing: -1px;
}
#glossary .contents .glossary-pic-list {
	margin-left: 10px;
}
#glossary .contents .glossary-pic-list li {
	width: 210px;
	float: left;
	padding-right: 10px;
}
#glossary .contents .glossary-index .txtr {
	clear: both;
	font-size: 90%;
}
#glossary .contents .glossary-list a:hover p {
	text-decoration: underline;
}
#glossary .glossary-details h4 {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
#glossary .glossary-details .inner .img {
	text-align: center;
	margin-bottom: 20px;
}
#glossary .glossary-details .inner .imgl {
	text-align: left;
	margin: 5px 10px;
}
#glossary .glossary-details .inner .txt p {
	margin-bottom: 30px;
	line-height: 2.0;
}
#glossary .glossary-details .inner p a {
	text-decoration: underline;
}
#glossary .glossary-details .inner .besiege {
	border: 1px solid #ccc;
	padding: 20px 15px 5px;
	margin-bottom: 30px;
	overflow: hidden;
}
#glossary .glossary-details .inner .besiege li {
	list-style-type: disc;
	line-height: 1.8;
	padding: 0 0 15px 0;
	background: none;
	margin-left: 20px;
}
#glossary .glossary-details .inner .synonym li {
	list-style-type: disc;
	line-height: 1.8;
	margin-left: 20px;
}
#glossary .glossary-details table.base {
	width: 100%;
}
#glossary .glossary-details table.base th,
#glossary .glossary-details table.base td {
	padding: 10px;
}
#glossary .glossary-details table.base th {
	background: #F5F5F5;
}
#glossary .glossary-details .imgicon2 {
	vertical-align: middle;
	padding: 0 2px 1px 1px;
}


/* comics
--------------------------------------------------------------------------*/
/* comics index */
#comics .main .comics-index .inner {
	padding: 10px 30px 20px;
}
#comics .main .comics-index .comics-list {
	background: #f2fddf;
	border-left: 3px solid #1C99D2;
	border: 1px solid #EFEFEF;
	margin-bottom: 20px;
}
#comics .main .comics-index .comics-list .fl {
	width: 340px;
	padding: 15px;
}
#comics .main .comics-index .comics-list .fr {
	width: 236px;
	padding: 10px;
}
#comics .main .comics-index .comics-list h4 {
	background: url(../images/icon_arrow02.png) no-repeat 0 3px;
	padding-left: 16px;
	margin-bottom: 5px;
	color: #003366;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.4;
	display: inline-block;
}
#comics .main .comics-index .comics-list h4 span {
	font-weight: normal;
	padding-right: 8px;
}
#comics .main .comics-index a:hover .comics-list {
	background: #E9FCC0;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}

/* comics article */
#comics .main .comics-details .inner {
	padding: 30px 40px;
}
#comics .main .comics-details #mybook {
	clear: both;
	margin: 30px 0 40px;
}
#comics .main .comics-details .prologue .fl {
	width: 100px;
	margin-bottom: 30px;
}
#comics .main .comics-details .prologue .fr {
	width: 820px;
	padding-top: 10px;
	margin-bottom: 30px;
}
#comics .main .comics-details .comics-chara {
	clear: both;
	background: #eafbc6;
	padding: 15px 12px;
	margin: 30px auto;
}
#comics .main .comics-chara .unit {
	width: 300px;
	float: left;
}
#comics .main .comics-chara .unit .fl {
	width: 80px;
	text-align: left;
}
#comics .main .comics-chara .unit .fr {
	width: 210px;
	font-size: 95%;
	padding-right: 10px;
}
#comics .main .comics-chara .unit .fr span {
	font-weight: bold;
}
#comics .main .comics-chara .last .fr {
	padding-right: 0;
}
#comics .main .comics-author {
	padding: 15px;
	border: 1px solid #ddd;
	margin: 20px 0;
}
#comics .main .comics-author p {
	font-size: 110%;
	line-height: 1.4;
}
#comics .main .comics-author a {
	text-decoration: underline;
}
#comics .main .comics-author .name {
	font-size: 115%;
	margin-bottom: 5px;
}
#comics .main .comics-book {
	border: 2px solid #ddd;
	padding: 20px;
	clear: both;
}
#comics .main .comics-book .box-pic,
#comics .main .comics-book-a .box-pic {
	float: left;
	width: 90px;
}
#comics .main .comics-book .box-account {
	float: right;
	width: 800px;
}
#comics .main .comics-book .box-account h6 {
	font-size: 115%;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 5px;
}
#comics .main .comics-book .box-account h6 span,
#comics .main .comics-book-a .box-account h6 span {
	color: #C00;
	font-size: 90%;
	padding-left: 10px;
}
#comics .main .comics-book p {
	font-size: 90%;
	line-height: 1.6;
}
#comics .main .comics-book-a {
	border: 2px solid #ddd;
	padding: 20px;
	clear: both;
	margin: 20px 0 10px;
}
#comics .main .comics-book-a .box-account {
	float: right;
	width: 540px;
}
#comics .main .comics-book-a .box-account h6 {
	font-size: 100%;
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 5px;
}
#comics .main .comics-book-a p {
	font-size: 85%;
	line-height: 1.6;
}


/* manga
--------------------------------------------------------------------------*/
/* manga index */
#manga .contents .box .inner { padding: 20px !important; }
#manga .contents .box-column .title { margin-bottom: 30px; }
#manga .contents .box-column .begin { text-align: right; margin-bottom: 10px; }
#manga .contents .box-column .image { margin-bottom: 20px; }
#manga .contents .box-column .txtc { margin-bottom: 10px; }
#manga .contents .box-column .manga-list {
	background: #fff;
	border-left: 3px solid #1C99D2;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
#manga .contents .box-column .manga-list .fl {
	width: 460px;
	padding: 15px;
}
#manga .contents .box-column .manga-list .fr {
	width: 176px;
	padding: 10px;
}
#manga .contents .box-column .manga-list .fr li {
	float: left;
	padding-left: 8px;
}
#manga .contents .box-column .manga-list .fl .caption {
    color: #666;
    font-size: 90%;
    line-height: 1.4;
    margin-bottom: 5px;
}
#manga .contents .box-column .manga-list h4 {
	background: url(../images/icon_arrow02.png) no-repeat 0 3px;
	padding-left: 16px;
	margin-bottom: 5px;
	color: #003366;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.4;
	display: inline-block;
}
#manga .contents .box-column .manga-list h4 span {
	font-weight: normal;
	padding-right: 8px;
}
#manga .contents .box-column .manga-list .new {
	color: #ff751a;
}
#manga .contents .box-column a:hover .manga-list {
	background: #f4f4f4;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}


/* column
--------------------------------------------------------------------------*/
/* column index */
#column .main .column-index .inner { padding: 0 30px 10px; }
#column .main .column-index h3 { margin: 20px 0; position: relative; }
#column .main .column-index h3 .more {
	position: absolute;
	right: 0;
	top: 8px;
	background: #F7FCEB;
	border: 1px solid #7BB121;
	border-radius: 4px;
	font-weight: normal;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	padding: 7px 0 7px 30px;
}
#column .main .column-index h3 .more p {
	background: url(../images/icon_list03.png) no-repeat right 4px;
	font-size: 65%;
	padding-right: 35px;
}
#column .main .column-index h3 .more:hover { background: #F3FBE1; }
#column .main .column-index .box-l {
	float: left;
	width: 470px;
}
#column .main .column-index .box-r {
	float: right;
	width: 470px;
}
#column .main .column-index .column-top .column-writer { margin-bottom: 50px; }
#column .main .column-index .channel-backnumber { margin-bottom: 50px; }
#column .main .column-index .column-writer {
	width: 470px;
	background: #fff;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
#column .main .column-index .column-writer-full {
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	margin-bottom: 40px;
}
#column .main .column-index .column-writer .writer-head,
#column .main .column-index .column-writer-full .writer-head {
	background: #73A71F;
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px 12px;
}
#column .main .column-index .column-writer .writer-head h4,
#column .main .column-index .column-writer-full .writer-head h4 {
	color: #fff;
	font-size: 95%;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 2px;
}
#column .main .column-index .column-writer a:hover .writer-head,
#column .main .column-index .column-writer-full a:hover .writer-head { text-decoration: underline; color: #fff; }
#column .main .column-index .column-writer .box-writer h5,
#column .main .column-index .column-writer-full .box-writer h5 {
	color: #003366;
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 1.3;
}
#column .main .column-index .box-writer:hover,
#column .main .column-index .box-writer-full:hover {
	background: #f5f5f5;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#column .main .column-index .box-writer.hover,
#column .main .column-index .box-writer-full.hover {
	background: #f5f5f5;
	cursor: pointer;
}
#column .main .column-index .box-writer.hover .box-writer,
#column .main .column-index .box-writer-full.hover .box-writer { cursor: pointer; }
#column .main .column-index .box-writer,
#column .main .column-index .box-writer-full { padding: 15px; }
#column .main .column-index .column-writer .box-pic,
#column .main .column-index .column-writer-full .box-pic {
	float: left;
	width: 135px;
	position: relative;
	z-index: 1;
}
#column .main .column-index .column-writer .box-pic .image,
#column .main .column-index .column-writer-full .box-pic .image {
	width: 135px;
	height: 95px;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
}
#column .main .column-index .column-writer .box-pic .image img,
#column .main .column-index .column-writer-full .box-pic .image img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#column .main .column-index .column-writer .box-prof {
	float: right;
	width: 290px;
}
#column .main .column-index .column-writer-full .box-prof {
	float: right;
	width: 780px;
}
#column .main .column-index .column-writer .box-article {
	clear: both;
	padding: 20px 10px;
	border-top: 1px solid #CCC;
}
#column .main .column-index .column-writer .up-date,
#column .main .column-index .column-writer-full .up-date {
	font-size: 85%;
	font-weight: bold;
	color: #666;
}
#column .main .column-index .column-writer .box-pic .newmark,
#column .main .column-index .column-writer-full .box-pic .newmark { position: absolute; top: -7px; left: -7px; z-index: 2; }
#column .main .column-index .column-writer-full .caption { margin-top: 5px; font-size: 90%; line-height: 1.4; color: #666; }
#column .main .column-index .writer { font-size: 95%; line-height: 1.3; margin: 4px 0; }
#column .main .column-index .writer span { font-size: 85%; }
#column .main .column-index .new { color: #FF751A !important; }
#column .main .column-index .year {
	color: #333;
	font-size: 125%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	margin: 20px 0;
}
#column .main .column-index .writer-list { padding: 15px; }
#column .main .column-index .writer-list ul { margin-top: 15px; }
#column .main .column-index .writer-list li.last { padding-right: 0; }
#column .main .column-index .writer-list li {
	float: left;
	width: 135px;
	padding-right: 15px;
}
#column .main .column-index .writer-list li h5 {
	color: #003366;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 10px;
}
#column .main .column-index .writer-list li .image {
	width: 135px;
	height: 95px;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
}
#column .main .column-index .writer-list li .image img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#column .fancybox-close {
	background: url(../images/icon_close.gif) no-repeat;
	width: 22px;
	height: 22px;
	top: -10px;
	right: -10px;
}

/* jimdo */
#column .main .column-index .jimdo-top { margin: 30px 0 10px; }
#column .main .column-index .jimdo-top .column-writer li {
	border-bottom: 1px dotted #999;
	padding: 8px 10px;
}
#column .main .column-index .jimdo-top .column-writer li.last { border-bottom: 0; } 
#column .main .column-index .jimdo-top .column-writer ul a { text-decoration: none; }
#column .main .column-index .jimdo-top .column-writer ul a li {
	background: url(../images/icon_bc-navi.gif) no-repeat 12px 16px;
	display: block;
	padding-left: 22px;
}
#column .main .column-index .jimdo-top .column-writer ul li:hover {
	background: url(../images/icon_bc-navi.gif) no-repeat 12px 16px #f5f5f5;
}
#column .main .column-index .jimdo-top .box-writer:hover { background: none; }
#column .main .column-index .jimdo-top .box-writer { padding: 0; }

/* backnumber */
#column .main .column-index .article-backnumber {
	background: url(../images/icon_arrow03.png) no-repeat 160px center #999;
	padding: 8px 8px 8px 16px;
	text-align: center;
	font-size: 84%;
	margin-bottom: 0;
	color: #FFF;
	cursor: pointer;
	clear: both;
}
#column .main .column-index .article-backnumber.selected {
	background: url(../images/icon_arrow03_up.png) no-repeat 160px center #999;
	cursor: pointer;
}
#column .main .column-index .open-backnumber {
	padding: 10px;
	display: none;
	background: #F7F7F7;
}
#column .main .column-index .open-backnumber li {
	padding-left: 9px;
}
#column .main .column-index .open-backnumber li a {
	display: inline-block;
	background: url(../images/icon_arrow04.png) no-repeat 0px 5px;
	padding: 0 0 4px 17px;
	text-decoration: underline;
}
#column .main .column-index .open-backnumber li a:hover {
	text-decoration: underline;
	color: #666;
}

/* column article-index */
#column .contents .box-column .article-head {
	font-size: 110%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	margin-bottom: 25px;
}
#column .contents .box-column .article-list {
	background: #fff;
	border-left: 3px solid #1C99D2;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
#column .contents .box-column .make .fl {
	width: 96% !important;
}
#column .contents .box-column .article-list .fl {
	width: 480px;
	padding: 15px;
}
#column .contents .box-column .article-list .fr {
	width: 135px;
	position: relative;
	padding: 15px 15px 0;
}
#column .contents .box-column .article-list .fr .image {
	width: 135px;
	height: 95px;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
}
#column .contents .box-column .article-list .fr .image img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#column .contents .box-column .article-list .fl .cap {
    color: #666;
    font-size: 90%;
    line-height: 1.4;
    margin-bottom: 5px;
}
#column .contents .box-column .article-list h4 {
	background: url(../images/icon_arrow02.png) no-repeat 0 5px;
	padding-left: 16px;
	margin: 0 0 5px;
	color: #003366;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.4;
	display: inline-block;
}
#column .contents .box-column .article-list h4 span {
	font-weight: normal;
	padding-right: 8px;
}
#column .contents .box-column .article-list .new {
	color: #ff751a;
}
#column .contents .box-column a:hover .article-list {
	background: #f4f4f4;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#column .contents .box-column .other-list {
	margin: 20px;
}
#column .contents .box-column .other-list h6 {
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#column .contents .box-column .other-list li {
	width: 144px;
	min-height: 100px;
	background: #f4f4f4;
	float: left;
	padding: 10px;
	margin: 0 6px 6px 0;
	border: #fff solid 3px;
}
#column .contents .box-column .other-list li.last {
	margin-right: 0;
}
#column .contents .box-column .other-list .img {
	text-align: center;
	margin-bottom: 8px;
}
#column .contents .box-column .other-list .title {
	/*font-weight: bold;*/
	font-size: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.3;
}
#column .contents .box-column .other-list li a,
#column .contents .box-column .other-list li a:hover {
	text-decoration: none;
}
#column .contents .box-column .other-list li:hover {
	border: #dfdfdf solid 3px;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#column .contents .box-column .other-list li.hover {
	border: #dfdfdf solid 3px;
	cursor: pointer;
}

/* column article */
#column .contents .column-visual-c {
	margin-top: 20px;
	text-align: center;
}
#column .contents .box-column .txt p.mbx0 { margin-bottom: 10px; line-height: 1.9; }
#column .contents .box-column .txt p.mtx0 { margin-top: -10px; line-height: 1.9; }
#column .contents .box-column .check1 { color: #1b99d2; font-weight: bold; }
#column .contents .box-column .check2 { color: #ff751a; font-weight: bold; }
#column .contents .box-column .image,
#column .contents .box-column .image4,
#column .contents .box-column .image5 { text-align: center; margin-bottom: 20px; }
#column .contents .box-column .image2 { text-align: center; margin-bottom: 8px !important; }
#column .contents .box-column .image3 { text-align: center; margin-bottom: 1px !important; }
#column .contents .box-column .image4 img { border: 1px solid #ddd; padding: 10px; }
#column .contents .box-column .image5 img { border: 1px solid #ddd; }
#column .contents .box-column .frame img { border: 3px solid #EAEAEA; }
#user .contents .box-column .image { text-align: center; margin-bottom: 20px; }
#column .contents .box-column .caption {
	margin-top: -20px;
	font-weight: bold;
	line-height: 1.6 !important;
}
#column .contents .box-column .caption1 {
	width: 650px;
	margin-top: -20px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px !important;
}
#column .contents .box-column .caption2 {
	margin-top: -20px;
	text-align: center;
	font-weight: bold;
	line-height: 1.6 !important;
}
#column .contents .box-column .caption3 {
	width: 580px;
	margin-top: -20px;
	text-align: center;
	font-weight: bold;
}
#column .contents .box-column .caption4 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px !important;
}
#column .contents .box-column .caption5 {
	font-weight: bold;
	margin-bottom: 5px !important;
}
#column .contents .box-column .caption_m {
	margin: -20px auto 40px !important;
	padding: 7px 10px;
	background: #f4f4f4;
	font-size: 90%;
	line-height: 1.5 !important;
}
#column .contents .box-column .caption_s {
	margin: -20px auto 40px !important;
	padding: 7px 10px;
	background: #f4f4f4;
	text-align: center;
	font-size: 90%;
	line-height: 1.5 !important;
}
#column .contents .box-column .wid0 { width: 350px; }
#column .contents .box-column .wid1 { width: 490px; }
#column .contents .box-column .wid2 { width: 580px; }
#column .contents .box-column .wid3 { width: 510px; }
#column .contents .box-column .wid4 { width: 660px; }
#column .contents .box-column .wid5 { width: 307px; }
#column .contents .box-column .wid6 { width: 380px; }
#column .contents .box-column .point1 { font-weight: bold; color: #03C; }
#column .contents .box-column .point2 { font-weight: bold; color: #C00; }
#column .contents .box-column .speaker { color: #1FB688; font-weight: bold; }
#column .contents .box-column .listener { color: #1C99D2; font-weight: bold; }
#column .contents .box-column .offer { font-size: 90%; color: #666; }
#column .contents .box-column .center { text-align: center; }
#column .contents .box-column .caption2 .offer,
#column .contents .box-column .txt ul li .offer { font-size: 90%; }
#column .contents .box-column .nomal { font-weight: normal; }
#column .contents .box-column .besiege {
	border: 1px solid #ccc;
	padding: 15px 15px 10px;
	margin-bottom: 30px;
	overflow: hidden;
}
#column .contents .box-column .besiege2 {
	border: 1px solid #ccc;
	padding: 0 20px 10px;
	margin-bottom: 30px;
	overflow: hidden;
} 
#column .contents .box-column .besiege3 {
	border: 1px solid #ccc;
	padding: 8px;
	margin-bottom: 30px;
	overflow: hidden;
}
#column .contents .box-column .besiege-b {
	border: 2px solid #ccc;
	padding: 20px 15px 0 5px;
	margin-bottom: 20px;
	overflow: hidden;
}
#column .contents .box-column .besiege-b ol li {
	line-height: 1.4;
	padding-bottom: 10px;
}
#column .contents .box-column .besiege-look {
	border: 1px solid #ccc;
	padding: 15px 15px 10px;
	background: #FFFFE8;
	margin: 30px 0;
	overflow: hidden;
	clear: both;
}
#column .contents .box-column .besiege-look p { margin-bottom: 5px; }
#column .contents .box-column .besiege3 .image,
#column .contents .box-column .besiege3 .alph { margin-bottom: 0 !important; }
#column .contents .box-column .besiege p, #column .contents .box-column .besiege ul { margin-bottom: 5px; }
#column .contents .box-column .besiege .line {
	border-top: 1px dotted #d2d2d2;
	margin-top: 10px;
	padding-top: 12px;
}
#column .contents .box-column .besiege li span { font-size: 85%; letter-spacing: -0.02em; }
#column .contents .box-column .order { margin-bottom: 20px; }
#column .contents .box-column .order p { margin-bottom: 5px; }
#column .contents .box-column .heed { background: #FFF4F4; }
#column .contents .box-column .refer { background: #F8F8F8; }
#column .contents .box-column .explain {
	background: #F9EED7;
	padding: 15px 10px 10px;
	margin-bottom: 15px;
}
#column .contents .box-column .explain em { font-weight: bold; font-style: normal; }
#column .contents .box-column .explain p { margin-bottom: 5px; }
#column .contents .au-shopping {
	border: 4px solid #FF8532;
	padding: 10px;
	margin: 0 10px 30px 10px;
}
#column .contents .au-shopping .txt-l { float: left; width: 200px; }
#column .contents .au-shopping .txt-r { float: right; width: 430px; }
#column .contents .au-shopping .txt-l p { margin: 10px 0 0 2px; }
#column .contents .box-column .border { border: 1px solid #CCC; }
#column .contents .box-column .border2 {
	border: 1px solid #CCC;
	padding: 15px 15px 10px;
	margin-bottom: 10px;
	overflow: hidden;
} 
#column .contents .imgicon { vertical-align: top; padding-right: 5px; }
#column .contents .imgicon2 { vertical-align: middle; padding: 0 2px 2px 0; }
#column .contents .imgicon3 { vertical-align: middle; padding: 0 2px 2px 0; margin-left: 20px; }
#column .contents .imgicon4 { vertical-align: middle; padding: 0 2px 5px 0; }
#column .contents table.full { width: 670px; }
#column .contents table.middle { width: 580px; }
#column .contents table.base th { font-weight: bold; }
#column .contents table.bg th { background: #F5F5F5; }
#column .contents table.rsp th { font-weight: normal; background: #F5F5F5; }
#column .contents table .h70 { width: 70px; }
#column .contents table .h130 { width: 130px; }
#column .contents table .h240 { width: 240px; }
#column .contents table .half { width: 270px; }
#column .contents table .point { background: #FFFFBF; }
#column .contents table .vmid { vertical-align: middle; }
#column .contents table.base th.bd,
#column .contents table.base td.bd { border-left: 2px solid #bebebe; }
#column .contents table.base th.bm { border-bottom: 2px solid #bebebe; }
table.practice { margin: 0 auto 25px; width: 90%; }
table.practice td.vtop { vertical-align: top; }
table.practice th, table.practice td {
	border: 1px solid #CCC;
	padding: 12px 12px;
}
table.practice th {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	background: #E8EFFF;
	width: 120px;
}
table.add th { background: #FFF0E8; }
table.add th.left { text-align: left !important; }
table.practice td a { color: #36C; }
#column .contents .characters .wrap { clear: both; }
#column .contents .characters .fl { width: 80px; margin-bottom: 5px; }
#column .contents .characters .fr { width: 550px; margin-top: 5px; }
#column .contents .characters .fr p { line-height: 1.3 !important; }
#column .contents .talk-left { margin-top: 20px; }
#column .contents .talk-right { margin-top: 25px; }
#column .contents .characters .fl img,
#column .contents .characters .fr img,
#column .contents .talk-left .box-l img,
#column .contents .talk-right .box-r img {
	border: 3px solid #E3E3E3;
	background: #FFF;
}
#column .contents .talk-left .box-r {
	float: right;
	width: 565px;
	border: none;
	padding: 0;
}
#column .contents .talk-right .box-l {
	float: left;
	width: 565px;
	border: none;
	padding: 0;
}
#column .contents .talk-left .box-l {
	float: left;
	width: 80px;
	border: none;
	text-align: left;
	padding: 0;
}
#column .contents .talk-right .box-r {
	float: right;
	width: 80px;
	border: none;
	text-align: right;
	padding: 0;
}
#column .contents .comment-l {
	background: #F9F7EF;
	box-shadow: 0 0 3px #ccc;
	border-radius: 4px;
	padding: 15px 25px 5px;
	margin-top: 5px;
	/width: 530px;
	position: relative;
}
#column .contents .comment-r {
	background: #ffffff;
	box-shadow: 0 0 3px #acacac;
	border-radius: 4px;
	padding: 15px 25px 5px;
	margin-top: 0;
	/width: 530px;
	position: relative;
}
#column .contents .comment-l .triangle {
	background: url(../images/comment_l.png) no-repeat;
	position: absolute;
	left: -20px;
	height: 25px;
	width: 20px;
}
#column .contents .comment-r .triangle {
	background: url(../images/comment_r.png) no-repeat center 0;
	position: absolute;
	right: -20px;
	height: 25px;
	width: 20px;
}
#column .contents .comment-l p,
#column .contents .comment-r p { margin-bottom: 10px !important; } 
#column .contents .comment-r ul { margin-bottom: 5px; }
#column .contents .comment-l .image,
#column .contents .comment-r .image { margin: 20px 0 !important; }
#column .contents .talk { margin: 10px 0; }
#column .contents .talk .fl {
	float: left;
	width: 60px;
	border: none;
	text-align: left;
	padding: 0;
}
#column .contents .talk .fr {
	float: right;
	width: 585px;
	border: none;
	padding: 0;
}
#column .contents .comment1 {
	background: #EFEFEF;
	border-radius: 4px;
	padding: 15px 20px 5px;
	margin-top: 10px;
	position: relative;
}
#column .contents .comment1 .triangle {
	background: url(../images/news_comment1.png) no-repeat;
	position: absolute;
	left: -18px;
	height: 15px;
	width: 18px;
}
#column .contents .comment2 {
	background: #E4F1F1;
	border-radius: 4px;
	padding: 15px 20px 5px;
	margin-top: 10px;
	position: relative;
}
#column .contents .comment2 .triangle {
	background: url(../images/news_comment3.png) no-repeat;
	position: absolute;
	left: -18px;
	height: 15px;
	width: 18px;
}
#column .contents .comment1 p,
#column .contents .comment2 p { margin-bottom: 10px !important; } 
#column .contents .comment1 .check,
#column .contents .comment2 .check { color: #1b99d2; }
#column .contents .counseling-box {
	background: #fefde9;
	border: 4px solid #FEFDD1;
	padding: 18px 20px 1px;
	box-shadow: 0 0 4px #ddd;
}
#column .contents .counseling-box p {
	background: url(../images/bg_line_txt.png);
	line-height: 32px !important;
}
#column .contents .counseling-talk { /*margin: 10px 0;*/ }
#column .contents .counseling-talk .fl {
	float: left;
	width: 100px;
	border: none;
	text-align: left;
	padding: 0;
}
#column .contents .counseling-talk .fr {
	float: right;
	width: 560px;
	border: none;
	padding: 0;
}
#column .contents .counseling-talk .comment2 {
	background: #ECF7F3;
	border-radius: 4px;
	padding: 15px 20px 5px;
	margin-top: 10px;
	position: relative;
}
#column .contents .counseling-talk .comment2 .triangle {
	background: url(../images/news_comment4.png) no-repeat;
	position: absolute;
	left: -18px;
	height: 15px;
	width: 18px;
}
#column .contents .column-note {
	background: #FAEDE7;
	padding: 12px;
	margin-bottom: 15px;
}
#column .contents .column-note p { line-height: 1.6; }
#column .main .column-book {
	border: 1px solid #ddd;
	padding: 20px;
	margin-top: 30px;
	clear: both;
}
#column .main .box-column .column-book {
	margin: 20px;
}
#column .contents .box-column .column-book .box-pic {
	float: left;
	width: 90px;
}
#column .contents .box-column .column-book .box-account {
	float: right;
	width: 550px;
}
#column .contents .box-column .column-book .box-account h6 span {
	font-size: 90%;
	color: #888;
}
#column .contents .box-column .column-book .box-account h6,
#column .contents .column-book-a .box-account h6 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	margin: 0 0 2px 0;
}
#column .contents .column-book-a h6 {
	margin: 0 0 2px 0;
}
#column .contents .column-book-a {
	border: 1px solid #ddd;
	padding: 20px 15px 20px;
	margin: 20px;
}
#column .contents .column-book-a .box-pic {
	float: left;
	width: 210px;
	margin-top: 13px;
}
#column .contents .column-book-a .box-account {
	float: right;
	width: 430px;
	margin-top: 10px;
}
#column .contents .column-book .book-author {
	font-size: 100%;
	line-height: 1.4;
	margin: 4px 0 10px;
}
#column .contents .column-book p,
#column .contents .column-book-a p { font-size: 90%; line-height: 1.6; }
#column .contents .next-page { text-align: right; margin: 0 20px 30px 0; }
#column .contents .back-page { text-align: left; margin: 0 0 30px 0; }
#column .contents .column-note a,
#column .contents .next-page a,
#column .contents .back-page a { color: #73a71f; }
#column .contents .f130 { font-size: 130%; }
#column .contents .movie { margin-top: 30px; }
#column .contents pre {
	border: 1px solid #ccc;
	background: #f8f8f8;
	border-radius: 3px;
	padding: 15px;
	margin-bottom: 20px;
	line-height: 19px;
	overflow: auto;
}
#column .contents .ec-interview {
	border: 2px solid #ddd;
	padding: 15px 15px 5px;
	margin-top: 20px;
	overflow: hidden;
}
#column .contents .ec-interview .fl { width: 160px; }
#column .contents .ec-interview .fl img { border: 1px solid #E3E3E3; }
#column .contents .ec-interview .fr { width: 430px; }
#column .contents .ec-profile {
	border: 2px solid #ddd;
	padding: 10px 15px;
	margin-top: 20px;
	overflow: hidden;
}
#column .contents .ec-profile h4 { margin-bottom: 10px !important; }
#column .contents .ec-profile p {
	line-height: 1.7 !important;
	margin-bottom: 5px !important;
}
#column .contents .ec-profile .degree { font-size: 110%; margin-bottom: 0 !important; }
#column .contents .ec-profile .degree span { margin-left: 20px; }

/* ec-kakekomi */
.besiege-ec {
	width: 600px;
	border: 1px solid #ccc;
	padding: 20px 20px 15px;
	margin: 0 auto 40px;
	overflow: hidden;
}
.besiege-ec .fl { width: 240px; margin-left: 30px; margin-bottom: 0; }
.besiege-ec .fr { width: 240px; margin-right: 30px; margin-bottom: 0; }
.besiege-ec .fl .caption,
.besiege-ec .fr .caption { text-align: center; margin-bottom: 0 !important; }

#ec_question dl {
	display: none;
	font-weight: bold;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:0.5em;
	color: #FFF;
	background: #fd861a;
}
#ec_question dt {
	float: left;
}
#ec_question dt,
#ec_question dd {
	padding: 0.5em;
}
#ec_question #pop {
	height: 46px;
	text-indent: -9999px;
	background: url(../../column/ec_kakekomi/images/img_answer.gif) left top no-repeat;
}
#ec_question th.no {
	color: #FFF;
	background: #69C;
}
#ec_question table {
	width: 100%;
	margin-bottom: 1em;
}
#ec_question table caption {
	font-weight: bold;
	background: #F9F9F9;
}
#ec_question table caption,
#ec_question th,
#ec_question td {
	line-height: 1.5em;
	padding: 0.5em 1em;
	border: 1px solid #DDD;
}
#ec_question th {
	text-align: center;
	background-color: #F9F9F9;
}
#ec_question th i {
	display: block;
	font-size: 12px;
}
#ec_question td.val {
	text-align: right;
}


/* readmore */
.contents .box-recommend {
	margin: 20px 20px 0;
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-radius: 5px 5px 0 0;
}
.contents .box-recommend h6 {
	color: #FFF;
	font-size: 100%;
	background: #73A71F;
	padding: 12px;
	border-radius: 5px 5px 0 0;
}
.contents .box-recommende .fl { width: 120px; }
.contents .box-recommend .fr { width: 530px; }
.contents .box-recommende .fl p img { border: 1px solid #ddd; }
.contents .box-recommend ul li {
	background: url(../images/icon_list03.png) no-repeat right center #FFF;
	-webkit-transition: background-color 1s linear;
	border-bottom: 1px solid #E4E4E4;
	padding: 10px 20px 10px 10px;
}
.contents .box-recommend ul li .column-title {
	font-size: 100%;
	font-weight: bold;
	padding-right: 10px;
	line-height: 1.4;
	padding-top: 2px;
}
.contents .box-recommend ul li a {
	text-decoration: none !important;
}
.contents .box-recommend ul li a:hover { color: #535353; }
.contents .box-recommend ul li:hover {
	background: url(../images/icon_list03.png) no-repeat right center #F2FDDF;
}
.contents .box-recommend ul li.hover {
	background: #F2FDDF;
	cursor: pointer;
}

/* channel */
#column .channel-index .sec-channel {
	background: #f2fddf;
	border-left: 3px solid #1C99D2;
	border: 1px solid #EFEFEF;
	position: relative;
	margin-bottom: 20px;
}
#column .channel-index .sec-channel .box-l {
	float: left;
	width: 580px;
	padding: 15px;
}
#column .channel-index .sec-channel .box-r {
	float: right;
	width: 276px;
	padding: 10px;
}
#column .channel-index .sec-channel h4 a {
	background: url(../images/icon_arrow02.png) no-repeat 0 4px;
	padding-left: 16px;
	margin: 2px 0;
	color: #003366;
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 1.3;
	display: inline-block;
}
#column .channel-index .sec-channel h4 a:hover { text-decoration: underline; }
#column .channel-index .sec-channel .box-writer { padding: 10px 0 0; }
#column .channel-index .sec-channel .box-writer .box-pic { float: left; width: 80px; }
#column .channel-index .sec-channel .box-writer .box-prof { float: right; width: 480px; }
#column .channel-index .sec-channel .box-writer .box-prof .writer { line-height: 1.3; }
#column .channel-index .sec-channel .box-writer .box-pic img { border: 1px solid #ccc; }
#column .box-prof ul { margin-top: 6px; }
#column .main .box-prof li {
	float: left;
	font-size: 85%;
	line-height: 40px;
	height: 38px;
	padding-left: 44px;
}
#column .main .box-prof li.product {
	background: url(../images/icon_hp-product_i.png) no-repeat left center;
	width: 80px;
	line-height: 1.3;
}
#column .main .box-prof li.use {
	background: url(../images/icon_hp-use_i.png) no-repeat left center;
	width: 80px;
	line-height: 1.3;
}
#column .main .box-prof li.traffic {
	background: url(../images/icon_traffic_i.png) no-repeat left center;
	width: 75px;
	line-height: 1.3;
}
#column .main .box-prof li.ec {
	background: url(../images/icon_ec_i.png) no-repeat left center;
	width: 75px;
	line-height: 1.3;
}
#column .main .box-prof li.seo {
	background: url(../images/icon_seo_i.png) no-repeat left center;
	width: 75px;
	line-height: 1.3;
}
#column .main .audience {
	margin: 25px 0;
	text-align: center;
}
#column .main .btn-aids {
	margin: 15px auto 0;
	width: 500px;
}
#column .main .aids {
	margin: 0 auto;
	width: 225px;
}
#column .main .btn-aids li {
	float: left;
	width: 225px;
	padding: 0 10px;
	_position: relative;
	_height: 53px;
}
#column .main .aids a,
#column .main .btn-aids li a {
	display: block;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 47px;
	max-height: 47px;
	background: url(../images/icon_arrow05.png) no-repeat right center #FF9900;
}
#column .main .aids a:hover,
#column .main .btn-aids li a:hover {
	background: url(../images/icon_arrow05.png) no-repeat right center #FD861A;
}

/* channel detail */
#column .column-channel .pdf-dl { margin: 30px 0; }
#column .column-channel .movie { margin-bottom: 20px; }
#column .column-channel .box-author .box-prof { float: right; width: 800px; }
#column .column-channel .box-author .box-prof h5 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-weight: bold;
}
#column .column-channel .box-author a { text-decoration: underline; }
#column .column-channel .box-author a:hover { color: #666; }
#column .column-channel .column-book .box-pic { float: left; width: 90px; }
#column .column-channel .column-book .box-account { float: right; width: 810px; }
#column .column-channel .column-book .box-account h6 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 100%;
	margin: 0 0 4px 0;
}
#column .column-channel .column-book .box-account .book-author { margin-bottom: 5px; }
#column .channel-backnumber { margin: 20px 0; }
#column .channel-backnumber li { float: left; padding-right: 4px; }
#column .channel-backnumber li.last { padding-right: 0; }
#column .channel-backnumber .channel-list {
	width: 210px;
	background: #eafbc6;
	padding: 10px;
	border: #FFF solid 3px;
}
#column .channel-backnumber .channel-list h4 {
	font-weight: bold;
	line-height: 1.4;
}
#column .channel-backnumber .channel-list .writer {
	font-size: 90%;
	line-height: 1.4;
	margin: 5px 0 0;
}
#column .channel-backnumber .channel-list img,
#column .channel-backnumber-m .channel-list img {
	margin-bottom: 10px;
}
#column .channel-backnumber .channel-list .section,
#column .channel-backnumber-m .channel-list .section {
	font-size: 85%;
	line-height: 1.3;
	margin: 3px 0 0 17px;
}
#column .channel-backnumber a,
#column .channel-backnumber a:hover,
#column .channel-backnumber-m a,
#column .channel-backnumber-m a:hover {
	text-decoration: none;
}
#column .channel-backnumber .channel-list:hover,
#column .channel-backnumber-m .channel-list:hover {
	border: #dfdfdf solid 3px;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#column .channel-backnumber .channel-list.hover,
#column .channel-backnumber-m .channel-list.hover {
	border: #dfdfdf solid 3px;
	cursor: pointer;
}

/* channel-backnumber mini */
#column .channel-backnumber-m { margin: 20px 0 20px 17px; }
#column .channel-backnumber-m li { float: left; padding-right: 2px; }
#column .channel-backnumber-m li.last { padding-right: 0; }
#column .channel-backnumber-m .channel-list {
	width: 148px;
	background: #eafbc6;
	padding: 10px;
	border: #FFF solid 3px;
}
#column .channel-backnumber-m .channel-list h4 {
	font-weight: bold;
	font-size: 90%;
	line-height: 1.4;
	margin: 0;
}
#column .channel-backnumber-m .channel-list .writer {
	font-size: 85%;
	line-height: 1.4;
	margin: 5px 0 0;
}
#column .channel-backnumber-m .channel-list .writer span {
	font-size: 80%;
}

/* channel-section */
#column .main .channel-recommend {
	margin: 20px 0;
	border-top: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-radius: 5px 5px 0 0;
	background: url(../images/icon_list03.png) no-repeat right center #FFF;
	-webkit-transition: background-color 1s linear;
}
#column .main .channel-recommend h6 {
	color: #FFF;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	background: #73a71f;
	padding: 8px 12px;
	margin: 0;
	border-radius: 5px 5px 0 0;
	vertical-align: top;
}
#column .main a .channel-recommend {
	text-decoration: none;
}
#column .main .channel-recommend ul li {
	background: url(../images/icon_list03.png) no-repeat right center #FFF;
	/*-webkit-transition: background-color 1s linear;*/
	border-bottom: 1px solid #E4E4E4;
}
#column .main .channel-recommend ul li a:hover,
#column .main .channel-recommend ul li:hover,
#column .main .channel-recommend ul li.hover {
	cursor: pointer;
	background: url(../images/icon_list03.png) no-repeat right center #efefef;
}
#column .main .channel-recommend .head-title {
	color: #003366;
	font-size: 110%;
	font-weight: bold;
	display: inline-block;
	background: url(../images/icon_arrow02.png) no-repeat left 5px;
	padding-left: 17px;
	text-decoration: none;
}
#column .main .channel-recommend .wrap {
	padding: 10px;
	display: block;
}
#column .main .channel-recommend .fl {
	width: 240px;
}
#column .main .channel-recommend .fr {
	width: 400px;
	padding-top: 5px;
}
#column .main .channel-recommend .name {
	margin-left: 17px;
}


/* user
--------------------------------------------------------------------------*/
/* user index */
#user .main .user-index .box-l { float: left; }
#user .main .user-index .box-r { float: right; }
#user .main .user-index .column-writer {
	margin: 0 0 0px;
	padding-bottom: 2px;
	width: 468px;
	background: fff;
	border: solid 1px #E4E4E4;
}
#user .main .user-index .column-writer:hover {
	background: #f5f5f5;
	border: solid 1px #d8d8d8;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
#user .main .user-index .column-writer.hover {
	background: #f5f5f5;
	border: solid 1px #d8d8d8;
	cursor: pointer;
}
#user .main .user-index .column-writer.hover .box-writer { cursor: pointer; }
#user .main .user-index .column-writer a { text-decoration: none; }
#user .main .user-index .column-writer .box-pic { float: left; width: 148px; position: relative; }
#user .main .user-index .column-writer .box-pic .newmark { position: absolute; top: -7px; left: -7px; }
#user .main .user-index .column-writer .box-pic .areamark { position: absolute; top: -25px; left: -20px; }
#user .main .user-index .column-writer .box-pic .newmark img,
#user .main .user-index .column-writer .box-pic .areamark img { border: 0; }
#user .main .user-index .column-writer .box-prof { float: right; width: 280px; }
#user .main .user-index .column-writer .box-prof p a:hover { color: #333; } 
#user .main .user-index h3.user-entries {
	margin: 0;
	background: none;
	color: #003366;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.4;
	letter-spacing: 0;
	padding: 0;
}
#user .main .user-index .up-date { color: #666666; font-size: 90%; }
#user .main .user-index .new { color: #FF751A; }
#user .main .user-index .box-writer { clear: both; padding: 15px; }
#user .main .user-index .box-writer .box-prof p { padding-top: 8px; line-height: 1; }
#user .main .box-column h4 {
	color: #333;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
}
#user .main .notes {
	font-size: 90%;
	margin: 0 0 20px;
	border: 1px dotted #ccc;
	padding: 10px;
}

/* tab area */
#user .main .area-group {
	_zoom: 1;
	margin-top: 1px;
}
#user .main .area-group ul.group-list { margin-top: 5px; }
#user .main .area-group ul.group-list li {
	float: left;
	width: 468px;
}
#user .main .area-group .column-writer {
	margin: 15px 0 4px;
	padding-bottom: 0;
	width: 468px;
	background: #ffffff;
	border: 1px solid #E4E4E4;
}
#user .main .area-group h3.user-entries { font-size: 110%; }
#user .main .area-group .up-date { font-size: 95%; }
#user .main .area-group .column-writer .box-prof { float: right; width: 280px; }
#user .main .tab-area {
	margin: 0 0 20px 0;
	width: 960px;
}
#user .main .tab-area ul.area {
    padding: 0;
    _zoom: 1;
    overflow: hidden;
	border-bottom: 3px solid #73A71F;
}
#user .main .tab-area ul.area li a {
    float: left;
	height: 41px;
	text-align: center;
	line-height: 44px;
	max-height: 44px;
	font-size: 14px;
	font-weight: bold;
	color: #73A71F;
	background: #fff;
	/*border-top: 1px solid #fff;*/
	border-right: 1px solid #fff;
	text-decoration: none;
}
#user .main .tab-area ul.area li a:hover,
#user .main .tab-area ul.area li a.selected {
	color: #ffffff;
	text-decoration: none;
}
#user .main .tab-area ul.area li a.hokkaido {
	width: 159px;
	background: #DFFFB4;
	border-left: 1px solid #DFFFB4;
}
#user .main .tab-area ul.area li a.kanto {
	width: 159px;
	background: #DFFFB4;
}
#user .main .tab-area ul.area li a.chubu {
	width: 159px;
	background: #DFFFB4;
}
#user .main .tab-area ul.area li a.kansai {
	width: 158px;
	background: #DFFFB4;
}
#user .main .tab-area ul.area li a.chushikoku {
	width: 159px;
	background: #DFFFB4;
}
#user .main .tab-area ul.area li a.kyushu {
	width: 159px;
	background: #DFFFB4;
	border-right: 1px solid #DFFFB4;
}
#user .main .tab-area ul.area li a.hokkaido:hover,
#user .main .tab-area ul.area li a.hokkaido.selected {
	width: 159px;
	background: #73A71F;
	border-left: 1px solid #73A71F;
}
#user .main .tab-area ul.area li a.kanto:hover,
#user .main .tab-area ul.area li a.kanto.selected {
	width: 159px;
	background: #73A71F;
}
#user .main .tab-area ul.area li a.chubu:hover,
#user .main .tab-area ul.area li a.chubu.selected {
	width: 159px;
	background: #73A71F;
}
#user .main .tab-area ul.area li a.kansai:hover,
#user .main .tab-area ul.area li a.kansai.selected {
	width: 158px;
	background: #73A71F;
}
#user .main .tab-area ul.area li a.chushikoku:hover,
#user .main .tab-area ul.area li a.chushikoku.selected {
	width: 159px;
	background: #73A71F;
}
#user .main .tab-area ul.area li a.kyushu:hover,
#user .main .tab-area ul.area li a.kyushu.selected {
	width: 159px;
	background: #73A71F;
	border-right: 1px solid #73A71F;
}

/* user contact */
#user .main .contents .lower { padding: 0 20px; }
#user .main .user-index .user-contact { margin: 0; }
#user .main .user-contact { margin: 20px 0; }
#column .main .user-contact { margin: 20px 0; border: 2px solid #F9E391; }
#user .main .user-contact .txt-recruit {
	padding: 10px 0;
	text-align: center;
	cursor: pointer;
	background: #EAFBC6;
}
#column .main .user-contact .txt-recruit {
	padding: 12px 0 8px;
	text-align: center;
	cursor: pointer;
	font-size: 120%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fefdd1;
}
#user .main .user-contact img,
#column .main .user-contact img { border: 0; }
#user .main .user-contact .open {
	background: #73A71F;
	text-align: center;
	cursor: pointer;
	padding: 1px 0;
}
#column .main .user-contact .open {
	background: #F7DA68;
	text-align: center;
	cursor: pointer;
	padding: 1px 0;
}
#user .main .user-contact .open img,
#column .main .user-contact .open img { vertical-align: middle; }
#user .main .user-contact .input-recruit,
#column .main .user-contact .input-recruit {
	background: #EFEFEF;
	padding: 15px 0;
	display: none;
	position: relative;
}
#user .main .user-contact .input-recruit table,
#column .main .user-contact .input-recruit table {
	margin: 0 auto;
	width: 560px;
}
#user .main .user-contact .input-recruit table td,
#column .main .user-contact .input-recruit table td {
	padding: 0 20px 8px 0;
	font-size: 85%;
}
#user .main .user-contact form input.text-input,
#column .main .user-contact form input.text-input {
	border: 1px solid #ddd;
	font-size: 100%;
	width: 96%;
	padding: 5px;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 4px #ddd;
	box-shadow: 0 0 4px #ddd;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#user .main .user-contact form textarea,
#column .main .user-contact form textarea {
	border: 1px solid #ddd;
	font-size: 100%;
	width: 98%;
	padding: 4px;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 4px #ddd;
	box-shadow: 0 0 4px #ddd;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#user .main .user-contact .btn-contact,
#column .main .user-contact .btn-contact {
	margin: 10px auto;
	width: 200px;
}
#user .main .user-contact .btn-contact a {
	display: block;
	color: #ffffff;
	font-size: 130%;
	width: 200px;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	line-height: 47px;
	max-height: 47px;
	background: url(../images/icon_arrow05.png) no-repeat right center #73A71F;
}
#column .main .user-contact .btn-contact a {
	display: block;
	color: #ffffff;
	font-size: 130%;
	width: 200px;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	line-height: 47px;
	max-height: 47px;
	background: url(../images/icon_arrow05.png) no-repeat right center #ff9900;
}
#user .main .user-contact .btn-contact a:hover {
	background: url(../images/icon_arrow05.png) no-repeat right center #81B922;
}
#column .main .user-contact .btn-contact a:hover {
	background: url(../images/icon_arrow05.png) no-repeat right center #fd861a;
}
#user .main .user-contact .err,
#column .main .user-contact .err {
	color: #d20000;
	background: #FBEEEA;
	padding: 2px 6px;
	margin-left: 10px;
}
#user .main .user-contact .send-text,
#column .main .user-contact .send-text {
	color: #C00;
	font-size: 85%;
	text-align: center;
	margin: 0 0 10px;
}
#user .main .user-contact .box-thanks,
#column .main .user-contact .box-thanks {
	margin: 20px auto;
	border: 1px solid #ddd;
	background: #FFF;
	padding: 20px 20px 10px;
	width: 70%;
	-webkit-box-shadow: 0 0 4px #ddd;
	-moz-box-shadow: 0 0 4px #ddd;
	-ms-box-shadow: 0 0 4px #ddd;
	box-shadow: 0 0 4px #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#user .main .user-contact .input-recruit .txt-intro,
#column .main .user-contact .input-recruit .txt-intro {
	margin: 0 auto;
	width: 550px;
	margin-bottom: 20px;
	font-size: 82%;
}
#user .main .user-contact .input-recruit .txt-intro li,
#column .main .user-contact .input-recruit .txt-intro li { line-height: 1.6; }
#user .main .user-contact .input-recruit .txt-intro p,
#column .main .user-contact .input-recruit .txt-intro p {
	margin-bottom: 10px;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}


/* seminar
--------------------------------------------------------------------------*/
#seminar .main .box .inner { padding: 20px 30px; }
#seminar .contents .seminar-form .inner { /*padding: 20px; */}
#seminar .contents .seminar-form .box-title {
	background: #F0FCD8;
	padding: 15px 30px;
}
#seminar .contents table {
	width: 100%;
	margin: 10px 0;
}
#seminar .contents table th,
#seminar .contents table td {
	border-bottom: 1px solid #ccc;
	padding: 18px 12px;
}
#seminar .contents table th {
	color: #73a71f;
	text-align: right;
}
#seminar .contents table th .caution {
	font-weight: normal;
}
#seminar .contents table td ul {
	padding-top: 8px;
}
#seminar .contents table td ul li {
	list-style-type: disc;
	margin-left: 14px;
	padding-bottom: 2px;
	font-size: 85%;
	color: #666;
}
#seminar .contents table.program th {
	width: 120px;
	vertical-align: top;
}
#seminar .contents table.category th {
	width: 180px;
}
#seminar .contents table.form th {
	width: 180px;
	vertical-align: top;
}
#seminar .contents table.category th,
#seminar .contents table.category td {
	border-bottom: none;
	padding: 0 15px;
}
#seminar .contents table.category td {
	color: #003366;
}
#seminar .contents form select {
	border: 1px solid #ccc;
	font-size: 13px;
	width: 300px;
	padding: 5px;
	border-radius: 4px;
	box-shadow: 0 0 4px #ccc;
}
#seminar .contents form td label,
#seminar .contents .box-mailmag label { padding-left: 2px; }
#seminar .contents form input.long { width: 350px; }
#seminar .contents form input.medium { width: 200px; }
#seminar .contents form input.short { width: 80px; }
#seminar .contents form .err {
	color: #C00;
	font-size: 90%;
	padding-top: 5px;
}
#seminar .contents .box-mailmag .err {
	margin-bottom: 0;
}
#seminar .contents .box-mailmag {
	width: 100%;
	padding: 15px 0;
	background: #EFEFEF;
	text-align: center;
	margin: 20px 0;
}
#seminar .contents .box-mailmag p {
	font-size: 88%;
	margin-bottom: 10px;
}
#seminar .contents .box-privacy {
	border: 1px dotted #ccc;
	padding: 15px;
	font-size: 85%;
}
#seminar .contents .box-thanks {
	border: 1px dotted #ccc;
	padding: 40px 15px 20px;
	text-align: center;
}
#seminar .contents .btn-back {
	width: 250px;
	margin: 20px auto;
}
#seminar .contents .entry-notes {
	color: #003366;
	background: #EFEFEF;
	font-size: 85%;
	width: 95%;
	padding: 10px;
	margin: 0 auto 40px;
}
#seminar .contents #gmap {
	margin-top: 10px;
}
#seminar .contents .box-author {
	margin-bottom: 1px;
}
#seminar .contents .seminar-list {
	margin-bottom: 100px;
}
#seminar .contents .seminar-list a {
	text-decoration: none;
}
#seminar .contents .seminar-list li:hover {
	background: #EFEFEF;
}
#seminar .contents .seminar-list li {
	border-top: 1px solid #ccc;
	position: relative;
	padding: 15px 80px 8px 65px;
}
#seminar .contents .seminar-list li.last {
	border-bottom: 1px solid #ccc;
}
#seminar .contents .seminar-list li .inner {
	padding-right: 100px;
}
#seminar .contents .seminar-list h4 {
	color: #003366;
	font-size: 120%;
	line-height: 1.3;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom: 6px;
}
#seminar .contents .seminar-list .entry-on,
#seminar .contents .seminar-list .entry-off {
	position: absolute;
	top: 12px;
	left: 0;
}
#seminar .contents .seminar-list .entry-details {
	position: absolute;
	top: 0;
	right: 0;
	width: 75px;
	height: 100%;
	/*height: 95px;*/
	display: block;
	text-indent: -9999px;
}
#seminar .contents .seminar-list .on {
	background: url(../images/icon_entry_details.png) no-repeat center center #73a71f;
}
#seminar .contents .seminar-list .on:hover {
	background: url(../images/icon_entry_details.png) no-repeat center center #8FB94C;
}
#seminar .contents .seminar-list .off,
#seminar .contents .seminar-list .off:hover {
	background: url(../images/icon_entry_details.png) no-repeat center center #ddd;
}
#seminar .main .seminar-followup .inner { margin-bottom: 20px; }
#seminar .main .seminar-followup ul { margin-bottom: 20px; }
#seminar .main .seminar-followup ul li a { text-decoration: underline; }
#seminar .main .seminar-followup ul li {
	list-style-type: disc;
	margin-left: 20px;
	font-size: 90%;
}
#seminar .main .seminar-followup .besiege {
	padding: 20px 20px 10px;
	border: 1px dotted #ccc;
	background: #F8F8F8;
	margin: 0 20px 30px;
}
#seminar .main .seminar-followup .besiege p { font-size: 110%; margin-bottom: 10px; }


/* q and a
--------------------------------------------------------------------------*/
#qa .main .page-intro p { font-size: 105%; }
#qa .main .title {
	font-weight: bold;
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	margin-bottom: 2px;
}
#qa .main .logo-hajimete {
	float: left;
	margin: -10px 15px 20px 0;
}

/* search */
#qa form select {
	padding: 3px;
	border: 1px solid #ccc;
}
#qa .main .box-question {
	clear: both;
	background: #E5FABA;
	padding: 20px;
}
#qa .main .box-question .box-sec1,
#qa .main .box-question .box-sec2 { float: left; }
#qa .main .box-question .box-sec1 { width: 440px; }
#qa .main .box-question .box-sec2 { width: 440px; text-align: right; }
#qa .kw-qa-search .kw-search-title,
#qa .kw-qa-search .st-search-title,
#qa .kw-qa-search .st-focus-title {
	font-size: 100%;
	margin-right: 12px;
}
#qa .kw-qa-search .kw-search-input {
	border: 1px solid #ccc;
	width: 230px;
	padding: 5px;
	font-size: 13px;
}
#qa .kw-qa-search .kw-search-button {
	background: url(../images/icon_search.png) no-repeat 5px center #72A61F;
	color: #FFF;
	border: 0;
	letter-spacing: 1px;
	padding: 5px 10px 6px 30px;
}
#qa .kw-qa-search fieldset,
#qa .kw-qa-search fieldset { border: 0; }
#qa .kw-qa-search #search-status { margin-right: 5px; }
/*#qa .main .qa-details { margin: 20px 0; }*/
#qa .main .column-first p,
#qa .main .column-question p { line-height: 1.6; } 
#qa .main .column-question img { border: 0; }

/* question-article */
#qa .main .column-question { clear: both; width: 100%; }
#qa .main .column-question .ans-invite,
#qa .main .column-question .ans-urgency {
	padding: 10px 20px 0 10px;
	border-bottom: 1px solid #fff;
	background: #eafbc6;
}
#qa .main .column-question .receipt-close,
#qa .main .column-question .receipt-answer {
	padding: 10px 20px 0 10px;
	margin-bottom: 1px;
	background: #F3F3F3;	
}
#qa .main .column-question .receipt-answer #answer-check { vertical-align: middle; }
#qa .main .column-question .receipt-answer label { padding-left: 2px; }
#qa .main .column-question .fin { border-bottom: 0; padding-bottom: 2px; }
#qa .main .column-question .search-num { margin-bottom: 25px; font-size: 110%; margin-left: -10px; }
#qa .main .column-question .box-sec { width: 920px; }
#qa .main .column-question .box-sec .box-l,
#qa .main .column-question .box-sec .box-r { margin: 5px 0 10px; } 
#qa .main .column-question .ans-invite .box-sec .box-l {
	float: left;
	width: 100px;
	line-height: 75px;
	min-height: 75px;
	/height: 75px;
	background: url(../../qa/images/bg_person1.png) no-repeat center 7px;
}
#qa .main .column-question .ans-urgency .box-sec .box-l {
	float: left;
	width: 100px;
	line-height: 75px;
	min-height: 75px;
	/height: 75px;
	background: url(../../qa/images/bg_person3.png) no-repeat center 7px;
}
#qa .main .column-question .receipt-close .box-sec .box-l {
	float: left;
	width: 100px;
	line-height: 75px;
	min-height: 75px;
	/height: 75px;
	background: url(../../qa/images/bg_person2.png) no-repeat center 7px;
}
#qa .main .column-question .ans-invite .box-sec .box-l .invite {
	color: #72A51F;
	font-size: 13px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	margin: 52px 0 0 -15px;
}
#qa .main .column-question .ans-urgency .box-sec .box-l .invite {
	color: #c00;
	font-size: 13px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	margin: 52px 0 0 -12px;
}
#qa .main .column-question .receipt-close .box-sec .box-l .invite {
	color: #999;
	font-size: 13px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	margin: 52px 0 0 -12px;
}
#qa .main .column-question .box-sec .box-r {
	float: right;
	width: 800px;
	padding-right: 20px;
	/overflow: hidden;
}
#qa .main .column-question .box-sec .box-r .article-text dt,
#qa .main .column-question .receipt-answer .article-text dt {
	float: left;
	clear: left;
	width: 45px;
	line-height: 44px;
	min-height: 44px;
	/height: 44px;
	color: #FFF;
	font-size: 23px;
	padding-left: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../../qa/images/bg_comment.png) no-repeat left bottom;
}
#qa .main .question-index .column-question .box-sec .box-r .article-text dt {
	background: none;
	padding-left: 0;
	line-height: 0;
	min-height: 0;
}
#qa .main .question-index .column-question .box-sec .box-r .article-text dd {
	padding-top: 2px;
}
#qa .main .column-question .receipt-answer .article-text dt { height: 50px; }
#qa .main .column-question .box-sec .box-r .article-text dt.as,
#qa .main .column-question .receipt-answer .article-text dt.as {
	line-height: 42px;
	min-height: 42px;
	/height: 44px;
	padding: 0 0 0 19px;
	background: url(../../qa/images/bg_comment.png) no-repeat 5px top;
}
#qa .main .column-question .box-sec .box-r .article-text dd,
#qa .main .column-question .receipt-answer .article-text dd {
	margin: 7px 0 0;
	padding: 0 5px 10px 60px;
}
#qa .main .column-question .receipt-answer .article-text dd p { margin-bottom: 5px; }
#qa .main .column-question .box-sec .box-r .article-info { margin: 0 0 12px 0; clear: both; }
#qa .main .column-question .box-sec .box-r .article-info dt {
	float: left;
	clear: left;
	width: 130px;
	margin-top: 2px;
}
#qa .main .type_gr,
#system .main .type_gr {
	background: #99CC00;
	padding: 1px 10px 2px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	text-shadow: 0 0 2px #690;
}
#qa .main .type_bl,
#system .main .type_bl {
	background: #66CCFF;
	padding: 1px 10px 2px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	letter-spacing: -0.05em;
	text-shadow: 0 0 2px #39C;
}
#qa .main .type_pe,
#system .main .type_pe {
	background: #CC99FF;
	padding: 1px 10px 2px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	text-shadow: 0 0 2px #8409FF;
}
#qa .main .type_or,
#system .main .type_or {
	background: #FFBD33;
	padding: 1px 10px 2px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	text-shadow: 0 0 2px #CC6600;
}
#qa .main .type_pi,
#system .main .type_pi {
	background: #FF99CC;
	padding: 1px 10px 2px;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	text-shadow: 0 0 2px #FF4481;
}
#qa .main .column-question .box-sec .box-r .article-info dd { padding: 2px 5px 0 150px; }
#qa .main .column-question .box-sec .box-r .article-info dd .date,
#qa .main .column-question .receipt-answer .article-text dd .date { color: #72A51F; padding-right: 20px; }
#qa .main .column-question .box-sec .box-r .article-info dd .name,
#qa .main .column-question .receipt-answer .article-text dd .name { padding-right: 20px; }
#qa .main .column-question .box-sec .box-r .article-info dd .ans { color: #72A51F; }
#qa .main .column-question .box-sec .box-r .article-info dd .visitor { color: #72A51F; padding-right: 20px; }
#qa .main .column-question .best-answer { float: right; margin: 0 0 20px 10px; } 
#qa .main .column-question .art-img { margin: 20px 0; }
#qa .main .column-question .art-pdf {
	margin: 10px 0;
	background: url(../../qa/images/icon_pdf.gif) no-repeat left 0px;
	padding: 0 0 10px 25px;
}
#qa .main .column-question .art-pdf a { text-decoration: underline; }
#qa .main .column-question .art-pdf a:hover { color: #666; }

/* ogp site-prev */
#qa .main .column-question .site-prev { width: 620px; margin-top: 10px; }
#qa .main .column-question .site-prev .box-l { width: 145px; float: left; margin: 20px 0; background: none !important; }
#qa .main .column-question .site-prev .box-r { width: 470px; float: right; margin: 20px 0; }
#qa .main .column-question .site-prev .box-r p { font-size: 85%; padding-left: 15px; }
#qa .main .column-question .site-prev .box-r p.title { padding-bottom: 5px; }
#qa .main .column-question .site-prev .box-r p.title a { font-weight: bold; text-decoration: underline; }
#qa .main .column-question .site-prev .box-r p.title a:hover { color: #666; }

/* ogp site-prev img none */
#qa .main .column-question .site-prev-n { width: 605px; margin: 20px 0; }
#qa .main .column-question .site-prev-n p { font-size: 85%; }
#qa .main .column-question .site-prev-n p.title { padding-bottom: 5px; }
#qa .main .column-question .site-prev-n p.title a { font-weight: bold; text-decoration: underline; }
#qa .main .column-question .site-prev-n p.title a:hover { color: #666; }

#qa .main .column-question .ans-urgency .site-prev-n { width: 605px; margin: -80px 0 10px; }
#qa .main .column-question .ans-urgency .site-prev-n .box-l { background: none !important; float: none; margin: 0; }
#qa .main .column-question .ans-urgency .site-prev-n .box-r { float: none; margin: 0; }
#qa .main .column-question .receipt-close .site-prev-n { width: 605px; margin: -80px 0 10px; }
#qa .main .column-question .receipt-close .site-prev-n .box-l { background: none !important; float: none; margin: 0; }
#qa .main .column-question .receipt-close .site-prev-n .box-r { float: none; margin: 0; }
#qa .main .column-question .receipt-answer .site-prev-n { width: 605px; margin: -10px 0 10px; }
#qa .main .column-question .receipt-answer .site-prev-n .box-l { background: none !important; float: none; margin: 30px 0; }
#qa .main .column-question .receipt-answer .site-prev-n .box-r { float: none; margin: 30px 0; }
#qa .main .column-question .ans-invite .site-prev-n { width: 605px; margin: -80px 0 10px; }
#qa .main .column-question .ans-invite .site-prev-n .box-l { background: none !important; float: none; margin: 0; }
#qa .main .column-question .ans-invite .site-prev-n .box-r { float: none; margin: 0; }

/* ogp site-prev2 */
#qa .main td .site-prev2 { font-size: 100%; }
#qa .main #ogp img { border: 0; }
#qa .main .site-prev2 { width: 600px; padding-right: 10px; background: #F3F3F3; }
#qa .main .site-prev2 .box-l { width: 145px; float: left; margin: 0 0 10px; }
#qa .main .site-prev2 .box-r { width: 440px; float: right; margin: 0 0 10px; }
#qa .main .site-prev2 .box-r p { font-size: 95%; padding-left: 20px; }
#qa .main .site-prev2 .box-r p.title { padding-bottom: 5px; }
#qa .main .site-prev2 .box-r p.title a { font-weight: bold; text-decoration: underline; }
#qa .main .site-prev2 .box-r p.title a:hover { color: #666; }
#qa .main .site-prev2 .close { float: right; }
#qa .main .thumb-change { margin: 10px 0 5px; font-size: 90%; }
#qa .main .thumb-change span { margin: 0 4px 0 0 !important; }
#qa .main .thumb-change img { vertical-align: middle; }
#qa .main .thumb-change .tmb-choice { color: #999; padding-left: 10px; }
#qa .main .thumb-change .tmb-none { margin: 3px 0 0; }
#qa .main #ogp_img_button { margin-left: 0; }

/* bottan */
#qa .main .btn-reply,
#qa .main .btn-back,
#seminar .contents .btn-reply,
#campaign .main .btn-check,
#campaign .main .btn-reply,
#campaign .main .btn-back,
#inquiry .main .btn-back {
	clear: both;
	margin: 30px auto;
	width: 250px;
	cursor: pointer;
}
#qa .main .column-first .btn-reply {
	clear: both;
	margin: 30px auto 0;
}
#inquiry .main .btn-reply,
#seminar .contents .btn-off,
#seminar .contents .seminar-details .btn-reply {
	clear: both;
	margin: 30px auto;
	width: 300px;
}
#qa .main .send-btn {
	width: 700px;
	/width: 780px;
	margin: 30px auto 20px auto;
}
#seminar .contents .send-btn,
#campaign .main .send-btn,
#inquiry .main .send-btn {
	width: 450px;
	margin: 30px auto 20px auto;
	cursor: pointer;
}
#qa .main .send-btn li {
	float: left;
	width: 320px;
	padding: 0 10px;
}
#seminar .contents .send-btn li,
#campaign .main .send-btn li,
#inquiry .main .send-btn li {
	float: left;
	width: 200px;
	padding: 0 10px;
	list-style-type: none;
}
#seminar .contents .send-btn li a,
#seminar .contents .btn-reply a,
#qa .main .btn-reply a,
#qa .main .send-btn li a,
#campaign .main .btn-check a,
#campaign .main .btn-reply a,
#campaign .main .send-btn a,
#inquiry .main .btn-reply a,
#inquiry .main .send-btn li a {
	display: block;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 47px;
	max-height: 47px;
	border-radius: 5px;
	background: url(../images/icon_arrow05.png) no-repeat right center #FF9900;	
}
#seminar .contents .send-btn li a:hover,
#seminar .contents .btn-reply a:hover,
#qa .main .btn-reply a:hover,
#qa .main .send-btn li a:hover,
#campaign .main .btn-check a:hover,
#campaign .main .btn-reply a:hover,
#campaign .main .send-btn li a:hover,
#inquiry .main .btn-reply a:hover,
#inquiry .main .send-btn li a:hover {
	color: #ffffff;
	background: url(../images/icon_arrow05.png) no-repeat right center #FD861A;
}
#seminar .contents .btn-off {
	display: block;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 47px;
	max-height: 47px;
	border-radius: 5px;
	background: #777;	
}
#qa .main .btn-back a,
#seminar .contents .btn-back a,
#campaign .main .btn-back a,
#inquiry .main .btn-back a {
	display: block;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 47px;
	max-height: 47px;
	border-radius: 5px;
	background: url(../images/icon_arrow06.png) no-repeat left center #FF9900;	
}
#qa .main .send-btn li.back a,
#seminar .contents .send-btn li.back a,
#campaign .main .send-btn li.back a,
#inquiry .main .send-btn li.back a {
	background: url(../images/icon_arrow06.png) no-repeat left center #FF9900;	
}
#qa .main .btn-back a:hover,
#qa .main .send-btn li.back a:hover,
#seminar .contents .btn-back a:hover,
#seminar .contents .send-btn li.back a:hover,
#campaign .main .btn-back a:hover,
#campaign .main .send-btn li.back a:hover,
#inquiry .main .btn-back a:hover,
#inquiry .main .send-btn li.back a:hover {
	color: #ffffff;
	background: url(../images/icon_arrow06.png) no-repeat left center #FD861A;	
}

/* bottan glay */
#qa .main .out a {
	display: block;
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 47px;
	max-height: 47px;
	border-radius: 5px;
	background: url(../images/icon_arrow05.png) no-repeat right center #ccc;	
}
#qa .main .out a:hover {
	color: #ffffff;
	background: url(../images/icon_arrow05.png) no-repeat right center #ddd;
}
#qa .main .input-comment { float: right; }
#qa .main .input-comment a {
	color: #333333;
	font-size: 12px;
	text-shadow: 0 1px 0 #fff;
	text-align: center;
	text-decoration: none;
	padding: 4px 24px;
	line-height: 27px;
	max-height: 27px;
}
#qa .main .input-comment a:hover{
	color: #333333;
	font-size: 12px;
	text-shadow: 0 1px 0 #fff;
	text-align: center;
	text-decoration: none;
	padding: 4px 24px;
	line-height: 27px;
	max-height: 27px;
	_position: absolute;
}
#qa .main .input-contr { text-align: center; }
#qa .main .input-contr a {
	color: #fff;
	font-size: 12px;
	text-shadow: 0 1px 0 #333;
	text-align: center;
	text-decoration: none;
	padding: 4px 30px;
	line-height: 27px;
	max-height: 27px;
	border: 1px solid #CCCCCC;
	background: url(../images/icon_arrow05.png) no-repeat right center #666;
}
#qa .main .input-contr a:hover{
	color: #fff;
	font-size: 12px;
	text-shadow: 0 1px 0 #333;
	text-align: center;
	text-decoration: none;
	padding: 4px 30px;
	line-height: 27px;
	max-height: 27px;
	border: 1px solid #CCCCCC;
	background: url(../images/icon_arrow05.png) no-repeat right center #464646;
}
#qa .main .comment-block {
	display: none;
	width: 100%;
	opacity: 0;
}

/* question-input */
#qa .main .box-qa-input {
	clear: both;
	margin: 0 0 20px;
	padding: 15px;
	background: #F3F3F3;
	font-size: 100%;
}
#qa .main .box-qa-input .attach-input {
	border: 1px solid #ccc;
	width: 300px;
	padding: 5px;
	font-size: 13px;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-ms-box-shadow: 0 0 4px #ccc;
	box-shadow: 0 0 4px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#qa .main .box-qa-input p { margin-top: 5px; text-shadow: 1px 2px 1px #fff; }
#qa .main .box-qa-input span { margin-left: 15px; font-size: 90%; }
#qa .main .box-qa-input #attach-file,
#qa .main .box-qa-input #attach-check { vertical-align: middle; }
#qa .main .box-qa-input label { padding-left: 2px; }
#qa .box-qa-input .input-button {
	border: 1px solid #ccc;
	background: #999;
	color: #FFF;
	padding: 0 6px;
	margin: 0 30px 0 5px;
}
#qa .end-comment { text-align: center; margin: 20px 0 0; }
#qa .close-comment {
	text-align: center;
	margin: 30px 0 0;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 1px;
}
#qa table.qa-content th,
#qa table.qa-content td,
#qa table.user-content th,
#qa table.user-content td { text-align: left; padding: 6px 0; }
#qa table.qa-content th {
	width: 120px;
	font-size: 100%;
	vertical-align: top;
	text-shadow: 1px 2px 1px #fff;
}
#qa table.user-content { width: 500px; margin: 0 auto; }
#qa table.user-content th { width: 160px; text-shadow: 1px 2px 1px #fff; }
#qa .main .box-qa-complete { margin: 50px 0; }
#qa .main .end-comment a { text-decoration: underline; }
#qa .main .end-comment a:hover { text-decoration: underline; color: #666; }
#qa .main .rpl-comment span { color: #d20000; }
#qa .main .rpl-comment {
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px;
	margin: 20px 0 0;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-ms-box-shadow: 0 0 4px #ccc;
	box-shadow: 0 0 4px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

/* invite */
#qa .main .box-qa-comment { clear: both; padding-top: 15px; }
#qa .main .box-qa-comment div { 
	background: #F3F3F3;
	padding: 16px 20px;
	margin: 0 0 10px;
}

/* input */
#qa form textarea {
	border: 1px solid #cccccc;
	font-size: 90%;
	width: 99%;
	padding: 5px;
	vertical-align: middle;
	margin-bottom: 6px;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-ms-box-shadow: 0 0 4px #ccc;
	box-shadow: 0 0 4px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#qa form .text-field {
	border: 1px solid #cccccc;
	font-size: 90%;
	width: 700px;
	padding: 5px;
	vertical-align: middle;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-ms-box-shadow: 0 0 4px #ccc;
	box-shadow: 0 0 4px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#qa form td .text-field { font-size: 100%; }
#qa form .text-input {
	border: 1px solid #cccccc;
	font-size: 100%;
	width: 280px;
	padding: 5px;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-ms-box-shadow: 0 0 4px #ccc;
	box-shadow: 0 0 4px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#qa form fieldset, #inquiry form fieldset { border: 0; }
.contents form input.active { ime-mode: active; }
.contents form input.inactive { ime-mode: inactive; }
#qa form .err, .contents .error { color: #C00; }

/* mypage */
#qa .main .box-mypage-top .user-login {
	float: left;
	margin-bottom: 20px;
} 
#qa table.mypage-list {
	width: 100%;
	margin-bottom: 30px;
}
#qa table.mypage-list th {
	background: #F3F3F3;
	padding: 8px 5px;
	text-align: center;
	text-shadow: 1px 2px 1px #fff;
	border: 1px solid #CCC;
}
#qa table.mypage-list th.title {
	font-size: 100%;
}
#qa table.mypage-list td {
	padding: 5px 8px;
	border: 1px solid #CCC;
}
#qa table.mypage-list td.title a {
	text-decoration: underline;
	display: inline-block;
	background: url(../images/icon_arrow02.png) no-repeat left 10px;
	padding: 5px 0 5px 16px;
	margin-bottom: 0;
	text-align: left;
	font-weight: normal;
	font-size: 90% !important;
}
#qa table.mypage-list td.title a:hover {
	text-decoration: underline;
	color: #666;
}
#qa table.mypage-list td.type,
#qa table.mypage-list td.contribute,
#qa table.mypage-list td.date, #qa table.mypage-list td.state,
#qa table.mypage-list td.number { text-align: center; }
#qa table.mypage-list td.type { width: 140px; }
#qa table.mypage-list td.contribute { width: 140px; }
#qa table.mypage-list td.date { width: 140px; }
#qa table.mypage-list td.state { width: 100px; }
#qa table.mypage-list td.number { width: 50px; }
#qa table.mypage-list td.type .type_pe,
#qa table.mypage-list td.type .type_pi { padding: 1px 25px 2px; }


/* books
--------------------------------------------------------------------------*/
#books .main .books-index .inner { padding: 0 30px 20px; }
#books .books-index .unit { padding-top: 30px; border-top: 3px solid #8FC31F; }
#books .books-index .unit .fl { width: 170px; }
#books .books-index .unit .fr { width: 760px; }
#books .books-index .unit .fl .img { width: 170px; }
#books .books-index .unit .fr .txt { margin-bottom: 40px; }
#books .books-index .unit h3,
#books .books-index .unit h4 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#books .books-index .unit h3 { font-size: 105%; font-weight: bold; line-height: 1.4; }
#books .books-index .unit h4 { font-size: 100%; margin: 8px 0 20px; }
#books .books-index #book1 { border-top: 0; }
#books .books-index .book-author-unit { background: #F5F5F5; padding: 20px; margin-bottom: 20px; }
#books .books-index .book-author-unit .fl { width: 100px; }
#books .books-index .book-author-unit .fr { width: 600px; }
#books .books-index .book-author-unit .fr .book-author {
	line-height: 1.4;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#books .books-index .book-author-unit .fr .book-author span { font-weight: normal; font-size: 90%; }
#books .books-index .book-author-unit .fr .book-author span:before { content: "\A"; white-space: pre; }
#books .books-index .book-author-unit .fr .writer { font-size: 85%; }
#books .books-index .book-author-unit .fr a { text-decoration: underline; }
#books .books-index .btn-backlist { padding-bottom: 40px; }


/* management
--------------------------------------------------------------------------*/
#management .management-index h3 {
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #8EC31F;
	margin-bottom: 20px;
}
#management .management-index h4 {
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
}
#management .management-index ul { margin-top: 20px; }
#management .management-index li { padding-bottom: 20px; }
#management .management-index li .unit { width: 960px; }
#management .management-index li .unit .fl { width: 200px; text-align: center; }
#management .management-index li .unit .fl p { padding: 30px 0; }
#management .management-index li .unit .fr { width: 740px; }
#management .management-index li .unit .list { margin-top: 10px; }
#management .management-index li .unit .list li {
	background: none;
	padding: 0;
}
#management .management-index .partner {
	border-top: 3px solid #73A71F;
	padding: 25px 0 0;
}
#management .management-index .partner .unit .fl p { padding: 75px 0 0; }


/* maintenance
--------------------------------------------------------------------------*/
#maintenance .maintenance-index { font-size: 90%; }
#maintenance .maintenance-index h4 {
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 15px;
	padding-top: 30px;
	border-top: 1px dotted #ccc;
}
#maintenance .maintenance-index h5 { margin: 30px 0 10px; }
#maintenance .maintenance-index ul { margin-bottom: 20px; }
#maintenance .maintenance-index li { list-style-type: disc; margin-left: 20px; line-height: 1.8; }
#maintenance .maintenance-index p { line-height: 1.8; }
#maintenance .maintenance-index .txtr { margin-bottom: 15px; }
#maintenance .maintenance-index table.base { margin: 30px auto; width: 70%; }
#maintenance .maintenance-index table.base th { width: 100px; }
#maintenance .maintenance-index table.base th.head { background: #F5F5F5; }
#maintenance .maintenance-index .btn-jimdo { text-align: center; margin-bottom: 30px; }
#maintenance .maintenance-index .btn-jimdo a {
    background: url("../images/icon_arrow05.png") no-repeat scroll right center #0088C2;
    border: 1px solid #0088C2;
    border-radius: 5px;
    color: #fff;
    font-size: 110%;
    line-height: 27px;
    max-height: 27px;
    padding: 8px 40px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
#maintenance .maintenance-index .btn-jimdo a:hover {
    background: url("../images/icon_arrow05.png") no-repeat scroll right center #006C9B;
}


/* guide
--------------------------------------------------------------------------*/
#guide .guide-index { padding-bottom: 200px; }
#guide .guide-index a, #guide .rule-index a { text-decoration: underline; }
#guide .rule-index { padding-bottom: 0; }
#guide .rule-index h3 {
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	border-bottom: 1px dotted #444;
	padding-bottom: 10px;
}
#guide .rule-index p { margin: 10px 5px; }
#guide .rule-index ol { margin: 10px 0 30px; }
#guide .rule-index ol li {
	list-style-type: decimal;
	margin-left: -15px;
	line-height: 1.6;
	padding-bottom: 10px;
}
#guide .rule-index ol li ul { margin: 5px 0 0; }
#guide .rule-index ol li ul li {
	list-style-type: none;
	line-height: 1.6;
	text-indent: -1.7em;
	margin-left: 1.7em;
	padding-bottom: 5px;
}
#guide .rule-index ul { margin: 10px 0 30px; }
#guide .rule-index ul li {
	list-style-type: none;
	line-height: 1.6;
	text-indent: -1.7em;
	margin-left: 2em;
	padding-bottom: 8px;
}
#guide .rule-index .besiege {
	padding: 5px 10px 0;
	border: 1px dotted #ccc;
	background: #F8F8F8;
	margin: 5px 0 40px;
}
#guide .rule-index .besiege ul {
	margin: 5px 0 10px;
}
#guide .rule-index .besiege ul li {
	list-style-type: disc;
	padding: 0 0 5px 20px;
}
#guide .rule-index .besiege p {
	margin-bottom: 0 !important;
}
#guide .faq .inner { padding: 30px 30px 10px !important; }
#guide .faq h4 {
	font-size: 120%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
}
#guide .faq h4 span {
	font-size: 120%;
	color: #73A71F;
}
#guide .faq li { padding-bottom: 35px; }
#guide .faq li p { font-size: 110%; }
#guide .faq li .link {
	background: url(../../lp/images/icon_arrow02.png) no-repeat left center;
	padding-left: 17px;
	text-decoration: underline;
}
#guide .faq li .browser { padding: 8px; }
#guide .faq li .browser li { padding: 0; list-style: inside disc; }
#guide .faq li .browser li a { text-decoration: underline; }


/* search
--------------------------------------------------------------------------*/
#search .search-result .inner { padding: 0 10px !important; }
#search .search-result h3 {
	margin: 25px 15px 0;
	background: #efefef;
	padding: 10px 8px;
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	font-weight: bold;
	letter-spacing: 0.04em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}
.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
	border-bottom: 1px solid #ccc !important;
	padding: 20px 0 !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
	height: auto !important;
	line-height: 1.2 !important;
}
.gsc-table-result,
.gsc-thumbnail-inside, .gsc-url-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.gs-bidi-start-align { line-height: 1.4 !important; }
.gcsc-branding-img-noclear img { vertical-align: top !important; }
.gsc-results .gsc-cursor-box {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	margin: 30px 0 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	padding: 5px 10px;
	color: #333 !important;
	background: #E6E6E6 !important;
	text-decoration: none !important;
	margin-bottom: 5px !important;
	line-height: 38px !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background: #E5FABA !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	background: #73A71F !important;
	font-weight: normal !important;
	color: #FFF !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover { background: #638E1A !important; }
.gsc-selected-option {
	padding-top: 8px !important;
	font-size: 12px !important;
}


/* campaign
--------------------------------------------------------------------------*/
#campaign h2 { font-size: 160%; letter-spacing: 0; }
#campaign h3 { margin: 5px 0 30px !important; }
#campaign h3.first {
	font-size: 136% !important;
	letter-spacing: 0 !important;
	padding: 0 8px 17px 0 !important;
	margin: 0 0 10px !important;
}
#campaign .inner { padding: 10px 30px 30px !important; }

/* present */
#campaign .present-index .main-visual { position: relative; margin-bottom: 4px; }
#campaign .present-index .main-visual p {
	position: absolute;
	left: 240px;
	bottom: 10px;
	font-size: 100%;
	line-height: 1.4;
	font-weight: bold;
	text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
}
#campaign .present-index .present-list li a { text-decoration: none; }
#campaign .present-index .present-list li .box:hover {
	background: #F4FCE4;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
	border-radius: 4px;
}
#campaign .present-index .present-list li .coming:hover {
	background: #fff;
}
#campaign .present-index .present-list li {
	float: left;
	width: 325px;
	padding: 0 22px 25px 0;
}
#campaign .present-index .present-list li.last { padding-right: 0; }
#campaign .present-index .present-list .box {
	position: relative;
	min-height: 250px;
}
#campaign .present-index .present-list h4 {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
	color: #3366CC;
	padding: 13px 5px 0 60px;
}
#campaign .present-index .present-list .line1 {
	padding: 17px 5px 10px 60px;
}
#campaign .present-index .present-list .entry {
	position: absolute;
	top: -10px;
	left: 0;
}
#campaign .present-index .present-list .period {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 4px 0;
	background: #FF9326;
	border-radius: 0 0 4px 4px;
}
#campaign .present-index .present-list .period p {
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#campaign .present-index .present-list .finish h4 { color: #888; }
#campaign .present-index .present-list .finish .period,
#campaign .present-index .present-list .coming .period { background: #999; }
#campaign .present-index .present-list li .finish:hover { background: #eee; }
#campaign .present-index .present-list .finish .btn-details,
#campaign .present-index .present-list .finish .btn-details:hover {
	background: url(../images/icon_searchlook.png) no-repeat 129px 10px #ddd;
}
#campaign .present-index .present-list li .unit { padding: 15px 25px 25px; }
#campaign .present-index .present-list li .unit .fl { width: 100px; }
#campaign .present-index .present-list li .unit .fr { width: 150px; }
#campaign .present-index .present-list li .unit .fr .txt { line-height: 1.4; }
#campaign .present-index .present-list .btn-details {
	margin-top: 55px;
	display: block;
	color: #ffffff;
	font-size: 85%;
	text-decoration: none;
	line-height: 38px;
	max-height: 38px;
	padding-left: 15px;
	border-radius: 4px;
	background: url(../images/icon_searchlook.png) no-repeat 129px 10px #8FC31F;
}
#campaign .present-index .present-list .btn-details:hover {
	background: url(../images/icon_searchlook.png) no-repeat 129px 10px #7DAC1C;
}
#campaign .present-index .present-list .coming .unit { /*padding: 15px 25px;*/ }
#campaign .present-index .present-list .coming h4 { color: #999; /*padding: 17px 5px 10px 60px;*/ }
#campaign .present-index .present-list .coming .fr .txt { /*color: #fff;*/ }
#campaign .present-index .present-list .coming .fl .img {
	background: #ddd;
	width: 100px;
	text-align: center;
	padding: 55px 0;
}
#campaign .present-index .present-list .coming .btn-details {
	background: url(../images/icon_searchlook.png) no-repeat 129px 10px #ddd;
}
#campaign .present-index .outline {
	position: relative;
	z-index: 1;
	font-size: 90%;
}
#campaign .present-index .outline .rectangle {
	background: #D90000;
	line-height: 50px;
	height: 36px;
	width: 1028px;
	/width: 1000px;
	position: relative;
	left: -5px;
	/left: 0;
	top: 0;
	float: left;
	/float: none;
	z-index: 100;
	margin: 15px 0 25px;
}
#campaign .present-index .outline .rectangle h3 {
	background: none;
	color: #FFF;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 2px 0 0;
}
#campaign .present-index .outline .triangle-l {
	border-color: transparent #ae0000 transparent transparent;
	border-style: solid;
	border-width: 5px;
	height: 0;
	width: 0;
	position: relative;
	left: -10px;
	top: 46px;
	z-index: -1;
}
#campaign .present-index .outline .triangle-r {
	border-color: transparent transparent transparent #ae0000;
	border-style: solid;
	border-width: 5px;
	height: 0;
	width: 0;
	position: relative;
	left: 1018px;
	top: 36px;
	z-index: -1;
}
#campaign .present-index .outline h5 { font-size: 110%; margin-bottom: 10px; border-bottom: 1px dotted #999; padding-bottom: 5px; }
#campaign .present-index .outline p { margin-bottom: 25px; }
#campaign .present-index .outline a { text-decoration: underline; }
#campaign .present-index .outline ul { margin: 0 0 25px 18px; line-height: 1.4; }
#campaign .present-index .outline ul li { list-style-type: disc; }
#campaign .present-index .outline ul li p { margin-bottom: 0; }
#campaign .present-index .outline ol { margin: 5px 0 0 -20px; margin-bottom: 5px; }
#campaign .present-index .outline ol li { list-style-type: decimal; }
#campaign .present-index .outline .last { margin-bottom: 0; }

/* entry */
#campaign .campaign-index .book-intro h4 { font-weight: bold; margin-bottom: 15px; }
#campaign .campaign-index .book-intro h4.line { padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px dotted #444; }
#campaign .campaign-index .book-intro h5 { font-size: 100%; line-height: 1.2; margin-bottom: 20px; }
#campaign .campaign-index .book-intro .unit {
	width: 960px;
	padding: 30px 0;
	border-bottom: 1px dotted #ccc;
}
#campaign .campaign-index .book-intro .first { padding: 20px 0; }
#campaign .campaign-index .book-intro .last { border-bottom: 0; }
#campaign .campaign-index .book-intro .unit .fl { width: 220px; }
#campaign .campaign-index .book-intro .unit .fl .img { position: relative; }
#campaign .campaign-index .book-intro .unit .fl span { position: absolute; right: 0; bottom: 0; }
#campaign .campaign-index .book-intro .unit .fr { width: 710px; }
#campaign .campaign-index .book-intro .unit .fr p { margin-bottom: 15px; }
#campaign .campaign-index .book-intro .unit .ex { margin: 20px 0 0; }
#campaign .campaign-index .book-intro .unit .ex li {
	list-style-type: none;
	font-size: 90%;
	border-bottom: 1px solid #bbb;
	padding: 2px 10px;
}
#campaign .campaign-index .book-intro .unit .ex li.first { border-top: 2px solid #bbb; }
#campaign .campaign-index .book-intro .unit .ex li.last { border-bottom: 2px solid #bbb; }
#campaign .campaign-index .book-intro .unit .ex li {
	list-style-type: none;
	font-size: 90%;
	border-bottom: 1px solid #bbb;
	padding: 2px 10px;
}
#campaign .campaign-index .book-intro .unit .list li {
	background: none;
	padding: 0 0 5px 0;
}
#campaign .campaign-index .book-intro .unit .details {
	background: #f2f2f2;
	padding: 20px 20px 10px;
	margin-bottom: 30px;
}
#campaign .campaign-index .book-intro .unit .details li {
	list-style-type: square;
	margin-left: 15px;
}
#campaign .campaign-index .book-intro .unit .details a { text-decoration: underline; }
#campaign .campaign-index .book-intro .unit .details p {
	margin: 8px 0 10px;
	font-size: 88%;
	line-height: 1.3;
}
#campaign .campaign-index .book-intro .unit .period {
	font-size: 110%;
	color: #ff751a;
	margin-bottom: 30px !important;
}
#campaign .campaign-index .present-fin {
	margin: 25px 0 15px;
	background: #999;
	padding: 10px 0;
	width: 100%;
}
#campaign .campaign-index .book-intro .unit .fr .present-fin { padding: 10px 0; }
#campaign .campaign-index .book-intro .unit .fr .present-fin p { margin-bottom: 0; }
#campaign .campaign-index .present-entry {
	margin-top: 25px;
	background: #D90000;
	padding: 10px 0;
	width: 100%;
}
#campaign .campaign-index .present-entry:after {
	display: block;
	position: absolute;
	content: '';
	left: 50%;
	width: 28px;
	height: 12px;
	margin-top: 10px;
	margin-left: -15px;
	background: url(../images/icon_arrow_cp.png) no-repeat;
}
#campaign .campaign-index .present-entry p,
#campaign .campaign-index .present-fin p {
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}
#campaign .campaign-index .book-intro .present-entry:after { left: 49%; margin-left: 120px; }
#campaign .campaign-index .book-intro .present-entry p { margin-bottom: 0 !important; }
#campaign .campaign-index .book-intro .btn-list a { font-size: 90%; }
#campaign .campaign-index .book-intro .btn-list {
	width: 710px;
	margin: 30px auto;
}
#campaign .campaign-index .book-intro .btn-list li {
	float: left;
	width: 342px;
	padding: 0;
}
#campaign .campaign-index .book-intro .btn-list li.right { padding-left: 20px; }
#campaign .campaign-index .btn-list a {
	display: block;
	color: #73A71F;
	font-size: 110%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 48px;
	max-height: 48px;
	border: 2px solid #fdb00c;
	border-radius: 10px;
	background: url(../images/icon_list03.png) no-repeat right center #FFFFE6;
}
#campaign .campaign-index .btn-list a:hover {
	background: url(../images/icon_list03.png) no-repeat right center #F7F7F7;
}
#campaign .campaign-index .btn-list {
	width: 880px;
	margin: 50px auto;
}
#campaign .campaign-index .btn-list li {
	float: left;
	width: 420px;
	padding: 0 10px;
}
#campaign .campaign-index .reader-author {
	border: 1px solid #ccc;
	padding: 20px 20px 15px;
	margin-bottom: 15px;
}
#campaign .campaign-index .reader-author .fl { width: 85px; }
#campaign .campaign-index .reader-author .fr { width: 810px; }
#campaign .campaign-index .reader-author .fr p { line-height: 1.4; }
#campaign .campaign-index .fancybox_hide { display: none; }
#campaign .campaign-index .heibonsha-info {
	border: 3px solid #73a71f;
	padding: 20px;
}
#campaign .campaign-index .heibonsha-info h4 {
	padding: 12px 10px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/icon_coffee.png) no-repeat 215px center #73a71f;
	text-align: center;
	margin-bottom: 10px;
}
#campaign .campaign-index .heibonsha-info li {
	float: left;
	width: 300px;
	padding-right: 7px;
}
#campaign .campaign-index .heibonsha-info li.last {
	padding-right: 0;
	width: 295px;
}
#campaign .campaign-index .heibonsha-info .kokoro {
	border: 1px solid #eee;
	border-radius: 6px;
	height: 328px;
	padding: 10px;
}
#campaign .campaign-index .heibonsha-info .kokoro h5 {
	text-align: center;
}
#campaign .campaign-index .heibonsha-info .kokoro .txt { font-size: 90%; padding: 5px 0 15px; }
#campaign .campaign-index .heibonsha-info .kokoro .unit { width: 240px; margin: 0 auto; }
#campaign .campaign-index .heibonsha-info .kokoro .unit .fl { width: 100px; }
#campaign .campaign-index .heibonsha-info .kokoro .unit .fr { width: 120px; }
#campaign .campaign-index .heibonsha-info .kokoro .btn-details a {
	margin-top: 10px;
	display: block;
	color: #ffffff;
	font-size: 85%;
	text-decoration: none;
	line-height: 38px;
	max-height: 38px;
	padding-left: 15px;
	border-radius: 4px;
	background: url(../images/icon_searchlook.png) no-repeat 95px 10px #8FC31F;
}
#campaign .campaign-index .heibonsha-info .kokoro .btn-details a:hover {
	background: url(../images/icon_searchlook.png) no-repeat 95px 10px #7DAC1C;
}

/* details */
#campaign .campaign-details table {
	width: 100%;
	margin: 25px 0 !important;
	border: 1px solid #ddd;	
}
#campaign .campaign-details table th { vertical-align: top; }
#campaign .campaign-details table th span {
	font-size: 90%;
	color: #C00;
}
#campaign .campaign-details table td .txt {
	font-size: 85%;
	color: #666;
	margin-top: 7px;
}
#campaign .campaign-details table td .txt p { line-height: 1.4; }
#campaign .campaign-details table td.first { position: relative; }
#campaign .campaign-details .box-mailmag {
	margin: 20px 0;
	border: 1px dotted #ccc;
	padding: 20px;
}
#campaign .campaign-details .box-mailmag label {
	padding-left: 3px;
	vertical-align: 0.2em;
}
#campaign .campaign-details .box-private {
	margin: 20px 0 0;
	border: 1px dotted #ccc;
	padding: 20px;
	font-size: 85%;
	background: #fafafa
}
#campaign .campaign-details .box-complete {
	margin: 20px 0;
	border: 1px dotted #ccc;
	text-align: center;
	padding: 50px 0 20px;
}
#campaign .campaign-details .loading {
	text-align: center;
	margin: 0 0 20px;
}
#campaign .campaign-details .loading-msg,
#campaign .campaign-details .loading-msg2 {
	margin: 20px 0;
	border: 1px dotted #c00;
	background: #fbeeea;
    font-size: 90%;
	text-align: center;
	padding: 15px;
}
#campaign .campaign-details .loading-msg2 a {
	font-weight: bold;
	text-decoration: underline;
}
#campaign .campaign-details .btn-check-m {
	margin-left: 10px;
	vertical-align: middle;
}
#campaign .campaign-details .btn-check-m a {
	color: #fff;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	padding: 5px 15px;
	line-height: 32px;
	max-height: 32px;
	border-radius: 4px;
	border: 1px solid #66931C;
	background: #73a71f;
}
#campaign .campaign-details .btn-check-m a:hover {
	background: #88B440;
}
#campaign form input.text-input {
	width: 400px; 
	border: 1px solid #cccccc;
	font-size: 100%;
	padding: 8px;
	vertical-align: middle;
	border-radius: 4px;
}
#campaign form select {
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 8px;
}
#campaign form td label {
	padding: 0 15px 0 2px;
	vertical-align: 0.1em;
}
#campaign form .err { margin-top: 6px; }
#campaign form .err span {
    background: #fbeeea;
    color: #c00;
    font-size: 90%;
    padding: 3px 8px;
}
#campaign form .mistake {
    font-size: 90%;
	line-height: 1.4;
	position: absolute;
	top: 58px;
	left: 130px;
	background: url(../images/icon_bc-navi.gif) no-repeat left 6px;
	padding-left: 4px;
}
#campaign form .mistake a { text-decoration: underline; }
#campaign form input.long { width: 500px; }
#campaign form input.short { width: 150px; }


/* inquiry
--------------------------------------------------------------------------*/
#inquiry .inquiry-index .inner { margin-bottom: 20px; }
#inquiry .inquiry-index .btn {
	text-align: center;
	margin: 40px 0;
}
#inquiry .inquiry-index h4 {
	font-size: 110%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 8px;
}
#inquiry .inquiry-index h5 {
	font-size: 140%;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 5px;
}
#inquiry .inquiry-index h5 span {
	font-size: 80%;
	font-weight: normal;
}
#inquiry .inquiry-index ul { margin: 20px 25px 30px; }
#inquiry .inquiry-index ul li { list-style: disc; line-height: 1.7; }
#inquiry .inquiry-index ul li a { text-decoration: underline; }
#inquiry .inquiry-index ul li a:hover { color: #666; }
#campaign .campaign-details table,
#inquiry .inquiry-index table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
#campaign .campaign-details table th,
#inquiry .inquiry-index table th {
	width: 240px;
	padding: 15px;
	font-weight: normal;
	text-align: left;
	border: 1px solid #ddd;
	background: #eafbc6;
}
#inquiry .inquiry-index table th p { font-size: 80%; color: #666; }
#campaign .campaign-details table td,
#inquiry .inquiry-index table td {
	padding: 15px;
	border: 1px solid #ddd;
}
#inquiry .inquiry-index table td span { margin-left: 5px; }
#inquiry form textarea {
	border: 1px solid #cccccc;
	font-size: 90%;
	width: 98%;
	padding: 5px;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-ms-box-shadow: 0 0 4px #ccc;
	box-shadow: 0 0 4px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#seminar form input.text-input,
#inquiry form input.text-input {
	border: 1px solid #cccccc;
	font-size: 100%;
	padding: 6px;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-ms-box-shadow: 0 0 4px #ccc;
	box-shadow: 0 0 4px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#inquiry form td label { padding-left: 2px; vertical-align: top; }
#inquiry form input.long { width: 350px; }
#inquiry form input.short { width: 100px; }
#inquiry form input #mailmg-off { margin-left: 20px; }
#inquiry form .err { color: #C00; margin-top: 2px; }
#inquiry .sec-inquiry-thanks { text-align: center; margin: 80px 0 120px; }