@charset "utf-8";


/*リセットファイル
------------------------------------------------------*/

html {
overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
color:#444;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
object, embed {
vertical-align: top;
}
hr, legend {
display: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight:400;
}
img, abbr, acronym, fieldset {
border: 0;
}
li {
list-style-type: none;
}
p {
margin-bottom: 1em;
}

/*default
------------------------------------------------------*/

body {
background: #FFF;
color: #333;
font-size: small;
line-height: 1.5;
_text-align: center;/*ie6用ブラウザ中央*/
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:link {
color: #333;
text-decoration:none;
}
a:visited {
color: #333;
text-decoration:none;
}
a:hover {
color: #006;
text-decoration:none;
}
a:active {
color: #603;
text-decoration:none;
}

/*wrapper
------------------------------------------------------*/
body {
background:url(img/html_bg.gif) repeat-x;
}

/*header
------------------------------------------------------*/
#header {
width: 900px;
height: 372px;
margin: 0 auto ;
background:url(img/header_bg.gif) no-repeat ;
}
#header ul {
width:100%;
height:22px;
line-height:22px;
border-bottom: 1px #00689F solid;
padding: 350px 0 0 0 ;
}
#header li {
float:left;
padding: 0 5px;
}

#header_sub {
width: 900px;
height: 200px;
margin: 0 auto 30px auto;
background:url(img/header_sub_bg.gif) no-repeat;
}
#header_sub ul {
width: 100%;
height:22px;
line-height:22px;
border-bottom: 1px #00689F solid;
padding: 220px 0 0 0 ;
}
#header_sub li {
float:left;
padding: 0 5px;
}
#header_sub li#link_pre {
padding: 0 0 0 20px;
}
#header_sub li#link_next {
float:right;
padding: 0 10px 0 0;
}

/*contents
------------------------------------------------------*/

#category_title{
widht:640px;
height:58px;
background: url(img/category_title.gif) no-repeat top left;
margin: 0 0 20px 0;
}
#category_title p{
line-height:58px;
color:#fff;
font-size:120%;
padding:0 0 0 12px;
}
#contents_wrapper{
width: 900px;
margin: 0 auto 30px auto;
clear:both;
overflow:hidden;
}
#contents {
width: 640px;
margin: 0 0 0 10px;
padding: 20px 5px 0 5px;
float: left;
}
#contents h1{
margin: 0 0 20px 0;
}

#contents div.entries_list{
margin: 0 0 25px 0;
}

#contents div.entries_list dl{
border-bottom: 1px dotted #999;
background:none;
}

#contents div.entries_list dt{
background: url(img/news_icon.gif) no-repeat top left;
padding: 0 0 0 35px;
line-height: 28px;
color:#00689F;
font-size: 110%;
margin: 0 0 5px 0;
border:none;
}
#contents div.entries_list dt a:link {
color:#00689F;
text-decoration:none;
}
#contents div.entries_list dt a:visited {
color:#00689F;
text-decoration:none;
}

#contents div.entries_list dd{
padding: 0 0 0 35px;
line-height: 22px;
color: #333;
font-size: 90%;
margin: 0 0 5px 0;
}

#contents div.entries_list p{
float:right;
}

#contents p#date{
line-height: 20px;
text-align:right;
margin: 0;
padding: 0;
}

#contents dl.article{
margin: 0 0 20px 0;
}

#contents dl.article dt{
height: 30px;
background: url(img/bg_bar.gif) repeat-x center left;
padding: 0 0 0 10px;
line-height: 30px;
color:#00689F;
font-size: 110%;
margin: 0 0 20px 0;
border: 1px #999 solid;
}

#contents dl.article dd{
line-height: 25px;
}

#contents ul.article_list{
margin: 0 0 20px 0;
}

#contents ul.article_list li{
height: 25px;
background: url(img/news_icon.gif) no-repeat center left;
padding: 0 0 0 30px;
line-height: 25px;
color:#00689F;
font-size: 100%;
margin: 0 0 20px 0;
border-bottom: 1px #999 dotted;
}
ul#page_link {
width:900px;
height:24px;
line-height:22px;
border-top: 1px #666 dotted;
margin: 0 auto 100px auto;
}
ul#page_link li {
float:left;
padding: 0 5px;
}
ul#page_link li#link_pre {
padding: 0 0 0 10px;
}
ul#page_link li#link_next {
float:right;
padding: 0 10px 0 0;
}

