body { background:none #ffffff }
/* Booklet jQuery Plugin Style*/
body, html { height: 100%; overflow-x: hidden; overflow-y:scroll; position: relative; width: 100%; margin: 0; padding: 0;}
.booklet { display: -webkit-box; -webkit-transform: translate3d(0, 0, 0); backface-visibility: hidden; z-index:1}
.con1 { width:100%; position:relative; z-index:2; float:left}
.z-index{ position:relative; z-index:3}
#qi { font-size: 18px; font-weight:normal; color: #000; background: none; border: 0; text-align: center; margin:8% auto 0}
.sp1{ color:#993300}
h2 { line-height: 40px; color: #cc0000; font-size:18px; font-weight:normal; margin:10px auto 0;}
h2.tblack{ color:#000}
.gblist { margin: 0 auto;}
.gblist li { line-height:20px;overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;padding-top:12px;}
.gblist li a { font-size: 14px; }
.cb { border-bottom: 1px #cCC solid; line-height:24px; font-size: 14px; padding-bottom:10px;}
.cb span{ float:right}
.cb a{ margin:0 10px;}
.mar { margin-top: 85px; }
img{ max-width:100%}
.con1{ padding:10px 20px;}
.con1 h1{ text-align:center; margin-top:10px;}
.con2{ line-height:30px; font-size:16px;}
.con2_l{ float:left; width:100px;}
.con2_r a{ width:68px; float:left; display:block; line-height:30px;}
.con3{ line-height:24px;}
.con3_l{ float:left; width:72px;}
.cm_img{position:absolute;z-index:10;width:100%;left:0%;top:40%;margin-top:-50px;line-height:34px;text-align:center;color:#cc0000;display:  none;}
 a#next_page_button, a#prev_page_button {position: absolute; width: 16px; height: 29px; cursor: pointer; margin-top: -15px; top:50%; z-index:100}
 a#prev_page_button { left:30px; background: url(18ly_zfgb_icon_l.png) no-repeat; }
 a#next_page_button { right:30px; background: url(18ly_zfgb_icon_r.png) no-repeat; }

 @media screen and (max-height:600px) {
	.cm_img{ top:35%;}
	h2{ font-size:16px;}
	.con2{ line-height:26px; font-size:14px;}
 }