* {
	margin:			0;
	padding:		0;
}
body {
	width: 			100%;
	
	font-size:		small;
	letter-spacing:	1px;
}

#siteBody {
	position:		relative;
}
#siteMain {
}

a {
	color:			#000000;
}
a:hover {
	color:			#999999;
}

/* -----------------------------------
    Header
   ----------------------------------- */

#siteHeader {
	margin-top:		20px;
	width: 			100%;
	height: 		130px;
}
#siteHeader img{
	margin-left:	40px;
}

/* -----------------------------------
    Footer
   ----------------------------------- */

#siteFooter {
	margin-top:		20px;
	width: 			100%;
	clear: 			both;
}
#siteFooter img{
	margin-left:	40px;
	margin-bottom:	20px;
}

/* -----------------------------------
    Navigaation
   ----------------------------------- */

#siteNavigation {
	float:			left;
	width:			200px;
}


#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 {
	height:			50px;
}

#menu1 a{
	background:		url(../images/menu/menuDiary.png) no-repeat;
}
#menu2 a{
	background:		url(../images/menu/menuAbout.png) no-repeat;
}
#menu3 a{
	background:		url(../images/menu/menuSystem.png) no-repeat;
}
#menu4 a{
	background:		url(../images/menu/menuCourse.png) no-repeat;
}
#menu5 a{
	background:		url(../images/menu/menuProfile.png) no-repeat;
}
#menu6 a{
	background:		url(../images/menu/menuQA.png) no-repeat;
}
#menu7 a{
	background:		url(../images/menu/menuContact.png) no-repeat;
}
#menu8 a{
	background:		url(../images/menu/menuEnquete.png) no-repeat;
}

#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a, #menu7 a, #menu8 a {
	display:			block;
	width:				200px;
	height:				40px;
	text-indent:		-1000px;
	overflow:			hidden;
}

#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover, #menu7 a:hover, #menu8 a:hover {
	background-position:0 -40px;
}

/* -----------------------------------
    Contents
   ----------------------------------- */

#siteContents {
	margin-left:	260px;
}
#contentTitle {
	height:			60px;
}

#map_container1,
#map_container2,
#map_container3 {
	height: 		480px;
}

#map_canvas1,
#map_canvas2,
#map_canvas3 {
	width:			640px;
	height:			450px;
}


/* ----------------------------------- Diary */


/* ----------------------------------- About */

.aboutColumn {
	margin-bottom:	40px;
}
.aboutTitle {
	margin-bottom:	20px;
}

.aboutContent table {
	width:			95%;
}
.aboutContent td {
	padding:		3px 3px 10px 10px;
}

.aboutContent ul {
	width:			95%;
	padding-left:	20px;
	/*margin-left:	20px;*/
	
	line-height:	1.8;
}



.aboutContent dd,
.aboutContent ul li li {
	margin-bottom:	15px;
}
.aboutContent ul p {
	margin-bottom:	20px;
}

/* ----------------------------------- System */

.systemColumn {
	margin-bottom:	40px;
}
.systemTitle {
	margin-bottom:	20px;
}

.systemContent table {
	width:			95%;
}
.systemContent td {
	padding:		5px 10px 5px 10px;
}
.sysTableTitle {
	background-color: #eeeeee;
}


.systemContent {
	line-height:	1.8;
}
.systemContent ul {
	width:			95%;
	padding-left:	20px;
}
.systemContent dd {
	margin-bottom:	15px;
}
.systemContent p {
	margin-bottom:	20px;
}



/* ----------------------------------- Course */

.courseColumn {
	margin-bottom:	40px;
}
.courseTitle {
	margin-bottom:	20px;
}

.courseContent {
	line-height:	1.8;
}
.courseContent ul {
	width:			95%;
	padding-left:	20px;
}

.planSub {
	color:			#666666;
}
.planEmp {
	color:			#ff0000;
	margin-bottom:	20px;
}

