* {
  margin: 0px;
}

body {
  margin: 0px;
  background-color: #88888B;
  color: #444444;
  font-size: 13px;
  font-family: verdana, 'trebuchet ms', sans-serif;
  text-align: center;
  line-height: 150%;
}
img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

div.breaker {
  clear: both;
  width: 100%;
  font-size: 0px;
  line-height: 0px;
  height: 0px;
}

div.separator {
  display:block;
  background-image: url("../img/separator.gif") ;
  background-repeat: repeat-x;
  height:2px;
  margin: 10px 0px;
}

span.error {
  color: #FF3366;
  font-weight: bold;
}

.accesskey {
  text-decoration: underline;
}

a {
  color:#313d7a;
  text-decoration:underline;
}
a:link {
  color:#313d7a;
  text-decoration:underline;
}
a:active {
  color:#313d7a;
  text-decoration:underline;
}
a:visited {
  color:#761d7a;
  text-decoration:underline;
}
a:hover {
  color:#111d6a;
  text-decoration:underline;
}

/* 背景 -------------------------------------------------------------- */
#margin_top, #main, #margin_bottom {
  width:1010px;
  position: relative;
  margin: 0px auto;
  text-align: left;
  background-repeat: repeat;
}
#margin_top, #margin_bottom {
  height:10px;
  background-repeat: no-repeat;
}
#margin_top {
  background-image: url("../img/back_top.gif");
}
#main {
  background-image: url("../img/back_middle.gif");
  background-repeat: repeat-y;
  z-index: 10;
}
#margin_bottom {
  background-image: url("../img/back_bottom.gif");
}

/* ヘッダ/フッダ -------------------------------------------------------------- */
#hesder {
	margin-left:10px;
  width:989px;
  height : 50px;
  background-image: url("../img/head.jpg");
  background-repeat: no-repeat;
}
#footer {
  margin-left:10px;
  width:989px;
  height : 30px;
  background-image: url("../img/foot.jpg");
  background-repeat: no-repeat;
  text-align: center;
  color: #e8e8e8;
  padding-top: 20px;
}
#footer a {
  color: #ccc;
}
#footer a:hover {
  color: #fff;
}
#footer span.separator {
  padding: 0px 3px;
  color : #666;
}
/* main  -------------------------------------------------------------- */
#left {
	margin-left: 11px;
  width:180px;
  float: left;
  display: inline;
}
#right {
  width:810px;
  float: right;
}

/* page  -------------------------------------------------------------- */
div.page {
	margin:0px 10px;
  display: none;
}
div.desc {
  color: #777777;
}
div.page_msg {
	display: inline;
  float: left;
  height: 25px;
  line-height: 23px;
  /*border: 1px solid #FFFFFF;
  padding: 0px 10px;*/
  color: #FF3366;
}
div.page_msg * {
  vertical-align: middle;
}

/* panel -------------------------------------------------------------- */
div.panel_middle {
  background-repeat: repeat-y;
}
div.panel_top, div.panel_bottom {
  height: 10px;
  background-repeat: no-repeat;
}

/* 260 */
div.panel_260 > div.panel_top, div.panel_260 > div.panel_bottom, div.panel_260 > div.panel_middle {
  width: 280px;
}
div.panel_260 > div.panel_top {
  background-image: url("../img/panel_260_t.gif");
}
div.panel_260 > div.panel_middle {
  background-image: url("../img/panel_260_m.gif");
}
div.panel_260 > div.panel_bottom {
  background-image: url("../img/panel_260_b.gif");
}

/* 300 */
div.panel_300 > div.panel_top, div.panel_300 > div.panel_bottom, div.panel_300 > div.panel_middle {
  width: 320px;
}
div.panel_300 > div.panel_top {
  background-image: url("../img/panel_300_t.gif");
}
div.panel_300 > div.panel_middle {
  background-image: url("../img/panel_300_m.gif");
}
div.panel_300 > div.panel_bottom {
  background-image: url("../img/panel_300_b.gif");
}

