@charset "UTF-8";

@import url("assets.css");



/* ---- COMMON ---- */

*				{padding:0;margin:0;font-style: normal;font-size: 14px;}

html, body			{height: 100%;font-family:Verdana, Arial, Helvetica, sans-serif}
img				{border: 0px;padding:0;margin:0;vertical-align: bottom; -ms-interpolation-mode: bicubic;}
h1,h2,h3,h4,h5,h6,p,ul,li	{margin:0px;padding:0px;}

a:link				{ color: #00752f;text-decoration: none;}
a:visited			{ color: #00752f;text-decoration: none;}
a:hover				{ color: #00752f;text-decoration: underline;}
a:active			{ color: #00752f;text-decoration: underline;}

a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

img.center			{display: block;margin:0 auto;}

p,table				{color:#444;line-height:20px;font-size: 14px;}
.note				{color:#f00;font-size: 13px;}
.green				{color:#00752f;}

/* ---- LAYOUT ---- */
body				{color:#444;background:#272727;line-height:20px;font-size: 14px;}
#container			{width:100%; background:url(../image/common/bg.gif) repeat-x top #ededed;}
#title_image			{width:960px;height:150px;margin:0 auto;}

#breadcrumb			{width:960px;height:30px;margin:0 auto;}
#breadcrumb p			{line-height:30px;text-indent:20px;font-size: 12px;}
#breadcrumb p span		{color:#ccc;}
#breadcrumb a			{font-size: 12px;}

.contents960			{width:960px;margin:0 auto; background:url(../image/common/960_bg.gif) repeat-y;}
.contents960 h2			{width:960px;height:53px;margin:0;padding:0; background:url(../image/common/960_h2.gif) no-repeat;font-size:19px;line-height:55px;text-indent:30px;}
.contents960 h2.link		{width:960px;height:83px;margin:0;padding:0 ; background:url(../image/common/960_h2_2l.gif) no-repeat;font-size:19px;line-height:55px;text-indent:30px;}
.contents960 h3			{width:880px;height:35px;margin:0 40px;padding:0; background:url(../image/common/960_h3.gif) no-repeat;font-size:16px;line-height:35px;text-indent:20px;color:#fff;}
.contents960 h3.gray		{width:880px;height:35px;margin:0 40px;padding:0; background:url(../image/common/960_h3_gray.gif) no-repeat;font-size:16px;line-height:35px;text-indent:20px;color:#222;}
.contents960 p			{margin:25px;padding:0 30px;}

#contents			{width:960px;margin:0 auto;}
#contents_left			{width:720px;float:left;}
#contents_right			{width:240px;float:left;}

.contents720			{width:720px;margin:0 auto; background:url(../image/common/720_bg.gif) repeat-y;}
.contents720 h2			{width:720px;height:53px;margin:0;padding:0; background:url(../image/common/720_h2.gif) no-repeat;font-size:20px;line-height:55px;text-indent:30px;}
.contents720 h3			{width:640px;height:35px;margin:0 40px;padding:0; background:url(../image/common/720_h3.gif) no-repeat;font-size:16px;line-height:35px;text-indent:20px;color:#fff;}
.contents720 p			{margin:25px;padding:0 30px;}

.contents960 h2 a		{float:right;font-size:11px;font-weight:normal;margin-right:20px;line-height:55px;background:url(../image/common/arrow.gif) no-repeat left center;text-indent:20px;}
.contents960 h2.link a		{float:right;font-size:10px;font-weight:normal;margin-right:20px;line-height:15px;background:url(../image/common/arrow.gif) no-repeat left center;text-indent:20px;}

.link_more			{ margin-top: 10px;padding-left: 20px; display: block;height:16px;float:right;line-height:16px;background:url(../image/common/arrow.gif) no-repeat left center;}


.contents960 ul,
.contents720 ul			{margin:25px;padding:0 40px;}



/* ---- HEADER ---- */
#header				{width:960px;height:75px;margin:0 auto;}



/* ---- G NAVI ---- */
#gnav				{width:960px;height:40px;margin:0 auto; background:url(../image/common/gnavi_bg.gif) no-repeat;}
#gnav ul			{width:950px;height:40px;display: block;list-style-type: none;margin-left:10px;padding: 0;}
#gnav li#home,li#concept,li#japan,li#secondmonitoring,li#thirdmonitoring,li#monitoringplus,li#links			{height:40px;display: block;list-style-type: none;margin: 0;padding: 0;float:left;position: relative;}

#gnav li#home a{
	display: block;
	width:236px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_home.gif) no-repeat top;
	text-indent:-999999px;
}

#gnav li#home a:hover{
	display: block;
	width:236px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_home.gif) no-repeat bottom;
	text-indent:-999999px;
}

#gnav li#home a.current {
	display: block;
	width:236px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_home.gif) no-repeat bottom;
	text-indent:-999999px;
}

#gnav li#concept > a{
	display: block;
	width:189px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_concept.gif) no-repeat top;
	text-indent:-999999px;
}

#gnav li#concept:hover > a{
	display: block;
	width:189px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_concept.gif) no-repeat bottom;
	text-indent:-999999px;
}

#gnav li#concept > a.current {
	display: block;
	width:189px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_concept.gif) no-repeat bottom;
	text-indent:-999999px;
}

