@charset "utf-8";

/* comment ------------------------------------------ */



/* page layout ------------------------------------------ */

body {
 text-align:center;
}

/* レイアウトの設定*/
body{
    margin:0px;
    padding:0px;
}
#container {
 width:950px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

#header {
 width:950px;
 margin-bottom:8px;
}

#left_main {
 width:740px;
 float:left;
}

#main {
 width:580px;
 float:right;
}

#left {
 width:150px;
 float:left;
}

#right {
 width:200px;
 float:right;
}

#footer {
 width:950px;
 clear:both;
 margin-top:10px;
}

/* page design ------------------------------------------ */

body,td{
font-size:12px; 
color:#333333; 
line-height:18px;}

img {
border: none;
}

hr {
 border-width: 1px 0px 0px 0px;
 border-style: solid;
 border-color: #8aa8fd;
 height: 1px;
 }

/* fontsize ------------------------------------------ */
.small{
font-size:10px;
line-height:18px;}

.small2{
font-size:10px;
line-height:14px;} 

.big{
font-size:30px;
line-height:40px;}

.copyright{
font-size:12px;
line-height:18px;}

h1{
font-size:13px;
font-style:normal;
line-height:18px;
color:#b4b4b4; 
margin:5px;}

h2{
font-family:",l,r ,ofSfVfbfN","Osaka";
font-size:16px;
font-style:normal;
line-height:24px;
font-weight:bold;
color:#663300; 
margin:0px;}

h3{
font-family:",l,r ,ofSfVfbfN","Osaka";
font-size:16px;
font-style:normal;
line-height:24px;
font-weight:bold;
color:#663300;
margin:0px;}

h4{
font-family:",l,r ,ofSfVfbfN","Osaka";
font-size:16px;
font-style:normal;
line-height:24px;
font-weight:bold;
color:#663300;
margin:0px;}

h5{
font-family:",l,r ,ofSfVfbfN","Osaka";
font-size:16px;
font-style:normal;
line-height:24px;
font-weight:bold;
color:#805100;
margin:0px;}

/* link ------------------------------------------ */
a{text-decoration:underline;} 
a:link{color:#000066;}
a:visited{color:#660099;}
a:active{color:#333399;} 
a:hover{color:#333399;text-decoration:none;}

/* table ----------------------------------------- */
td.wave  {
	height: 10px;
	background-image: url(img/line_wave.gif);
	background-repeat: repeat-x;
}
td.header  {
	height: 30px;
	background-image: url(img/head_bak_line.gif);
	background-repeat: repeat-x;
}

table.list{
    border-top:1px solid #8aa8fd;
    border-left:1px solid #8aa8fd;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    width: 100%;
}
.list th{
    border-right:1px solid #8aa8fd;
    border-bottom:1px solid #8aa8fd;
    color:#333333;
    background-color:#dfecf8;
    background-position:left top;
    padding:0.3em 1em;
}
.list td{
    border-right:1px solid #8aa8fd;
    border-bottom:1px solid #8aa8fd;
    padding:0.3em 1em;
}

/* div box ----------------------------------------- */

div.iframe {
  margin: 0.5em 0;
  border: solid 1px #003ce7;
  background: #d8ecff;
}

div.iframe h3 {
  margin: 5px 5px;
  padding: 0;
  color: #ae3500;
}

div.iframe p {
  margin: 2px 2px 2px 2px;
}

div.iframe p.site-navi {
  text-align: right;
}

div.gray {
  margin: 0.5em 0;
  border: solid 1px #cccccc;
  background: #ffffff;
}

div.gray h3 {
  margin: 5px 5px;
  padding: 0;
  color: #ae3500;
}

div.gray p {
  margin: 2px 2px 2px 2px;
}

div.gray p.site-navi {
  text-align: right;
}


/* navigation ----------------------------------------- */
#globalnavi{
  margin: 0;
  padding: 0;
  width: ***;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  float: left;
  width: 135px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  text-align: center;
  display:block;
  padding: 0.5em 0;
  width:100%;
  background: url(img/head_bak_off_135.gif) no-repeat 0 50%;
  color:#ffffff;
}

#globalnavi a:hover{
  background: url(img/head_bak_on_135.gif) no-repeat 0 50%;
  color: #ffffff;
}

/*side navigation ----------------------------------------- */
.side-navi {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
}

.side-navi li { display: inline; }

.side-navi li a {
  margin-bottom: 1px;
  padding: 5px 0 5px 10px;
  display: block;
  width: 130px;
  border-left: 5px solid #688cf1;
  background-color: #c7d9ff;
  color: #003ce7;
}

.side-navi li a:hover {
  background-color: #ffff99;
  color: #ff0000;
  border-left: 5px solid #ff0000;
}