/* 360 */
div.panel_360 > div.panel_top, div.panel_360 > div.panel_bottom, div.panel_360 > div.panel_middle {
  width: 380px;
}
div.panel_360 > div.panel_top {
  background-image: url("../img/panel_360_t.gif");
}
div.panel_360 > div.panel_middle {
  background-image: url("../img/panel_360_m.gif");
}
div.panel_360 > div.panel_bottom {
  background-image: url("../img/panel_360_b.gif");
}

/* 380 */
div.panel_380 > div.panel_top, div.panel_380 > div.panel_bottom, div.panel_380 > div.panel_middle {
  width: 400px;
}
div.panel_380 > div.panel_top {
  background-image: url("../img/panel_380_t.gif");
}
div.panel_380 > div.panel_middle {
  background-image: url("../img/panel_380_m.gif");
}
div.panel_380 > div.panel_bottom {
  background-image: url("../img/panel_380_b.gif");
}

/* 500 */
div.panel_500 > div.panel_top, div.panel_500 > div.panel_bottom, div.panel_500 > div.panel_middle {
  width: 520px;
}
div.panel_500 > div.panel_top {
  background-image: url("../img/panel_500_t.gif");
}
div.panel_500 > div.panel_middle {
  background-image: url("../img/panel_500_m.gif");
}
div.panel_500 > div.panel_bottom {
  background-image: url("../img/panel_500_b.gif");
}

/* 620 */
div.panel_620 > div.panel_top, div.panel_620 > div.panel_bottom, div.panel_620 > div.panel_middle {
  width: 640px;
}
div.panel_620 > div.panel_top {
  background-image: url("../img/panel_620_t.gif");
}
div.panel_620 > div.panel_middle {
  background-image: url("../img/panel_620_m.gif");
}
div.panel_620 > div.panel_bottom {
  background-image: url("../img/panel_620_b.gif");
}

/* 780 */
div.panel_780 > div.panel_top, div.panel_780 > div.panel_bottom, div.panel_780 > div.panel_middle {
  width: 800px;
}
div.panel_780 > div.panel_top {
  background-image: url("../img/panel_780_t.gif");
}
div.panel_780 > div.panel_middle {
  background-image: url("../img/panel_780_m.gif");
}
div.panel_780 > div.panel_bottom {
  background-image: url("../img/panel_780_b.gif");
}

/* 140_660 */
div.panel_140_660 > div.panel_top, div.panel_140_660 > div.panel_bottom, div.panel_140_660 > div.panel_middle {
  width: 810px;
}
div.panel_140_660 > div.panel_top {
  background-image: url("../img/panel_140_660_t.gif");
}
div.panel_140_660 > div.panel_middle {
  background-image: url("../img/panel_140_660_m.gif");
}
div.panel_140_660 > div.panel_bottom {
  background-image: url("../img/panel_140_660_b.gif");
}


/* button  -------------------------------------------------------------- */
div.button {
  height:25px;
  float: left;
  display: inline;
  margin-right: 10px;
}

/* white line  -------------------------------------------------------------- */
div.wl {
  height:3px;
  background-image: url("../img/line_white.gif");
  background-repeat: repeat;
  font-size: 0px;
}

/* grid  -------------------------------------------------------------- */

div.g4, div.g1_3, div.g3_1, div.g1_1_1_1, div.g2_2 {
  margin-top: 10px;
}
div.g4 {
  width: 770px;
}

div.g1_3 {}
div.g1_3 div.g1, div.g1_3 div.g3 {
	display: inline;
  float: left;
}
div.g1_3 div.g1 {
  margin-right: 10px;
  width: 185px;
}
div.g1_3 div.g3 {
  width: 575px;
}

div.g3_1 {}
div.g3_1 div.g1, div.g3_1 div.g3{
  float: left;
  display: inline;
}
div.g3_1 div.g1 {
  margin-left: 10px;
  width: 185px;
}
div.g3_1 div.g3 {
  width: 575px;
}

