/*メインフレーム背景*/
body{font-family: sans-serif;}

@media screen {
div.m1{width: 780px; 
	height: 580px; 
	border-style: solid;
	border-width: 1px; 
	display: block; 
	margin: auto ;
	position: relative; 
	background-image: url('kaku-top.jpg');
	background-repeat: no-repeat;
	z-index: 1;}
	}
@media screen {
div.m2{width: 780px; 
	height: 580px; 
	border-style: solid;
	border-width: 1px; 
	display: block; 
	margin: auto ;
	position: relative; 
	background-image: url('reserve.jpg');
	background-repeat: no-repeat;
	z-index: 1;}
	}
@media screen {
div.m3{width: 780px; 
	height: 580px; 
	border-style: solid;
	border-width: 1px; 
	display: block; 
	margin: auto ;
	position: relative; 
	background-image: url('notice.jpg');
	background-repeat: no-repeat;
	z-index: 1;}
	}
/*角間の里ロゴ*/
@media screen {
p.logo1{margin: 0px; 
	position: absolute; 
	top: 35px; 
	left: 40px;}
}	
/*topページリード文*/
@media screen {	
p.info1{width: 280px; 
	height: 100px; 
	font-size: 11px; 
	color: #FFFFFF; 
	line-height: 18px; 
	position: absolute; 
	top: 120px; 
	left: 40px;}
}

/*メニュー部分画像切り替え*/
@media screen {		
p.memu1{width: 84px; 
	height: 72px; 
	color: #696969;
	font-size: 12px;
	font-weight: bold;
	line-height: 72px;
	text-align: center;
	vertical-align: middle;
	border-style: none;
	background-repeat: no-repeat;
	display: block;
    background-image: url('menu.png') !important;
	_background-image: url('memu.gif');}
}

@media screen {
p.memu1 a{width: 84px; 
	height: 72px; 
	color: #696969;
	font-size: 12px;
	font-weight: bold;
	line-height: 72px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-style: none;
	background-repeat: no-repeat;
	display: block;
    background-image: url('menu.png') !important;
	_background-image: url('memu.gif');}
}

@media screen {
p.memu1 a:hover{width: 84px; 
	height: 72px; 
	color: #FFFFFF !important;
	_color: #FF9966;
	font-size: 12px;
	font-weight: bold;
	line-height: 72px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-style: none;
	background-repeat: no-repeat;
	display: block;
	background-image: url('menu-h.png') !important;
	_background-image: url('memu-h.gif');}
}
/*メニュー部分位置決め*/

@media screen {	
.mm1{position: absolute;left: 440px; top: 30px;}
}
@media screen {
.mm2{position: absolute;left: 510px; top: 70px;}
}
@media screen {
.mm3{position: absolute;left: 585px; top: 110px;}
}
@media screen {
.mm4{position: absolute;left: 585px; top: 190px;}
}
@media screen {
.mm5{position: absolute;left: 660px; top: 230px;}
}
 
