.ptph
{
	top: -550px;
}


#midbox01
{
	margin-bottom: 108px;
}


#catbox
{
	display: block;
	position: relative;
	width: 960px;
	height: 33px;
	list-style: none;
	margin: 78px auto 0px auto;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	text-align: center;
}


#catbox li
{
	display: inline-block;
	width: 182px;
	height: 33px;
	margin: 0px 6px 0px 6px;
	font-size: 0px;
	line-height: 0px;
}


#catbox li:first-child
{
	margin-left: 1px;
}


#catbox li:last-child
{
	margin-right: 1px;
}


#catbox li a
{
	display: block;
	position: relative;
	width: 182px;
	height: 33px;
	font-size: 13px;
	font-weight: 700;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
	background-color: #000000;
	border-radius: 10px;
	transition-duration: 150ms;
}


#catbox li a:hover
{
	background-color: #F18E38;
	text-shadow: 0px 0px 6px rgba( 255, 255, 255, 0.6 );
}


.cgbox
{
	display: block;
	position: relative;
	width: 960px;
	height: auto;
	margin: 100px auto 0px auto;
}


.cgbhead
{
	position: relative;
	height: 22px;
	padding: 0px 2px 5px 2px;
	font-size: 0px;
	border-bottom: solid 1px #000000;
}


.cgbhleft
{
	display: inline-block;
	position: relative;
	width: 50%;
}


.cgbhright
{
	display: inline-block;
	position: relative;
	width: 50%;
	text-align: right;
}


.cgbhleft h3
{
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	line-height: 22px;
	vertical-align: top;
}


.cgbhleft p
{
	display: inline-block;
	margin-left: 14px;
	margin-top: 9px;
	font-size: 10px;
	font-weight: 500;
	line-height: 10px;
	vertical-align: top;
	letter-spacing: 0.2em;
}


.cgbhright p
{
	display: inline-block;
	margin-top: 8px;
	font-size: 11px;
	font-weight: 500;
	line-height: 11px;
	vertical-align: top;
}


.cgbcont
{
	display: block;
	position: relative;
	list-style: none;
	min-height: 500px;
	max-height: 2003px;
	margin: 0px 0px -1px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0px;
	line-height: 0px;
	border-bottom: solid 1px #000000;
}


.cgbcont li
{
	display: inline-block;
	position: relative;
	width: 320px;
	height: 500px;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
}


.cgbitem
{
	display: block;
	position: relative;
	width: 266px;
	height: 370px;
	padding: 71px 27px 59px 27px;
	margin: 0px auto 0px auto;
	text-decoration: none;
	color: #000000;
	border-bottom: dashed 1px rgba( 0, 0, 0, 0.5 );
	transition-duration: 150ms;
}


.cgbcont li:nth-last-child(-n+3) .cgbitem
{
	border-bottom: 0px;
}


.cgbitem:hover
{
	background-color: #FEEBBE;
}


.cgbib
{
	display: block;
	position: relative;
	width: 266px;
	height: 207px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}


.cgbib img
{
	display: block;
	position: absolute;
	left: -200px;
	top: -200px;
	right: -200px;
	bottom: -200px;
	margin: auto;
	height: calc( 100% + 2px );
	border: 0px;
	transition-duration: 1200ms;
}


.cgbitem:hover img
{
	-webkit-transform: scale( 1.1 );
	transform: scale( 1.1 );
}


.cgbitem .new
{
	display: block;
	position: absolute;
	left: 22px;
	top: 59px;
	width: 66px;
	height: 36px;
	font-size: 14px;
	font-weight: 900;
	line-height: 36px;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
	background-color: #E83928;
	letter-spacing: 0.1em;
	border-radius: 18px;
	z-index: 2;
}


.cgbiinfo
{
	display: block;
	position: relative;
	width: 100%;
	height: 140px;
	margin-top: 24px;
}


.cgbidate
{
	display: inline-block;
	position: absolute;
	left: 0px;
	top: -43px;
	/*width: 60px;*/
	height: 19px;
	padding: 0px 10px 0px 10px;
	font-size: 11px;
	font-weight: 500;
	line-height: 19px;
	vertical-align: top;
	color: #FFFFFF;
	background-color: #000000;
}


.cgbititle
{
	display: block;
	width: 100%;
	height: 16px;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	vertical-align: top;
}


.cgbicom
{
	display: block;
	width: 100%;
	height: 102px;
	margin-top: 16px;
	font-size: 11px;
	font-weight: 400;
	line-height: 23px;
	text-align: justify;
	vertical-align: top;
}


.cgbiinfo .rm
{
	display: inline-block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 11px;
	font-size: 11px;
	font-weight: 700;
	line-height: 11px;
	text-align: right;
	white-space: nowrap;
}


.cgbichiranbtn
{
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 116px;
	height: 29px;
	font-size: 17px;
	font-weight: 700;
	line-height: 29px;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
	transition-duration: 150ms;
}


.cgbichiranbtn:hover
{
	background-color: #333333;
	text-shadow: 0px 0px 6px rgba( 255, 255, 255, 0.3 );
}


.cgbbtn
{
	display: none;
}


.pnbox
{
	display: block;
	position: relative;
	width: 480px;
	height: 37px;
	margin: 90px auto 0px auto;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	list-style: none;
	font-size: 0px;
	line-height: 0px;
	text-align: center;
}


.pnbox li
{
	display: inline-block;
	width: 37px;
	height: 37px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	vertical-align: top;
}


.pnbox li a.pn, .pnbox li p.pn, .pnbox li p.pn_hellip
{
	display: block;
	position: relative;
	width: 37px;
	height: 37px;
	font-family: 'Lato', 'Noto Sans JP', sans-serif;
	font-size: 19px;
	font-weight: 700;
	line-height: 37px;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
	border-radius: 11px;
	text-decoration: none;
}


.pnbox li p.pn
{
	background-color: #000000;
}


.pnbox li a.pn, .pnbox li p.pn_hellip
{
	background-color: #F18E38;
}


.pnbox li p.pn_hellip
{
	line-height: 25px;
}


.pnbox li a.pa, .pnbox li p.pa
{
	display: block;
	position: relative;
	width: 37px;
	height: 37px;
	font-size: 19px;
	line-height: 37px;
}


.pnbox li a.pa::after, .pnbox li p.pa::after
{
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 8px;
	bottom: 0px;
	width: 8px;
	height: 8px;
	margin: auto;
	border-left: solid 3px;
	border-top: solid 3px;
	border-right: solid 3px transparent;
	border-bottom: solid 3px transparent;
	-webkit-transform: scaleY( 1.2 ) rotate( 45deg );
	transform: scaleY( 1.2 ) rotate( 45deg );
}


.pnbox li a.pa::after
{
	border-left-color: #F18E38;
	border-top-color: #F18E38;
}


.pnbox li p.pa::after
{
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
}


.pnbox li a.pa_prev, .pnbox li p.pa_prev
{
	-webkit-transform: rotate( -90deg );
	transform: rotate( -90deg );
}


.pnbox li a.pa_next, .pnbox li p.pa_next
{
	-webkit-transform: rotate( 90deg );
	transform: rotate( 90deg );
}