sambophotopage　CSS

html
  {
  height:100%;
  margin-bottom:1px;
}
body {
	color: #ffffff;
	font-size: 13px;
	background-color: #000000;
	font-family:"ＭＳ Ｐゴシック","ＭＳ ゴシック", Osaka, sans-serif;
	text-align:center;
	margin: 0 auto;
}


td,th {
        width:100px;
        text-algin:center;
	font-size: 11px;
	color: #999999;
}
a {
	font-size: 12px;
}
a:link {
	color: #E5E203;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #E5E203;
}
a:hover {
	text-decoration: none;
	color: #ffffff;
}
a:active {
	text-decoration: none;
}

.b1 {
cursor:hand;

}
/******************************
wrapper
******************************/
div#wrapper { 
position: relative;
width: 1060px; 
margin: 0 auto;
padding: 0 ; 
} 
/******************************
top
******************************/
div#top { 
position:absolute;
overflow:auto;
width: 900px; 
height:665px;
top:50%;
left:50%;
margin-top:-325px;
margin-left:-450px;
background-image: url("../img/topback.jpg");
background-repeat: no-repeat; 
} 
div#top #menu_box
{
position:absolute;
text-align:left;
width: 690px;
height: 50px;
padding-top:5px;
padding-left:10px;
padding-right:5px;
padding-bottom:5px;
font-size: 15px;
color: #ffffff;
top:540px;
}
div#top #menu_box a {
	font-size: 17px;
}
div#top #menu_box a:link {
	color: #ffffff;
	text-decoration: none;
}
div#top #menu_box a:visited {
	text-decoration: none;
	color: #ffffff;
}
div#top #menu_box a:hover {
	text-decoration: none;
	color: #E5E203;
}
div#top #menu_box a:active {
	text-decoration: none;
}

div#top #news_box
{
position:absolute;
text-align:left;
width: 890px;
height: 55px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
font-size: 12px;
color: #ffffff;
top:600px;
}
div#top #news_box #left
{
float:left;
text-align:left;
width: 40px;
height: 50px;
font-size: 12px;
color: #ffffff;
top:600px;
}


/******************************
gallery
******************************/
div#gallery {
position:absolute;
overflow:auto;
width: 950px; 
height:685px;
top:50%;
left:50%;
margin-top:-340px;
margin-left:-475px;
} 

div#gallery #back_box
{
position:absolute;
text-align:left;
width: 890px;
height: 40px;
font-size: 12px;
color: #ffffff;
left:0;
top:680px;
}


/******************************
gallerytop
******************************/
div#gallerytop { 
position:absolute;
overflow:auto;
width: 900px; 
height:665px;
top:50%;
left:50%;
margin-top:-325px;
margin-left:-450px;
background-image: url("../img/g-back.jpg");
background-repeat: no-repeat; 
} 
div#gallerytop #menu_box
{
position:absolute;
text-align:left;
width: 400px;
height: 550px;
padding-top:30px;
font-size: 16px;
color: #ffffff;
left:80px;
top:0;
line-height:25px;
}
div#gallerytop #back_box
{
position:absolute;
text-align:right;
width: 890px;
height: 40px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-size: 12px;
color: #ffffff;
top:600px;
}

div#gallerytop #menu_box a {
	font-size: 16px;
}
div#gallerytop #menu_box a:link {
	color: #ffffff;
	text-decoration: none;
}
div#gallerytop #menu_box a:visited {
	text-decoration: none;
	color: #ffffff;
}
div#gallerytop #menu_box a:hover {
	text-decoration: none;
	color: #E5E203;
}
div#gallerytop #menu_box a:active {
	text-decoration: none;
}
/******************************
prof
******************************/
div#prof { 
position:absolute;
overflow:auto;
width: 900px; 
height:665px;
top:50%;
left:50%;
margin-top:-325px;
margin-left:-450px;
background-image: url("../img/prof_back.jpg");
background-repeat: no-repeat; 
} 
div#prof #text_box
{
position:relative;
text-align:left;
width: 501px;
margin-left:384px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-size: 12px;
color: #ffffff;
left:0;
top:439px;
}

div#prof #back_box
{
position:absolute;
text-align:right;
width: 890px;
height: 40px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-size: 12px;
color: #ffffff;
left:0;
top:600px;
}
/******************************
contact
******************************/
div#contact { 
position:absolute;
overflow:auto;
width: 900px; 
height:665px;
top:50%;
left:50%;
margin-top:-325px;
margin-left:-450px;
background-image: url("../img/contact_back.jpg");
background-repeat: no-repeat; 
} 

div#contact #c_box
{
position:absolute;
text-align:right;
width: 400px;
height: 350px;
padding-top:30px;
font-size: 16px;
color: #ffffff;
left:490px;
top:190px;
font-size: 12px;
color: #ffffff;
line-height:25px;
}

