body {
 text-align:center;
  margin: 0 auto; width : 700px ;
}

#my_body { position : relative ;
 }

#header {
width : 100% ; height : 100px ;
}

#header2 {
width : 100% ; height : 200px ;
}

#photo {
 width:300px;
 float:left;
}

#photo2 {
 width:100px;
 float:left;
}

#contents{
 width:400px;
 float:left;
}

#contents2{
 width:600px;
 float:left;
}

#contents3{
	width:500px;
	text-align: left;
	position: relative;
	left:120px;
}

.table1{
     vertical-align :top;
}


#footer {
 width:100%;
 clear:both ; 
}

.gradient1left{
				color:#FFCCFF;
				background:-webkit-gradient( linear, left top, right top, from(#ffccff), to(#ffffff) );/*未対応ブラウザへの代替指定*/
				/* Gecko系 */
				background: -moz-linear-gradient(
					left,
					#ffccff,
					#ffffff
				);
				/* Webkit系 */
				background: -webkit-gradient(
					linear,
					left top,
					right top,
					from(#ffccff),
					to(#ffffff)
				);
			}












div.boxshadow {
 border: #000077 1px solid;
 box-shadow: 2px 2px 3px #555599;
 margin: 7px 3px;
}
div.boxshadow_moz {
 border: #000077 1px solid;
 -moz-box-shadow: 2px 2px 3px #555599;
 margin: 7px 3px;
}
div.boxshadow_webkit {
 border: #000077 1px solid;
 -webkit-box-shadow: 2px 2px 3px #555599;
 margin: 7px 3px;
}
div.boxshadow_vv {
 margin: 0px;
 padding: 5px 8px 8px 5px;
}
div.boxshadow_uu {
 border: #000077 1px solid;
 -uu-box-shadow: 2px 2px 3px #555599;
 margin: 0px;
 padding: 2px 1px;
}