@import url("layout.css");

body {
    margin: 0 auto ;
    background-color:#f3f2ff;
}
img{	
	max-width:100%;
	display:block;
} 

/*コンテナのスタイル*/
#container {
	width: 740px;
	height:auto;
	margin:0 auto;
	background-image: url("../imag/contawaku.jpg");
	background-repeat: repeat-y;
	background-attachment:  scroll;
	positionrelative;	        
}
	
/*マストヘッドのスタイル*/	
#masthead {
	width: 740px;
	height:60px;
	margin:0 ;
	Background-color: navy;
	position:relative;
}
#masthead p {
	font-size: 20px;
	font-family:serif,sans-serif, ' HGS明朝B';
	color: white;
	letter-spacing:1px;
	position:absolute;
	top:14PX;
	left:14PX;
}


/*ページコンテントのスタイル*/
#pagecontent{
	overflow:hidden;
	height:auto;
	width:732px;
	margin-left:4px;
	margin-right:4px; 
}
#pagecontent div{
	padding-bottom:32767px;
	margin-bottom:-32767px;
}
#pagecontent #sidebar {float:left;
    width:142px;
    
    heightauto;
    colorpurple;
    background-color:white;
	margin-left4px;
	overflowauto;
}

/*サイドバーのスタイル*/
#sidebar table{
    height:220px;    
    border-color: white; #eeeeee;
}
#sidebar table td{
	width: 122px;
	height: 80px;
	padding10px;
	border-radius: 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	letter-spacing:1px;
	background-color: #e6ebff;#d9dafe;
}
#sidebar p{
    font-family: monospace,sans-serif,"ＭＳ Ｐゴシック";
    font-weight:bold; 
    color:  navy;
	font-size:18px;
	background-color: white;
	margin-top:0px;
 	padding-top:-10px;
	padding-right:60px;
	padding-bottom:73px;
	padding-left:10px;
	display:inline-block;
}
#sidebar a{
    font-family:sans-serif,Arial,"ＭＳＰゴシック";
   	color: purple; 
	text-decoration: none;
	letter-spacing:1px;
	padding:20px 10px 20px 10px;	 
}
#sidebar table td.tp-c{
	background-color:#E6EBFF;
}
#sidebar td:hover {
    background-color:rgba(230,235,255,0.6);
       color: purple;         
   
    
}

/*ページコンテントのスタイル*/
#pagecontent #content {float: right; 
	width: 590px;
	height:auto;
	text-align:left;
	background-color:#ededed;
}

/*コンテントのスタイル*/
#content p{
    font-family: sans-serif,Arial,"ＭＳＰゴシック";
    font-size:15px;    small;
    letter-spacing:2px;
    color:navy;
    line-height:140%;
    display:block;
    width:566px;
    padding-left:20px;
    padding-top:10px;
    padding-right:30px;
}

/*フッターのスタイル*/
#footer {
    clear:both;
	text-align:right; 
	width :712px;
	height: 10px;
	border:0px;
	margin-right: 4px;
	margin-left: 4px;
	padding-right:10px;
	padding-left:10px;
	background-color:#ceefe0;
	position:relative;
}
ul.visible{
     width:680px;
    margin-top:-16px;
    list-style:none;
}
ul.visible li{
	width:20px;
	background-color:aqua;
} 
li img{
	position:absolute;
	bottom:50px;
	right:50px;
	visibility:hidden;
	border-style:none;
	width:200px;
	height:150px;
}
.h{
	width:50px;height:40px;
	position:absolute;bottom:10px; right:50px;
	visibility:visible;
}
.i{
    width:50px;height:40px;
	position:absolute;bottom:10px; right:100px;
	visibility:visible;
}
.j{
    width:50px;height:40px;
	position:absolute;bottom:10px; right:150px;
	visibility:visible;
}	
.k{
    width :50px;height:40px;
	position:absolute;bottom:10px; right:200px;
	visibility:visible;
}
li a:hover{
    background-color: white;
}
a:hover img{ 
    visibility:visible;
}

/*フッターリンクのページ*/
#footerlink{
    width:732px;
    height:30px;
    text-align:center;
    margin-left:4px;
    margin-right:4px;
    background-color:#ceefe0;
}
.sime1{
	font-family:'HGP行書体',serif,monospace;
	font-size:15px;
	color:#067c26;
}
  
.sime2{
    font-family :sans-serif, "ＭＳ Ｐゴシック",serif;
    font-size:13px;
    font-weight:bold;
    letter-spacing:3px;
    color: navy;
}

.imag-sukasi{
	position:relative;
}

.imag-sukasi span{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position:absolute;
	background: url("../img-jq/imag-sukasi.png") 0 0 repeat;
}