@charset "utf-8";
@import url("general.css");
@import url("unique.css");

*{
	font-size: x-small;
	line-height: 130%;
}

td,th{
	vertical-align: top;
}

img{
	border: 0;
}

div.navi-right{
	float: right;
	margin: 5px;
}

/* // body:title@ //////////////////////////////////////// */

body{	
	margin :0;
	padding: 0;
	background-image :url("../img/back.gif");
	text-align: center;
}

body div.body{
	/* margin :0;*/
	margin: 0 auto;
	padding:0;
	width: 750px;
	background-color: #FFFFFF;
	text-align: left;
}

body div.body table.body {
	width: 750px;
}

body div.body table tr td.title{
	height: 64px;
	background-image: url("../img/head_02.jpg");
}

body div.body table tr td.title div{
	font-size: 10pt;
	color: #FFFFFF;
	text-align: right;
	padding-top: 40px;
}



/* // body:menu@ //////////////////////////////////////// */

body div.body table tr td.menu{
	width:217px;
	background-color: #E3F4FC;
	vertical-align: top;
	font-size: 12px;
}

body div.body table tr td#index{
	background-color: #FFFFFF;
	background-image: url(../img/logo_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


body div.body table tr td.menu ul{
	margin: 0;
	padding: 0;
/*	margin-bottom: 40px;*/
	border-left: solid #ABCBDE 3px;
	background-color: #FFFFFF;
/*	padding-bottom: 9px;	
	background-image: url("../img/menu_shade.gif");
	background-position: bottom;
	background-repeat: no-repeat;*/
}

body div.body table tr td.menu ul li{
	margin: 0;
	padding: 10px;
	list-style: none;
	padding-left: 20px;
/*	border-left: solid #ABCBDE 3px;*/
	border-bottom: solid #E3F4FC 1px;
}

body div.body table tr td.menu ul li a:link,
body div.body table tr td.menu ul li a:visited{
	color: #3BB2EC;
}

body div.body table tr td.menu ul li.menu-sub{
	border-left: solid #DDE4E8 10px
}

body div.body table tr td.menu ul li.menu-sub a:link,
body div.body table tr td.menu ul li.menu-sub a:visited{
	color: #DDAC6B;
}

body div.body table tr td.menu ul li.menu-sub img{
	margin-right: 10px;
}

body div.body table tr td.menu ul li.no-bottom-border{
	border-bottom: none;
}



/* // body:menu_detail@ //////////////////////////////////////// */

body div.body table tr td.menu div.menu_detail{
	background-color: #FFFFFF;
	margin-top: 40px;
	margin-right: 2px;
	padding: 2px;
}

body div.body table tr td#index div.menu_detail{
	margin-top: 17px;
}


body div.body table tr td.menu div.menu_detail div p{
	margin: 3px;
}

body div.body table tr td.menu div.menu_detail div.button{
	margin: 3px;
	text-align: right;
}

