@charset "utf-8";

/***** コンテンツコンテナ ページ対応 *****/

/*** B1 今日の親のために明日のあなたのために ***/
#glovia #contentsCNT #mainCNT.b1 { background-image: url(../images/glovia-index-b1a.jpg); padding-top: 300px; }
#glovia #contentsCNT #mainCNT.b1 #bodyCNT h2 {display: none; }

#glovia #contentsCNT #mainCNT.b1 #bodyCNT h3 {
	width: 621px;
	height: 51px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#glovia #contentsCNT #mainCNT.b1 #bodyCNT h3.p1 { background-image: url(../images/glovia-index-b1b.jpg); }
#glovia #contentsCNT #mainCNT.b1 #bodyCNT h3.p2 { background-image: url(../images/glovia-index-b1c.jpg); }
#glovia #contentsCNT #mainCNT.b1 #bodyCNT h3.p3 { background-image: url(../images/glovia-index-b1d.jpg); }


#glovia #mainCNT #bodyCNT .howtoBLK {
	width: 310px;
	background-image: url(../images/glovia-etc-5a-tablebg.gif);
	background-repeat: no-repeat;
	text-align: left;
	overflow: hidden;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
#glovia #mainCNT #bodyCNT .howtoROW { width: 620px; clear: both; overflow: hidden; }
#glovia #mainCNT #bodyCNT .howtoBLK.left { float: left;  background-position: right top; }
#glovia #mainCNT #bodyCNT .howtoBLK.right { float: right; margin-right: 0px; background-position: left top; }
#glovia #mainCNT #bodyCNT .howtoBLK.left.first { background-position: right 0; }
#glovia #mainCNT #bodyCNT .howtoBLK.right.first { background: none; }

#glovia #mainCNT #bodyCNT .howtoBLK.left img { float: left; margin:25px 10px 25px 0; }
#glovia #mainCNT #bodyCNT .howtoBLK.right img { float: left; margin: 25px 10px 25px 25px; }

#glovia #mainCNT #bodyCNT .howtoBLK h4 { color: rgb(0,170,90); font-size: 120%; margin: 25px 10px 0px 0px; font-weight: normal; line-height: 135%; }
#glovia #mainCNT #bodyCNT .howtoBLK h4 a { color: rgb(0,170,90); font-size: 120%; margin: 25px 10px 0px 0px; font-weight: normal; line-height: 135%; }
#glovia #mainCNT #bodyCNT .howtoBLK h5 { color: rgb(0,170,90); font-size: 90%; margin: 0; font-weight: normal; line-height: 135%; }
#glovia #mainCNT #bodyCNT .left h4 { margin-right: 10px; }
#glovia #mainCNT #bodyCNT .left h5 { margin-right: 10px; }
#glovia #mainCNT #bodyCNT .howtoBLK p.caption { font-size: 90%; margin: 10px 0 0 125px; line-height: 150%; }
#glovia #mainCNT #bodyCNT .left p.caption { margin-right: 10px; margin-left: 105px; }
#glovia #mainCNT #bodyCNT .howtoBLK a.backnumber {
	display: block;
	width: 197px; height: 57px;
	margin-top: 75px;
	margin-left: 55px;
	background-image: url(../images/glovia-navigation-sub-point.jpg);
	background-repeat: no-repeat;
	background-position: -591px 0px;
	text-indent: -9999px;
}
#glovia #mainCNT #bodyCNT .howtoBLK a.backnumber:hover {
	background-position: -591px -57px;
}
#glovia #mainCNT #bodyCNT .bookBTM { clear: left; font-size: 1px; line-height: 100%; margin-bottom: 0; }
#glovia #mainCNT #bodyCNT .howtoBTM { clear: right; font-size: 1px; line-height: 100%; margin-bottom: 10px; }


#glovia #mainCNT #bodyCNT .siteBLK,
#glovia #mainCNT #bodyCNT .siteBlkFirst {
	margin: 0px;
	padding: 35px 0px;
	width: 620px;
	background-image: url(../images/glovia-body-part-separator.gif);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
}
#glovia #mainCNT #bodyCNT .siteBlkFirst {
	background-image: none;
}
#glovia #mainCNT #bodyCNT .siteBLK img,
#glovia #mainCNT #bodyCNT .siteBlkFirst img {
	float: left;
	margin:0 25px 0 0;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
