@charset "utf-8";
/* window内位置調節用 */
.outline{
/*    margin-left: auto;
    margin-right: auto;
    text-align:center; */
    width: 100%;

}

/* ページ全体枠 */
.container {
    width:780px;
    height:auto;
/*    background-color:#FFFFFF; */
    font-family: 'ＭＳ Ｐゴシック', Osaka, sans-serif;
    font-size:11px;
    line-height: 150%;
    text-align: left;
}

/* ヘッダコンテンツ（ロゴ＋グローバルナビ）*/
.header {
    width:780px;
    height:auto;
    position:absolute;
    top:0px;
}

/* ヘッダ内位置調節枠 */
.header-inner{
}

/* トップロゴブロック */
.logo {
    width:780px;
    height:55px;
    margin-top:12px;
    margin-bottom:6px;
}

/* ロゴ左側（画像部分） */
.logo-left{
    float:left;
    height:auto;
}

/* ロゴ右側（Englsh、サイトマップ、採用情報link）*/
.logo-right{
    float:right;
    width: auto;
    margin-top: 29.5px;
}

/* 横並びリスト */
.horizontal-list { text-align: left;list-style: none; list-style-position: inside;}

.horizontal-list li { list-style: none;  list-style-position: inside;  float:left; margin-right:10px;}
.horizontal-list li a{ vertical-align: bottom; }
.horizontal-list li a:link{ text-decoration: none;}
.horizontal-list li a:visited{ text-decoration: none;}

.horizontal-list li img{ vertical-align: bottom;    margin-right: 3px;}

/* 縦並びリスト */
.vertical-list { text-align: left; list-style: none; list-style-position: inside; }
.vertical-list li { list-style: none;  list-style-position: inside;  line-height: 130%; margin: 3px 0px;}
.vertical-list li a{ vertical-align: bottom; }
.vertical-list li a:link{ text-decoration: none;}
.vertical-list li a:visited{ text-decoration: none;}

.vertical-list li img{ vertical-align: middle;    margin-right: 3px;}

/* グローバルナビゲーション */
.topnavi {
    width:780px;
    height:44px;
    background-image:url("/common_img/topnavi_bg_01.jpg");
}

/* グローバルナビ左丸角画像 */
.topnavi-left-margin{
    float:left;
    width:22px;
    height:44px;
    margin-right: 1px;
}

/* グローバルナビメニュー部分 */
.topnavi-menu{
    float:left;
    height:44px;
    margin-right: 1px;
}

/* グローバルナビ右角丸画像 */
.topnavi-right-margin{
    float:left;
    height:44px;
}

/* コンテンツ（メインコンテンツ＋パンくず＋左サイドメニュー）*/
.content {
    margin-top: 130px;
    width:780px;
    height:auto;
    overflow:hidden;
}

/* パンくずリスト */
.breadcolumn {
    width:100%;
    height:auto;
    vertical-align:middle;
    text-align:left;
    margin-left: 3px;
    margin-bottom: 10px;
}

/* コンテンツ横枠（メインコンテンツ＋左サイドメニュー） */
.content-outer {
    width:780px;
    height:auto;
    margin:0px;
    padding:0px;
    background-color: transparent;
}

/* メインコンテンツ */
.content-inner {
    float:right; width:600px; right:0px; margin:0px auto; height:auto; padding:0px;
}

/* メインコンテンツ枠上部角丸 */
.content-inner-top { 
    content: " ";
    background-image: url("/common_img/main_maru_top600.gif");
    width: 100%;
    height: 5px;
    font-size: 1px;
}

.content-inner-top div{
    background: url("/common_img/main_maru_top600.gif") no-repeat top left;
    width: 100%;
    height: 5px;
    font-size: 1px;
}

.content-inner-bottom {
    content: " ";
    background-image: url("/common_img/main_maru_btm600.gif");
    width: 100%;
    height: 5px;
    font-size: 1px;
}

.content-inner-bottom div{
    background: url("/common_img/main_maru_btm600.gif") no-repeat bottom left;
    width: 100%;
    height: 5px;
    font-size: 1px;
}

.content-inner-content-outer {
    padding: 0px;
/*    text-align: center;
    margin:0px auto 0px auto; */
    display:block;
    background-color: transparent;
}

.content-inner-content {
    padding: 0px; 
    background: url("/common_img/main_maru_center600.gif") repeat-y;
    text-align: left;
}
    
/* 左サイドメニュー */
.sidebar1 {
    float:left;
    width:170px;
    height:auto;
    margin:0px 10px 0px 0px;
    padding:0px;
    background-color: transparent;
}

/* 左サイドメニュー位置調節枠 */
.sidebar-inner { 
    width:100%;
    height:auto;
    background-color: transparent;
}

.sidebar-inner a {
    cursor: pointer;
}

/* 左サイドメニュー枠上部角丸 */
.sidebar-inner-top {
    background: url("/common_img/sub_maru_top170.gif") #FFFFFF;
    width:100%;
    height:31px; 
    margin-bottom: 0px; 
    padding-bottom: 0px;
    padding-bottom: 5px;
    border-bottom: #A5A5A5 1px solid;
}