#courseContentWeb ul {
	list-style-type: none;
}
#courseContentWeb .arrow {
	margin-bottom: 0px;
	margin-left:30px;
}

.courseContent dd {
	color:#ff0000;
	margin-bottom:	15px;
}
.courseContent p {
	margin-bottom:	20px;
}


.courseContent table{
	border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-collapse:collapse;
	
	margin-bottom:	20px;
	margin-right:	50px;
}
.courseContent th,
.courseContent td{
	padding:		3px 5px 3px 5px;
	border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}

.detail {
	
}

.c_1 {
	background-color:#ffff00;
}
.c_2 {
	background-color:#ffccff;
}
.c_3 {
	background-color:#99ccff;
}
.c_4 {
	background-color:#66ffcc;
}
.c_5 {
	background-color:#ffcc66;
}
.c_6 {
	background-color:#ffcccc;
}


/* ----------------------------------- Profile */

.profileContent {
	line-height:	1.8;
}

.profileContent table{
	border-top:1px solid #dfdfdf;
    border-left:1px solid #dfdfdf;
    border-collapse:collapse;
	
	margin-bottom:	50px;
	margin-right:	50px;
}

.profileContent th,
.profileContent td{
	padding:		5px 7px 5px 7px;
	border-right:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
}
.profileContent th {
	color:	#888888;
	font-weight:normal;
	width:	70px;			/* min- */
}

.profileContent ul {
	padding-left:	20px;
}
.recommend {
	color:			#990000;
}


/* ----------------------------------- Q & A */

#qa_anchor dl {
	margin-bottom:	50px;
}
#qa_anchor dt {
	background:		url(../images/qa/qs.png) no-repeat;
	padding-left:	25px;
	margin-bottom:	8px;
}
.qa {
	line-height:	1.8;
}

.qa dt {
	background:		url(../images/qa/q.png) no-repeat;
	padding-left:	35px;
	padding-top:	4px;
	color:#003399;
	
	min-height:		22px;
	margin-bottom:	10px;
	width:			85%;
}
.qa dd {
	background:		url(../images/qa/a.png) no-repeat;
	padding-left:	35px;
	padding-top:	4px;
	
	min-height:		22px;
	margin-bottom:	55px;
	width:			85%;
}

/* ----------------------------------- Contact */


#contactAttention {
	color:			#003366;
	margin-bottom:	25px;

	line-height:	1.8;
}
#contactAnchor {
	margin-bottom:	45px;
}
#contactAnchor dt {
	margin-bottom:	3px;
}


#contactAnchor ul {
	width:			95%;
	padding-left:	20px;
	
	line-height:	1.8;
}

.contactName {
	font-weight:	bold;
	margin-bottom:	10px;
}
.contactAddress {
	margin-bottom:	10px;
}
.contactHr {
	width:			640px;
	height:			30px;
}

/* ----------------------------------- Enquete */

.enqueteColmun {
	line-height:	1.8;
	width:			85%;
}

.enqueteProfile {
	margin-top:		30px;
	color:			#cc0000;
	margin-bottom:	10px;
}
.enqueteTitle {
	font-weight:	bold;
	font-size:		24px;
	margin-bottom:	10px;
}
.enqueteContent {
	margin-bottom:	50px;
}
.enqueteContent dl {
	margin-bottom:	10px;
}
.enqueteContent dt {
	font-weight:	bold;
}
.enqueteContent dd {
	padding-left:	15px;
}


.enqHr {
	background-color:	#999999;
	width:				300px;
	height:				1px;
}
.enqTd {
	width:			50px;		/* min- */
	vertical-align:		top;
	
}


/* detail */
.detailBtn {
	margin-top:			30px;
	margin-bottom:		10px;
}
.detailBtnContact {
	margin-top:			20px;
	margin-bottom:		20px;
}
.detailBtn,
.detailBtnContact {
	font-weight:		bold;
	text-decoration: 	underline;
	cursor:				pointer;
	color:				#cc0000;
}