html,body{
top:0;
max-width:800px;
min-width: 350px;
margin:0 auto;
width:100%;
height:100%;
height:auto;
min-height:100%;
text-align:center;
/*background-image:url(img/harienjyu_haikei.jpg);*/
}

p{
text-align:left;
}
h3{
text-align:left;
}
img{
border:0;
}
/*menu*/
.menubar{
z-index: 500;
width:100%;
max-width:100%;
min-width:340px;
min-height:25px;
max-height:100%;
position:fixed;
top:0;
left:0;/*指定しないと左空く。このCSSの設定問題かな*/
margin:0 auto;
background-color:white;
/*backgrond-color: rgba(255,255,255,0.5);*/
box-shadow: 0px 3px 15px 5px rgba(0, 0, 0, 0.1); /*横方向　下方向　ぼかし　広がり　色 */
/*background-image:url(img/p0105_s.jpg);*/
}
.menubar img{
max-width: 100%;
margin-left:0px;
height: auto; 
border:0;
}
/*menu*/

.blockd a:link {
text-decoration:none;
color:#0033cc;
}
.blockd a:visited {
text-decoration:none;
color:#9900ff;
}
.blockd a:active {
text-decoration:none;
color:#0033cc;
}
.blockd a:hover {
text-decoration:underline;
}
.blockd a:hover img{
opacity: 0.5;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.blockd{
margin: 0 auto;
}
.blockd p{
}
.blockd img{
border:0;
max-width: 100%; 
height: auto; 
}

/*index page*/
.item{
margin:0 auto;
padding-right:5px;
padding-bottom:5px;
float:left;
}
.item img{
box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}

.item a:link {
text-decoration:none;
color:#0033cc;
}
.item a:visited {
text-decoration:none;
color:#9900ff;
}
.item a:active {
text-decoration:none;
color:#0033cc;
}
.item a:hover {
text-decoration:underline;
}

.item3{
margin:0 auto;
padding-right:5px;
padding-bottom:5px;
float:left;
}
.item3 img{
}

.main{
float: left;
position:relative;
top:30px;
border:1px #cccccc solid;
border-collapse: separate;
width:325px;
min-width:25%;
height:auto;
margin:0px 15px 15px 5px;
padding:0px 5px 0px 5px;
background-color:;
background-image:url(img/Paper03.jpg);
box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.8);
}
.main a:link {
text-decoration:none;
color:#0033cc;
}
.main a:visited {
text-decoration:none;
color:#9900ff;
}
.main a:active {
text-decoration:none;
color:#0033cc;
}
.main a:hover {
text-decoration:underline;
}
.main2 {
float: left;
position:relative;
top:30px;
border:1px #cccccc solid;
border-collapse: separate;
width:316px;
min-width:25%;
height:auto;
margin:0px 15px 15px 5px;
padding:10px 10px 10px 10px;
background-color:;
box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.8);
color: #000;
text-shadow: 1px 1px 1px #fff,
-1px 1px 1px #fff,
1px -1px 1px #fff,
-1px -1px 1px #fff;
}
/*index page*/

/*news page*/
.page a:link {
text-decoration:none;
color:#0033cc;
}
.page a:visited {
text-decoration:none;
color:#9900ff;
}
.page a:active {
text-decoration:none;
color:#0033cc;
}
.page a:hover {
text-decoration:underline;
}
iframe{
background-color:white;
border:1px #cccccc solid;border-collapse: separate;
width:100%;
height: 100%;
max-width:790px;
min-width:290px;
margin:0 auto 15px auto;
box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}
.page{
top:75px;
left:10px;
float:left;
position:relative;
width:auto;/*200*/
height:30px;
margin:0 auto;
text-align: left;
}
.newscont{
clear:left;
float:left;
position:relative;
top:90px;
left:8px;
right:8px;
width:100%;
max-width:795px;
min-width:310px;
max-height:auto;
margin-bottom:80px;
}
.newscont p{
margin:10px;
}
/*news page*/

/*record page*/
.item2 a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:0;
}
.item2 a:link{
text-decoration:none;
color:#000000;
border-style:none;
}
.item2 a:visited {
text-decoration:none;
color:#000000;
border-style:none;
}
.item2 a:active {
text-decoration:none;
color:#000000;
border-style:none;
}
.item2 a:hover{
width: 100%;
height: 100%;
text-decoration:none;
opacity: 0.5;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
border-style:none;
}
.item2{
position: relative;
background-color:linen;
border:1px #cccccc solid;border-collapse: separate;
margin-right:5px;
margin-bottom:5px;
float:left;
width: 100%;
width:155px;
height:55px;
box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */

}
.item2 img{
width:40px;
height:40px;
padding:5px;
float:left;
border-style:none;
}
.item2 h4{
margin-top:px;
text-align: center;
}
.item2 p{
font-size: 14px;
font-face:HG行書体;
margin-top: px;
text-align:bottom;
}
.box{
float:left;
position:relative;
top:100px;
width:100%;
max-width:800px;
min-width:340px;
height:auto;
margin:0 auto 30px 0px;
background-image:url(img/Paper03.jpg);
box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.8);
}
/*
.item2 a:link h4{
text-decoration:none;
display:block;
width:100%;
height:100%;
}
.item2 a:hover{
opacity: 0.5;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}*/
/*entry page*/

.footer{
position:relative;
top: 70px;
clear:left;
width:100%;
max-width:845px;
min-width:335px;
height:30px;
margin:0 auto;
}
.footer p{
margin:0 auto;
text-align:center;
font-family:Times New Roman;
font-size:small;
}

/*twitter*/
.main3{
float: left;
position:relative;
top:30px;
border:1px #cccccc solid;
border-collapse: separate;
width:;
min-width:335px;
height:250px;
margin:0px 15px 15px 5px;
padding:;
background-color:;
background-image:;
box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.8);
}

.main4{
float: left;
position:relative;
top:30px;
border:1px #cccccc solid;
border-collapse: separate;
min-width:335px;
height:250px;
margin:0px 15px 15px 5px;
padding:0;
background-color:;
background-image:;
box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.8);
}