@charset "UTF-8";

div.contentOuter{
	background: url(/img/gap/bg_01.png) 50% 7px;
	padding-top: 15px;
	margin-top: -15px;
}

h1.ttlTop{
	float: left;
	margin-top: -5px;
}

h1.ttlLv2{
	margin-bottom: 20px;
}

p.tagline{
	padding: 4px 0 8px 0;
	float: right;
	margin-right: -10px;
}

/*  layout
------------------------------------------------- */
div#content div#main{
	width: 636px;
	color: #333;
	position: relative;
}

div#content div#sub{
	width: 250px;
	color: #333;
}

.gapHeader{
	margin-bottom: 30px;
}

.gapContentsHeader{
	position: relative;
	width: 920px;
	height: 80px;
	background: url(../img/gap/ttl_top_gap_01.png) 0 0 no-repeat;
	margin: 0 auto;
}

.gapContentsHeader .name{
	position: absolute;
	top: 43px;
	left: 354px;
}

.gapContentsHeader .school{
	position: absolute;
	top: 45px;
	left: 762px;
}

.gapContentsHeader .school a{
	color: #fff;
	font-weight: bold;
	font-size: 108%;
	text-decoration: underline;
}

/*  common
------------------------------------------------- */
.gapImageMain{
	margin-bottom: 20px;
}

.gapBox01{
	border: 2px solid #ff8000;
	background: #fff;
	margin-bottom: 20px;
}

.subBox01{
	margin-bottom: 20px;
}

.navGap{
	clear: both;
	margin: 10px 0;
}

/*  top
------------------------------------------------- */
#blockFlash{
	width: 880px;
	margin: -20px auto 20px;
}

/*  target - top
------------------------------------------------- */
#targetTop{
	position: relative;
	width: 615px;
	color: #666;
}

#targetTop .body{
	float: right;
	width: 440px;
	padding-right: 15px;
	padding-bottom:15px;
}

#targetTop.vol1 .body{
	background: url(/img/gap/vol1/qr_01.png) 375px 65px no-repeat #fff;
}

#targetTop h2{
	margin: 15px 0 10px;
}

#targetTop h3{
	line-height: 1.5;
}

#targetTop p.description{
	font-size: 85%;
	line-height: 1.3;
	padding-right: 75px;
}

#targetTop p.pr{
	margin-top: 5px;
}

/*  report - top
------------------------------------------------- */
#reportTop{
	width: 286px;
	float: right;
}

/*  about - top
------------------------------------------------- */
#aboutTop{
	float: left;
	position: relative;
	width: 548px;
	background: url(/img/gap/bg_about_01.png) 0 0 no-repeat #f5f9fb;
	min-height: 134px;
	height: auto !important;
	height: 134px;
	padding: 10px;
}

#aboutTop h2{
	text-align: right;
	margin-bottom: 15px;
}

#aboutTop h3.logoHakubi{
	position: absolute;
	top: 12px;
	right: 10px;
}

#aboutTop p{
	padding: 0 0 0 135px;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*  backnumber - top
------------------------------------------------- */
#backnumberTop{
	width: 266px;
	float: right;
	padding: 15px 10px 0 10px;
	min-height: 139px;
	height: auto !important;
	height: 139px;
}

#backnumberTop h2{
	text-align: center;
	margin-bottom: 5px;
}

#backnumberTop li{
	width: 130px;
	height: 48px;
	overflow: hidden;
	float: left;
	margin: 5px 0 0 0;
	font-size: 92%;
}

#backnumberTop li img{
	float: left;
	margin-right: 5px;
}

/*  contentHeader
------------------------------------------------- */
.contentHeader{
	position: relative;
}

.contentHeader p.logoHakubi{
	position: absolute;
	top: 45px;
	right: 40px;
}

/*  blockMainVisual
------------------------------------------------- */
.blockMainVisual{
	color: #999;
	font-size: 93%;
	margin-bottom: 40px;
	position: relative;
}

.blockMainVisual img{
	margin-bottom: 5px;
}

.blockMainVisual p.logoKiino{
	position: absolute;
	top: 301px;
	left: 175px;
}

/*  blockEntry
------------------------------------------------- */
.gapModelName{
	background: url(/img/gap/ttl_chapter_01.png);
	height: 93px;
	margin-bottom: 20px;
}

