@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;}
img.box_bottom			{display: none;}

p,table				{color:#444;line-height:20px;font-size: 14px;}
.note				{color:#f00;font-size: 12px;}
.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;display: none;}
#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;display: list-item; background:url(../image/common/960_h2.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;}

.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;}
#gnav ul			{display: none;}
#gnav ul li ul{display: none;}


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




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

#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 #333 solid;border-collapse: collapse;line-height:18px;}
#report_tbl th			{border: 1px #333 solid;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;background:url(../image/japan/movie_student_committee.jpg) no-repeat; margin:5px auto;}