@charset "Shift_JIS";

/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}

a:link {
color : #505050;
text-decoration : none;
}

a:hover {
color : #528eff;
text-decoration : underline;
}

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

h1 {
font-size: 12px;
font-weight: bold;
text-align : left;
padding-left : 42px;
padding-top : 5px;
}

h1 a:link {
color : #505050;
text-decoration : none;
}

h1 a:hover {
color : #505050;
text-decoration : none;
}

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

h2 {
font-size: 12px;
font-weight: normal;
margin-bottom: 0px;
margin-top: 0px;
}

h2 a:link {
color : #505050;
text-decoration : none;
}

h2 a:hover {
color : #505050;
text-decoration : none;
}

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

h3 {
font-size: 12px;
font-weight: normal; 
margin-bottom: 0px;
margin-top: 0px;
}

h3 a:link {
color : #505050;
text-decoration : none;
}

h3 a:hover {
color : #505050;
text-decoration : none;
}

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


/* ---------------------------------------- フォントスタイル フォントサイズ 指定 */
body {
color: #505050;
  font-size: 12px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
background-image: url("../img/bg.gif");
  background-repeat: repeat-x;
}

span.fontb{
font-weight: bold; 
}

span.fontr{
color:#b52021;
font-weight: bold; 
}

span.fonta{
color:#528eff;
text-decoration : underline; 
}



span.fonth{
color:#505050; 
font-weight:bold;
border-color:#8c8eff;
border-width:0 0 0 5px;
border-style:solid;
padding-left:7px;
}

span.fonth2{
color:#505050; 
font-weight:bold;
border-color:#0000c6;
border-width:0 0 0 5px;
border-style:solid;
padding-left:9px;
}

span.fonth2 a{
color:#505050;
text-decoration : none; 
}

span.fonth2 a:hover{
color:#528eff;
text-decoration : underline; 
}

span.fonth3{
color:#505050; 
font-weight:bold;
border-color:#0000c6;
border-width:0 0 0 5px;
border-style:solid;
padding-left:9px;
}

span.fonth3 a{
color:#505050;
text-decoration : none; 
}

span.fonth3 a:hover{
color:#528eff;
text-decoration : none; 
}

span.fontback{
color:#ffff08; 
font-weight:bold;
background-color : #0000c6;
padding:5px 5px 3px 5px;
}

span.fontback2{
color:#fff; 
font-weight:bold;
background-color : #e70010;
padding:5px 5px 3px 5px;
}

span.fontback3{
color:#fff; 
width:100%;
font-weight:bold;
background-color : #e70010;
padding:2px 0 0 5px;
}


/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
  text-align: left;
  margin: 1em auto 0;
  width: 850px;
  border: 1px solid #8c8eff;
  border-top: none;
  border-bottom: none;
}

#header {
  padding: 10px 20px;
}

#container {
  float: left;
  width: 100%;
  margin-right: -200px;
}

#contents {
  margin-right: 200px;
 padding: 10px 20px 10px 20px;
border-right: 1px solid #8c8eff;
}

#sidebar {
  float: right;
  width: 180px;
 padding: 0 10px 10px 10px; 
}

#footer {
  clear: both;
  padding: 10px 20px;
text-align: center;
}

#footer p {
  line-height: 200%;
}

#footer a:link {
color: #505050;
text-decoration : none;
}

#footer a:hover {
color: #505050;
text-decoration: none;
}

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


/* ---------------------------------------- #header内の指定 */

.back {
  background-image: url("../img/bg2.gif");
  background-repeat: repeat-x;
margin-top: 27px;
}

img.line {
border-color:#fff;
border-width:0px 2px 2px 2px;
border-style:solid; 
text-align : center;
}


.bold {
margin: 5px 0 5px 0;
font-size: 12px;
font-weight: bold;
text-align: right;
}

.bold a:link {
color : #505050;
text-decoration : none;
}

.bold a:hover {
color : #505050;
text-decoration : none;
}

.bold a:visited {
color: #505050;
text-decoration: none;
}

/* -- パン屑 -- */
#header p {
color: #505050;
margin: 15px 0 5px 0;
float: left;
}

#header p a{
color: #528eff;
text-decoration : underline;
}

#header p a:hover {
color : #528eff;
text-decoration : underline;
}

.search {
margin: 10px 0 0 0;
float: right;
}

