@charset "UTF-8";

/* 00.base style                                                          */

* {
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック";
}

body {
  margin: 0px auto 0px auto;
  text-align: center;
  background-color: #ececec;
}
img {
  display: block;
  border: none;
}
p {
  font-size: 0.95em;
  line-height: 1.6em;
  color : #323232;
}
li {
  list-style: none;
  line-height: 1.3em;
  color : #323232;
}
em {
  font-weight: bold;
}
dt {
  font-weight: nomal;
}
strong {
  color: #294580;
  font-weight: bold;
}
small {
  font-size: 0.82em;
}
h1,h2,h3,h4,h5,h6 {
  line-height: 1.35em;
  font-weight: normal;
}
h1 {
  font-size: 1.55em;
  color : #cc0000;
}
h2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 1.28em;
  color: #323232;
  padding-left: 20px;
  background-image: url(image/h2.gif);
  background-repeat: no-repeat;
}
h3 {
  margin-bottom: 20px;
  font-size: 1.2em;
  color : #294580;
  border-bottom: 1px solid #294580;
}
h4 {
  margin-top: 20px;
    font-size: 0.95em;
    color: #294580;
}
h5 {
	margin-bottom: 10px;
    font-size: 0.85em;
    color: #294580;
    border-bottom: 1px solid #294580;
}

h6 {
  margin-top: 20px;
  font-size: 0.85em;
  color: #294580;
  padding-left: 3px;
  border-left: 5px solid #cc0000;
  font-weight: bold;
}

hr {
  margin: 20px 0;
  border-style: 1px solid ;
  border-color: #294580;
}
a {
  text-decoration: none;
}
a:active {
  color: #294580;
}
a:link {
  color: #294580;
}
a:visited {
  color: #878787;
}
a:hover {
  color: #cc0000;
}
.english {
  font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
  line-height: normal;
}

img.left { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}



/* 01.wrap style                                                       */

div#wrap {
  margin: 0px auto 0px auto;
  width: 924px;
  background: url(image/ground.gif) repeat-y 0 0 #ffffff;
}




/* 02.header style                                                        */

div#header {
  width: 920px;
  padding: 10px;
}
div#header h1 {
  float: left;
}
div#header ul {
  font-size: 0.85em;
  float: right;
  padding-right: 10px;
}
div#header ul li {
  white-space: nowrap;
  float: left;
  padding-left: 10px;
}


/* 03.navigator style                                                     */

div#navigator {
  clear: both;
}
div#navigator ul {
  margin: 0px 1px 0px 2px;  
}
div#navigator ul li {
  float: left;
  width: 184px;
  height: 20px;
  overflow: hidden;
  text-indent: -5000px;
}





/* 04.container style                                                     */

div#container {
  margin: 0px auto 0px auto;
  clear: both;
  text-align: left;
}
hr#eof {
  clear: both;
  visibility: hidden;
  height: 1px;
}




/* 05.contents style                                                      */

div#contents {
  float: right;
  padding: 10px;
  width: 700px!important;
  width/**/: 720px;
}

/*top image*/

#home-image {
    width: 700px;
    height: 400px;
    background: url(image/home.jpg) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 0 20px 0;
}
#tar-image {
    width: 700px;
    height: 300px;
    background: url(image/home_tar.jpg) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 0 20px 0;
}
#recruit-image {
    width: 700px;
    height: 300px;
    background: url(image/home_recruit.jpg) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 0 20px 0;
}

/*home*/
div#top {
  margin-right:20px;
}
div#top h1 {
  margin-bottom: 20px;
  font-size: 1.55em;
  color : #323232;
  line-height: 1.25em;
}
div#top p {
  font-size:1em;
}

/*catalog*/

ul.catalog {
  margin: 20px 0 0 0;
  clear: both;
}
ul.catalog li {
  margin: 0;
  list-style: none;
  float: left;
  margin: 0 20px 40px 0;
}
ul.catalog li img {
  margin: 0;
  width: 200px;
  height: 200px;
  border:0;
}
ul.catalog li a {
  font-size: 0.75em;
  text-decoration: underline;
    color: #323232;
}

div#catalog {
  margin: 0 20px 20px 0;
}
div#catalog img {
  width: 400px;
  height: 300px;
  border:0;
}
div#catalog p {
line-height:1.6;
}
div#catalog_ir img {
  width: 400px;
  height: 380px;
  border:0;
}

/*tar*/
div#tar {
  margin: 20px;
}
div#tar img {
  border:0;
}
div#tar p {
  margin-top: 20px;
  line-height:1.6;
}
ul.tar {
  margin: 20px 0 0 0;
  clear: both;
}
ul.tar li {
  margin: 0;
  list-style: none;
  float: left;
  margin: 0 20px 40px 0;
}
ul.tar li img {
  border:0;
}
div#url {
  text-align:right;
  color: #323232;
  clear: both;
}

/*information*/
table#guide {
  width: 100%;
    border: 1px #294580 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#guide th {
    padding: 2px;
    font-size: 0.75em;
    color:#ffffff;
    border: #294580 solid;
    border-width: 0 0 1px 1px;
    background-color: #6495ed;
    text-align: center;
}
table#guide td {
    padding: 2px;
    font-size: 0.85em;
    color:#323232;
    border: #294580 solid;
    border-width: 0 0 1px 1px;
    background-color: #fffff;
    text-align: center;
}

ul.bookmark {
  clear: both;
}
ul.bookmark li {
  margin:0;
  font-size: 0.95em;
  border-left: 5px solid #cc0000;
  padding: 10px 0 0 20px;
}
ul.bookmark li a {

}

/*garuda*/
dl#garuda {  
  width:700px;  
 }  
dt#garuda {  
  float:left;  
  width:160px;  
  padding:5px 0 5px 5px;  
  clear:both; 
  font-size: 0.85em;
  color: #878787;
  border-left:5px solid #ababab;  
}  
dd#garuda {  
  width:510px;  
  margin-left:160px;  
  padding:5px 5px 5px 10px; 
  font-size: 0.85em;
  color: #323232;
  border-bottom:1px solid #ababab;  
 }


/* 06.sidebar style                                                       */

div#sidebar {
  float: left;
  padding: 10px;
  width: 180px!important;
  width/**/: 200px;
}

ul.sidebar {
  clear: both;
}
ul.sidebar li {
  margin:0;
  font-size: 0.85em;
  padding: 0;
}
ul.sidebar li a {
  display: block;
  padding-left: 12px;
  background-image: url(image/li_cursor.gif);
  background-repeat: no-repeat;
}

ul.banner {
  margin-bottom: 20px;
  clear: both;
}
ul.banner li {
  margin-bottom: 10px;
  text-align:center;
  font-size: 0.8em;
  color:#323232;
  padding: 0;
}
ul.banner li img {
  border: 0;
  width: 180px;
}



/* 07.footer style                                                        */

div#footer {
  clear: both;
}




/* 08.copyright style                                                     */

div#copyright {
  padding: 2px;
  color: #323232;
  clear: both;
  line-height: normal;
  background: url(image/ground_c.gif) repeat-y 0 0 #dedede;
}
div#copyright p {
  font-size: 0.7em;
}
div#copyright span {
  font-size: 0.7em;
}



/* 09.other class style                                                   */

ul.menu {
  clear: both;
}
ul.menu li {
  height: 12px;
  float: left;
  line-height: normal;
  padding: 20px 5px 10px 5px;
}
ul.menu li a {
  font-size: 0.85em;
  display: block;
  padding-left: 8px;
  background-image: url(image/li_cursor_s.gif);
  background-repeat: no-repeat;
}
