@charset "UTF-8";


#mainbox h4 {
	clear: both;
}

#mainbox h5 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0;
}
#mainbox h5 a {
	font-weight: bold;
}

#mainbox table {
	margin-bottom: 1em;
}

#mainbox li {
	margin-left: 2em;
}

#mainbox dd {
	margin-left: 1em;
}

.headimg {
	margin-top: -0.8em;
}


/* -- <00> index.html ------------------------------------------- */
.jj00 #mainbox {}
.jj00 #mainbox h2 {
	margin-bottom: 0.5em;
}





#message {
	float:left;
	width:400px;
}
#message ul {
	list-style-type: circle;
	padding: 0;
	margin: 0;
}
#message ul li {
	margin: 0 0 0 1.5em;
}


#linkgallary {
	float:right;
	width:240px;
	padding-right:80px;
}



/* --  スピーチコンテストムービー  -- */
.speechmovie {
	margin-top:20px;
	width:720px;
}
.speechmovie caption {
	padding-top:20px;
	font-weight:bold !important;
}
.speechmovie td {
	padding-bottom:20px;
}



/* -- <01> Description of Academic Program ------------------------------------------- */

.doctor {
	width: 98%;
	margin-bottom: 1em;
}
.doctor th {
	font-weight: normal;
	background: #CCC;
	padding: 0.1em 0.5em;
	border: 1px solid #999;
}
.doctor td {
	padding: 0.2em 0.5em;
	border: 1px solid #999;
}

.date {
	color: #666;
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
}


/* -- <02> Detailed Academic Information -------------------------------------------- */

.classes {
	border:1px solid #ccc;
	margin-right:1em;
}
.classes dt {
	background:#cfcfcf;
}
.classes dd {
}

.jj02 #mainbox ul {
	padding: 0;
	margin: 0 0 1em 0;
}

.speciallectures {}
.speciallectures caption {
	text-align:left;
}
.speciallectures td {
	padding-left:1em;
}



/* -- <03> Schedule ----------------------------------------------------------- */
/* -- schedule --*/
.schedule {
	margin-bottom:1em;
	border-collapse:collapse;
	border-spacing:0;
}

.schedule th {
	padding:.5em;
	white-space:nowrap;
	font-weight:normal;
	border:1px solid #ccc;
}
.schedule td {
	padding:.5em;
	border:1px solid #ccc;
}


.timetable {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #ccc;
}	
.timetable th {
	text-align:center;
	font-weight:normal;
	border:1px solid #ccc;
}
.timetable td {
	padding:.5em;
}
.timetabletime {
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	border-right:1px solid #ccc;
}
.timetableclass {
	border-bottom:1px dotted #ccc;
	border-top:1px dotted #ccc;
	background:#D0EEF0;
}
.timetableother {
	background:#FEE0F5;
}



/* -- Basic Japanese class -- */
.basicclass {}
.basicclass th {
	font-weight: normal;
	text-align: right;
}
.basicclass td {}

/* -- Optional Courses -- */
.opcourses {
	padding: 0;
	margin: 0 0 1em 0;
}
.opcourses li {}



/* -- <04> Program Costs -------------------------------------------------------------- */

/* -- Tuition and Fees -- */
.tuitionfees {}
.tuitionfees th {
	font-weight: normal;
	vertical-align: middle;
	padding-right:1em;
}
.tuitionfees td {
	vertical-align: middle;
}
.sum_mark {}

/* -- Payment Schedule -- */
.paymentschedule {}
.paymentschedule th {
	font-weight: normal;
	white-space: nowrap;
	padding-right: 0.5em;
}
.paymentschedule td {}


/* -- Additional Program Expenses --*/
.programexpenses {
	border-top: 1px solid #666;
}
.programexpenses th {}
.programexpenses td {
	white-space: nowrap;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-bottom: 1px solid #666;
}

/* -- <05> How To Apply -------------------------------------------------------------- */

/* -- Application Procedure -- */
.procedure {}
.procedure th {
	white-space:nowrap;
	padding-right:1em;
	font-weight:normal;
}
.procedure td {}

.hifaddress {
	border:1px solid #900;
	background:#ffc;
	padding:1em;
}



/* -- Application Deadline -- */
.deadline {}
.deadline strong {
	font-weight:bold;
	font-size:1.6em;
	padding-left:1em;
	color: #F00;
}

.method {
	margin-top:-0.5em;
	margin-bottom:2em;
}
.method th {
	padding-right:1em;
}
.method td {}

.money-table {
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:0 !important;
}
.money-table td {
	text-align:center;
	font-style:italic;
	padding:0 2em;
}


/* -- <06> For Accepted Applicants ---------------------------------------------- */

.selectconfirm {
	width:640px;
}
.selectconfirm th {
	text-align:center;
}
.selectconfirm td {
	text-align:center;
	width:300px;
	padding:5px;
	border:1px solid #c0c0c0;
	background:#FFFFCC;
}


/* -- forms and information sheets -- */
.applicationsheet {}
.applicationsheet caption {
	white-space: nowrap;
}
.applicationsheet th {}
.applicationsheet td {
	padding-right: 0.5em;
	padding-left: 0.5em;
	border: 1px solid #666;
}