/* ---------------------------------------- #タブの指定 */

 #tabs {
      float:left;
      width:90%;
      font-size:93%;
      line-height:normal;
font: bold 12px/1.5em Verdana;
width:94%;
      }

#tabs h2 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
}

    #tabs ul {
          margin:0;
          padding:0px 10px 0 0;
          list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("../img/tabright.gif") no-repeat right top;
      padding:5px 10px 4px 6px;
      color:#505050;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#505050;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

      #tabs #current a {
              background-position:0% -42px;
      }
      #tabs #current a span {
              background-position:100% -42px;
      }

 #tabs2 {
      float:left;
      width:90%;
      font-size:93%;
      line-height:normal;
font: 12px/ Verdana;
width:94%;
      }

#tabs2 h2 {
font-size: 12px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
}

    #tabs2 ul {
          margin:0;
          padding:0px 10px 0 0;
          list-style:none;
      }
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs2 a {
      float:left;
      background:url("../img/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs2 a span {
      float:left;
      display:block;
      background:url("../img/tabright.gif") no-repeat right top;
      padding:5px 10px 4px 6px;
      color:#505050;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover span {
      color:#505050;
      }
    #tabs2 a:hover {
      background-position:0% -42px;
      }
    #tabs2 a:hover span {
      background-position:100% -42px;
      }

      #tabs2 #current a {
              background-position:0% -42px;
      }
      #tabs2 #current a span {
              background-position:100% -42px;
      }

/* ---------------------------------------- #ナビの指定 */

ul.menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:24px;
	text-transform:uppercase;
	font-size:12px;
	background:transparent url("../img/off.gif") repeat-x top left;
	font-family : "MS UI Gothic",sans-serif;
	border-bottom:5px solid #8c8eff;
	border-top:1px solid #8c8eff;
}
ul.menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;}
ul.menu li a{
	display:block;
	float:left;
	color:#505050;
	text-decoration:none;
	padding:6px 5px 0px 5px;
	height:24px;
	background:transparent url("../img/divider.gif") no-repeat top right;
	}
ul.menu li a:hover{
    color:#505050;
    text-decoration:none;
	background:transparent url("../img/hover.gif") no-repeat top right;	
	}
	

ul.menu li a.current {
	display:inline;
	background:transparent url("../img/hover.gif") no-repeat top right;
        font-weight:bold;	
	}

/* ---------------------------------------- #contents内の指定 */

.title {
border-color:#8c8eff;
border-width:1px 1px 1px 1px;
border-style:solid;
background-image: url("../img/off.gif");
margin-bottom:15px;
}

.title li { display: inline; }

