@import url(head.css);
p, div#prim li {
	font-size: 85%;
	letter-spacing: 0.02em;
	line-height: 1.5;
	padding-left: 2px;
}
div#main {
	width: 1000px;
	background-image: url(../images/rightback200.gif);
	background-position: right top ;
	background-repeat: repeat-y;
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}
.txtR {
	text-align: right;
}
.marginbt10 {
	margin-bottom: 10px;
}
em.new {
	color: red;
	font-weight: bold;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}
div#prim div.section em.new {
	font-size: 11px;
}

/* div#prim */
div#prim {
	display: inline;
	float: left;
	width: 770px;
	min-height: 400px;
/*	margin: 0px 210px;
*/	margin: 0 15px;
}
div#prim div img {
	float: left;
	margin-right: 1em;
}
div#prim div br {
	clear: both;
}

div#prim p#welcomeToGRIPS,
div#prim p#whatsnew {
	clear: both;
	background-image: url(../images/titleback.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding-left: 0.8em;
	height: 36px;
	line-height: 2em;
}
div#prim p#welcomeToGRIPS,
div#prim p#whatsnew {
	font-size: 110%;
	padding-bottom: 0.2em;
}
div#prim p#welcomeToGRIPS,
div#prim p#whatsnew {
	line-height: 2.4em;
}
div#prim h2 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	line-height: 1.2;
}
div#prim p {
	margin-bottom: 20px;
}


div#prim ul.update {
}
div#prim ul.update li {
	margin-bottom: .8em;
	padding-bottom: .4em;
	padding-left: .2em;
	border-bottom: dotted 1px #666;
}
div#prim ul.update li em {
	display: block;
	margin-bottom: .15em;
	padding-left: .3em;
	color: #333; /* #369; */
	font-weight: bold;
}
div#prim p strong {
	color: #369;
	font-size: 110%;
	font-weight: bold;
}
div#prim p a:visited strong {
	color:#63C;
}
div#prim p a:hover {
	text-decoration: none;
}

div#prim p.top_info {
	margin-top: .4em;
	margin-bottom: .6em;
	padding-left: 1.3em;
	background: url(../images/rect.gif) 0px .1em no-repeat;
}

div#prim div.sp {
	padding: 1em;
	border: solid 1px #369;
}
div#prim div.sp p {
	margin-bottom: 10px;
}

div#prim div.sp em {
	padding-left: 1em;
	background: url(../images/rect.gif) 0em .2em no-repeat;
	color: #369;
	font-size: 116%;
	font-weight: bold;
}

div#prim div.section {
	margin-bottom: 36px;
}
div#prim div.section h2 {
	width: 375px;
	height: 36px;
	margin: 0px 0 4px;
	padding: 0;
	border-left-style: none;
	background-image: none;
/*	border-left-width: 3px;
	zbackground: #eee url(../images/rightback.gif);
	background-color: #fff;
	color: #333;*/
}
div#prim div.section em {
	font-weight: bold;
	font-size: 93%;
}
div#prim div.section ul em {
	display: block;
	margin-bottom: .3em;
	font-size: 1em;
}
div#prim div.section p {
	margin-top: .2em;
	background: url(../images/top/rect.gif) 0em .2em no-repeat;
	text-indent: 1.2em;
}
div#prim div.section p img {
	float: right;
}


/* div#seco */
div#seco {
/*	position: absolute;
	right: 10px;
	top: 0px;*/
	display: inline;
	float: left;
	width: 190px;
}
div#seco div,
div#seco p,
div#seco ul {
	position: relative;
	width: 180px;
	left: 5px;
}
div#seco p img {
	margin-top: 1em;
}
div#seco div {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 85%;
	color: #369;
}
div#seco ul.update {
}
div#seco ul.update li {
	margin-bottom: .6em;
	padding-left: .2em;
	border-bottom: dotted 1px #666;
	font-size: 83%;
}
div#seco ul.update li em {
	display: block;
	margin-bottom: .15em;
	padding-left: .3em;
	border-left: solid 2px #369;
	background-color:#fff;
}
div#seco ul.update li.cap {
	margin-bottom: .4em;
	border-bottom-style: none;
	background-color:#CCC;
	font-weight: bold;
	font-size: 100%;
}
div#seco div span.aniv {
	font-size: 110%;
}