div#contact #back_box
{
position:absolute;
text-align:right;
width: 890px;
height: 40px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
font-size: 12px;
color: #ffffff;
left:0;
top:600px;
}

/******************************
header
******************************/
div#header {
	position: relative;
	display: block;
        color: #cc6666;
        width: 1060px;
	height: 53px;
         padding: 0px;
        text-align:left;
        background-image:url(../img/);
       background-repeat:  repeat-y;
       font-size: 24px;
        color: #ffffff;
}
div#header #box_r
{
	float:right;
	text-align:right;
	margin-right: 20px;
        padding-right: 10px;
        width: 310px;
	height: auto;
        font-size: 12px;
        color: #E5E203;
}
div#header #box_l
{
	float:left;
	text-align:left;
	margin: 0;
        padding-right: 20px;
        width: 500px;
	height: auto;
        font-size: 12px;
        color: #E5E203;
}
#header h1{
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #66CCCC;
	margin-left:0px;
	margin-top:0px;
	margin-right: 0px;
}
#header h1 img{
	margin-bottom:5px;
}
/******************************
footer
******************************/
div#footer {
	clear:both;
	display: block;
        background-color: #000000;
        color: #000000;
	margin: 0;
        padding:0px;
        width: 1060px;
        text-align:right;
}
/******************************
rightmenu
******************************/
div#rightmenu {
	Position:absolute;
	top:0;
        left:650px;
	margin: 0;
        width: 300px;
	height: 685px;
        font-size: 12px;
        color: #E5E203;
        background-color: #000000;
       background-repeat:  repeat-y;

}
div#rightmenu #thumb {
        float:left;
	text-align:center;
        padding:5px;
        margin: 5px;
        width: 80px;
	height: 53px;
        font-size: 12px;
        color: #E5E203;
        background-color: #000000;

        

}
div#rightmenu #clear {
         clear: both; 
	text-align:center;
        margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
        width: 80px;
	height: 5px;
        font-size: 12px;
        color: #E5E203;
        background-color: #000000;

        

}

div#rightmenu #bottombox {
	left:0;
	top:590px;
	Position:absolute;
	text-align:right;
	margin: 0;
        padding-top:10px;
		padding-right:10px;
        width: 290px;
	height: 80px;
        font-size: 12px;
        color: #E5E203;
        background-color: #000000;
		line-height:18px;
}

/******************************
leftmenu
******************************/
div#leftmenu {
	float:left;
	text-align:center;
	margin: 0;
        padding-top:50px;
        width: 150px;
	height: 680px;
        font-size: 12px;
        color: #E5E203;
        background-color: #000000;
       background-repeat:  repeat-y;

}
/******************************
content
******************************/
div#content {
	position:relative;
	text-align:left;
padding-top:10px;
        width: 900px;
	height: 640px;
        font-size: 12px;
        color: #E5E203;
        background-color: #000000;
}
div#content #box
{
	
	text-align:left;
	margin: 0;
        padding:10px;
        width: 800px;
	height: auto;
        font-size: 14px;
        color: #ffffff;
        background-color: #000000;
}


.style1 {font-size: 11px;
          color: #E5E203;}
.style2 {font-size: 24px}
.style3 {
	font-size: 12px;
	color: #FF0000;}
.style4 {font-size: 24px}
.style5 {color: #FF00FF}
.style6 {color: #CCCCCC}
.style7 {color: #333333}
.style8 {
	font-size: 16px;
	color: #FF00FF;
}
.style9 {color: #00FFFF}
.style10 {font-size: 16px}
.style11 {
	font-size: 12px;
	color: #CCCCCC;
}
.style12 {font-size: 12px}

.word {
	font-size: 15px;
	color: #FFFFFF;
	background-color: #CCCCCC;
	padding-left: 10px;
	font-weight: 600;
}
.color {
	font-size: 11px;
	color: #999999;
	height: 15px;
	width: 97px;
	border: 1px dotted #CCCCCC;
	text-align: center;
	vertical-align: middle;
}

.all {
	margin: 0px;
	padding: 0px;
	height: 2000px;
	width: 920px;
}
.r2box_s {
	text-align: center;
        margin-left: 15px;
        margin-right: 25px;
　　　　 margin-bottom: 25px;
	padding: 0px;
	clear: none;
	float: left;
	height: 280px;
	width: 200px;
        border: 1px solid #F1CCCC;
}
.r2box {
	text-align: center;
	margin-right: 25px;
        margin-bottom: 25px;
	padding: 0px;
	clear: none;
	float: left;
	height: 280px;
	width: 200px;
        border: 1px solid #F1CCCC;
}
.main {
	height: auto;
	width: 920px;
	padding-top: 10px;
	clear: both;
	float: left;
}