.title li a {
  padding: 3px 0 3px 15px;
  display: block;
  text-decoration: none;
 background: url("../img/off.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

.title li a:hover {
  text-decoration: none;
  background: url("../img/on.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

.title2 {
padding:3px 0 0 5px;
border-color:#8c8eff;
border-width:5px 1px 1px 1px;
border-style:solid;
background-color: #f7f7ff;
}

.title2 a {
text-decoration: none;
color: #505050;
}

.title2 a:hover {
text-decoration: none;
color: #0000c6;
}

.title3 {
padding:7px 0 5px 15px;
border-color:#0000c6;
border-width:1px 1px 1px 1px;
border-style:solid;
background-image: url("../img/off.gif");
background-repeat: repeat-x;
color: #505050;
font-weight: bold;
margin-bottom:15px;
}

.title3a {
padding:7px 0 5px 15px;
border-color:#0000c6;
border-width:1px 1px 1px 1px;
border-style:solid;
background-image: url("../img/off.gif");
background-repeat: repeat-x;
color: #505050;
font-weight: bold;
margin-top:20px;
}

.title4 {
background-image: url("../img/title2.gif");
}

.title4 li { display: inline; }

.title4 li a {
  padding: 3px 0 3px 15px;
  display: block;
  text-decoration: none;
 background-image: url("../img/title2.gif");
  color: #505050;
}

.title4 li a:hover {
  text-decoration: none;
  background-image: url("../img/title2.gif");
background-repeat: repeat-x;
  color: #505050;
}

.title5 {
border-color:#8c8eff;
border-width:1px 1px 1px 1px;
border-style:solid;
background-image: url("../img/on.gif");
}

.title5 li { display: inline; }

.title5 li a {
  padding: 3px 0 3px 15px;
  display: block;
  text-decoration: none;
 background: url("../img/on.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

.title5 li a:hover {
  text-decoration: none;
  background: url("../img/off.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

.title6 {
padding:7px 0 5px 15px;
border-color:#8c8eff;
border-width:1px 1px 1px 1px;
border-style:solid;
background-image: url("../img/on.gif");
background-repeat: repeat-x;
color: #505050;
font-weight: bold;
}

.title6 {
padding:7px 0 5px 15px;
border-color:#8c8eff;
border-width:1px 1px 1px 1px;
border-style:solid;
background-image: url("../img/on.gif");
background-repeat: repeat-x;
color: #505050;
font-weight: bold;
}

.title7 {
border-color:#8c8eff;
border-width:5px 1px 1px 1px;
border-style:solid;
background-image: url("../img/off.gif");
margin-top:15px;
}

.title7 li { display: inline; }

.title7 li a {
  padding: 3px 0 3px 15px;
  display: block;
  text-decoration: none;
 background: url("../img/off.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

.title7 li a:hover {
  text-decoration: none;
  background: url("../img/on.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

.title8 {
padding:7px 0 5px 15px;
border-color:#8c8eff;
border-width:1px 1px 1px 1px;
border-style:solid;
background-image: url("../img/on.gif");
background-repeat: repeat-x;
color: #505050;
font-weight: bold;
margin-bottom:15px;
}

.sub {
padding:7px 0 3px 10px;
border-color:#8c8eff;
border-width:1px 0 0 5px;
border-style:solid;
background: #fff;
color: #505050;
font-weight: bold;
margin:10px 0 10px 0;
}

hr {
color:#8c8eff;
filter:alpha(opacity=100,finishopacity=0,style=1);
margin:-15px 0 0 15px;
}

ol {
list-style-type: decimal;
list-style-position : outside;
margin : 0;
padding-left : 40px;　
}

ol li{
padding : 5px 0 5px 0;　
}

.box {
width: 155px;
color: #505050;
padding:5px 0 3px 3px;
margin:0 10px 0 10px;
border-color:#8c8eff;
border-width:1px;
border-style:solid;
background-clor: #fff;
list-style-type:none;
}

.box li {
padding:5px 0 3px 3px;
list-style-type:none;
}

.box li a {
text-decoration: none;
color: #505050;
}

.box li a:hover {
color : #528eff;
text-decoration : underline;
}

.box2 {
width: 155px;
margin:0 10px 0 10px;
padding: 0;
border-color:#8c8eff;
border-width:1px;
border-style:solid;
background-clor: #fff;
text-align: center;
}

.box3 {
width: 155px;
color: #505050;
padding:5px 0 3px 3px;
margin:10px 10px 10px 10px;
border-color:#8c8eff;
border-width:1px;
border-style:solid;
background-clor: #fff;
list-style-type:none;
}

.box3 li {
padding:5px 0 3px 3px;
list-style-type:none;
}

.box3 li a {
text-decoration: none;
color: #505050;
}

.box3 li a:hover {
color : #528eff;
text-decoration : underline;
}

.box4 {
width: 155px;
padding: 0;
margin:10px 10px 0 10px;
border-color:#fff;
border-width:1px;
border-style:solid;
background-clor: #fff;
text-align: right;
}

.box5 {
width: 155px;
color: #505050;
padding:5px 0 3px 3px;
margin:10px 10px 0 10px;
border-color:#8c8eff;
border-width:1px;
border-style:solid;
background-clor: #fff;
text-align: center;
}

/* -- 文字 -- */
#contents p {
  line-height: 1.6em;
  margin:10px 0 10px 15px;
}

#contents p.top {
  line-height: 1.6em;
  margin:30px 0 0 15px;
}


table{
width:520px;
line-height : 150%;
font-family : "MS UI Gothic",sans-serif;
color : #505050;
font-size : 12px;
margin-top:30px; 
margin-bottom:20px; 
}

td.cell{
padding:3px;
}

td ul.disc{
list-style-type: disc;
list-style-position : outside;
margin : 0;
padding-left : 20px;　
}

td li.disc{
padding : 5px 0 5px 0;　
}

td li a:hover{
color:#528eff;
text-decoration : none; 
}

td ul.square{
list-style-type: square;
list-style-position : outside;
margin : 0;
padding-left : 30px;
}

td li.square{
padding : 5px 0 5px 0;
}

td.dotted {
background-image: url("../img/dotted.gif");
}

td.line {
border-style:solid;
border-color:#8c8eff;
border-width:1px 1px 1px 1px;
padding:3px;
}


#navi-box {
text-align:left;
border-style:solid;
border-color:#8c8eff;
border-width:1 1 1 1;
background-color : #fff;
padding:5px 5px 5px 5px;
margin:0;
}

#navi-box li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #0000c6;
}
#navi-box li.line {
	border-left:0;
	padding-left:0;
}

#navi-box li a:link {
color : #505050;
text-decoration : none;
}

#navi-box li a:hover {
color : #528eff;
text-decoration : underline;
}

#navi-box2 {
text-align:left;
background-color : #fff;
padding:10px 5px 5px 5px;
margin:0;
}

#navi-box2 li {
	display:inline;
	list-style-type:none;
	padding-left:5px;
	border-left:1px solid #0000c6;
}
#navi-box2 li.line {
	border-left:0;
	padding-left:0;
}

#navi-box2 li a:link {
color : #505050;
text-decoration : none;
}

#navi-box2 li a:hover {
color : #528eff;
text-decoration : underline;
}