body div.body table tr td.menu div.menu_detail div.green-info{
	margin-bottom: 10px;
	background-color: #F0FFFF;
	background-image: url("../img/back_monitor.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

body div.body table tr td.menu div.menu_detail div.green-info strong{
	color: #79D1D2;
}

body div.body table tr td.menu div.menu_detail div.gray-info{
	margin-bottom: 10px;
	padding-bottom: 5px;
	background-color: #F8F8F8;
	background-image: url("../img/gray_bottom.jpg");
	background-position: bottom;
	background-repeat: no-repeat;
}

body div.body table tr td.menu div.menu_detail div.gray-info img.float{
	float: right;
	margin: 5px;
}


/* // body:paragraph@ //////////////////////////////////////// */

body div.body table tr td.paragraph{
	padding: 18px;
	width: 533px;
}


/* // body:paragraph:pXg@ //////////////////////////////////////// */

body div.body table tr td.paragraph div.pankuzu{
	margin: 5px;
	margin-top: 15px;
/*	height: 30px;*/
	vertical-align: bottom;
}



/* // body:paragraph:gbvo@ //////////////////////////////////////// */

body div.body table tr td.paragraph div.h1{
	padding-bottom: 20px;
}

body div.body table tr td.paragraph div.h1 h1{
	font-size: medium;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

body div.body table tr td.paragraph div.h1 p{
	margin: 0px;
	padding: 10px;
}



/* // body:coursedetail@ //////////////////////////////////////// */

body div.body table tr td.paragraph div.course{
	border-bottom: solid #D9E4ED 2px;
	margin: 10px;
	margin-bottom: 30px;
}

body div.body table tr td.paragraph div.course h2{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 3px;
	font-size: small;
	border-bottom: solid #D9E4ED 2px;
}

body div.body table tr td.paragraph div.course p{
	color: #825C50;
	margin: 10px;
	padding: 0;
/*	padding-bottom: 70px;*/
}

body div.body table tr td.paragraph div.course table{
	width: 250px;
	height: 100%;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 30px;
	text-align: left;
}

body div.body table tr td.paragraph div.course table th{
	padding: 5px;
	white-space: nowrap;
	border-bottom: dotted #CCCCCC 2px;
	background-image: url("../img/moji_ao.gif");
	background-repeat: no-repeat;
	background-position: 0 8px;
}

body div.body table tr td.paragraph div.course table td{
	padding: 5px;
	height: 100%;
	border-bottom: dotted #CCCCCC 2px;
}

body div.body table tr td.paragraph div.course table td.img{
	vertical-align: bottom;
}

body div.body table tr td.paragraph div.course table td strong{
	color: #4E9FC8;
}

/*
body div.body td.paragraph div.course div#course1{
	background-image: url("../img/back_d1.jpg");
}

body div.body td.paragraph div.course div#course2{
	background-image: url("../img/back_d2.jpg");
}

body div.body td.paragraph div.course div#course3{
	background-image: url("../img/back_d3.jpg");
}

body div.body td.paragraph div.course div#course4{
	background-image: url("../img/back_d4.jpg");
}
*/

body div.body table tr td.paragraph div.course div.coursedetail{
	background-image: url("../img/course_right_bg.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	height: 300px;
}

body div.body table tr td.paragraph div.course div.course-left table td.img{
	text-align: right;
}


body div.body table tr td.paragraph div.course div.course-left{
	background-image: url("../img/course_left_bg.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	height: 300px;
}



/* // body:footer@ //////////////////////////////////////// */

body div.body table tr td.footer{
	border-top: dotted #B5B5B5 2px;
	font-size : 10px;
	color: #7D7D7D;
	padding: 10px;
	text-align: center;
}


/* // body:courseindex@ ///////////////////////////////////////// */

body div.body td.paragraph div.courseindex{
	border-top: solid 5px #C2D9E7;
	padding-top: 20px;
}

body div.body td.paragraph div.courseindex h2{
	background-image: url("../img/yajirushi_a.gif");
	background-repeat: no-repeat;
	background-position: 10px 3px;
	margin: 10px 0;
	padding-left: 30px;
	font-size: small;
}

body div.body td.paragraph div.courseindex h2 a:link,
body div.body td.paragraph div.courseindex h2 a:visited{
	font-size: small;
}

/*
body div.body td.paragraph div.courseindex div#course1{
	background-image: url("../img/back_1.jpg");
}

body div.body td.paragraph div.courseindex div#course2{
	background-image: url("../img/back_2.jpg");
}

body div.body td.paragraph div.courseindex div#course3{
	background-image: url("../img/back_3.jpg");
}

body div.body td.paragraph div.courseindex div#course4{
	background-image: url("../img/back_4.jpg");
}
*/

body div.body td.paragraph div.courseindex div.coursedetail{
	background-repeat: no-repeat;
	background-position: bottom;
	height: 180px;
	widht: 497px;
	margin-bottom: 20px;
	border-bottom: solid 2px #D7E3EC;
}

body div.body td.paragraph div.courseindex div.coursedetail div.content{
	width: 310px;
}

body div.body td.paragraph div.courseindex div.coursedetail div#left{
	float: right;
}

body div.body td.paragraph div.courseindex div.coursedetail div.content div.abstract{
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	padding: 5px;
}

body div.body td.paragraph div.courseindex div.coursedetail div.content div.abstract p{
	margin: 0;
}



/* // body:news@ ///////////////////////////////////////// */

body div.body td.paragraph h1.title{
	background-image: url("../img/midashi_lumile.gif");
	background-repeat: no-repeat;
	font-size: medium;
	padding-top: 6px;
	padding-left: 25px;
	margin: 0;
	margin-bottom: 6px;
}

body div.body td.paragraph div.news{
	border: solid 5px #F3F6F9;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

body div.body td.paragraph div.news div.record{
	border-bottom: dotted 1px #CCCCCC;
	padding: 10px 5px 0;
}


body div.body td.paragraph div.news div.record div.detail{
/*	border: solid 1px #000000; */
}

body div.body td.paragraph div.news div.record h3{
	width: 400px;
/*	border: solid 1px #000000;*/
	float: left;
	margin: 0;
	color: #82A9C0;
	border-left: none;
}

body div.body td.paragraph div.news div.record h3 a:link,
body div.body td.paragraph div.news div.record h3 a:visited{
	font-size: small;
}

body div.body td.paragraph div.news div.record h3 span.date{
	margin-right: 10px;
}

body div.body td.paragraph div.news div.record p{
	clear: both;
	margin-top: 10px;
}

body div.body td.paragraph table.topcourse{
	width: 100%;
	margin-bottom: 20px;
}

body div.body td.paragraph table.topcourse td{
	width: 239px;
}

body div.body td.paragraph h2.topimg{
	margin:0;
}

body div.body td.paragraph table.topcourse td div.courseindex{
	border: solid 5px #F3F6F9;
	padding-top: 0;

}

body div.body td.paragraph table.topcourse td div.courseindex div.coursedetail{
	background-image: url("../img/back_course.jpg");
	background-position: bottom;
	padding: 5px;
	margin-bottom: 0;
}

body div.body td.paragraph table.topcourse td div.courseindex div.coursedetail h3{
	background-image: url("../img/yajirushi_a.gif");
	background-repeat: no-repeat;
	font-size: small;
/*	padding-top: 6px;*/
	padding-left: 18px;
	background-position: 3px;
	margin: 0;
}

body div.body td.paragraph table.topcourse td div.courseindex div.coursedetail h3 a:link,
body div.body td.paragraph table.topcourse td div.courseindex div.coursedetail h3 a:visited{
	font-size: small;
}

body div.body td.paragraph table.topcourse td div.courseindex div.coursedetail p{
	margin: 0;
}

/* // body:info@ ///////////////////////////////////////// */

body div.body td.paragraph div.info{
	border: solid 5px #F3F6F9;
	margin-bottom: 20px;
}

body div.body td.paragraph div.info img.infoimg{
	margin: 3px;
	margin-right: 6px;
	float: left;
}

body div.body td.paragraph div.info p{
	margin: 5px;
}

body div.body td.paragraph div.info p strong{
	color: #79A3BB;
}



/* // body:paragraph@ ///////////////////////////////////////// */

/*
body div.body td.paragraph div.paragraph p{
	margin: 5px;
}
*/


/* // body:access@ ///////////////////////////////////////// */

body div.body td.paragraph div.access{
	border: solid 5px #F3F6F9;
	padding: 10px;
}

body div.body td.paragraph div.access h2{
	font-size: x-small;
	margin: 0;
	margin-left: 6px;
	color: #4E9FC8;
	border: none;
	clear: none;
}

body div.body td.paragraph div.access div.map-large{
	text-align: center;
	margin: 10px 0;
}

body div.body td.paragraph div.access img.map-small{
	float: right;
	clear: both;
}

body div.body td.paragraph div.access div.accessinfo{
	width: 180px;
}

/*
body div.body td.paragraph div.access div.accessinfo h2{
	clear: none;
}
*/

body div.body td.paragraph div.access div.accessinfo div{
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	margin: 0;
	margin-bottom: 20px;
	padding: 5px;
}

body div.body td.paragraph div.access div.accessinfo div p{
	margin: 0;
}

/*
body div.body td.paragraph div.access div.subaccessinfo h2{
	float: left;
	clear: both;
	width: 4em;
}

body div.body td.paragraph div.access div.subaccessinfo p{
	margin: 0;
	width: 300px;
}*/


body div.body td.paragraph h3{
	border: none;
	color: #69AED0;
}



/* monitor /////////////////////////////  */

body div.body td.paragraph h2.monitor{
	font-size: small;
	color:#000000;
	border-bottom: solid 2px #d9e4ed;
}

body div.body td.paragraph div.monitor{
	border-bottom: solid 2px #d9e4ed;
	padding: 10px;
}

body div.body td.paragraph div.monitor img{
	float: left;
	margin-right: 10px;
}

body div.body td.paragraph div.monitor div.monitorinfo{
	margin: 0 10px;
	width: 350px;
	float: right;
}

body div.body td.paragraph div.paragraph div.monitor div.monitorinfo h4{
	font-size: small;
	border-left: none;
	margin: 0;
	color: #69AED0;
}

body div.body td.paragraph div.paragraph div.monitor div.monitorinfo h4 a:link,
body div.body td.paragraph div.paragraph div.monitor div.monitorinfo h4 a:visited{
	font-size: small;
}

body div.body td.paragraph div.monitor div.monitorinfo div.reportindex{
	border-top: dotted 2px #cccccc;
	border-bottom: dotted 2px #cccccc;
	padding: 5px;
}

body div.body td.paragraph div.monitor div.monitorinfo div.reportindex strong{
	border-left: solid 2px #69AED0;
	padding-left: 5px;
}

body div.body td.paragraph div.monitor div.monitorinfo div.reportindex span{
	margin: 0 10px;
}

body div.body td.paragraph div.right-navi{
	margin: 10px;
	text-align: right;
}

body div.body td.paragraph div.reportdetail{
	clear: both;
	margin-top: 20px;
}

body div.body td.paragraph div.reportdetail span.reporttitle{
	font-size: small;
	color: #69AED0;
	margin-right: 10px;
	font-weight: bold;
}



/* link ///////////////////////////////// */

body div.body td.paragraph div.link{
	border: solid 5px #F3F6F9;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

body div.body td.paragraph div.link div.record{
	border-bottom: dotted 1px #CCCCCC;
	padding: 10px;
}


body div.body td.paragraph div.link div.record h3{
	margin: 0;
	color: #82A9C0;
}

body div.body td.paragraph div.link div.record h3 a:link,
body div.body td.paragraph div.link div.record h3 a:visited{
	font-size: small;
}


/* ul ol ///////////////////// */

div.paragraph ul,
div.paragraph ol{
	list-style-position: inside;
}