div#seco h2 {
	margin-bottom: .6em;
	border: solid 1px #369;
	border-right-width: 6px;
	border-left-width: 6px;
	font-size: 18px;
	font-weight: bold;
	color: #369;
	text-align: center;
}
div#seco p.anv {
	margin-top: -12px;
	margin-bottom: 16px;
	text-align: right;
}
div#seco div.apply {
	margin-top: 20px;
	margin-bottom: 20px;
	border: dotted 1px #369;
}
div#seco div.apply_txt,
div#seco div.apply_txt2 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: .4em 0;
	border: dotted 1px #369;
	background-color: #efefef;
	font-weight: normal;
	font-size: 100%;
	text-align: center;
}
div#seco div.apply_txt2 {
	width: 176px;
	padding: 2px;
	text-align: left;
	background-color: #ffffef;
}
div#seco div.aniv {
	background-color: #ccc;
	color: #369;
	font-size: 110%;
}


/* div#topic */
div#topic{
	position: absolute;
	left: 10px;
	top: 0px;
	width: 190px;
}
div#topic div.top {
	background-color: #f66;
	color: #fff;
	text-align: center;
	font-size: 100%;
	line-height: 2em;
	width: 190px;
	margin-bottom: 1px;
}
div#topic ul li {
	background-color: #ddd;
	font-size: 85%;
	width: 190px;
	margin-bottom: 1px;
}
div#topic ul li a {
	display: block;
	height: 1.4em;
	line-height: 1.4em;
	margin: 0;
	padding-top: 0.6em;
	padding-bottom: 0.6em; 
	padding-left: 1em;
}
div#topic  a:link,
div#topic  a:visited {
	text-decoration: none;
	color: #333;
}
div#topic  a:hover {
	text-decoration: none;
	background-color: #A5D1D1;
}
div#topic div.top a {
	display: block;
	width: 190px;
	color: #fff;
	height: 2em;
	line-height: 2.4em;
}
div#topic div.top a:link,
div#topic div.top a:visited {
	color: #fff;
}


p.top_update {
	margin: 0;
	padding-right: 20px;
	text-align: right;
}



/* add 20081111 */
div#seco div.rec {
	margin: 16px 0 10px;
	border: solid 1px #ccc;
	background-color: #fff;
	color: #000;
}
div#seco div.rec p {
	width: 170px;
	left: 3px;
	padding-top: .3em;
	padding-bottom: .8em;
	font-weight: normal;
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.2;
}
div#seco div.rec p a {
	font-weight: bold;
}
div.rec strong {
	display: block;
	margin: 0 0 .2em;
	padding: .1em .2em .4em;
	background: url(../images/top/line_rec.jpg) bottom left repeat-x;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
div.rec strong.aniv {
	letter-spacing: -.1em;
}
div#prim div.ud h2 {
	padding: 0 6px;
	border-top: solid 1px #eee;
	border-left-style: none;
	color: #333;
	background: #efefef url(../images/top/line_h.jpg) left bottom repeat-x;
	line-height: 33px;
}

/* add200911 */
div#prim h1 {
	height: 300px;
	margin-bottom: 20px;
}
div#prim div.section {
	margin-top: 0;
	padding-top: 0;
}
div#prim div.section h2 img {
	margin: 0;
}
div#prim div.ud h2 {
	width: 363px;
}
div#prim div.section p {
	border-bottom: solid 1px #ccc;
}
div#prim .newsAndUpdate,
div#prim .ev {
	float: left;
	width: 375px;
}
div#prim .newsAndUpdate {
	margin-right: 20px;
	margin-top: 0;
}
div#prim .newsAndUpdate .section {
	margin-top: 0;
	padding-top: 0;
}
div#prim .ev {
	background-color: #ffd;
}
div#prim div.section.ev p {
	margin-right: 4px;
	margin-left: 4px;
	background-image: none;
	background: url(../images/top/rect.gif) 0em .2em no-repeat;
	text-indent: 1.2em;
}
div#prim div.section.ev em.on,
div#prim div.section.ev em.off {
	display: block;
	margin: 5px;
	padding: 6px 10px;
/*	background-color: #c33;*/
	background-color: #7895b3;
	color: #fff;
}


@media print {
/*	div#head,
	div#gnavi,
	div#midtitle,
	div#trace,
	div#seco {
		display: none;
	}
*/	body,
	div#main {
		background-image: none;
	}
/*	div#prim {
		margin-right: 0;
	}
*/}