div.g2_2 {}
div.g2_2 div.g1, div.g2_2 div.g2{
  float: left;
  display: inline;
  width: 380px;
}
div.g2_2 div.g1 {
  margin-right: 10px;
}


div.g1_1_1_1 {
}
div.g1_1_1_1 div.g1,  div.g1_1_1_1 div.g2, div.g1_1_1_1 div.g3,  div.g1_1_1_1 div.g4  {
  float: left;
  display: inline;
  width: 185px;
}
div.g1_1_1_1 div.g1, div.g1_1_1_1 div.g2, div.g1_1_1_1 div.g3  {
  margin-right: 10px;
}

/** side bar  --------------------------------------------------------------------- */
div.menu-container {
  margin-top: 20px;
}

div.menu-2 {
  line-height: 110%;
}
div.menu-3 {
  font-size: 12px;
  padding-left: 38px;
  background-image: url("../img/delta.gif");
  background-repeat: no-repeat;
  background-position: 25px 4px;
  line-height: 160%;
  width: 130px;
}

/* body  -------------------------------------------------------------- */
div.h3 {
  margin-bottom: 0px;
}

div.h4 {
  padding-left: 15px;
  background-image: url("../img/circle.gif");
  background-position: 0px 5px;
  background-repeat:no-repeat;
  font-weight: bold;
  color: #666666;
  font-size: 14px;
  margin-bottom: 5px;
}

div.p1 {
  margin-top: 30px;
  margin-bottom: 40px;
}
div.p3 {
  margin-top: 20px;
}

div.image {
  border:1px solid #999999;
  padding: 1px;
  background-color: #FFFFFF;
  font-size: 0px;
  line-height: 0px;
  width: 180px;
}
div.image-title {
  font-size: 10px;
  padding-left: 13px;
  background-image: url("../img/delta.gif");
  background-repeat: no-repeat;
  background-position: 0px 4px;
}
span.strong {
  font-size: large;
}
ul {
	padding: 0px;
  margin: 10px 0px 10px 10px;
}
li.lv1 {
  list-style-type:none;
  /*list-style-image:url("../img/circle.gif");*/
  padding-left: 15px;
  background-image: url("../img/circle.gif");
  background-position: 0px 4px;
  background-repeat:no-repeat;
  margin-top: 10px;
  font-weight: bold;
}
li.lv2 {
  list-style-type:none;
  margin-left: 40px;
  font-size: 12px;
}

ol {
  padding: 0px;
  margin: 10px 0px 10px 20px;
}
ol li {
  margin-left: 20px;
  font-size: 12px;
}
li.lv2 {
  list-style-type:none;
  margin-left: 40px;
}

dl.ctrl {
	padding: 0px;
  margin: 0px 0px 10px 0px;
}
dl.ctrl dt {
	margin-top: 10px;
  font-weight: bold;
}
dl.ctrl dd {
	/*margin-left: 20px;*/
	font-size: 12px;
}

div.info, div.warn {
  margin:10px 0px;
  padding: 15px;
  color: #777777;
  font-size: 12px;
}
div.info {
  border:1px dotted #999999;;
}
div.warn {
  border:1px dotted #FF3366;
}
span.vivid {
  font-weight: bold;
  color: #FF3366;
}

table {
  margin: 10px;
  background-color: #a2a7a6;
  /*border: 1px #aaaaaa solid;*/
  border-collapse: separate;
  border-spacing: 1px; 
}
td.th, tr.even td.th, th {
  border: 1px #FFFFFF solid;
  background-color: #bec2c0;
  text-align: center;
  padding: 3px 5px;
  font-weight: bold;
}
td {
  background-color: #F2F2F0;
  vertical-align: top;
  padding: 3px 5px;
  font-size: 12px;
}
tr.even td {
  background-color: #dbdbd9;
}

pre {
  margin: 10px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px #bbbbbb solid;
  font-size: 12px;
  color: #333333;
  line-height: 130%;
}

ul {
  margin-left: 20px;
}


#debug {
	text-align:left;
  color:#FFFFFF;
}