/*side_menu
------------------------------------------------------*/
#side_menu {
width: 220px;
margin: 0 10px 0 0;
padding: 20px 0 0 0 ;
float: right;
overflow:hidden;
}
#side_menu a{
display:block;
}
#side_menu div.menu{
background: url(img/menu_title_bg.gif) no-repeat;
margin-bottom: 30px;
}
#side_menu div.menu p.menu_title{
height: 34p;
line-height: 34px;
color: #FFF;
padding: 0 0 0 10px;
}
#side_menu div.menu ul li{
background:url(img/menu_list.gif) no-repeat 3px 0;
height: 34px;
line-height: 34px;
padding: 0 0 0 30px;
margin: 0 0 10px 0;
}
#side_menu div.link{
background: url(img/menu_title_bg.gif) no-repeat;
}
#side_menu div.link p.menu_title{
height: 34p;
line-height: 34px;
color: #FFF;
padding: 0 0 0 10px;
}
#side_menu div.link ul li{
height: 54px;
margin: 0 0 10px 0;
}

/*portallink
------------------------------------------------------*/
ul.portallink{
width:640px;
overflow:hidden;
}
ul.portallink li{
display:inline-block;
padding: 0 5px;
margin: 0 0 10px 0;
float:right;
}


/*footer
------------------------------------------------------*/

#tag{
width: 900px;
margin: 0 auto 50px auto;
padding: 10px;
border:1px #333 solid;
overflow:hidden;
background:#555;
}
#tag ul li{
padding: 3px;
display:inline;
line-height:1.5em;
}
#tag ul li.rank-1{font-size:1.5em}
#tag ul li.rank-2{font-size:1.25em}
#tag ul li.rank-3{font-size:1em}
#tag ul li.rank-4{font-size:0.875em}
#tag ul li.rank-5{font-size:0.75em}
#tag ul li.rank-6{font-size:0.6em}

#tag ul li a:link {
color: #ffffff;
text-decoration:none;
}
#tag ul li a:visited {
color: #ffffff;
text-decoration:none;
}
#tag p{
height: 30px;
background: #333;
padding: 0 0 0 10px;
line-height: 30px;
color:#fff;
font-size: 110%;
margin: 0 0 5px 0;
}
#footer_wrapper {
height:82px;
clear:both;
background:url(img/footer_bg.gif) left bottom repeat-x;
}
#footer{
width: 900px;
margin: 0 auto;
}
#footer ul{
width: 400px;
float:left;
padding: 6px 0 0 0;
}
#footer ul li{
padding:  0 10px;
float:left;
line-height: 24px;
border-right: #666 1px solid;  
}
#footer p{
width: 400px;
float: right;
line-height: 34px;
text-align:right;
}

/* 会社情報用テーブル */
#table_company {
width:100%;
}

#table_company th {
width:20%;
font-weight:normal;
text-align:left;
vertical-align:top;
border-bottom: 1px #999 solid;
padding:10px 0 5px 0;
}
#table_company td {
border-bottom: 1px #999 solid;
padding:10px 0 5px 0;
}
#officertable p {
margin:0;
padding:0;
}

/*table
------------------------------------------------------*/
table.table_style {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}
table.table_style th,
table.table_style td {
  white-space: normal;
  padding: 4px;
  border: solid 1px #999;
}

table.table_style th {
  text-align: left;
  color: #333;
  font-weight:400;
  font-size: 100%;
  vertical-align:top;
}
table.table_style td {
  text-align: left;
  line-height:22px;
}
table.table_style .table_no_bg{
background:  #BFD2DD;
}
table.table_style .table_bg{
background:  #EEE;
}

/*link_list
------------------------------------------------------*/
ul.link_list{
width:100%;
margin-bottom: 20px;
margin: 0 0 20px 20px ;
overflow:hidden;
}

ul.link_list li {
float:left;
width: 90px;
text-align:center;
background: #BDCFD7;
border:#999 1px solid;
margin: 0 10px 0 0;;
font-size: 90%;
line-height:18px;
}

ul.link_list li a{
padding: 4px 4px 2px 4px;
display:block;
border-top:#FFF 1px solid;
border-left:#FFF 1px solid;
border-right:#fff 1px solid;
border-bottom:#fff 1px solid;
}
ul.link_list li em{
font-size: 80%;
font-style:normal;
line-height:18px;
}

/*table_link
------------------------------------------------------*/
ul.table_link{
margin: 0 0 20px 0;
}

ul.table_link li{
line-height: 22px;
}
ul.table_link li a{
text-decoration:underline;
}