/* web */
html, body {height: 100%;}  /*高さ100%に指定*/

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}

body {
background-color:#eeeee7;		/* 背景色： */


}

#web {
    width: 730px;
	position:absolute;
left:50%;
margin-left:-365px;
	

}
#shadowed-border {
    width: 710px;
	

}

#header {
    width: 710px;


}

#header-inner {
	margin:0 10px;				/* マージン一括指定 */
	  background: url(http://www.haseton.net/test4/banner3.jpg) no-repeat top center;
	    display: block;

}

h1 {
  /* ボックスの表示位置を調整 */
  padding: 0px;
}

h1 a {
  display: block;
  /* ボックスの幅と高さを調整 */
  width: 690px;
  height: 150px;

}

.none {
  display: none;
}


.maincont{
    overflow: hidden;
	margin-top:45px;				/* マージン一括指定 */
	
	}

.maincont:after{
   content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;	



}

.webmain-header{
	padding-bottom:15px;



}



.web-alpha {
	 float: left;
	margin:10px 0px 10px 10px;				/* マージン一括指定 */
	    height: 256px;


	
}

.web-Entries {
    width: 320px;
	color:#777;
	border:solid 1px #ccc;				/* ボーダー一括指定 */
			padding:5px 9px 9px 9px;
				margin-bottom:10px;				/* マージン一括指定 */


	
}


.web-alphatitle {
	color:#6CA300;
	font-size:20px;			/*  フォントサイズ */
		font-weight:bold;			/* 太さ */

	
}

.web-recent-entries {
	font-size:12px;			/*  フォントサイズ */
	border-bottom:dotted 1px #999 ;				/* 上ボーダー */]


	
}

.web-entrieslist {
list-style-type:none;
		margin-top:2px;				/* 上マージン */

	
}

.web-tag {
    width: 320px;
	    height: 59px;
	color:#2A80CB;
	border:solid 1px #ccc;				/* ボーダー一括指定 */
			padding:5px 9px 9px 9px;


	
}

.web-beta {
		    float: left;




    width: 320px;
	border:solid 1px #ccc;				/* ボーダー一括指定 */
			padding:5px 9px 9px 9px;
		margin:10px;				/* マージン一括指定 */
color:#fff;



}


.web-tagcontents {
	font-size:12px;			/*  フォントサイズ */


	
}

.web-taglist {
list-style-type:none;
		margin-top:2px;				/* 上マージン */

	
}





.photo-thumb {
    float: left;
			margin:5px 8px 8px 8px;				/* マージン一括指定 */


}

.photo-thumb2{
    float: left;
			margin:10px 8px 8px 8px;				/* マージン一括指定 */


}

.photo-icon1 {
    width: 90px;
    height: 90px;
    float: left;
	overflow: hidden;  
	margin-right:17px;				/* マージン一括指定 */

}

.photo-icon2 {    
    width: 90px;
    height: 90px;
    float: left;
	overflow: hidden;  
	margin-right:17px;				/* マージン一括指定 */

}

.photo-icon3 {
    width: 90px;
    height: 90px;
    float: left;
	overflow: hidden;  

}

.web-footer {
    clear: both;
    padding-top: 100px;
}


a:link{
    color: #2A80CB;
	text-decoration:none;				/* 下線など */

}

a:visited{
    color: #5FB5FF;
	text-decoration:none;				/* 下線など */

}


a:hover{
    color: #E97E00;
	text-decoration:underline;				/* 下線など */

}




/* For the first shadowed border */
#shadowed-border .sb-inner { background:#fff; }
#shadowed-border .sb-border { background:#eee; }

/* The tabs */
#tabs { overflow:hidden; padding:0; margin:20px auto 0 auto; width:400px; }
* html #tabs { height:1%; }
#tabs .tab { float:left; color:#000; list-style:none; padding:0; margin-left:5px; }
* html #tabs .tab { display:inline-block; }
#tabs .tab a { display:block; float:left; text-decoration:none; padding:5px; color:#000; }
#tabs .tab .sb-inner { background:#ccc; }
#tabs .tab:hover .sb-inner { background:#eee; }
#tabs .tab .sb-border { background:#fff; }
#tabs-content { background:#ccc; width:380px; margin:-1px auto 20px auto; padding:10px; 
                border:1px solid #fff; }

/* The links */
#links { color:#4c2; padding:20px; margin:20px; width:400px; margin:0 auto; }
#links .sb-inner { background:#444; }
#links a { color:#9f2; }
#links a .sb-shadow { background:transparent; }
#links a:hover .sb-shadow { background:#777; }

/* Partial stuff */
#partial { overflow:hidden; width:500px; margin:20px auto; }
* html .partial { height:1%; }
.partial-class { float:left; width:30px; height:30px; padding:10px; 
                 margin-left:10px; color:#4c2; }
.partial-class .sb-inner { background:#444; }
.partial-class .sb-border { background:#fff; }

#change-border { color:#fff; padding:20px; margin:20px auto; width:300px; }
.change-border0 .sb-inner { background:#444; }
.change-border1 .sb-inner { background:#888; }