17:06 2014/08/27@charset "UTF-8";


div#wrapper {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  min-width: 1000px;
}

#header {
    width: 1000px;
    margin: 0 auto;
}


/* company link */

div#header ul.company_link{
	width: 1000px;	/* for dw view */
	display: inline;
	float: left;
	margin: 0px;
	padding-left: 0px;
}

div#header ul.company_link li{
	float: left;
	font-size: xx-small;
	list-style-type: none;
}

div#header ul.company_link li a{
	display: block;
	padding: 8px 10px;
	color: #666666;
}

div#header ul.company_link li.current a{
	background-color: #cccccc;
}

div#header ul.company_link li a:hover{
	background-color: #c0c0c0;
	color: #666666;
}


/* */

body{
    	font-family: Verdana, "ŸΰƒSƒVƒbƒN", YuGothic, "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

#main {
    width: 1000px;
    margin: 0 auto;
    color: #222222;
    background-color: white;
}
#main a:link{ 
    color: royalblue;
    text-decoration: none;
}
#main a:visited{
    color: royalskyblue;
    text-decoration: none;
}

#main a:hover{
    color: dodgerblue;
    text-decoration: none;
}
#main a:active{
    color: dodgerblue;
    text-decoration: none;
}


  

h4{

    font-weight:bolder;
    color:navy;
    text-decoration:none;

}

.f1{

    font-weight:bolder;
    color:white;	
    backgroundcolor:navy;
    text-decoration:none;

    margin-top:5px;
 }

.f2{
    font-size: small;
    font-weight:bolder;
    color:navy;
}

.f3{
    font-size: x-small;

}

/* ΆŠρ‚ΉA14pxAnavy*/ 
.lv8{
	font-family: "ƒƒCƒŠƒI", Meiryo;
	color: navy;
	font-size: 14px;
	text-align : left;
}

#acMenu dl{
     background:lightcyan;
    }


#acMenu dt{
     display:block;
     background:lightcyan;
     width:380px;
     height:20px;
     line-height:20px;
     text-align:left;
     border:white 1px solid;
     cursor:pointer;
     }
 
#acMenu dd{
     background:#f2f2f2;
     width:360px;
     height:auto;
     line-height:auto;
     text-align:left;
     border:#666 0px solid;
     display:none;
     } 	





#navi { color: white; }
#navi a:link{ color: #b6dde8; }
#navi a:visited{ color: #b6dde8; }
#navi a:hover{ color: white; }
#navi a:active{ color: white; }

#footer{
    width: 100%;
    background-color: *#f5f5f5;
    font-size: x-small;
}

/* accordion menu */

section h1,
dt {
    background-color: #9CF;
    border-bottom: solid 1px #59ACFF;
    margin-bottom: 1px;
    padding: 10px;
    color: navy;
    cursor: pointer;
    position: relative;
	font-size:13px;

}
 
section h1:before,
dt:before {
	display: block;
	content: "";
	position: absolute;
	left: 803px;
	top: 804px;


  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -8px;
  background: #FFF;
}
 
section h1:after,
dt:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -13px;
  background: #9CF;
}
 
section h1.active:before,
dt.active:before {
  margin-top: -2px;
}
 
section h1.active:after,
dt.active:after {
  margin-top: 3px;
}
 
section li,
dd {
    background-color: #F2F2F2;
    border-bottom: solid 1px #D6D6D6;
    padding: 0px 0 3px 0px;
}
 
section li a {
    position: relative;
    display: block;
}
 
section li a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 17px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #9CF;
}
 
section li a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 22px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #F2F2F2;
}