#gnav li#japan > a{
	display: block;
	width:187px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_japan.gif) no-repeat top;
	text-indent:-999999px;
}

#gnav li#japan:hover > a{
	display: block;
	width:187px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_japan.gif) no-repeat bottom;
	text-indent:-999999px;
}

#gnav li#japan > a.current {
	display: block;
	width:187px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_japan.gif) no-repeat bottom;
	text-indent:-999999px;
}


#gnav li#secondmonitoring > a{
	display: block;
	width:188px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_secondmonitoring.gif) no-repeat top;
	text-indent:-999999px;
}

#gnav li#secondmonitoring:hover > a{
	display: block;
	width:188px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_secondmonitoring.gif) no-repeat bottom;
	text-indent:-999999px;
}

#gnav li#secondmonitoring > a.current {
	display: block;
	width:188px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_secondmonitoring.gif) no-repeat bottom;
	text-indent:-999999px;
}



#gnav li#thirdmonitoring > a{
	display: block;
	width:187px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_thirdmonitoring.gif) no-repeat top;
	text-indent:-999999px;
}

#gnav li#thirdmonitoring:hover > a{
	display: block;
	width:187px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_thirdmonitoring.gif) no-repeat bottom;
	text-indent:-999999px;
}

#gnav li#thirdmonitoring > a.current {
	display: block;
	width:187px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_thirdmonitoring.gif) no-repeat bottom;
	text-indent:-999999px;
}



#gnav li#monitoringplus > a{
	display: block;
	width:187px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_monitoring_plus.gif) no-repeat top;
	text-indent:-999999px;
}

#gnav li#monitoringplus:hover > a{
	display: block;
	width:187px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_monitoring_plus.gif) no-repeat bottom;
	text-indent:-999999px;
}

#gnav li#monitoringplus > a.current {
	display: block;
	width:187px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_monitoring_plus.gif) no-repeat bottom;
	text-indent:-999999px;
}


#gnav li#links > a{
	display: block;
	width:189px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_links.gif) no-repeat top;
	text-indent:-999999px;
}

#gnav li#links:hover > a{
	display: block;
	width:189px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_links.gif) no-repeat bottom;
	text-indent:-999999px;
}

#gnav li#links > a.current {
	display: block;
	width:189px;
	height:40px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/gnavi_links.gif) no-repeat bottom;
	text-indent:-999999px;
}




#gnav ul li ul{
  width: 0px;
  height: 0px;
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0 0 0 5px;
  padding: 0;
  border-radius: 0 0 3px 3px;
}

#gnav li:last-child ul{
  left: -125px;

}

#gnav ul li ul li{
  overflow: hidden;
  background: #005c25;
  width: 350px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#gnav ul li ul li a{
	display: block;
  width: 350px;
  text-indent:15px;
  line-height: 38px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color:#fff;
}


#gnav ul li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #007530;
  border-bottom: 1px solid #013717;
}
#gnav ul li:hover ul li:first-child{
  border-top: 0;
}
#gnav ul li:hover ul li:last-child{
  border-bottom: 0;
}
#gnav ul li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}



/* ---- S NAVI ---- */
#snav				{width:240px;margin:0;}
#snav ul			{width:240px;display: block;list-style-type: none;margin:0px;padding: 0;overflow: hidden;}
#snav li			{width:240px;display: block;list-style-type: none;margin: 0;padding: 0;}

#snav img.snavi_image		{display: none;}