/* -- cannot print -- */
.cannotprint {
	padding: 0;
	margin: 0 0 1em 0;
}
.cannotprint li {}


/* -- <07> Payment Information ------------------------------------------------------ */

.michinoku {
	border:1px solid #000;
	padding:5px;
	margin-bottom:1em;
}

.intermediarybanks {
	width:90%;
}
.intermediarybanks th {
	font-weight:bold;
	border-bottom:1px dotted #000;
}
.intermediarybanks td {}


.banknote {
	margin-bottom:0;
}
.jj07 #mainbox ul {
	list-style-type:disc;
}
.jj07 #mainbox li {
	margin-left:0;
}





/* -- Refund Policy -- */
.refundpolicy {}
.refundpolicy th {
	text-align:center;
	font-weight: normal;
	white-space: nowrap;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border: 1px solid #666;
}
.refundpolicy td {
	text-align: center;
	border-bottom: 1px solid #666;
}


ol.conbi {
	list-style:upper-alpha;
}



/* -- <08> Application Formsn ------------------------------------------------------ */


/* -- Download file  -- */
.downloadfile {
	margin-bottom:2em;
}
.downloadfile th {}
.downloadfile td {
	vertical-align: middle;
}





/* -- <09> Entering Japan ---------------------------------- */

.jj09 #mainbox li {
	margin-left:0;
}

.extentyourstay {}
.extentyourstay th {
	white-space:nowrap;
	font-weight:normal;
}
.extentyourstay td {}



/* -- <10> Feedback from Program Participants ---------------------------------- */

#commentbox {
	width:748px;
	height:360px;
	overflow:auto;
	padding:5px 5px 5px 0;
	margin-bottom:1em;
}

.comment {
	margin-bottom: 1em;
}
.comment th {
	font-weight:bold;
}
.comment th.collage {
	text-align:right;
}
.comment td {}
.comment td img {
	margin-right:1em;
}

.voicegraph {
	margin-bottom:1em;
}
.voicegraph th {
	width:33%;
	padding-bottom:1em;
}
.voicegraph td {
	width:33%;
}

.voicetable {}
.voicetable caption {
	color:#fff;
	background:#203243;
	font-weight:bold;
	padding-left:0.5em;
}
.voicetable th {
	padding-right:2em;
	padding-left:0.5em;
}
.voicetable td {
	text-align:right;
	padding-right:0.5em;}



/* -- <11> Special Events, Culture Classes, and Exchanges with Local People ---- */
.feedbacknavi {
	float: right;
	margin-right: 2em;
}
.feedbacknavi ul {
	list-style: none;
}
.jj11 #mainbox ul {
	padding: 0;
	margin: 0 0 1em 0;
}

.jj11 .imgfloatleft,
.jj11 .imgfloatright {
	margin: 0 0 20px 0;
	width: 240px;
}
.jj11 .imgfloatleft {
	clear: both;
	margin-right:10px;
}
.jj11 .imgfloatright {}



.jj11 .photolist {}
.jj11 .photolist a img {
	border:none;
}
.jj11 .photolist img {
	margin-right:5px;
	margin-bottom:5px;
}



/* Flash Gallery */
#photogallery {
	width:748px;
	height:680px;
	margin:0;
}
#flickr {
	width:457px;
	background:url(../../en/program/_inc/flickr.gif) no-repeat #e8eae6 3px 3px;
	padding:3px 3px 3px 110px;
	margin:5px 0 0 0;
}
#fullscreendemo {
	height:100%;
	width:100%;
}

/* -- <12> Special Lectures by Guest Speakers ---------------------------------- */



/* -- <13> Institution List of the Former Participants ----------------------------- */

/* -- University List -- */
.univ-list {
	/* 111031 wide
	width:567px;
	*/	
	width:748px;

	line-height: 1.2em;
	vertical-align: middle;
	font-size: 11px;
	margin-bottom: 0 !important;
	border-left: 1px solid #666;
}
.univ-list th {
	font-weight: normal;
	/*
	padding: 1px 2px 1px 2px;
	*/
	padding:1px;
	border: 1px solid #666;
}
.univ-list td {
	text-align: right;
	vertical-align: middle;
	/*
	padding: 1px 2px 1px 2px;
	*/
	padding:1px;
	border: 1px solid #666;
}
.univ-list thead th {
	background: #EBEBEB;
	/*width: 200px;*/
	
	/*width:190px;*/
	/*width:148px;*/
	/*width:124px;*/
	/*width:112px;*/
	width:293px;
	line-height: 1.2em;
}
.univ-list thead td {
	border-top: 1px solid #666;
	background: #EBEBEB;
}

.univ-name {
	text-align:right;
}

/* -- University Navi -- */
.universitynavi {
	/*
	width:99%;
	*/
	/*
	width:567px;
	*/
	width:748px;

	font-size:12px;
}
.universitynavi th {
	font-weight: normal;
	text-align:right;
}

/* -- <14> Acknowledgement of Support ---------------------------------------------- */




