﻿/* 基本CSS */
body{
	font-family:"ＭＳ Ｐゴシック", sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCFF;
	text-align:center;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:300%;
	font-weight: normal;
	letter-spacing: 5px;
	margin: 0px;
	background-image:url(newtop.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 160px;
	}
h2 {
	color: #FF3333;
	font-size:120%;
	border-left: 15px double #6699FF;
	padding-left: 5px;
	margin-top: 1px;
	margin-bottom: 0px;
}
h3 {
	background-color:#460e44;
	border:3px double #FF9900;
	color: #FFFFFF;
	font-size: 25px;
	margin:0px 5px;
	clear:both;
	text-align:center;
}
p {
	font-size: 16px;
	line-height: 22px;
	background-color: #FFFFFF;
}


#path {
	text-align:right;
	margin: 0px;
}
a {
text-decoration: none;
}
a:hover {
background-color: #e0e0e0;
/*background-image:url(shouchoubk.jpg);*/
}
.mail {
	text-align: center;
	}

.pdf{
	font-size:90%;
	margin-bottom: 10px;
	}
#contents {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: auto;
	height: 3000px;
	text-align:left;
}
.sr { font-size: smaller}
.ag { font-size: 120%;
	font-weight:bold;
	color: #9966FF;
	}
.col{
	width:60%;
	float:left;
	padding:1% 1%;
	height: 180px;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	background-color: #FFFFFF;
	}
.colI{
	width:30%;
	float:right;
	padding:1% 1%;
	height: 180px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	background-color: #FFFFFF;
	}
.colIII{
	width:96%;
	float:left;
	padding:1% 1%;
	height: 550px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	background-color: #FFFFFF;
	}
.colIIII{
	width:96%;
	float:left;
	padding:1% 1%;
	height: 1000px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	background-color: #FFFFFF;
	}
.bangumi{
	/*border:3px solid #FF9900;*/
	width:700px;
	float:left;
	margin-left: 20px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	}
img.example1 { margin-left: 35px;
margin-bottom: 20px;
float:left;
 }	
img.example1a { margin-left: 30px;
margin-bottom: 20px;
float:left;
 }	
img.example2 { margin-right: 5px;
margin-bottom: 20px;
float:right;
 }
img.example3 { margin-left: 5px;
margin-bottom: 5px;
float:left;
 }
img.example4 { margin-left: 6px;
margin-top: 15px;
margin-bottom: 5px;
float:left;
 }
img.exampleyoichihiru { margin-left: 35px;
margin-bottom: 20px;
margin-right: 400px;
float:left;
 }
img.exampleyoichiyoru { margin-left: 395px;
margin-bottom: 20px;
margin-right: 0px;
float:left;
 }
img.exampleoyako { margin-left: 220px;
margin-bottom: 20px;
margin-right: 0px;
float:left;
}
img.donchou { margin-left: 40px;
margin-bottom: 15px;
float:left;
border: 1px solid #CCCCCC;
}
img.hirome { margin-left: 140px;
margin-bottom: 20px;
margin-right: 0px;
float:left;
}
img.hirome2 { margin-left: 110px;
margin-bottom: 20px;
margin-right: 0px;
float:left;
}
img.kakui { margin-left: 100px;
margin-bottom: 20px;
margin-right: 0px;
float:left;
}
HR {
  width: 600px;
  text-align: center;
  border-top: dotted 4px #D93E02;
  margin-top: 5px;
}
.colII{
	width:96%;
	float:left;
	padding:1% 1%;
	height: 167px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	overflow: auto;
	}
.kami { font-size: 150%;
	font-weight:bold;
	color: #FF3366;
	}
.naka { font-size: 150%;
	font-weight:bold;
	color: #669933;
	}
.shimo { font-size: 150%;
	font-weight:bold;
	color: #663399;
	}



/* ---------- menubar-2 ---------- */
.menubar2{
float:left;
display:block;
width:201px;
height:20px;
color:#FF3333;
background-color:#ffffff;
text-align:center;
}
.menubar2 a{
display:block;
width:198px;
height:20px;
margin:3px 1px 0px 0px;
padding:0px;
color:#FF3333;
background-color:#ffffff;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
text-decoration:none;
}
.menubar2 a:hover{
height:20px;
margin:0px 1px 0px 0px;
padding:0px;
color:#FF3333;
font-weight:bold;
background-color:#ffffff;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
text-decoration:none;
}


/* ---------- box_out ---------- */
.box{
clear:both;
width:620px;
height:141px;
margin:0px;
padding:0px;
 border-top:0px solid #cccccc; 
 border-right:1px solid #cccccc; 
 border-bottom:1px solid #cccccc; 
 border-left:1px solid #cccccc; 
}

/* ---------- box_in ---------- */
.list_top{
position:absolute;
margin:0px;
padding:0px;
width:620px;
height:140px;
border-top:1px solid #cccccc;
}
.list{
position:absolute;
display:none;
margin:0px;
padding:0px;
width:620px;
height:140px;
border-top:1px solid #cccccc;
}

/* ---------- box-1 ---------- */
.box1{
position:absolute;
width:198px;
height:1px;
overflow:hidden;
margin-top:-1px;
padding:0px;
border-top:1px solid #ffffff;
}

/* ---------- box-2 ---------- */
.box2{
position:absolute;
width:198px;
height:1px;
overflow:hidden;
margin-top:-1px;
margin-left:201px;
padding:0px;
border-top:1px solid #ffffff;
}

/* ---------- main-1 ---------- */
.maintext1{
margin:0px;
padding:5px 10px;
width:600px;
height:130px;
overflow:auto;
background:#ffffff;
}

/* ---------- main-2 ---------- */
.maintext2{
margin:0px;
padding:5px 10px;
width:600px;
height:130px;
overflow:auto;
background:#ffffff;
}

