/*  page layout
----------------------------------------------- */
body{ 
  /*background: #F5FFFA url(back-gold.jpg_);*/
  padding: 0px 0px; 
  text-align: center;
  font-family: ���C���I, Meiryo UI, Tahoma, Verdana, Arial, sans-serif;
  font-size:16px;
  overflow-y:scroll;
  background:#efefef url(../image/pattern1.png);
  color:#000033;
}

div#tp-container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background: #efefef url(../image/pattern2.png);
}

div#tp-header{
  position: relative;
  width: 960px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #FF0000;
}

div#tp-wrapper {
  clear: both;
  position: relative;
  width: 100%;
  background: url(../image/sidebar-back.gif) left top repeat-y;
  border-top: 0 solid red;
}

div#tp-sidebar {
  position: relative;
  float: left;
  width: 150px;
/*background:#8ca362;*/
  border-top: solid 0 #FFF;
}

div#tp-content,
div#tp-content-w {
  position: relative;
  float: right;
  width: 770px;
  padding: 20px;
  border: 0 solid red;
}

div#tp-content-w {
  width: 860px;
  padding: 20px 50px;
}

div#tp-footer {
  clear: both;
  width: 960px;
  margin: 0 auto;
  background: #32554B;
  color:#ffffff;
}

div#copywrite {
  padding: 5px 0;
  text-align: center;
  color:#ffffff;
  font-size: 12px;
}

/*  link color
----------------------------------------------- */
a:link {
  color:#006699;
  text-decoration: none;
}

a:visited {
  color:#006633;
  text-decoration: none;
}

a:hover {
  color: red;
  text-decoration: underline;
}

a:active {
  color:#ff00ff;
  text-decoration: underline;
}

/*  table layout
----------------------------------------------- */
table {
  width: auto;
  border-spacing: 0;
  border-collapse: separate;
  border-collapse: collapse; /* ie6,7 */
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

th,td {
  vertical-align: top;
  padding: 0 5px;
}

table.border {
  border:2px solid #333333;
}

table.border th,
table.border td {
  border:2px solid #333333;
}

/*  navigate-menu
----------------------------------------------- */
ul.top-navi,
ul.side-navi {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: center;
  list-style-type: none;
}

ul.top-navi li, ul.top-navi li a {
  float: left;
  display: block;
  width: 119px;
  height: 34px;
  line-height: 34px;
  margin:0px 1px 0px 0px;
  background: url(../image/button-off.png) repeat-x left;
}

ul.side-navi li, ul.side-navi li a {
  display: block;
  margin: 0 0 1px;
  width: 150px;
  height: 30px;
  line-height: 30px;
  background: url(../image/button-off.png) repeat-x left;
}

ul.top-navi li a,ul.top-navi li a:visited,
ul.side-navi li a,ul.side-navi li a:visited {
  display: block;
  font-weight: normal;
  color: blue;
  text-decoration: none;
}

ul.top-navi li a:hover,
ul.side-navi li a:hover {
  background: url(../image/button-off.png) repeat-x left;
  font-weight: bold;
  color: yellow;
}

ul.top-navi li a.parent,ul.top-navi li a.parent:visited,
ul.top-navi li a.current,ul.top-navi li a.current:visited,
ul.side-navi li a.parent,ul.side-navi li a.parent:visited,
ul.side-navi li a.current,ul.side-navi li a.current:visited {
  background: url(../image/button-on.png) repeat-x left;
  font-weight: bold;
  color: yellow;
}

.off .sbm2 {
  display: none;
  list-style-type: none;
}

.on .sbm2 {
  display: block;
  list-style-type: none;
  position:absolute;top:0;left:0;
}

/*  shadow
----------------------------------------------- */
.shadow-box {
  -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
  -webkit-box-shadow: 3px 3px 4px #000; /* Safari, Chrome */
  box-shadow: 3px 3px 4px #909090; /* Opera */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999')"; /* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='#999999'); /* For IE 5.5 - 7 */
    border:solid 1px #cccccc;
}

.shadow-photo {
  -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
  -webkit-box-shadow: 3px 3px 4px #000; /* Safari, Chrome */
  box-shadow: 3px 3px 4px #909090; /* Opera */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#999999')"; /* For IE 8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color='#999999'); /* For IE 5.5 - 7 */
    padding:7px 7px;
    border:solid 1px #cccccc;
    background:#ffffff;
}

.shadow-text {
  text-shadow: #ffffff 1px 1px 3px; /* FireFox, Webkit, Opera */
  -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#ffffff,offx=2,offy=2)"; /* IE8 */
  display:block; /* IE */
}
.shadow-round { 
/* for modan browser */
text-shadow:
0px 1px 1px #000000,
0px 0px 1px #000000,
1px 0px 1px #000000,
0px -1px 1px #000000,
-1px -1px 1px #000000,
-1px 0px 1px #000000;
}

/*  line
----------------------------------------------- */
hr.blue {
  border: 0;
  background-image: url(../image/line-blue.png);
  margin: 0;
  height: 3px;
}

hr.red {
  border: 0;
  background-image: url(../image/line-red.png);
  margin: 0;
  height: 3px;
}

hr.green {
  border: 0;
  background-image: url(../image/line-green.png);
  margin: 0;
  height: 3px;
}

/*  formatting
----------------------------------------------- */
p {
  margin: 5px 0;
}

textarea {
  margin: 0;
  padding: 3px 5px;
  line-height: 1.5em;
}

input {
  padding: 3px 5px;
}

/*  header
----------------------------------------------- */
div.logo-image {
  width: 840px;
  height: 120px;
  background: url(../image/logo-back.jpg);
}

.logo-text-main {
  padding-left: 50px;
  padding-top: 20px;
  font-size: 34px;
  font-weight: 550;
  color: #fff;
}

.logo-text-sub {
  padding-left: 250px;
  padding-top: 9px;
  font-size: 14px;
  font-weight: 500;
  color: #ff0;
}

/*  title decolation
----------------------------------------------- */
.title-deco-blue {
  border-left: solid 10px #6060ff;
  border-bottom: solid 2px #6060ff;
  padding-left: 10px;
  margin-bottom: 10px;
}

.title-deco-red {
  border-left: solid 10px #ff6060;
  border-bottom: solid 2px #ff6060;
  padding-left: 10px;
  margin-bottom: 10px;
}

.title-deco-yellow {
  border-left: solid 10px #ffff60;
  border-bottom: solid 2px #60ff60;
  padding-left: 10px;
  margin-bottom: 10px;
}

.title-deco-green {
  border-left: solid 10px #60ff60;
  border-bottom: solid 2px #60ff60;
  padding-left: 10px;
  margin-bottom: 10px;
}