.sidebar-inner-top div{ display:none; /* background: url("/common_img/sub_maru_top170.gif") no-repeat top left; width:100%;height:31px;font-size:1px; */}

.sidebar-inner-top h2{
  font-size:12px;
  color: #FFFFFF;
  font-weight: bold;
  padding-top: 7px;
  padding-left: 17px;
}

/* サイドメニュー下部角丸 */
.sidebar-inner-bottom {
    border-top: #A5A5A5 1px solid;
    /*
    background: url("/common_img/sub_maru_btm170.gif") no-repeat #F3F8FC;
    */
    width:100%;
    height:5px;
    font-size:1px;
}
.sidebar-inner-bottom div{ display:none /* background: url("/common_img/sub_maru_btm170.gif") no-repeat bottom left #F3F8FC;
width:100%;height:5px;font-size:1px; */}

/* サイドメニュー内部 */
.sidebar-inner-content {
    background: url("/common_img/sub_maru_center170.gif") repeat-y;
    width:100%; 
    padding-top: 0px;
}

/* サイドメニュー分類タイトル */
.sidebar-inner-content-title { background-color: #0A78C3; font-size:11px; color:#FFFFFF; margin:0px; padding:0px; height: auto; width:100%; }
.sidebar-inner-content-title h3 { margin: 0px; padding: 5px 1em 0px 1em; }
.sidebar-inner-content-title p { margin: 0px; padding: 0px 1em 3px 1em; font-size:10px;}

/* サイドメニューアイテムリスト */
.sidebar-inner-content-list { 
 padding:5px 0px; 
 clear:both;
 margin: 0px 1px;
 width:168px;
 height:auto;
 background-color: #F5F5F5;
 color:#00559F;
 min-height:1px;
 display: inline-table;
 border-bottom: #CCCCCC 1px dotted;
}
.sidebar-inner-content-list:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
.sidebar-inner-content-list a {clear:both; height:auto;}
.sidebar-inner-content-list a:link{ text-decoration:none; color:#00559F; }
.sidebar-inner-content-list a:visited{ text-decoration:none; color:#00559F; }

.sidebar-inner-content-list-last { 
 padding:5px 0px; 
 clear:both;
 margin: 0px 1px;
 width:168px;
 height:auto;
 background-color: #F5F5F5;
 color:#00559F;
 min-height:1px;
 display: inline-table;
}

.sidebar-inner-content-list-last:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
.sidebar-inner-content-list-last a {clear:both; }
.sidebar-inner-content-list-last a:link{ 
  text-decoration:none;
  color:#00559F;
}
.sidebar-inner-content-list-last a:visited{
  text-decoration:none;
  color:#00559F;
}

/* サイドメニューリストアイコン */
.sidebar-inner-content-list-icon { 
  float:left;
  width: 20px;
/*  height: auto; */
}
.sidebar-inner-content-list-icon img {
  margin:2px 3px 0px 7px;
}
.sidebar-inner-content-list-inner { 
  float:left;
  width: 148px;
  height: auto;
  line-height: 110%;
}
.sidebar-inner-content-list-inner h2 {
  color: #00559F;
  margin: 0px;
  padding: 2px 0px;
  font-size: 12px;
  line-height: 120%;
  font-weight: bold;
}

.sidebar-inner-content-list-inner h3 { 
  color: #00559F;
  margin: 0px;
  padding: 0px 0px 1px 0px;
  line-height: 120%;
  font-size: 12px;
  font-weight: bold;
}
.sidebar-inner-content-list-inner p { 
  color: #00559F;
  margin: 0px;
  padding: 0px 0px;
/*  font-style:italic; */
  line-height: 120%;
  font-size: 11px;
}

.sidebar-inner-content-list-inner .explain {
  color: #00559F;
  margin: 0px;
  padding: 0px 0px;
  font-size: 11px;
}


.sidebar-inner-content-line { 
  width:100%;
  height:3px;
  background: url("/common_img/m_ex003.gif") no-repeat bottom;
}

.clear {
    content:" ";
    clear:both;
    height:0;
    display:none;
    visibility:hidden;
    margin:0px;
}
.clear div {
    margin:0px;
}

.footer {
    width:780px;
    height:auto;
    clear:both;
}

.footer-inner {
    color: #666666;
}

.footer-content {
    vertical-align: bottom;
    line-height: 100%;
    margin: 5px auto;
}

.footer-content ul,li {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.footer-left{
    float:left;
    margin: 5px 0px 5px -20px;
    _margin: 8px 0px 0px -20px;
    line-height: 150%;
}

.footer-left+img {
    height: 100%;
    width: 1px;
}

.footer-right{
    float:right;
    padding: 0px;
    line-height: 150%;
    margin: 5px auto;
    _margin: 5px auto 0px auto;
}

.footer-right img {
    height: 100%;
    width: 1px;
}

.footer-menu{
    float:left;
    margin:0 2px;
}

.footer-menu a:link{ text-decoration: none;}
.footer-menu a:visited{ text-decoration: none;}

.footer-menu-delim{
    float:left;
}

.footer-copy{
    margin:0px 0px 30px 2px;
}