/*フット位置決め*/
@media screen {	
.footer{width: 570px;clear: both; position: absolute;left: 40px; top: 510px;}
}
/*大学ロゴ*/
@media screen {		
img.k-s{width: 55px;
height: 55px;
display: block;
margin: 0px;
float: left;
border-style: none;}
}
/*問い合わせアドレス*/
@media screen {	
p.ad{width: 500px; 
	height: 55px;
	font-size: 12px; 
	line-height: 16px; 
	color: #FFFFFF;
	border-style: none
	text-align: left;
	margin: 0px;
	float: right;}
}
/*利用規約ページ疑似フレーム*/
@media screen {	
.df{width: 530px; 
	height:335px;   
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    display: block;
    overflow : auto;
    position : absolute ;
    left: 35px; top: 165px;}
}    
/*利用規約ページ疑似フレーム内*/
@media screen {	
div.ss{width: 490px; 
	margin: auto;}
}
@media screen {	
p.s1{margin: 0px;}
}
/*利用規約ページpdfダウンロードbox*/
@media screen {	
div.pdf{width: 150px; 
height:150px;  
background-image: url('box-b.gif');
color: #FF0000;
font-size: 12px;
font-weight: bold;
line-height: 14px;
vertical-align: middle;
text-align: center;
text-decoration: none;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
display: block;
position : absolute ; 
left: 580px; top: 350px;}
}
@media screen {
div.pdf a{ 
color: #FF0000;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;}
}
@media screen {
.pdf-i{width: 120px; 
height: 60px;
color: #000000;
text-align: left;
font-size: 10px;
font-weight: normal;
background-color: #FFFFFF;
margin: 0px auto;}
}
@media screen {
.pdf-ip{width: 110px; 
height: 55px;
margin-top: 2px;
margin-right: auto;
margin-left: auto;
}
}
/*予約申し込みページbox*/
@media screen {	
.box{width: 530px; 
	height: 335px;  
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF;
    background-image: url('box-b.gif');
    display: block;
    position : absolute ; 
    left: 35px; top: 165px;}
}
@media screen {
.ta-box{
width:300px;
height: 320px;
border-style: none;
position : absolute ;
left: 5px; top: 5px;}
}
@media screen {
.table-in{
width:280px;
height: 300px;
font-size: 12px;
line-height: 14px;
text-align: center;
border-style: none;
empty-cells: show;
border-collapse: collapse;
position : absolute ;
left: 10px; top: 10px;}
}
@media screen {
.table-in span{color: #6699CC;
font-weight: bold;}
}
@media screen {
.table-in em{color: #6699CC;
font-size: 12px;
font-style: normal;}
}
@media screen {
.table-in a{color: #0000FF;
font-size: 12px;
font-style: normal;
text-decoration: none;}
}
@media screen {
.td1{
width:280px;
height: 30px;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
border-style: none;}
}
@media screen {
.td1 p{
width:240px;
margin: 0 auto 0 auto;}
}
@media screen {
.td2{
width:280px;
height: 10px;
border-style: none;}
}
@media screen {
.td2 p{
width:240px;
margin: 0 auto 0 auto;}
}
@media screen {
.td3{
width:280px;
height:80px;
background-color: #FFFFFF;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
border-style: none;}
}
@media screen {
.td3 p{
width:240px;
margin: 0 auto 0 auto;}
}
@media screen {
.down{width:200px;
height: 300px;
font-size: 12px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
position : absolute ;
left: 315px; top: 15px;}
}
@media screen {
.down-p1{width:150px;
height: 20px;
line-height: 20px;
vertical-align: middle;
text-align: center;
color: #FF3300;
margin: 0px auto 0px auto;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
background-color: #FFFFFF;}
}
@media screen {
.down-p2{width:160px;
height: 50px;
text-align: center;
margin: 0px auto 0px auto;
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;}
}
@media screen {
.down-p2 img{margin: 10px auto 0px auto;}
}
@media screen {
.down-p3{width:160px;
height: 90px;
margin: 0px auto 0px auto;
border-style: solid;
border-width: 1px;
border-color: #FF0000;
border-color: #FFFFFF;
background-color: #FFFFFF;}
}
@media screen {
.down-p4{width:140px;
height: 90px;
text-align:left;
margin: 5px auto 5px auto;}
}
@media screen {
.down-p5{text-align:left;
font-size:10px;
color: #3366CC;}
}

*html
.down-p3{width:160px;
height: 80px;
margin: 0px auto 10px auto;
border-style: solid;
border-width: 1px;
border-color: #FF0000;
border-color: #FFFFFF;
background-color: #FFFFFF;}

*:first-child+html
.down-p4{width:140px;
height: 80px;
text-align:left;
margin: 5px;}

*:first-child+html
.down-p5{text-align:left;
font-size:7px;
color: #3366CC;}