@charset "utf-8";
/* CSS Document */

body {
	background:#fff;
	margin: 0;  
	padding: 50px 0 20px 0;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	text-align:justify;  
}  
* html body{  
	overflow: hidden;  
}   

div#footer {  
	position: fixed !important;  
	position: absolute;  
	bottom: 0;  
	left: 0;  
	width: 100%;  
	height: 20px;  
}  
* html div#main{  
	height: 100%;  
	overflow: auto;  
}
img{
	border:0;
}
	
.box {
  width: 220px;
  margin: 5px;
  float: left;
  max-height:307px;
  overflow:hidden;
}

.box p{
	margin:10px;
}
.three {
	width:680px;
}
.full {
	width:100%;
}
.small {
	font-size: 12px;
}

/* */
div#main{
	clear:both;
	overflow: auto; 
	background-color:#fff;
}

p{
	color:#333;
}

/* tab */
nav {
	position: fixed !important;  
	position: absolute;
	top: 0;  
	left: 0;  
	width: 100%;  
	height: 45px;  
	border-bottom:5px #fff solid;
	background-color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:20px;
	color:#ddd;
	z-index:1;
}
nav a.logo {
	position: absolute;
	top: 0;  
	left: 10px; 
	display:block;
	height:40px;
	width:120px;
	line-height:40px;
	overflow:hidden;
}


ul.tab {
	/*position:absolute;
	top: 0;  
	left: 0; 
	width:100%;
	margin: -40px 0 0 0;*/
	padding: 0;
	border-bottom: 1px #555 solid;
	bottom:0px;
	height:30px;
	overflow:hidden;
}
ul.tab li {
	font-size:0.8em;
	display:inline-block;
	float: right;
	margin: 0 0 0 1px;
	bottom: -2px;
	list-style-type: none;
	border: 1px #333 solid;
	border-bottom: 1px #333 solid;

}
ul.tab li.none {
	border-bottom: 2px #fff solid;
	font-weight: bold;
	background:#fff;
	color:#333;
}
ul.tab li a {
	color: #ddd;
	display: block;
	padding: 5px 10px 5px;
	text-decoration: none;
	background: #000;
}
ul.tab li a:hover {
	background-color:#666;
	color:#000;
}
/* clerfix */
.clear:after {
    content:"";
    display:block;
    overflow:hidden;
}
.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}

/* footer */
#footer {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#ddd;
}

/* mini logo */
#floatnav{
	right : 15px;
	top : 50%;
	position : absolute;
	line-height : 40px;
}

/* 毎回の処理 */
#s18 ul.tab li.s18 a,
#s19 ul.tab li.s19 a,
#s20 ul.tab li.s20 a,
#s21 ul.tab li.s21 a,
#s22 ul.tab li.s22 a,
#ex01 ul.tab li.ex01 a,
#s24 ul.tab li.s24 a,
#s25 ul.tab li.s25 a,
#s26 ul.tab li.s26 a,
#s27 ul.tab li.s27 a,
#s29 ul.tab li.s29 a,
#s30 ul.tab li.s30 a
{
	font-weight: bold;
	background:#fff;
	color:#333;
}

#s18 ul.tab li.s18,
#s19 ul.tab li.s19,
#s20 ul.tab li.s20,
#s21 ul.tab li.s21,
#s22 ul.tab li.s22,
#ex01 ul.tab li.ex01,
#s24 ul.tab li.s24,
#s25 ul.tab li.s25,
#s26 ul.tab li.s26,
#s27 ul.tab li.s27,
#s29 ul.tab li.s29,
#s30 ul.tab li.s30
{
	border-bottom: 2px #fff solid;
}