#glovia #mainCNT #bodyCNT .siteBLK h4,
#glovia #mainCNT #bodyCNT .siteBlkFirst h4 {
	color: rgb(0,170,90); font-size: 120%; margin: 0 0 25px 0; font-weight: normal; line-height: 135%;
}
#glovia #mainCNT #bodyCNT .siteBLK p.caption,
#glovia #mainCNT #bodyCNT .siteBlkFirst p.caption {
	font-size: 90%; margin: 10px 0 0; line-height: 150%;
	}
#glovia #mainCNT #bodyCNT .siteBLK a,
#glovia #mainCNT #bodyCNT .siteBlkFirst a {
	color: rgb(0,170,90);
}

/*** セレクタ ***/
#glovia ul#studySelector {
	position: relative;
	display: block;
	width: 620px; height: 57px;
	margin: 0 0 50px;
}
#glovia ul#studySelector li { list-style: none; }
#glovia ul#studySelector li a {
	display: block;
	position: absolute;
	width: 197px; height: 57px;
	background-image: url(../images/glovia-navigation-sub-point.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
/* BUTTONS */
#glovia ul#studySelector li.p1 a { left: 0px; top: 0px; background-position: 0 0; }
#glovia ul#studySelector li.p2 a { left: 210px; top: 0px; background-position: -197px 0; }
#glovia ul#studySelector li.p3 a { left: 420px; top: 0px;background-position: -394px 0; }
/* BUTTONS */
#glovia ul#studySelector li.p1 a:hover { left: 0px; top: 0px; background-position: 0 -57px; }
#glovia ul#studySelector li.p2 a:hover { left: 210px; top: 0px; background-position: -197px -57px; }
#glovia ul#studySelector li.p3 a:hover { left: 420px; top: 0px;background-position: -394px -57px; }




/***** バックナンバー *****/
#glovia #contentsCNT div.b2 { background-image: url(../images/glovia-index-b2.gif) !important; padding-top: 220px !important; }
#glovia #contentsCNT div.b2 #bodyCNT h2 {display: none; }
#glovia #mainCNT #bodyCNT a#backButton {
	position: absolute;
	width: 96px;
	height: 40px;
	left: 520px;
	top: -190px;
	background-image: url(../images/glovia-button-back.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -9999px;
}
#glovia #mainCNT #bodyCNT a#backButton:hover {
	background-position: 0px -40px;
}
#glovia #mainCNT #bodyCNT .column {
	position: relative;
}
#glovia #mainCNT #bodyCNT .column div {
	position: relative;
	width: 154px;
	float:left;
	margin-left:0;
	text-align: center;
	background-color: white;
	/*background-image: url(../images/glovia-etc-5a-tablebg.gif);*/
	background-repeat: no-repeat;
	background-position: left bottom;
}

/***** バックナンバー 破線枠　*****/
#glovia #mainCNT #bodyCNT .column div.rightBottomRow {
	background-position: bottom right;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: dotted;
	border-bottom-style: dotted;
}

#glovia #mainCNT #bodyCNT .column div.bottomRow {
	background-position: bottom right;
/*	border-right-width: thin;*/
	border-bottom-width: thin;
/*	border-right-style: dotted;*/
	border-bottom-style: dotted;
}

#glovia #mainCNT #bodyCNT .column div.rightRow {
	background-position: bottom right;
	border-right-width: thin;
/*	border-bottom-width: thin;*/
	border-right-style: dotted;
/*	border-bottom-style: dotted;*/
}

#glovia #mainCNT #bodyCNT .column div.normalRow {
	background-position: bottom right;
}



/*
#glovia #mainCNT #bodyCNT .column div.firstRow {
	background-position: bottom right;
}

#glovia #mainCNT #bodyCNT .column div.firstRightRow {
	background-position: bottom;
}

#glovia #mainCNT #bodyCNT .column div.normalRow {
	background-position: top right;
}

#glovia #mainCNT #bodyCNT .column div.firstRow {
	background-position: bottom right;
}

#glovia #mainCNT #bodyCNT .column div.rightRow {
	background-position: top left;
}

*/
#glovia #mainCNT #bodyCNT .column div img {
	margin-top: 25px;
}
#glovia #mainCNT #bodyCNT .column div h4 {
	position: relative;
	font-size: 97%;
	color: rgb(0,170,90);
	margin: 10px 0 0;
	line-height: 150%;
}
#glovia #mainCNT #bodyCNT .column div h5 {
	position: relative;
	font-size: 97%;
	color: rgb(0,170,90);
	margin: 0 0 15px;
	line-height: 150%;
}