#snav li#process a{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_process.gif) no-repeat left;
	text-indent:-999999px;
}

#snav li#process a:hover{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_process.gif) no-repeat right;
	text-indent:-999999px;
}

#snav li#process a.current {
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_process.gif) no-repeat right;
	text-indent:-999999px;
}


#snav li#criteria a{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_criteria.gif) no-repeat left;
	text-indent:-999999px;
}

#snav li#criteria a:hover{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_criteria.gif) no-repeat right;
	text-indent:-999999px;
}

#snav li#criteria a.current {
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_criteria.gif) no-repeat right;
	text-indent:-999999px;
}



#snav li#reports a{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_reports.gif) no-repeat left;
	text-indent:-999999px;
}

#snav li#reports a:hover{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_reports.gif) no-repeat right;
	text-indent:-999999px;
}

#snav li#reports a.current {
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_reports.gif) no-repeat right;
	text-indent:-999999px;
}


#snav li#best_practices a{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_practices.gif) no-repeat left;
	text-indent:-999999px;
}

#snav li#best_practices a:hover{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_practices.gif) no-repeat right;
	text-indent:-999999px;
}

#snav li#best_practices a.current {
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_practices.gif) no-repeat right;
	text-indent:-999999px;
}




#snav li#structure a{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_structure.gif) no-repeat left;
	text-indent:-999999px;
}

#snav li#structure a:hover{
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_structure.gif) no-repeat right;
	text-indent:-999999px;
}

#snav li#structure a.current {
	display: block;
	width:240px;
	height:42px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_structure.gif) no-repeat right;
	text-indent:-999999px;
}


#snav li#committee a{
	display: block;
	width:240px;
	height:52px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_committee.gif) no-repeat left;
	text-indent:-999999px;
}

#snav li#committee a:hover{
	display: block;
	width:240px;
	height:52px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_committee.gif) no-repeat right;
	text-indent:-999999px;
}

#snav li#committee a.current {
	display: block;
	width:240px;
	height:52px;
	margin: 0px;
	padding: 0px;
	background:url(../image/common/snavi_committee.gif) no-repeat right;
	text-indent:-999999px;
}

/* ---- FOOTER ---- */
#pagetop_link			{width:960px;height:40px;margin:0 auto;text-align:right;}

#footer				{width:100%;height:90px;}
#footer_box			{width:960px;height:90px;margin:0 auto;}
#copyright			{color:#fff;font-size: 11px;text-align:center;line-height:90px;}
#copyright a			{color:#ccc;font-size: 12px;text-align:center;line-height:90px;}
#copyright span			{color:#999;}


/* ---- TOP ---- */

#top_main			{width:960px;height:350px;margin:0 auto;}
#top_news			{width:960px;height:45px;margin:0 auto;background:url(../image/top/news_bg.gif) no-repeat;}
#top_news h2			{display: none;}
#top_news p			{line-height:45px;text-indent:170px;}
#top_news p b			{font-size:12px;}
#top_news p span		{color:#ccc;}
.top_info			{font-size:12px;text-align:center;margin:0 auto;padding:10px 0;}


/* ---- 1st Monitoring in Japan ---- */

.btn_box			{margin:25px;padding:0;text-align:center;}

.btn_box a.link_btn			{float:left;display: block;width:290px;height:40px;line-height:40px;font-size:12px;margin:0;padding:0;text-align:center;color:#fff;background:url(../image/common/arrow_w.png) no-repeat #00752f;background-position: 10px center;border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.btn_box a.link_btn:hover		{text-decoration: none;background:url(../image/common/arrow_w.png) no-repeat #339159;background-position: 10px center;}

/* ---- Monitoring Reports ---- */

#report_tbl			{width:640px;margin:20px auto;padding:0;}
#report_tbl table,td,tr,th	{border: 1px #fff solid;border-collapse: collapse;line-height:18px;}
#report_tbl th			{background:#00752f;color:#fff;padding:5px;font-size:13px;}
#report_tbl tr			{background:#ededed;}
#report_tbl td			{padding:8px;font-size:12px;}
#report_tbl tr:nth-child(2n)	{background:#edf4f0;}



/* ---- Monitoring Student Committee ---- */

.movie_box			{margin:25px;padding:0;text-align:center;font-size:12px;}
.movie_box h5			{font-size:13px;}
.movie				{width:560px; margin:5px auto;}