/* -- Hokkaido Cultural Exchange Programin Toyoura-cho ----------------------------- */

.toyouraschedule {}
.toyouraschedule td {
	padding-right: 0.5em;
	padding-left: 0.5em;
	border: 1px solid #666;
}







/* -- 共通 ------------------------------------------------------------------------- */

/* -- 注意書き -- */
.footnote {
	font-size: 0.9em;
	margin-top: -1em;
	margin-left: 0.5em;
}
.footnote th {
	font-weight: normal;
	line-height: 1.2em;
	padding-right: 0.2em;
}
.footnote td {
	line-height: 1.2em;
}
p.footnote,
span.footnote {
	font-size: 0.9em;
	margin-left: 0.5em;
}
li.footnote {
	margin-top:auto;
	list-style-type:none;
}
table.footnote {
	margin-bottom:10px;
}


/* -- Yen 表示 -- */
.yen {
	text-align: right;
}



/* -- Accepted ------------------------------------------------------------------------- */

#AcceptedConfirmation,
#AcceptedTravelPlan,
#AcceptedMedical,
#ConfirmationParticipation,
#ConfirmationDecline,
#PuPuRu,
#PaymentMethod {
	display:none;
}

.tooltipsbox {
	font-size:1em;
	color:#555;
}
.tooltipsbox h2 {
	color:#9F0E15;
	font-family:"Courier New", Courier, monospace;
	margin-bottom:.2em;
	font-size:1.2em;
	line-height:1;
	font-weight:bold;
	padding:0;
}
.tooltipsbox p {
	margin-bottom:.5em;
}
.tooltipsbox ol,
.tooltipsbox ul {
	margin-left:1.2em !important;
}
.tooltipsbox span {
	border:1px solid #666;
	padding:.1em .2em;
}


/* -- 今日の出来事 -- */
#today {
	clear:both;
	margin:1em 0 2em;
	padding:1em;
	border:1px solid #ccc;
}
#today h4.entrytitle {
	font-weight:bold;
	color:#000066;
}
#today .entrybody {}
#today .tl-tweets {
	margin-left:1em;
}
#today .tl-tweet {
	border-left:3px solid #c0c0c0;
	padding-left:.5em;
}
#today p.tl-text {
	margin-bottom:0;
}
#today p.tl-posted {
	text-align:right;
	margin-top:0;
}
#today p.tl-twilog {
	display:none;
}


/* -- 3 week ---------------------------------- */

.threeweek {
	font-size:1.2em;
	color:#333333;
}


.threeweek_class {
	border-collapse:collapse;
}
.threeweek_class th {
	text-align:right;
	padding-right:0.5em;
	padding-left:0.5em;
	vertical-align:top;
	font-weight:normal;
	border:1px solid #666;
}
.threeweek_class td {
	vertical-align:top;
	padding-left:0.5em;
	padding-right:0.5em;
	border:1px solid #666;
}


.threeweek_terms {
	border-collapse:collapse;
}
.threeweek_terms th {
	text-align:right;
	padding-right:0.5em;
	padding-left:0.5em;
	vertical-align:top;
	font-weight:normal;
	border:1px solid #666;
}
.threeweek_terms td {
	vertical-align:top;
	padding-left:0.5em;
	padding-right:0.5em;
	border:1px solid #666;
}

.threeweek_step {
	margin-bottom:2em;
}
.threeweek_step dt {
	border:1px solid #999999;
	padding:5px;
	font-weight:normal;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	background-color: #fafafa;
}
.threeweek_step dt strong {
	font-weight:bold;
	color:#c00;
}
.threeweek_step dd {
	padding:5px 5px 5px 20px;
}


.threeweek_cost {
	border-collapse:collapse;
}
.threeweek_cost th {
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	padding:0.5em;
	border:1px solid #ccc;
}
.threeweek_cost td {
	vertical-align: top;
	padding:0.5em;
	border:1px solid #ccc;
}

.threeweek_gallery {}
.threeweek_gallery img {
	margin-right:5px;
}


.michinoku {}
.michinoku th {
	text-align:right;
	font-weight:normal;
	padding-right:1em;
}
.michinoku td {}


.cancelfee {
	margin-left:0 !important;
	padding-left:0 !important;
}
.cancelfee li {

}

.enteringstep {}
.enteringstep th {
	font-weight:normal;
	padding-right:1em;
	white-space:nowrap;
	padding-bottom:1em;
}
.enteringstep td {
	padding-bottom:1em;
}


.endate {
	list-style:circle;
 }
 .endate li {
 	margin-left:0 !important;
}


#threeweek01en01,
#threeweek01en02,
#threeweek01en03,
#threeweek01en04,
#threeweek02en01,
#threeweek02en02,
#threeweek03en01,
#threeweek03en02,
#threeweek03en03,
#threeweek05en01,
#threeweek06en01,
#threeweek06en02,
#threeweek06en03,
#threeweek07en01,
#threeweek07en02,
#threeweek07en03 {
	display:none;
}

.threeweek_en {
	clear:both;
	text-align:right;
}


#TB_window {
	font-size:1em;
}