body {
  margin: 15px 0px 0px 0px;
  padding : 0px;
  background-color : #EBEBEB;
}
#container {
  width : 740px;
  margin-left : auto;
  margin-right : auto;
  background-color : #FFFFFF;
}
#banner {
	width : 740px;
	background-image : url(http://www.itoopt.com/weblog/ito_bannerBX.jpg);
	background-repeat : no-repeat;
	height: 80px;
}

#banner-img {
	display: none;
	}

#leftsidebar {
  width : 170px;
  float : left;
}
#contents {
  width : 400px;
  float : left;
  background-color : white;
}
#contents_1col {
  width : 720px;
  background-color : white;
}
#rightsidebar {
  width :170px;
  float : left;
}
.bannerinner {
  padding : 10px;
  overflow: hidden;
}
.sidebarinner {
	padding : 10px;
	overflow: hidden;
	background-color: #FFFFFF;
}
.contentsinner {
  padding : 10px;
  overflow: hidden;
}

table.calendar {
  margin-left : auto;
  margin-right : auto;
  margin-top : 10px;
  margin-bottom : 10px;
  border-left : 1px black;
  border-top : 1px black;
}
table.calendar caption {
  text-align : center;
  font-size : 14px;
  font-family : sans-serif;
}
table.calendar td, table.calendar th {
  text-align : center;
  font-size : 14px;
  font-family : sans-serif;
  border-right : 1px black;
  border-bottom : 1px black;
}
ul {
  margin-top : 10px;
  margin-bottom : 10px;
  margin-left : 0px;
  padding-left : 0px;
}
li {
  padding-left : 0px;
  list-style-type : none;
  font-size : 14px;
  font-family : sans-serif;
  line-height : 120%;
}
ul ul {
  margin-top : 0px;
  margin-bottom : 0px;
  margin-left : 10px;
  padding-left : 0px;
  font-size : 14px;
  font-family : sans-serif;
  line-height : 120%;
}
.errormessage {
  padding : 5px;
  border : 1px solid black;
  font-weight : bold;
}
h1 {
  font-size : 16px;
  font-family : sans-serif;
  color : white;
  text-align : center;
  font-weight : normal;
  background-color : darkcyan;
  padding-top : 3px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-bottom :10px;
}
h2 {
  font-size : 20px;
  font-family : sans-serif;
  color : white;
  font-weight : normal;
  line-height : 120%;
  margin-top : 10px;
  margin-bottom : 10px;
  padding-left : 17px;
  background-image : url(http://www.itoopt.com/weblog/mark.gif);
  background-repeat : no-repeat;
  background-position : left top;
}
p {
  margin-top : 10px;
  margin-bottom : 10px;
  font-size : 14px;
  font-family : sans-serif;
  line-height : 120%;
}
a:link {
	color: none;
	text-decoration : none;
	}

a:visited {
	color: blue;
	text-decoration : none;
	}

a:active {
	color: #8FABBE;
	}

a:hover {
	color: #FF8C00;
	}
h3 {
  font-size : 16px;
  font-family : sans-serif;
  color : white;
  text-align : center;
  font-weight : normal;
  background-color : darkcyan;
  padding-top : 3px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-bottom :10px;
}

p.blogname { 
  margin : 5px;
  padding : 0px;
  text-align:center;
  font-size : 28px;
  font-family : "MS UI Gothic";
  font-style :normal;
  color : #FFFFFF;
}

p.blogdesc {
  margin : 14px 10px 10px;
  padding : 0px;
  text-align:right;
  font-size : 14px;
  font-family : "MS UI Gothic";
  font-style :normal;
  color : #666666;
}
/************* globalNav styles ****************/
#globalNav{
	position: relative;
	width: 740px;
	height: 50px;
	color: #cccccc;
	padding: 0px;
	margin: -8px 0px 5px;
	background-image:   url(css/glbnav_background.gif);
	top: 0px;
}

#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 18px;
	height: 24px;
	width: 740px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}


a.glink, a.glink:visited{
	font-size: 12px;
	color: #003366;
	font-weight: bold;
	margin: 18px 0px 0px;
	padding: 5px 5px 2px;
	border-right: 1px solid #8FB8BC;
	top: 18px;
	border-left-width: thick;
	border-left-style: none;
	font-family: "ＭＳ Ｐゴシック";
	border-top-style: none;
	border-bottom-style: none;
}

a.glink:hover{
	background-image:url(blue_selected.gif)
	text-decoration: none;
	padding-top: 6px;
	background-image: url(../css/glblnav_selected.gif);
}

.skipLinks {display: none;}
/************* globalNav styles ****************/

#bottomNav{
	position: relative;
	width: 1000px;
	height: 100px;
	color: #cccccc;
	padding: 0px;
	margin: -8px 0px 5px;
	background-image:   url(css/botnav_background.jpg);
	top: 0px;
	background-position: center;
}

#bottomNav img{
	margin-bottom: -4px;
 
}

#gxl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gxr {
	position: absolute;
	top: 1px;
	right:-4px;
}

#bottomLink{
	position: absolute;
	top: 15px;
	height: 24px;
	width: 1000px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}


a.blink, a.blink:visited{
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	margin: 5px 0px 0px;
	padding: 5px 5px 2px 2px;
	border-right: 1px solid #CCFF00;
	top: 20px;
	border-left-width: thick;
	border-left-style: none;
	font-family: "ＭＳ Ｐゴシック";
	border-top-style: none;
	border-bottom-style: none;
	line-height: 24px;
}

a.blink:hover{
	background-image:url(blue_selected.gif)
	text-decoration: none;
	padding-top: 5px;
	background-image: url(css/glblnav_selected.gif);
}
.xleft {
	height: 96px;
	width: 96px;
	float:left;
	padding-top:0px;
	margin: 0px;
	clear: none;
}
.xright {
	height: 93px;
	width: 74px;
	float:right;
	padding: 0px;
	clear: none;
	position: static;
	top: auto;
}
.center {
	width: 756px;
	float:left;
	clear: none;
	position: relative;
	height: auto;
	page-break-before: auto;
	overflow: visible;
	visibility: visible;
	top: 0px;
	z-index: auto;
	page-break-after: auto;
	background-position: center;
	padding-top: 0px;
	margin-right: 0px;
	right: 0px;
	text-align: left;
}