.gapModelName span{
	display: block;
	line-height: 93px;
	font-size: 134%;
	padding-top: 3px;
	padding-left: 455px;
}

.blockEntry .body{
	width: 340px;
	float: left;
}

.blockPoint .point,
.blockEntry .body h3{
	margin-bottom: 10px;
}

.blockPoint .point span,
.blockEntry .body h3 span{
	display: inline;
	background: #cc0033;
	color: #fff;
	font-size: 117%;
	padding: 2px;
	line-height: 1.5;
	font-weight: bold;
}

.blockPoint p.body ,
.blockEntry .body p{
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.5;
	margin-bottom: 25px;
}

.blockEntry .image{
	width: 270px;
	float: right;
	margin-bottom: 20px;
	display: inline;
	zoom: 1;
}

.blockEntry .image .imageMedia{
	margin-bottom: 10px;
	position: relative;
}

.blockEntry .image .imageMedia .caption{
	font-size: 85%;
}

.blockEntry .image .entryFooterImage01{
	position: relative;
	right: -10px;
	margin-top: 15px;
}

/*  boxHakubi
------------------------------------------------- */
div.boxHakubi{
	width: 342px;
	background: url(/img/gap/bg_hakubi_top.png) 0 0 no-repeat;
	padding-top: 22px;
	color: #fff;
	position: relative;
	float: right;
	margin-bottom: 30px;
}

div.boxHakubiInner{
	background: url(/img/gap/bg_hakubi_bottom.png) 0 100% no-repeat #cc0033;
	width: 342px;
	overflow: hidden;
}

div.boxHakubi h3{
	margin-left: 15px;
	margin-bottom: 25px;
}

div.boxHakubi p.logoKiino{
	position: absolute;
	top: 35px;
	left: 172px;
	width: 57px;
	height: 16px;
}

div.boxHakubi h4{
	margin: 0 0 15px 15px;
}

div.boxHakubi p{
	margin-left: 15px;
	line-height: 1.5;
	width: 310px;
	margin-bottom: 10px;
}

div.boxHakubi p.btn{
	margin-bottom: 25px;
}

div.boxHakubi h5{
	margin: 0 0 10px 15px;
}

/*  backnumber - sub
------------------------------------------------- */
div.blockBacknumber{
	background: #fff;
	padding: 10px;
	margin-bottom: 20px;
}

div.blockBacknumber h2{
	text-align: left;
	margin-bottom: 15px;
}

div.blockBacknumber li{
	margin-bottom: 10px;
}

div.blockBacknumber li .body{
	float: right;
	width: 170px;
	font-size: 92%;
}

/*  about
------------------------------------------------- */
.blockAbout{
	margin-bottom: 20px;
}

.blockAbout .title{
	margin-bottom: 10px;
}


/*  point
------------------------------------------------- */
div.blockPoint{
	margin-bottom: 30px;
}

div.blockPoint .main{
	float: right;
	width: 440px;
}

div.blockPoint h2{
	margin-bottom: 5px;
}

div.blockPoint .body{
	margin-bottom: 10px;
}

/*  result - sub
------------------------------------------------- */
div.blockResult{
	float: left;
	width: 280px;
}

div.blockResult.wide{
	width: 600px;
}

div.blockResult h2{
	margin-bottom: 15px;
}

div.blockResult p{
	margin-bottom: 15px;
	color: #666;
	font-weight: bold;
}

/*  person - sub
------------------------------------------------- */
div.blockPerson{
	margin-bottom: 15px;
}

div.blockPerson h2,
div.blockPerson li{
	margin-bottom: 15px;
}

div.blockPerson div.body{
	margin-bottom: 5px;
}

div.blockPerson div.main{
	float: right;
	width: 180px;
	font-weight: bold;
}

div.blockPerson div.main h3{
	line-height: 1.4;
	margin-bottom: 5px;
}

div.blockPerson div.main h3.middle{
	line-height: 60px;
}

div.blockPerson div.main p{
	font-size: 92%;
	line-height: 1.2;
	text-align: justify;
	text-justify: inter-ideograph;
}

div.blockPerson p.image{
	float: left;
}

div.blockPerson p.note{
	font-size: 92%;
}

div.blockPerson p.imgCross{
	text-align: center;
	margin-bottom: 15px;
}