img.line2 {
border-color:#8c8eff;
border-width:1px;
border-style:solid;
margin-top: 15px;
}

img.line3 {
border-color:#8c8eff;
border-width:1px;
border-style:solid;
margin: 5px 0 15px 0;
}

img.line4 {
border-color:#8c8eff;
border-width:1px;
border-style:solid;
margin: 10px 0 0 0;
}

img.line5 {
border-color:#8c8eff;
border-width:1px;
border-style:solid;
}

img.height {
margin:15px 0 15px 0;
}

.pos {
text-align : center;
}

#updatelist dt {
	clear: left;
	float: left;
	width: 5em;
	padding: 3px 0;
	font-weight: normal;
}
#updatelist dd {
	display: inline-block;
	margin: 0 0 0 5em;
	padding: 3px 0;
}
.floatclear {
	clear: both;
}

#whatsnew { 
overflow : auto; 
height : 50px; 
margin : 0 0 30px; 
padding : 0 0 0 15px; 
line-height : 125%; 
text-align : left; 
} 

#whatsnew li { 
list-style : none; 
line-height : 125%; 
margin-bottom : 12px; 
} 


/* ---------------------------------------- #sidebar内の指定 */

img.frame {
border-color:#8c8eff;
border-width:1px;
border-style:solid; 
text-align : right;
}

.sidetitle {
  list-style-type: none;  
margin: 10px;
overflow: hidden;
width: 155px;
border-color:#0000c6;
border-width:5px 1px 1px 1px;
border-style:solid;
}

.sidetitle li { display: inline; }

.sidetitle li a {
  padding: 3px 0 3px 15px;
  display: block;
  text-decoration: none;
 background: url("../img/off.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

.sidetitle li a:hover {
  text-decoration: none;
  background: url("../img/on.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

.sidetitle2 {
  list-style-type: none;  
margin: 20px 10px 10px 10px;
overflow: hidden;
width: 155px;
border-color:#0000c6;
border-width:5px 1px 1px 1px;
border-style:solid;
}

.sidetitle2 li { display: inline; }

.sidetitle2 li a {
  padding: 3px 0 3px 15px;
  display: block;
  text-decoration: none;
 background: url("../img/off.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

.sidetitle2 li a:hover {
  text-decoration: none;
  background: url("../img/on.gif");
background-repeat: repeat-x;
  color: #505050;
font: bold 12px/1.5em Verdana;
}

/* -- サイドメニュー -- */
.sidemenu {
         width: 155px;
        margin: 10px;

        }

.sidemenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

.sidemenu li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

.sidemenu li a:link, .sidemenu li a:visited {
        color: #505050;
font: 12px/1.5em Verdana;
        display: block;
        background:  url(../img/menu.gif);
        padding: 5px 0 0px 20px;
        }

.sidemenu li a:hover {
font: 12px/1.5em Verdana;
        color: #505050;
        background:  url(../img/menu.gif) 0 -32px;
        padding: 5px 0 0px 20px;
        }

.sidemenu li #current {
font: bold 12px/1.5em Verdana;
        color: #505050;
        background:  url(../img/menu.gif) 0 -32px;
        padding: 5px 0 0px 20px;
        }

#sidebar p {
text-align:right;
margin: 10px 0 10px;
float: right;
}

.clear {
clear: all;
}