@charset "utf-8";

a:link {
	color: #0000ff;
}
a:visit {
	color: #990000;
}
a:hover {
	background-color: #ccddcc;
}

html{ height:100%; }

body { height:100%; 
	text-align: center; 
	background: url(images/bg.gif) top left repeat-x;
	background-color: #ccddcc;
	padding: 0;
	margin: 0;
}

#base {
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	width:930px;
	height: auto;
	margin:0 3 0 0;
	color: #333333;
	background-color: #ddeedd;
	}

.ippan
	{
	float:left;
	width:730px;
	background-color: #ffffff;
	}

.main
	{
	float:left;
	width:730px;
	height: 100%;
	background-color: #ffffff;
	}

.head
	{
	background-color: #FFFFFF;
	height: 20px;
	}

#base .footer_all
	{
	float:left;
	margin-top: 0px;
	width:930px;
	height: 100%;
	background-color: #ffffff;
	}

.koumoku
	{
	float:left;
	width:700px;
	height: 100%;
	background-color: #ffffff;
	}

.itil
	{
	float:left;
	width:700px;
	height: 100%;
	background-color: #ffffff;
	}

#koukoku {
	width: 190px;
	height: 100%;
	float: right; 
	margin-right: 8px;
	margin-top: 0px;
	background-color: #ddeedd;
}

/* right-column */

#right-column {
	text-valign: top;
	text-align: left;
	font-size: 12px;
	width: 200px;
	margin-top: 0px;
	text-align: center;
	float: right; 
	background-color: #FFFFFF;
}

#right-column ul {
	list-style: none; 
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
}

#right-column li {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	width: 200px;
	padding-left: 2px;
	background-color: #FFFFFF;
}

#koukoku #sider {
	margin-left: 5px;
	width:180px;
	height: 100%;
	list-style-type: none;
	text-indent: -9999px;
	}

#koukoku #sider .title {
width:180px;
height:26px;
background:url(https://www.itsmf-japan.org/side/images/side_title.jpg) no-repeat left bottom;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}

#koukoku #sider .space {
margin-top: 0;
width:180px;
height:3px;
background:url(https://www.itsmf-japan.org/images/spacer.gif) no-repeat left bottom;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}

#koukoku #sider .sokai a {
display:block;
width:180px;
height:60px;
background:url(https://www.itsmf-japan.org/side/images/side_sokai.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#koukoku #sider .sokai a:hover {
background-position:left bottom;
}

#koukoku #sider .semina a {
display:block;
width:180px;
height:60px;
background:url(https://www.itsmf-japan.org/side/images/side_semina.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#koukoku #sider .semina a:hover {
background-position:left bottom;
}

#koukoku #sider .book2 a {
display:block;
width:180px;
height:60px;
background:url(https://www.itsmf-japan.org/side/images/side_book2.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#koukoku #sider .book2 a:hover {
background-position:left bottom;
}

#koukoku #sider .kyan a {
display:block;
width:180px;
height:60px;
background:url(https://www.itsmf-japan.org/side/images/side_kyan.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#koukoku #sider .kyan a:hover {
background-position:left bottom;
}

#koukoku #sider .conf a {
display:block;
width:180px;
height:60px;
background:url(https://www.itsmf-japan.org/side/images/side_conf.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#koukoku #sider .conf a:hover {
background-position:left bottom;
}

#koukoku #sider .nyukai a {
display:block;
width:180px;
height:60px;
background:url(https://www.itsmf-japan.org/side/images/side_nyukai.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#koukoku #sider .nyukai a:hover {
background-position:left bottom;
}

#koukoku #sider .new_book a {
display:block;
width:180px;
height:70px;
background:url(https://www.itsmf-japan.org/side/images/side_new_book.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#koukoku #sider .new_book a:hover {
background-position:left bottom;
}

#koukoku #sider .websemina a {
display:block;
width:180px;
height:60px;
background:url(https://www.itsmf-japan.org/side/images/side_websemina.jpg) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
#koukoku #sider .websemina a:hover {
background-position:left bottom;
}

#koukoku #sider .main_left
	{
	float:left;
	padding-left: 0px;
	width:80px;
	background-color: #FFFFFF;
	}

#koukoku #sider .main_right
	{
	float:right;
	padding-right: 0px;
	width:80px;
	background-color: #FFFFFF;
	}

#koukoku .sider .main_one
	{
	float:left;
	}

#koukoku .sider .main_one ul
	{
	list-style-type: none;
	}
#koukoku .sider .main_one li
	{
	list-style-type: none;
	padding-bottom: 0px;
	}

/*
#koukoku #sider .clears{
  clear:both;
}*/